@charset "utf-8";
/* CSS Document */


body {

	background: #6c6869 url(../images/body_bg.jpg) repeat-x top; */
	font: 73%/120% "Arial", sans-serif;
	margin: 0; 
	padding: 0;
	line-height: 1.6;
	text-align: center; /* this centers the container in IE 5* browsers. */
}


#accessibility {
	position: absolute;
	top: -9999px;
	font-size: 1px;
}

.clear {
	clear: both;
}

#container {
width: 1024px;  
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
border: none;
text-align: left; /* this overrides the text-align: center on the body element. */
}


#header {
margin:0 auto;
height:105px;
width: 1024px;
padding:0;
background: url(../images/top_filler.png) repeat-x bottom;
}


#logo {
width:192px;
float:left;
height:105px;
margin:0;
padding:0;

}

#logo a:link, #logo a, #logo a:visited, #logo img {
border: 0;
border: none;
text-decoration:none;
position: relative;
outline: 0;
}

#nav_container {
float:right;
width:590px;
height: 105px;
text-indent: -4000px;
}

#top_navigation {
height:30px;
width:590px;
background: url(../images/navigation.png) no-repeat;
position:relative;

margin-top: 64px;
margin: 64px 0 0 0;
padding:0;
}

#top_navigation li {
	width: 118px;
	height: 30px;
	position:absolute;
	display: block;
	list-style: none;
}

#top_navigation a:link {
text-indent: -4000px;
}

#top_navigation a {width: 118px; height: 30px; display: block; border: 0; position:relative; text-decoration:none; outline: 0; }
#top_navigation a:hover {height: 30px;}

#top_navigation #home {left: 0;}
#top_navigation #about {left: 118px; background-position: -118px 0;}
#top_navigation #services {left: 236px; background-position: -236px 0;}
#top_navigation #products {left: 354px; background-position: -354px 0;}
#top_navigation #contact {left: 472px; background-position: -472px 0;}

#top_navigation #home a:hover {background: url(../images/navigation.png) 0 -30px no-repeat;}
#top_navigation #about a:hover {background: url(../images/navigation.png) -118px -30px no-repeat;}
#top_navigation #services a:hover {background: url(../images/navigation.png) -236px -30px no-repeat;}
#top_navigation #products a:hover {background: url(../images/navigation.png) -354px -30px no-repeat;}
#top_navigation #contact a:hover {background: url(../images/navigation.png) -472px -30px no-repeat;}

#top_navigation #home a.current {background: url(../images/navigation.png) 0 -30px no-repeat;}
#top_navigation #about a.current {background: url(../images/navigation.png) -118px -30px no-repeat;}
#top_navigation #services a.current {background: url(../images/navigation.png) -236px -30px no-repeat;}
#top_navigation #products a.current {background: url(../images/navigation.png) -354px -30px no-repeat;}
#top_navigation #contact a.current {background: url(../images/navigation.png) -472px -30px no-repeat;}


#content_wrapper {
padding:0; /* padding is the space inside the div box and margin is the space outside the div box */
margin:0;
background: #605e5e url(../images/content_bg.jpg) repeat-x top;
height: 90%;
border-right: 2px solid #747270;
border-left: 2px solid #747270;
}


#banner {
padding:0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
margin:0 auto;
height:155px;
border: none;
margin: 0 0 30px 0;
width:inherit;
}


#content {
padding: 0; /* padding is the space inside the div box and margin is the space outside the div box */
margin: 0;
position:relative;
}


a img { border: none; text-decoration:none;  }
a:hover img { border: none; text-decoration:none; }


a:active, a {
color: #9cc3fa;
}

a:hover {
color: #599dfc;
text-decoration: underline;
}


a:visited {
text-decoration: none;
color: #9cc3fa;
}

h2 {
color: #fff;
	font-family: "Cambria", "Georgia", "Garamond", serif;
    font-size: 1.5em;
    line-height: 1.2;
	font-weight: normal;
    margin: .2em 0 0.3em 0;
	padding-left: 26px;
	background: url(../images/header_bullet.png) no-repeat left;
}

.info_box h1, .content_box h1 {
color:#9cc3fa;
letter-spacing:1px;
font: bold 18px 'Lucida Grande', 'Trebuchet MS','Lucida Sans Unicode','Lucida Sans Regular', Verdana, sans-serif; 
margin-top: -30px;
text-align:center;
text-transform:uppercase;
position:relative;
}


.home .info_box, .about .info_box, .services .info_box, .products .info_box, .contact .info_box {
width: 294px; 
float: left;
margin-left: 31px; 
margin-bottom: 30px;
border-top: 2px solid #747270;
border-left: 2px solid #747270;
border-right: 2px solid #747270;
text-align: left; /* this overrides the text-align: center on the body element. */
position:relative;
padding: 0;
background-color:#302f30;
}

.movie {
text-align:center;
margin: 0 auto 12px;
position:relative;

}

.home p.shadow {
width: 298px;  
border-top: 2px solid #747270;
background: url(../images/box_shadow.jpg) repeat-x bottom;
height: 20px;
line-height: 300px;
padding:0;
margin: 0 -2px 0 -2px;
overflow:auto;
}


p.shadow {
width:auto;  
border-top: 2px solid #747270;
background: url(../images/box_shadow.jpg) repeat-x bottom;
height: 20px;
line-height: 300px;
padding:0;
margin: 0 -2px 0 -2px;
overflow:auto;
}



p {
font-family: "Arial", sans-serif;
color: #ecebe4;
padding-left: 8px;
padding-right: 5px;
}

ul {
font-family: "Arial", sans-serif;
color: #ecebe4;
list-style:square;
}

ul.left {
font-family: "Arial", sans-serif;
position:relative;
float:left;
color: #ecebe4;
list-style:square;
display: block;
padding-left: 3%;
padding-bottom: 10px;
}

ul.right {
font-family: "Arial", sans-serif;
position:relative;
float:right;
color: #ecebe4;
list-style:square;
padding-right: 10%;
display: block;
padding-left: 3%;
padding-bottom: 10px;
}


p.left {
font-family: "Arial", sans-serif;
position:relative;
float:left;
display: block;
padding-bottom: 0;
}

p.right {
font-family: "Arial", sans-serif;
position:relative;
float:right;
display: block;
padding-right: 20%;
padding-bottom: 0;
}

strong {
color:#9cc3fa;
}

u {
color: #ecebe4;
font-size: 102%;
border-bottom: 1px dotted;
text-decoration:none;
}

.content_box img {
float: right;
border: 1px dotted #9cc3fa;
padding: 3px;
margin-right: 10px;
}


p.box {
color: #fa9b8b;
font-size: 102%;
border: 1px dotted #fa9b8b;
background-color:#605e5e;
}

.pdf {
background: url(../images/pdf.gif) no-repeat right;
padding-right: 1.5em;
}

.doc {
background: url(../images/doc.gif) no-repeat right;
padding-right: 1.5em;
}

.xls {
background: url(../images/xls.gif) no-repeat right;
padding-right: 1.5em;
}

.ppt {
background: url(../images/ppt.gif) no-repeat right;
padding-right: 1.5em;
}





.content_box {
width: 60%; 
float: left;
margin-left: 34px; 
margin-bottom: 30px;
border-top: 2px solid #747270;
border-left: 2px solid #747270;
border-right: 2px solid #747270;
text-align: left; /* this overrides the text-align: center on the body element. */
position:relative;
padding: 0;
background-color:#302f30;
}


.terms .content_box {
width: auto; 
float: left;
margin-left: 34px;
margin-right: 34px; 
margin-bottom: 30px;
border-top: 2px solid #747270;
border-left: 2px solid #747270;
border-right: 2px solid #747270;
text-align: left; /* this overrides the text-align: center on the body element. */
position:relative;
padding: 0;
background-color:#302f30;
}


#footer {
clear:left;
width: inherit;  
	background: url(../images/footer_bg.jpg) repeat-x top;
    height:38px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border-top: 2px solid #747270;
	text-align: left; /* this overrides the text-align: center on the body element. */
	position: relative;

}

#footer p {
color: #000;
padding-right: 5px;
padding:0;
font: 80%/38px Verdana, Arial, Helvetica, sans-serif;
margin: 0;
float: right;
}


#footer address {
color: #000;
padding-left: 5px;
font: 83%/38px Verdana, Arial, Helvetica, sans-serif;
margin: 0;
float: left;
clear:left;
}



#footer a:active, #footer a, #footer a:hover, #footer a:visited {
color: #042c64;
}



p.small  {
font: normal 95%/130% "Verdana",Arial,Helvetica,sans-serif;
position: relative;
}




#contact_map {
height:396px;
width:611px;
background: url(../images/bigMap.gif) no-repeat;
position:relative;
margin: 0;
padding:0;
}

#contact_map li {

	position:absolute;
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}


#contact_map a:link, #contact_map a {
text-indent: -4000px;
}

#contact_map a {display: block; border: 0; position:relative; text-decoration:none;}

#contact_map a:hover {display:block;}

#ne {
	left: 480px;
	top:5px;
	width:127px;
	height:150px;
}
#midwest {
	left: 230px;
	top:31px;
	width:231px;
	height:239px;
}


#se1 {
	left: 193px;
	top:224px;
	width:368px;
	height:161px;
}

/*#se {
	left: 397px;
	top:148px;
	width:162px;
	height:77px;
}*/
#west {
	left: 10px;
	top:7px;
	width:244px;
	height:287px;
}
#oh {
	left: 406px;
	top:120px;
	width:83px;
	height:79px;
}
#mexico {
	left: 38px;
	top:280px;
	width:128px;
	height:106px;
}


#ne a {height:169px;}
#midwest a {height:245px;}
#se1 a {height:161px;}
/*#se a {height:220px;}*/
#west a {height:287px;}
#oh a {height:79px;}
#mexico a {height:106px;}


#ne a:hover {background: url(../images/bigMap.gif) -480px -1979px no-repeat;}
#midwest a:hover {background: url(../images/bigMap.gif) -230px -1215px no-repeat;}

#se1 a:hover {background: url(../images/seMap.png) 1px -83px no-repeat;}

/*#se a:hover {background: url(../images/bigMap2.gif) -397px -1331px no-repeat;}*/
#west a:hover {background: url(../images/bigMap.gif) -10px -402px no-repeat;}
#oh a:hover {background: url(../images/bigMap.gif) -406px -2489px no-repeat;}
#mexico a:hover {background: url(../images/bigMap.gif) -38px -1070px no-repeat;}


.contact_box {
	width: 611px;
	height: 160px;
	margin: 0 0 20px;
	border-bottom: 1px solid #747270;
	
}

.contact_box_last {
	width: 611px;
	height: 160px;
	margin: 0 0 20px;
	border-bottom: 0;
}



form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  color: #ecebe4;
  width: auto; 
}


body.contact form fieldset {
  
 padding-left: 15px;        /* padding in fieldset support spotty in IE */
  margin: 0;
  border:none;

}

form fieldset {
  
 padding-left: 15px; /* padding in fieldset support spotty in IE */
margin: 10px 0 0 0;
border:none;
border-top: 1px dotted #9cc3fa;
}



form fieldset legend {
font-size:100%; 
color:#9cc3fa;
font-weight:bold; 
padding: 0;
background-color:#302f30;
}




form label { 
	display: block;  /* block float the labels to left column, set a width */
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: left; 
}


form  div#bigger, form div#biggest {
width: auto;
position:relative;
margin:0;
padding:0;
}


form div#bigger label { 
	display: block;  /* block float the labels to left column, set a width */
	float:left;
	clear:left;
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

form input, form textarea {
		width:auto;      
	margin:5px 0 0 10px; 
                            
}




form div#biggest label { 
	display: inline;  /* block float the labels to left column, set a width */
	float:left;
	clear:left;
	width: 350px; 
	padding: 0 0 0 15px;  
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: left; 
}

form div#comment label { 
	display: block;  /* block float the labels to left column, set a width */
	width: 350px; 
	padding: 0 0 0 15px; 
	margin: 10px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: left; 
}



/* Jquery slideshow */


#slides {
float: right;
width: auto;
margin:0;
padding:0;
position: relative;
clear:right;

}

#slides .thumbnail img {
float:none;
text-align: right; 
width: 100px;
height: 100px;
margin-bottom: 15px;
padding: 3px;
position:relative;
display:block;
}

#slides thumbnail.img a:hover {
width: 100px;
height: 40px;
display: block;
margin-bottom: 15px;
padding: 3px;
}




#lightbox {position: absolute;	width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img { width: auto; height: auto;}
#lightbox a img { border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../slides/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../slides/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }




/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.slides {
float: right;
width: 90px;
height: auto;
margin: 0;
padding:0;
position: relative;

}

.slides img {
float:none;
border:none;
}


#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}