/* CSS Document */

* { margin: 0; padding: 0; }
body {
	width: 100%;
	height: 100%;
	background: #292929;
	color: #FFF;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
a {
	color: #ef001b;
	text-decoration: none;
}
.wrapper { width: 900px; margin: 0 auto; padding: 0 40px; }
img.logo { width: 185px;  height: 148px; float: left; border: 0; margin-right: 40px; }

#bluetop {padding-left: 15px;width: 100%;height: 157px;text-align: left;vertical-align: top;font-size: 11px;background-color: #000000;background-repeat: repeat;
background-position: center top;background-image: url(images/TopHeader.gif);}
#bluetop ul {list-style: none; }
#bluetop li {float: left; width: 140px; text-align: center; height: 157px;}
#bluetop li.button1 {background-image: url(images/Button1.gif); width:140px;}
#bluetop li.button2 {background-image: url(images/Button2.gif); width:140px;}
#bluetop li.button3 {background-image: url(images/Button3.gif); width:140px;}
#bluetop li.button4 {background-image: url(images/Button4.gif); width:140px;}
#bluetop li.button5 {background-image: url(images/Button5.gif); width:140px;}
#bluetop li.buttonend {background-image: url(images/ButtonEnd.gif); width:170px;}
#bluetop li.active {background-image: url(images/ButtonActive.gif); width:140px;}
#bluetop li.active2 {background-image: url(images/ButtonActive2.gif); width:140px;}
#bluetop li:hover {font-weight: bold;text-decoration: underline;}
#bluetop li a { display: block;  text-align: center; text-decoration: none; color: #FFF; }
#bluetop li a:active { border-right: 0; }
#bluetop li a:hover { border-right: 0; }

#slogan { width: 100%; height: 230px; text-align: center; vertical-align: top; background: url("images/titlebg.gif") top center repeat #2b2b2b; text-align: left; }
#slogan h1 { font-weight: normal; font-size: 36px; padding: 0 0 25px 0; }
#slogan h1.home { padding: 40px 0 15px 0; }
#slogan p { font-size: 21px; }
#slogan p.nav {	font-size: 12px; font-style: italic; padding: 40px 0 20px 0;}
#slogan strong, #slogan b { font-weight: normal; color: #4DDFF4; }

#noslogan { width: 100%; height: 7px; text-align: center; background: url("images/noslogan.gif") top left repeat-x #292929; }

#slogan_survey { width: 100%; height: 64px; text-align: center; vertical-align: top; background: url("images/TitleHeaderSurvey.gif") top center repeat #2b2b2b; text-align: left; }
#slogan_survey h1 { font-weight: normal; font-size: 36px; padding: 0 0 25px 0; }
#slogan_survey h1.home { padding: 40px 0 15px 0; }
#slogan_survey p { font-size: 21px; }
#slogan_survey p.nav {	font-size: 12px; font-style: italic; padding: 40px 0 20px 0;}
#slogan_survey strong, #slogan b { font-weight: normal; color: #4DDFF4; }

.moreinfo { background: #bd0015; font-size: 12px; padding: 0 10px; color: #ff0a30; }
.moreinfo:hover { background: #bd0015; }
.moreinfo a {	color: #FFF;}

.sidepanel {color: #FFFFFF; font-size:12px; font-style:italic}


.view, .view2 { width: 95px; height: 28px; background: url("images/viewbutton.gif") center center no-repeat #222222; font-size: 11px; font-weight: bold; line-height: 28px; color: #FFF; text-align: center; }
.view:hover, .view2:hover { background: url("images/viewbuttonover.gif") center center no-repeat #222222; }
.view a, .view2 a { color: #FFF; }

#main { width: 100%; text-align: left; vertical-align: top; background: url("images/mainbg.gif") top left repeat #292929; padding: 30px 0; }

div.boxfull { float: left; margin-bottom: 20px; background: #222222; width: 900px; }
div.boxformspring { float: left; margin-bottom: 20px; background:none; width: 900px; }
div.boxlefthalf { float: left; margin-bottom: 20px; background: #222222; width: 440px; }
div.boxrighthalf { float: right; margin-bottom: 20px; background: #222222; width: 440px; }
div.area290 { float: right; margin-bottom: 20px; width: 290px; }
div.area220 { float: left; margin-bottom: 20px; margin-right: 18px; width: 220px; }
div.areahalf2 { float: right; margin-bottom: 20px; width: 550px; }
div.box290 { float: left; margin-bottom: 20px; background: #222222; width: 290px; }
div.box590 { float: left; margin-bottom: 20px; background: #222222; width: 590px; }
div.boxhalf { float: left; margin-bottom: 20px; background: #222222; width: 330px; }
div.boxhalf2 { float: left; margin-bottom: 20px; background: #222222; width: 550px; }
div.box185 { float: left; margin-bottom: 20px; margin-right: 18px; background: #222222; width: 185px; }
div.ctl { background: url("images/cornertl.gif") top left no-repeat; }
div.ctr { background: url("images/cornertr.gif") top right no-repeat; }
div.cbl { background: url("images/cornerbl.gif") bottom left no-repeat; }
div.cbr { background: url("images/cornerbr.gif") bottom right no-repeat; }
div.content { padding: 16px; text-align: left; }
div.content h3 { padding-bottom: 10px; font-size: 24px; font-weight: normal; }
div.content h3 strong, div.content h3 b { font-weight: normal; color: #BAD1D9; }
div.content h4 { padding: 0px 0px 10px 0; font-size: 16px; font-weight: normal; color: #979797; }
div.content h5 { padding: 0px 0px 0px 0px; font-size: 14px; font-weight: normal; color: #BAD1D9; }
div.content p { padding-bottom: 10px; line-height: 1.7em; }
div.testimonial { background: url("images/testimonialbg.gif") top center repeat; padding: 40px 20px; text-align: left; height: 106px; }
div.testimonial p { padding-bottom: 20px; font-style: italic; color: #BAD1D9; }
div.testimonial p.signature { padding-bottom: 0; font-style: normal; font-weight: bold; }

.thumbnails { text-align: left; padding: 10px 0; }
.thumbnails img { float: left; margin-right: 14px; width: 90px; padding-bottom: 5px; border: 0; }
.thumbnails img.end { margin-right: 0px; }

.blue { color: #ef001b; }
.highlight { color: #979797; }
.white {color: #FFFFFF}
.clear { clear: both; height: 0px; width: 100%; }





/* ------------------------ */

/* HORIZONTAL CAROUSEL */

.stepcarousel{
	position: relative;
	border: 0;
	overflow: scroll; /*leave this value alone*/
	width: 850px; /*Width of Carousel Viewer itself*/
	height: 270px; /*Height should enough to fit largest content's height*/
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*margin around each panel*/
	width: 750px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	height: 280px;
	margin-top: 10px;
	margin-right: 50px;
	margin-bottom: 10px;
	margin-left: 50px;
}

.panel img { float: left; margin-right: 20px;}
.panel h5 { margin-top: 40px; font-size: 24px; font-weight: normal; color: #ef001b; }
.panel p { margin-top: 5px; }

/* VERTICAL CAROUSEL */

.vcarousel .stepcarousel{
position: relative; /*leave this value alone*/
margin: 0 auto;
border: 0;
overflow: scroll; /*leave this value alone*/
width: 250px; /*Width of Carousel Viewer itself*/
height: 250px; /*Height should enough to fit largest content's height*/
}

.vcarousel .stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 15px 0; /*margin around each panel*/
width: 250px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height: 370px; 
text-align: center;
}

.panel .view { float: left; }
.panel .view2 { margin: 0 auto; }

/* ------------------------ */

#bottom {
	width: 100%;
	height: 380px;
	text-align: center;
	vertical-align: top;
	background-color: #1E1E1E;
}

#addressbox { width: 210px; height: 250px; margin-top: 40px; float: left; text-align: left; font-size: 10px; color: #C5DDE5; }
#addressbox div { height: 50px; padding-left: 40px; }
#addressbox div img { position: relative; top: 20px; left: 0; }
#addressbox p { padding-top: 15px; line-height: 18px; padding-left: 40px; }
.bottommenubox { width: 210px; height: 300px; margin: 40px 0 0 10px; border-left: solid 1px #424242; float: left; text-align: left; font-size: 10px; }
.bottommenubox span { line-height: 60px; padding-left: 20px; font-weight: bold; }
.bottommenubox ul { list-style: none; padding-left: 20px; }
.bottommenubox li { line-height: 18px; }
.bottommenubox li a, .bottommenubox li a:link, .bottommenubox li a:visited { color: #C5DDE5; }
.bottommenubox li a:hover, .bottommenubox li a:visited:hover { color: #4DDFF4; }

#footer { clear: both; width: 100%; height: 70px; text-align: center; vertical-align: top; background: #000; line-height: 70px; }
#main .wrapper .box185 .ctl .ctr .cbl .cbr .content .blue2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 21px;
	font-style: normal;
	font-weight: normal;
	color: #86b5ff;
	background-position: left top;
	word-spacing: normal;
}

/* ------- Forms ----------------- */
/*fieldset {    
float: left;    
clear: both;    
width: 100%;    
margin: 0 0 1.5em 0;    
padding: 0;    
border: 1px solid #2a2a2a;    
background-color: #222222;    
background-image: url(images/gradient.gif);    
background-repeat: repeat-x;    
}*/

fieldset {      
position: relative;      
float: left;      
clear: both;      
width: 100%;      
margin: 0 0 -1em 0;      
padding: 0 0 1em 0;      
border-style: none;      
border-top: 1px solid #BFBAB0;      
background-color: #222222;    
}  


legend {  
margin-left: 1em;  
color: #FFFFFF;  
font-weight: bold;  
}  
fieldset ol {  
padding: 1em 1em 0 1em;  
list-style: none;  
}  
fieldset li {    
float: left;    
clear: left;    
width: 100%;    
padding-bottom: 1em;  
}
fieldset.inquiry_submit {         
position: relative;      
float: left;      
clear: both;      
width: 100%;      
margin: 0 0 -1em 0;      
padding: 0 0 1em 0;      
border-style: none;      
border-top: 1px solid #BFBAB0;      
background-color: #222222;    
}    
/*Display labels above
label {    
display: block;  
}*/

/*Display labels left
label {    
float: left;    
width: 10em;    
margin-right: 1em;  
}*/

/*Display labels right*/
label {    
float: left;    
width: 10em;    
margin-right: 1em;    
text-align: right;  
}

.survey {      
position: absolute;      
left: 0.74em;      
top: 0;      
margin-top: 0.5em;      
font-size: 135%;    
}

fieldset.alt {      
background-color: #444444;    
}