@import url('Global.css');
@import url('CMS.css');

html 
{
overflow: -moz-scrollbars-vertical;
}

*
{
margin: 0;
padding: 0;
border: none;
text-decoration: none;
font-weight: normal;
font-size: 1.0em;
list-style: none;
outline: none;
}

body 
{
background: #540018 url(img/body-background.png) repeat-x left top;
font-family: Arial;
font-size: 10px;
color: #545455;
}

#wrapper
{
position: relative;
width: 915px;
padding: 0 4px;
margin: 0 auto;
background: #f4f3ef url(img/wrapper-background.png) repeat-y left top;
}

#header
{
position: relative;
float: left;
width: 915px;
padding-top: 50px;
background: url(img/header-background.png) repeat-y left top;
}

#header h2
{
position: absolute;
bottom: 25px;
right: 20px;
font-family: Times New Roman;
font-style: italic;
font-size: 19px;
color: #155c45;
color: #545455;
color: #891E3A;
}

#nav
{
float: left;
width: 100%;
height: 28px;
background: url(img/nav-background.png) repeat-x left top;
}

#nav ul
{
float: right;
}

#nav li
{
float: left;
width: 112px;
height: 28px;
text-indent: -9999px;
list-style: none;
}

#nav li a
{
display: block;
width: 112px;
height: 28px;
}

#nav li a:hover
{
text-decoration: none;
}

li#home {background-image: url(img/nav-home.png);}
li#home:hover, li#home a.current {background-image: url(img/nav-home-hover.png);}
li#aboutus {background-image: url(img/nav-about.png);}
li#aboutus:hover, li#aboutus a.current {background-image: url(img/nav-about-hover.png);}
li#services {background-image: url(img/nav-services.png);}
li#services:hover, li#services a.current {background-image: url(img/nav-services-hover.png);}
li#contact {background-image: url(img/nav-contact.png);}
li#contact:hover, li#contact a.current {background-image: url(img/nav-contact-hover.png);}

#branding
{
position: relative;
float: left;
width: 915px;
height: 286px;
background: url(img/branding-alt.jpg) no-repeat left top;
}

#branding h1
{
background: none !important;
}

#branding h1 a
{
display: block;
float: left;
width: 261px;
height: 178px;
margin: 23px 0 0 20px;
background: url(img/logo-ihbs.jpg) no-repeat left top;
text-indent: -9999px;
}

#content
{
float: left;
width: 815px;
padding: 50px;
background: #f4f3ef url(img/content-background.png) repeat-x left top;
}

/* PAGES 
-------------------------------------------------------------------------------------------------------------*/

#intro p
{
padding: 0 5px;
font-family: Times New Roman;
font-style: italic;
font-size: 1.7em;
color: #282647;
}

#home-page .col2-right
{
margin-top: 65px;
}

#whats-new
{
width: 380px;
padding-bottom: 17px;
background: url(img/box-gray-bottom.png) no-repeat left bottom;
}

#whats-new h2
{
margin: -10px 0 0 0;
padding: 15px 20px 15px 20px;
background: url(img/box-gray-top.png) no-repeat left top;
font-family: Lucida Grande;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #282647;
font-size: 15px;
font-weight: normal;
}

#whats-new ul
{
margin: 0;
padding: 10px 0 17px 0;
background-color: #fff;
border-left: solid 6px #D9D8D5;
border-right: solid 6px #D9D8D5;
}

#whats-new li
{
height: 28px;
padding: 10px 2px;
margin: 0;
list-style: none;
font-family: Lucida Grande;
font-size: 15px;
color: #282647;
border-bottom: solid 1px #D9D8D5;
}

#whats-new li a
{
line-height: 28px;
padding: 0 20px;
display: block;

}

#whats-new li a:hover
{
background: url(img/list-hover.png) no-repeat left top;
text-decoration: none;
}

/* Services
----------------------------------------------------------*/

#img-solutions
{
float: right;
width: 343px;
height: 235px;
padding: 0 9px 13px 0;
margin: -40px 0 30px 40px;
background: url(img/img-wrapper.png) no-repeat right bottom;
}
#img-solutions img
{
border: solid 1px #e4e4e4;
}

/* About Us
----------------------------------------------------------*/

#team
{
padding-top: 5px;
}

.bio
{
margin-top: 20px;
padding-bottom: 10px;
background: url(img/box-lg-gray-bottom.png) no-repeat left bottom;
background-color: Transparent !important;
}

#john.bio img
{
float: right;
margin: -45px -10px 10px 10px !important;
margin-top: -60px;
}

#jason.bio img
{
float: right;
margin: -34px -5px 10px 10px !important;
margin-top: -59px;
}

#stacia.bio img
{
float: left;
margin: -35px 15px 10px 0 !important;
margin-top: -50px;
}

.bio h2
{
/*width: 300px;*/
height: 1px;
padding: 23px 27px 0 20px !important; padding-top: 18px;
margin-bottom: 0;
background: url(img/box-lg-gray-top.png) no-repeat left top;
font-family: Courier New;
font-size: 18px;
}

#stacia.bio h2
{
padding-left: 258px !important;
}

.bio-text
{
margin-bottom: 10px;
padding: 20px;
background-color: #d9d8d5;
}
.bio p
{
padding: 10px 0;
margin: 0;
font-size: 11px;
}

/* Contact Forms
---------------------------------------------------------*/
.contact-form
{
clear: both;
width: 814px;
padding-bottom: 17px;
background: url(img/box-lg-gray-bottom.png) no-repeat left bottom;
}

.contact-form h2
{
height: 3px;
padding: 15px 25px !important; padding-bottom: 3px;
margin: 0;
background: url(img/box-lg-gray-top.png) no-repeat left top;
}

.contact-form fieldset
{
background-color: #d9d8d5;
padding: 15px 25px;
}

.form-left
{
float: left;
width: 40%;
}

.form-right
{
float: right;
width: 55%;
}

.contact-form label
{
clear: left;
float: left;
width: 115px;
margin: 3px 5px 10px 0;
font-size: 12px;
text-align: right;
}

.form-right label {text-align: left; width: auto;}
.contact-form .form-right input {width: 350px;}


.contact-form input, .contact-form textarea, .contact-form select
{
float: left;
padding: 2px;
border-top: solid 1px #999;
border-left: solid 1px #999;
border-bottom: solid 1px #bec7ce;
border-right: solid 1px #bec7ce;
font-size: 12px;
}

.contact-form input
{
width: 150px;
}

.contact-form textarea
{
clear: left;
width: 100%;
height: 120px;
}

.contact-form .btn
{
float: right;
width: 121px;
height: 23px;
margin: 20px 0 0 0;
background: url(img/btn-send.gif) no-repeat right top;
text-indent: -9999px;
border: none;
}

.contact-form .btn:hover {background-image: url(img/btn-send-hover.gif);}

#location h2
{
float: left;
margin-right: 20px;
margin-left: 85px !important; margin-left: 0px;
padding-top: 3px;
}

#location > h2:first-child
{
margin-left: 0px !important;}

#location p
{
float: left;
font-size: 14px;
margin-right: 0px !important; margin-right: 40px;
margin-bottom: 20px;
}