/* CSS Document */

body {
	text-align: center;
	min-width: 600px;
}

#container {
    position: relative;
    top: -50px;
    margin: 0 auto;
	width: 800px;
	height: 600px;
	text-align: left;
	z-index: 1;
}

#content {
	width: 800px;
	height: 3910px;
	z-index: 2;
	background-image:url(images/backgrounds_cs.gif);
	background-repeat:no-repeat;
}
	
#content1 {
	width: 800px;
	height: 3910px;
	z-index: 2;
	background-image:url(images/backgrounds_cs2.gif);
	background-repeat:no-repeat;
}

#content2 {
	width: 800px;
	height: 3910px;
	z-index: 2;
	background-image:url(images/backgrounds_cs3.gif);
	background-repeat:no-repeat;
}

#content3 {
	width: 800px;
	height: 3910px;
	z-index: 2;
	background-image:url(images/backgrounds_cs4.gif);
	background-repeat:no-repeat;
}

#content4 {
	width: 800px;
	height: 3910px;
	z-index: 2;
	background-image:url(images/backgrounds_cs5.gif);
	background-repeat:no-repeat;
}

#content5 {
	width: 800px;
	height: 3910px;
	z-index: 2;
	background-image:url(images/backgrounds_none.gif);
	background-repeat:no-repeat;
}

#contenthome {
	width: 800px;
	height: 3910px;
	z-index: 2;
	background-image:url(images/backgrounds_cshome.gif);
	background-repeat:no-repeat;
}

#new-txt-outer1{
	width:700px;
	margin:auto;
	position:absolute;
	left: 38px;
	top: 772px;
}

#new-txt-outer1a{
	width:700px;
	margin:auto;
	position:absolute;
	left: 38px;
	top: 795px;
}

#new-txt-outer1b{
	width:700px;
	margin:auto;
	position:absolute;
	left: 38px;
	top: 563px;
}

#new-txt-outer{
	width:700px;
	margin:auto;
	position:absolute;
	left: 38px;
	top: 825px;
}

#new-txt-middle{
	width:105px;
	margin:auto;
	position:absolute;
	left: 313px;
	top: 605px;
}

#new-txt-middle1{
	width:59px;
	margin:auto;
	position:absolute;
	left: 428px;
	top: 605px;
}

#clear{ clear:both}

#metal-heading{width:663px;float:left;text-align:center;color:#990000; font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold; font-size:12px;padding-top:10px}

#Garage-window{width:145px;float:left;text-align:left;color:#333333; font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold; font-size:10px;padding-top:9px; text-decoration:none; line-height:13px}

#Forlarger{width:245px;float:left;text-align:left;color:#333333; font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold; font-size:10px;padding-top:11px; text-decoration:none; line-height:15px}

#Installation{width:120px;float:left;text-align:left;color:#333333; font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold; font-size:10px;padding-top:13px; text-decoration:none; line-height:15px}

#VersaTube{width:145px;float:left;text-align:left;color:#990000; font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold;font-size:10px;padding-top:9px; text-decoration:none; line-height:12px}

#VersaTube1{width:145px;float:left;text-align:left;color:#333333; font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold;font-size:10px;padding-top:9px; text-decoration:none; line-height:12px}

#subhead{line-height: 140%;
font-family: Verdana;
font-size: 10px;
text-decoration: none;
color:#333333;
list-style: none;
text-align:justify}

#subhead-or{line-height: 140%;
font-family: Verdana;
font-size: 10px;
text-decoration: none;
color:#9c2931;
list-style: none;
text-align:justify}

#homelink{
position:absolute;
z-index: 100;
width:160px;
height:85px;
left: 309px;
top: -1px;
 
}

#mainpage_bg{
position:absolute;
z-index: 50;
width:70px;
height:25px;
left: 40px;
top: 181px;
 
}
#mainpage_cs{
position:absolute;
z-index: 50;
width:80px;
height:25px;
left: 128px;
top: 180px;
 
}

#mainpage_hbls{
position:absolute;
z-index: 50;
width:80px;
height:25px;
left: 218px;
top: 180px;
 
}

#mainpage_lc{
position:absolute;
z-index: 50;
width:80px;
height:25px;
left: 308px;
top: 180px;
 
}

#mainpage_o{
position:absolute;
z-index: 50;
width:80px;
height:25px;
left: 397px;
top: 180px;
 
}

#mainpage_choseversatube{
position:absolute;
z-index: 50;
width:205px;
left: 524px;
top: 176px;
 
}


#mainpage_dealers{
position:absolute;
z-index: 50;
width:207px;
height:65px;
left: 524px;
top: 254px;
}

#mainpage_search{
position:absolute;
z-index: 50;
width:207px;
height:65px;
left: 533px;
top: 367px; 
}

#mainpage_quote{
position:absolute;
z-index: 50;
width:207px;
height:65px;
left: 533px;
top: 452px; 
}#mainpage_search{
position:absolute;
z-index: 50;
width:207px;
height:65px;
left: 525px;
top: 345px; 
}

#mainpage_quote{
position:absolute;
z-index: 50;
width:207px;
height:65px;
left: 525px;
top: 430px; 
}#mainpage_about{
position:absolute;
z-index: 50;
width:300px;
left: 503px;
top: 519px;
list-style: none;
list-style-position: inside;
list-style-type: lower-roman;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 7pt;
color:#FFFFFF;
text-decoration: none;
letter-spacing: 1px; 
}#mainpage_about li{
position:absolute;
z-index: 50;
width:400px;
left: 547px;
top: 510px;
list-style: none;
list-style-position: inside;
list-style-type: lower-roman;
font-family: Georgia;
font-size: 9pt;
color:#333333;
text-decoration: none;
letter-spacing: 1px; 
}


#mainpage_contact{
position:absolute;
z-index: 50;
width:70px;
left: 682px;
top: 523px;
 
}

#mainpage_assemblyimage{
position:absolute;
z-index: 50;
width:115px;
left: 526px;
top: 585px;
 
}

#mainpage_assemblyvideo{
position:absolute;
z-index: 50;
width:65px;
left: 664px;
top: 647px;
 }

#mainpage_assemblyvideo1{
position:absolute;
z-index: 50;
width:37px;
left: 572px;
top: 637px;
 }
 
#mainpage_assemblyvideo2{
position:absolute;
z-index: 50;
width:37px;
left: 660px;
top: 639px;
 }
 
#image_big{
position:absolute;
z-index: 50;
width:270px;
height:200px;
left: 40px;
top: 242px;
}

#image_1{
position:absolute;
z-index: 50;
width:77px;
height:59px;
left: 39px;
top: 477px;
}

#image_2{
position:absolute;
z-index: 50;
width:77px;
height:59px;
left: 129px;
top: 477px;
}

#image_3{
position:absolute;
z-index: 50;
width:77px;
height:59px;
left: 219px;
top: 477px;
}

#image_4{
position:absolute;
z-index: 50;
width:77px;
height:59px;
left: 309px;
top: 477px;
}

#image_5{
position:absolute;
z-index: 50;
width:77px;
height:59px;
left: 398px;
top: 477px;
}

#text1{
position: absolute;
list-style: none;
display: block;
top: 257px;
left: 330px;
width: 135px;
z-index: 100;
line-height: 150%;
font-family: Verdana;
font-size: 10px;
text-decoration: none;
color:#333333;
list-style: none;
}

#text1-1{
position: absolute;
list-style: none;
display: block;
top: 242px;
left: 330px;
width: 135px;
z-index: 100;
line-height: 150%;
font-family: Verdana;
font-size: 10px;
text-decoration: none;
color:#333333;
list-style: none;
}

#text1-a{
position: absolute;
list-style:none;
display: block;
top: 435px;
left: 310px;
width: 157px;
z-index: 100;
line-height: 130%;
font-family: Verdana;
font-size: 10px;
text-decoration: underline;
color:#ffffff;
list-style: none;
text-align: left;
}


#text2{
position: absolute;
list-style: none;
display: block;
top: 619px;
left: 42px;
width: 145px;
z-index: 100;
line-height: 110%;
font-family: Verdana;
font-size: 10px;
text-decoration: none;
color:#333333;
list-style: none;
}

#text3{
position: absolute;
list-style: none;
display: block;
top: 596px;
left: 290px;
width: 200px;
z-index: 100;
line-height: 140%;
font-family: Verdana;
font-size: 10px;
text-decoration: none;
color:#FFFFFF;
list-style: none;
}

#text4{
position: absolute;
list-style: none;
display: block;
top: 625px;
left: 290px;
width: 200px;
z-index: 100;
line-height: 140%;
font-family: Verdana;
font-size: 10px;
text-decoration: none;
color:#FFFFFF;
list-style: none;
}

#text5{
position: absolute;
list-style: none;
display: block;
top: 656px;
left: 290px;
width: 180px;
z-index: 100;
line-height: 120%;
font-family: Verdana;
font-size: 10px;
text-decoration: none;
color:#FFFFFF;
list-style: none;
}

#text6{
position: absolute;
list-style: none;
display: block;
top: 714px;
left: 220px;
width: 245px;
z-index: 100;
line-height: 140%;
font-family: Verdana;
font-size: 10px;
text-decoration: none;
color:#333333;
list-style: none;
}

#text6a{
position: absolute;
list-style: none;
display: block;
top: 722px;
left: 262px;
width: 245px;
z-index: 100;
line-height: 140%;
font-family: Verdana;
font-size: 10px;
text-decoration: none;
color:#333333;
list-style: none;
}

#text6-1{
position: absolute;
list-style: none;
display: block;
top: 700px;
left: 220px;
width: 245px;
z-index: 100;
line-height: 140%;
font-family: Verdana;
font-size: 10px;
text-decoration: none;
color:#333333;
list-style: none;
}

#text6-1b{
position: absolute;
list-style: none;
display: block;
top: 560px;
left: 220px;
width: 245px;
z-index: 100;
line-height: 140%;
font-family: Verdana;
font-size: 10px;
text-decoration: none;
color:#333333;
list-style: none;
}

#text7{
position: absolute;
list-style: none;
display: block;
top: 697px;
left: 528px;
width: 120px;
z-index: 100;
line-height: 140%;
font-family: Verdana;
font-size: 10px;
text-decoration: none;
color:#333333;
list-style: none;
}

#text7-1{
position: absolute;
list-style: none;
display: block;
top: 705px;
left: 528px;
width: 120px;
z-index: 100;
line-height: 140%;
font-family: Verdana;
font-size: 10px;
text-decoration: none;
color:#333333;
list-style: none;
}

#text7a{
position: absolute;
list-style: none;
display: block;
top: 585px;
left: 573px;
width: 120px;
z-index: 100;
line-height: 140%;
font-family: Verdana;
font-size: 10px;
text-decoration: none;
color:#333333;
list-style: none;
}

#text8{
position: absolute;
list-style: none;
display: block;
top: 588px;
left: 663px;
width: 65px;
z-index: 100;
line-height: 150%;
font-family: Verdana;
font-size: 10px;
text-decoration: none;
color:#333333;
list-style: none;
}

/* LIGHT BOX BELOW  */

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#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: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/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;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}

#footer{
	width:700px;
	z-index: 50;
	list-style: none;
	list-style-position: inside;
	list-style-type: lower-roman;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color:#FFFFFF;
	text-decoration: none;
	letter-spacing: 1px;
	height: 15px;
	margin:auto
}

#text3a{
float:left;list-style: none;display: block;width: 102px;z-index: 100;line-height: 100%;font-family: Verdana; font-weight:bold;
font-size: 10px;text-decoration: none;color:#FFFFFF;list-style: none;padding-top:10px;
}

#text3b{
float:left;list-style: none;display: block;width: 102px;z-index: 100;line-height: 100%;font-family: Verdana; font-weight:bold;
font-size: 10px;text-decoration: none;color:#FFFFFF;list-style: none;padding-top:13px;
}

#text4a{
float:left;list-style: none;display: block;width: 102px;z-index: 100;line-height: 100%;font-family: Verdana; font-weight:bold;
font-size: 10px;text-decoration: none;color:#FFFFFF;list-style: none;padding-top:18px;
}

#mainpage_enterbutton{
position:absolute;
z-index: 50;
width:188px;
left: 42px;
top: 474px;
}

#mainpage_rotatinggraphic{
position:absolute;
z-index: 50;
width:435px;
height:220px;
left: 39px;
top: 182px;
}