/*

      Created by Ben Boykin of Lightsaber Promotions

	  	  

	  E-Mail: ben@lightsaberpromotions.com

	  Web: www.lightsaberpromotions.com

	  

		  

*/



/* general stuff */





html, body { margin:0; padding:0; height:100%; }



body {

margin: 0;

padding: 0; 

font-size: 62.5%; /* Resets 1em to 10px */

font-family: Arial,Verdana, Sans-Serif;

background: #fff;

color: #000;

border: 0;

top:0;

}



html>body { height:auto; min-height:100%;

}



/* remember to define focus styles! */



:focus {



	outline: 0;



}



body {    

	line-height: 1.4em;

	color: black;

	background: #fff;

	text-align:center;

	position: relative;



}



ol, ul {

	list-style: none;



}



/* tables still need 'cellspacing="0"' in the markup */



table {

	border-collapse: separate;

	border-spacing: 1;

	border-color: #333333;



}



caption, th, td {

	font-weight: normal;

	line-height: 1.45em;



}



blockquote:before, blockquote:after,



q:before, q:after {



	content: "";



}



blockquote, q {



	quotes: "" "";



}



#wrapper { 

	margin: 0 auto;	

	width: 900px;	

	position: relative;		

}



/*Navigation*/



div.id1 {

	position:absolute;

	left:0px;

	top:0px;

	width:900px;

	height:189px;

}



div.id2 {

	position:absolute;

	left:0px;

	top:189px;

	width:82px;

	height:44px;

}



div.id3 {

	position:absolute;

	left:82px;

	top:189px;

	width:101px;

	height:44px;

}



div.id4 {

	position:absolute;

	left:183px;

	top:189px;

	width:85px;

	height:44px;

}



div.id5 {

	position:absolute;

	left:268px;

	top:189px;

	width:90px;

	height:44px;

}



div.id6 {

	position:absolute;

	left:358px;

	top:189px;

	width:152px;

	height:44px;

}



div.id7 {

	position:absolute;

	left:510px;

	top:189px;

	width:133px;

	height:44px;

}



div.id8 {

	position:absolute;

	left:643px;

	top:189px;

	width:99px;

	height:44px;

}



div.id9 {

	position:absolute;

	left:742px;

	top:189px;

	width:70px;

	height:44px;

}



div.id10 {

	position:absolute;

	left:812px;

	top:189px;

	width:88px;

	height:44px;

}



#maincontainer {

position:absolute;

left:0;

top:233px;

width: 900px;

background:url(web/11.gif) repeat-y;

}



#maincontainer p {

padding:15px;

font-family:Arial, Helvetica, sans-serif;

font-size:13px;

line-height:1.5em;

}





#left-side {

float: left;

padding-left: 38px;

width: 155px;

}



#left-side p{

font-family: arial;

font-size: 10px;

text-align: justify;

color: #fff;

font-weight: bold;

}



#right-side {

float: right;

width: 640px;

padding-right: 50px;



}



#right-side p{

font-family: arial;

font-size: 12px;

text-align: justify;

color: #fff;

font-weight: bold;

}



#right-side h1{

font-family: arial;

font-size: 16px;

font-weight: bold;

padding: 15px 0;

}



#maincontent {

width: 790px;

padding: 15px 25px;

}



#maincontent p {

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

line-height: 1.7em;

text-align:justify;

}



#maincontent h1{

font-family: Arial, Helvetica,sans-serif;

font-size: 19px;

font-weight: bold;

padding-bottom: 5px;

color:#ff0202;

text-decoration:none;

border-bottom:1px dotted #ff0202;

}



#footer {

width: 900px;

height: 59px;

}



#footer p{

color: #fff;

font-family: Arial, Verdana, Helvetica, sans-serif;

font-size: 9px;

line-height: 1.45em;

}



#footer a{

color:#fff;

text-decoration: underline;

}



#footer a:hover{

color: #ff0202;

text-decoration: underline;

}



#pricing {

clear: both;

border-collapse: collapse;

}



.table-header {

font-family: arial,"Trebuchet MS", Arial, sans-serif;

font-size: 12px;

font-weight: bold;

color: #fff;

background-color: #0a38bc;

text-align: center;

}



.spec-info {

font-family: Arial,"Trebuchet MS", Arial, sans-serif;

font-size: 12px;

font-weight: bold;

color: #000;

background: #ccc;

text-align: center;

}



.gallery-info {

text-align: left;

}



.highlightit img{

border: 2px solid #ccc;

}



.highlightit:hover img{

border: 2px solid #777;

}



#quote-form {	

width: 615px;

padding-top: 30px;

padding-left: 25px;	

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

color: #fff;

}



.labels {

color: #fff;

font-size: 12px;

font-family: Arial, Verdana, sans-serif;

font-weight: bold;

padding-bottom: 5px;

}



#gallery-container {

float: left;

padding-left: 100px;

width: 700px:

}



#gallery-container h1{

font-family: arial;

font-size: 16px;

font-weight: bold;



padding: 15px 0 5px 0;

color: #fff;

}



#gallery-container h2{

font-family: arial;

font-size: 12px;

font-weight: bold;

padding-bottom: 5px;

color: #fff;

}



.gallery-info {

font-family: Arial,"Trebuchet MS", Arial, sans-serif;

font-size: 12px;

font-weight: bold;

color: #fff;

background: #000;

text-align: left;

}



.phone {

color: #0066CC;

}



#right-side a{

color: #0066CC;

}



#right-side a:hover{

color: #fff;

}

#gallery  a {
	text-decoration: none;
}

#gallery img {
	border: 2px dotted #FF0000;
}

#gallery img:hover {
	border: 2px dotted #254EFF;
}

#trackthatorder {
	display: block;
	width: 100px;
	height: 400px;
	float: left;
	position: fixed;
	top: 10%;
	left: 0;
	z-index: 999;
}