/*
      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:103px;
	height:44px;
}

div.id4 {
	position:absolute;
	left:185px;
	top:189px;
	width:93px;
	height:44px;
}

div.id5 {
	position:absolute;
	left:278px;
	top:189px;
	width:93px;
	height:44px;
}

div.id6 {
	position:absolute;
	left:371px;
	top:189px;
	width:153px;
	height:44px;
}

div.id7 {
	position:absolute;
	left:524px;
	top:189px;
	width:101px;
	height:44px;
}

div.id8 {
	position:absolute;
	left:625px;
	top:189px;
	width:109px;
	height:44px;
}

div.id9 {
	position:absolute;
	left:734px;
	top:189px;
	width:78px;
	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;
}