﻿/* HORIZONTAL NAVIGATION BAR
/////////////////////////////////////*/

ul#navigation {
	width: 340px;
	list-style: none;
	margin-left:-42px;
	height: 21px;
	float:left;
}

ul#navigation li {
	display:inline
}

ul#navigation li a {
	height:21px;
	float:left;
	text-indent:-9999px;
	text-decoration:none
}

ul#navigation  li a span {
	float:left;
	display:block
}

ul#navigation li#navigation-1 a {
	width:80px;
	background:url(images/navbar.jpg) no-repeat 0px 0
}

ul#navigation li#navigation-1 a:active,
ul#navigation li#navigation-1 a:hover {
	background-position:0px -21px
}
ul#navigation li#navigation-1 a.current {
	background-position:0px -42px
}

ul#navigation li#navigation-2 a {
	width:103px;
	background:url(images/navbar.jpg) no-repeat -80px 0
}

ul#navigation li#navigation-2 a:active,
ul#navigation li#navigation-2 a:hover {
	background-position:-80px -21px
}
ul#navigation li#navigation-2 a.current {
	background-position:-80px -42px
}

ul#navigation li#navigation-3 a {
	width:80px;
	background:url(images/navbar.jpg) no-repeat -183px 0
}

ul#navigation li#navigation-3 a:active,
ul#navigation li#navigation-3 a:hover {
	background-position:-183px -21px
}
ul#navigation li#navigation-3 a.current {
	background-position:-183px -42px
}

ul#navigation li#navigation-4 a {
	width:77px;
	background:url(images/navbar.jpg) no-repeat -263px 0
}

ul#navigation li#navigation-4 a:active,
ul#navigation li#navigation-4 a:hover {
	background-position:-263px -21px
}
ul#navigation li#navigation-4 a.current {
	background-position:-263px -42px
}

body{
	margin: 0px;
	padding: 0px;
	background: url('images/bg.jpg');
}


#header {
	margin: 0 auto;
	width: 931px;
	height: 113px;
	background: url('images/header.jpg') no-repeat;
}

#navigation {
	margin:0 auto 0 auto;
	width:931px;
	height:23px;
	color:#343f52;
}


#button1 {
	margin: 0 auto;
	float: left;
	width: 78px;
	height: 23px;
	background: url('images/home_button.jpg') no-repeat;
}

#button2 {
	margin: 0 auto;
	float: left;
	width: 109px;
	height: 23px;
	background: url('images/navbtn_specs.jpg') no-repeat;
}

#button3 {
	margin: 0 auto;
	float: left;
	width: 78px;
	height: 23px;
	background: url('images/Quote_button.jpg') no-repeat;
}

#button4 {
	margin: 0 auto;
	float: left;
	width: 78px;
	height: 23px;
	background: url('images/contact_button.jpg') no-repeat;
}

#border {
	margin: 0 auto;
	float: right;
	width: 593px;
	height: 23px;
	background: url('images/navgrid.jpg');
}


#top {
	clear:both;
	margin:0 auto 0 auto;
	width:931px;
	height:171px;
}

#wrap {
	width:931px;
	height:630px;
	background:#FFFFFF;
	position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
}

#quote {
	background: #FFFFFF;
	margin: 0 auto 0 auto;
	width: 931px;
	height: 1170px;
}

#contact {
	background: #FFFFFF;
	margin: 0 auto 0 auto;
	width: 931px;
	height: 800px;
	font-family: Arial, Helvetica, sans-serif;
}


#terms_top {
	margin: 0 auto 0 auto;
	background: white;
	width: 931px;
	height: 40px;
	overflow:hidden;
}


#terms {
	background: #FFFFFF;
	margin: 0 auto 0 auto;
	width: 931px;
	height: 2400px;
}

#privacy {
	background: #FFFFFF;
	margin: 0 auto 0 auto;
	width: 931px;
	height: 2800px;
}


#left{
	float:left;
	width:478px;
	height:100%;
	}
	
#right{
	float:right;
	width:453px;
	height:100%;
	color:#FFF;
	}

#closeup{
	float: left;
	width: 184px;
	height: 171px;
	background: url('images/insetDL.jpg');
}
#top_text{
    float:left;
    width:747px;
	height:171px;
	background-color:#FFF;
	}
	
#left_text{
	float:left;
    width:465px;
	height:200px;
	background-color:#FFF;
	}
	
#instruct{
	margin-bottom:14px;
	float:left;
	width:465px;
	background-color: #FFF;
}
	
#instruct_text p{
	font-family:arial;
	font-size: 112px;
	font-weight:normal;
	color:#000;
}

#right_text{
	float:right;
	width:466px;
	height:200px;
	background-color:#FFF;
}
	

#top_text h1{
		margin:12px;
		font-family:arial;
		font-size:16px;
		font-weight:bold;
		color:#000;
		text-align:left;
	}


#terms_top h1{
	font-family: arial;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	text-align: left;
	margin-left: 25px;
}


#left_text h1{
		margin:12px;
		font-family:arial;
		font-size:16px;
		font-weight:bold;
		color:#000;
		text-align:left;
	}

#top_text p{
		margin:3px 5px 3px 15px;
		font-family:arial;
		font-size:12px;
		font-weight:normal;
		color:#000;
		text-align:left;
		
	}


#left_text p{
		margin:3px 5px 3px 15px;
		font-family:arial;
		font-size:12px;
		font-weight:normal;
		color:#000;
		text-align:left;
		
	}
	
#right_text p{
		margin:3px 5px 3px 15px;
		font-family:arial;
		font-size:12px;
		font-weight:normal;
		color:#000;
		text-align:left;
		
	}

#spacer{
	margin:96px 0 0 0;
	width: 466px;
	height: 200px;
	background-color: #FFF;
	
}


	.text{
		display:block;
		padding:0 0 0 15px;
		font-family:Arial;
		font-size:16px;
		color:#000;
		}
		
#style1{
	margin:30 25 30 25px;
}

#cnc{
	margin: 0px;
	float: right;
	width: 453px;
	height: 451px;
	background: url('images/QT30.jpg') no-repeat;
}
	
#bullets{
	float: left;
	width: 478px;
	height: 105px;
	background: url('images/apps_block.jpg') no-repeat;
}
	
#disc_level{
	float: left;
	width: 478px;
	height: 211px;
	background: url('images/dl_zoom.jpg') no-repeat;
}
	
#features{
	float: left;
	width: 478px;
	height: 136px;
	background: url('images/features_block.jpg') no-repeat;
}
	
#footer{
	margin: 0 auto 0 auto;
	clear: both;
	width: 931px;
	background-color: #FFF;
}
	
#bottom_bullets{
	margin: 0 auto 0 auto;
	width: 931px;
	height: 46px;
	background: url('images/index_18.jpg') no-repeat;
	no-repeat;
}
	
#bottom_pics{
	margin: 0 auto 0 auto;
	width: 931px;
	height: 163px;
	background: url('images/bottom_pics.jpg') no-repeat;
}
	
#link_box{
	margin: 0 auto 0 auto;
	width:931px;
	height:72px;
	}
	
#disclaimer{
		margin:0 auto;
		font-family:Arial;
		font-weight:normal;
		text-align:center;
		font-size:14px;
		color:#999999;
		}
	
#links{
	padding:0 0 0 0px;
	text-align:center;
	margin: 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	}
	
#container{
	margin:0 auto 0 auto;
	width:931px;
	height:9500px;
	background-color:#FFF;
	}
	
#flag{
	margin: 0 auto 0 auto;
	width:931px;
	height:100px;
	background-color:#FFF;
}

#DL12{
	margin: 40px 0 0 0;
	float: left;
	width: 648px;
	height: 664px;
	background: url('images/DL12.jpg');
}

#right1{
	margin:40px 0 0 0;
	float:left;
	width:283px;
	height:664px;
	background-color:#FFF;
	}
	
#right2{
	margin:300px 0 0 0;
	float:left;
	width:283px;
	height:664px;
	background-color:#FFF;
	}
	
	
	
	
	
	
#price1{
	margin:500px 0 0 0;
	float:right;
	width:283px;
	height:50px;
	background-color:#FFF;
	}
	
#price1_p1{
		margin:0 0 0 0;
		font-family:arial;
		font-size:16px;
		color:#000;
		text-align:left;
	}
	
#DL16{
	margin:300px 0 0 0;
	float:left;
	width:648px;
	height:664px;
	background:url(images/dl16.jpg);
	background-repeat:no-repeat;
}

#DL20{
	margin:300px 0 0 0;
	float:left;
	width:648px;
	height:664px;
	background:url(images/dl20.jpg);
}

#DL24{
	margin:300px 0 0 0;
	float:left;
	width:648px;
	height:664px;
	background:url(images/dl24.jpg);
}

#DL30{
	margin:300px 0 0 0;
	float:left;
	width:648px;
	height:664px;
	background:url(images/dl30.jpg);
}

#DL36{
	margin:300px 0 0 0;
	float:left;
	width:648px;
	height:664px;
	background:url(images/dl36.jpg);
}

#DL42{
	margin:300px 0 0 0;
	float:left;
	width:648px;
	height:664px;
	background:url(images/dl42.jpg);
}

#DL48{
	margin:300px 0 0 0;
	float:left;
	width:648px;
	height:664px;
	background:url(images/dl48.jpg);
}

#DL56{
	margin:300px 0 0 0;
	float:left;
	width:648px;
	height:664px;
	background:url(images/dl56.jpg);
}

#DL64{
	margin:300px 0 0 0;
	float:left;
	width:648px;
	height:664px;
	background:url(images/dl64.jpg);
}

#image1{
	float: left;
	width: 212px;
	height: 85px;
	background: url('images/DL12_ss.jpg');
}

#image2{
	float: left;
	width: 212px;
	height: 85px;
	background: url('images/DL16_ss.jpg');
}

#image3{
	float: left;
	width: 212px;
	height: 85px;
	background: url('images/DL20_ss.jpg');
}

#image4{
	float: left;
	width: 212px;
	height: 85px;
	background: url('images/DL24_ss.jpg');
}

#image5{
	float: left;
	width: 212px;
	height: 85px;
	background: url('images/DL30_ss.jpg');
}

#image6{
	float: left;
	width: 212px;
	height: 85px;
	background: url('images/DL36_ss.jpg');
}

#image7{
	float: left;
	width: 212px;
	height: 85px;
	background: url('images/DL42_ss.jpg');
}

#image8{
	float: left;
	width: 212px;
	height: 85px;
	background: url('images/DL48_ss.jpg');
}

#image9{
	float:left;
	width:212px;
	height:85px;
	background:url(/images/DL56_ss.jpg);
}

#features1text p,
#features2text p  {
   font: 9px/15px;
   font-family:"Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
   margin: 0px;
   color: #42576C;
   text-align: left;
}

#appstop2text p,
#appstoptext p  {
   font: italic 16px/14px;
   font-family:"Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
   margin: 0px;
   color: #748FA9;
   text-align: center;
}

#appstoptext,
#appstop2text  {
   visibility: visible;
   position: absolute;
   left: 45px;
   top: 410px;
   width: 438px;
}

#phonenumbertext p  {
   font: 30px/32px "Arial Black";
   margin: 0px;
   color: #F7C155;
   text-align: left;
}

#longbulletstext p  {
   font: 9px/15px Wingdings;
   margin: 0px;
   color: #3A4D5E;
   text-align: left;
}

#featuretoptext p  {
   font: italic 16px/16px;
   font-family:"Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
   margin: 0px;
   color: #607F9D;
   text-decoration: underline;
   text-align: left;
}

#longbulletstext  {
   visibility: visible;
   position: absolute;
   left: 25px;
   top: 521px;
   z-index: 4;
   width: 835px;
}

#phonenumbertext  {
   visibility: visible;
   position: absolute;
   left: 571px;
   top: 20px;
   z-index: 2;
   width: 321px;
}

#featuretoptext  {
   visibility: visible;
   position: absolute;
   left: 670px;
   top: 64px;
   z-index: 4;
   width: 78px;
}

#features2text  {
   visibility: visible;
   position: absolute;
   left: 725px;
   top: 85px;
   z-index: 3;
   width: 232px;
}

#features1text  {
   visibility: visible;
   position: absolute;
   left: 525px;
   top: 85px;
   z-index: 3;
   width: 187px;
}

#appstop2text  {
   z-index: 3;
}

#appstoptext  {
   z-index: 4;
}

#videobox  {
   background: url(images/videobox.gif) no-repeat;
   visibility: visible;
   position:absolute;
   left:20px;
   top: 20px;
   z-index: 3;
   width: 481px;
   height: 385px;
}

#appsbg  {
   background: url(images/appsbg.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 455px;
   z-index: 3;
   width: 498px;
   height: 60px;
}

#arrows  {
   background: url(images/arrows.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 457px;
   top: 100px;
   z-index: 2;
   width: 515px;
   height: 510px;
}

#apps4  {
   background: url(images/apps4.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 333px;
   top: 470px;
   z-index: 4;
   width: 64px;
   height: 28px;
}

#apps5  {
   background: url(images/apps5.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 410px;
   top: 470px;
   z-index: 4;
   width: 59px;
   height: 30px;
}

#apps2  {
   background: url(images/apps2.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 154px;
   top: 470px;
   z-index: 4;
   width: 60px;
   height: 28px;
}

#apps3  {
   background: url(images/apps3.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 226px;
   top: 470px;
   z-index: 4;
   width: 97px;
   height: 28px;
}

#apps1  {
   background: url(images/apps1.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 51px;
   top: 470px;
   z-index: 4;
   width: 89px;
   height: 28px;
}

