/* ----- FONT STYLES ----- */

h1 {
color:#e19b2e;
font-size:22px;
font-weight:normal;
margin-bottom:0.8em;
/*text-transform:uppercase;*/
}

h1.home {
border-bottom:1px solid #3963ae;
color:#e19b2e;
font-size:26px;
margin-bottom:7px;
padding-bottom:2px;
/*text-transform:uppercase;*/
}

h2 {
color:#959595;
font-size:18px;
font-weight:normal;
margin-bottom:0.8em;
}

/* ----- IMG ----- */
img{border: 0;}


/* ----- LINKS ----- */
a:link{color: #3b62ad; font-weight: bold; text-decoration: underline;}
a:visited{color: #3b62ad; font-weight: bold; text-decoration: underline;}
a:hover{color: #faa419; font-weight: bold; text-decoration: none;}
a:active{color: #3B62AD; font-weight: bold; text-decoration: underline;}



/* ----- BODY ----- */

body {
background:#000000 url(/images/infinistorm-storm-bg-gradient.jpg) no-repeat scroll center top;
color:#cccccc;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:13px;
margin:0;
}


/* ----- HEADER ----- */



#header {
width:940px;
height:130px;
margin:0 auto;
}

#logo {

background:transparent url(/images/infinistorm-logo.jpg) no-repeat scroll left top;
float:left;
height:70px;
outline-style:none;
outline-width:medium;
position:relative;
text-indent:-9999px;
top:30px;
width:325px;
}

.logoleft{float: left; width: 645px;}
.socialright{float: left; width: 295px; text-align: right;}

/* ----- NAVIGATION ----- */



#navigation-container {
width:100%;
height:28px;
background:#000000 url(/images/infinistorm-navigation-bg.jpg);
}

#navigation {
width:940px;
height:28px;
margin:0 auto;

}

ul#menu
{
margin:0;
padding:0;
list-style-type:none;
width:auto;
position:relative;
display:block;
height:28px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal
}

ul#menu li
{
display:block;
float:left;
margin:0;
padding:0;
}
	
ul#menu li a
{
display:block;
float:left;
color:#cccccc;
text-decoration:none;
font-weight:bold;
padding:7px 20px 0 20px;
}
	
ul#menu li a:hover
{	
color:#F8A41D;
}
	

ul#menu li a.current
{
color:#FFFFFF;

}

/* ----- MAIN CONTENT ----- */

#flash-content{
font-size:1px;
line-height:1px;
}

.wrapper {
height:auto !important;
margin:0 auto;
min-height:100%;
text-align:left;
width:940px;
background-color:#000000;
}

#content { 

min-height:350px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:350px; /* for IE5.x and IE6 */
padding: 5px;
}



/* ----- FOOTER ----- */



#footer { 
border-top-style:solid;
border-width:1px;
border-color:#3963ae;
margin:0 auto;
float: left;
width: 100%;
font-size: 10px;
padding: 10px 0px;
}

ul#footernav
{
margin:0;
padding:0;
list-style-type:none;
width:auto;
position:relative;
display:block;
height:20px;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal
}

ul#footernav li
{
display:block;
float:left;
margin:0;
padding:0;
}
	
ul#footernav li a
{
display:block;
float:left;
color:#666666;
text-decoration:none;
font-weight:bold;
padding:4px 10px 0 10px;
}
	
ul#footernav li a:hover
{	
color:#FFFFFF;
}
	

ul#footernav li a.current
{
color:#FFFFFF;
}

#footernav a:link{color: #666666; font-weight: bold; text-decoration: none;}
#footernav a:visited{color: #666666; font-weight: bold; text-decoration: none;}
#footernav a:hover{color: #FFFFFF; font-weight: bold; text-decoration: underline;}
#footernav a:active{color: #FFFFFF; font-weight: bold; text-decoration: none;}

#copyright
{
text-align:right;    
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
padding-top:2px;
margin:0;
}


/* ----- CUSTOM ----- */
.imageLeft{float: left; padding: 5px;}
.imageRight{float: right; padding: 5px;}
.center{text-align: center; margin-right: auto; margin-left: auto;}
.breadcrumbs{width: 100%; float: left; padding: 5px 0px;}
.xxsm{font-size: 9px;}
.caseStudy{padding: 3px; width: 250px; text-align: center;float: right; font-size: 10px; font-weight: bold;}

.social{float: left;}
a.social{display: block; height: 36px; width: 146px;}
a.social:hover{background-position: -146px;}

.chamber{float: left;}
a.chamber{display: block; height: 83px; width: 295px;}
a.chamber:hover{background-position: -295px;}

.promonav{float: left; padding-left: 10px; padding-top: 20px; width: 200px;}
.promonav a:link{color: #777777; font-weight: bold; text-decoration: none;}
.promonav a:visited{color: #777777; font-weight: bold; text-decoration: none;}
.promonav a:hover{color: #FFFFFF; font-weight: bold; text-decoration: underline;}
.promonav a:active{color: #FFFFFF; font-weight: bold; text-decoration: none;}