@charset "utf-8";
/* CSS Document */

body {
	background:#091632 url(../images/bg.jpg) no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:14px;
	margin:0;
	padding:0;
}

h1 {
	font-family:"Arial Black", Gadget, sans-serif;
	margin:0;
	padding-top:5px;
	text-transform:uppercase;
	font-size:30px;
	font-style:normal;
}

h2 {
	font-size:18px;
	margin:2px 0 0;
}

h3 {
	font-size:20px;
	text-align:center;
	border-bottom:1px solid white;
	margin:0 0 6px;
	width:75%;
}

a {
	color:#dcdcdc;
	font-weight:bold;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

a img {
	border:0;
}

p {
	margin:5px 0;
}

form {
	margin:0;
}

legend {
	font-weight:bold;
	font-size:12px;
	color:#FFFFFF;
}

fieldset {
	font-size:12px;
	padding:5px;
}

textarea {
	overflow:auto;
}

#pagetop {
	padding:0 15px;
	height:80px;
}

#pagetop #logos {
	float:right;
	padding:8px 0 0;
}

#pagetop #phone {
	font-weight:bold;
	font-size:32px;
	font-family:"Arial Black", Gadget, sans-serif;
	padding-top:15px;
}

#container {
	width:100%;
	min-width:990px;
	margin-bottom:5px;
}

#smoothmenu {
	margin:0 0 0 10px;
	width:190px;
	float:left;
}

#frontimages {
	z-index:1;
}
#frontimages img {
	border-left:1px solid #778;
	border-right:1px solid #778;
}

#footer {
	font-size:10px;
	text-align:center;
	padding:5px 10px;
}
#footer a {
	color:#FFFFFF;
	font-weight:normal;
}
#footer a:hover {
	text-decoration:underline;
}

#board {
	position:absolute;
	left:220px;
	top:291px;
	z-index:40;
}

#content {
	padding:5px 10px 0 210px;
}

#sitemap {
	padding:0 20px;
}
#sitemap h2 {
	margin-bottom:0;
	text-align:left;
}
#sitemap  a {
	color:white;
	font-weight:normal;
}
#sitemap li h2 {
	line-height:26px;
}
#sitemap ul {
	margin:0;
	padding:0 10px 0 20px;
}



.menuicon {
	margin:2px 5px 0 0;
}

.line {
	height:1px;
	background:#778;
	line-height:1px;
	overflow:hidden;
}

.submit {
	cursor:pointer;
	width:auto;
}

.required {
	color:#ff6600;
	font-weight:bold;
}

.modeldisplay h1 {
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	font-size:22px;
	color:#000000;
}
.modeldisplay img {
	margin:5px 0 10px;
}
.modeldisplay a {
	display:inline-block;
	width:107px;
	height:22px;
	padding-top:4px;
	background:url(../images/buttonbg.jpg) no-repeat;
	color:#FFFFFF;
	font-weight:bold;
	font-size:14px;
	margin:0 2px;
}

		
a.frontmodel {
	display:block;
}
a.frontmodel h1, h1.frontmodel {
	color:#FFFFFF;
	font-size:24px;
	margin:0;
	padding:0;
}
a:hover.frontmodel {
	text-decoration:none;
}
a.frontmodel, a.frontmodel div {
	cursor:pointer;
}

.frontphone {
	font-size:32px;
	font-weight:bold;
	text-align:center;
	color:#FFFFFF;
	padding-top:5px;
}


.ajaxcontent {
	padding:0 10px 0 210px;
}

a.arrow {
	background:url(../images/menuicon.gif) no-repeat left;
	padding-left:12px;
}




/*** Model Gallery ***/
#modelgallery {
	height:110px;
	background:url(../images/gallerybg.jpg) repeat-x;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	padding:0 10px;
	z-index:50;
}
#modelgallery a {
	color:#000000;
}
#modelgallery a:hover {
	text-decoration:none;
	color:#015986;
}
#modelgallery .evox {
	width:140px;
	height:70px;
	overflow:hidden;
	margin-left:9px;
	*margin-left:0;
	cursor:pointer;
}

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 100%; /*Width of Carousel Viewer itself*/
height: 110px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0; /*margin around each panel*/
width: 158px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
text-align:center;
}

.panel a .load {
	padding:15px 0;
	background:url(../images/ajaxloadr.gif) no-repeat center;
}
.panel a:hover .load {
	background:url(../images/gallery_over.gif) no-repeat;
}



#moreInfo, #moreInfoHide { display:none; } 
#moreInfoHide, #moreInfoShow { color:#CCCCCC; }
#moreInfoContainer { font-size:10px; padding:0 10px 10px}
#moreInfo { font-size:12px; }
#moreInfo h1 { font-size:18px; }
#moreInfo h2 { font-size:16px; }
#moreInfo h3 { font-size:14px; text-align:left; border:none; white-space:nowrap; margin:20px 20px 5px 0 }
#moreInfo h4 { font-size:12px; }
#moreInfo ul { margin:0; padding:0 10px 0 20px; }
#moreInfo a { color:#00a9ff; }
