/* CSS Document */


/* ------------------------------------------------------------------------------------- */
/* common */

body {            
    font: 12px/14px Arial, Verdana, Geneva, Helvetica, sans-serif;            
	background-color: #000000;
	color: #0033FF;
    margin: 0 auto;
	text-align: center; 
	padding: 0;	  
	background: #000000 url(images/bg.jpg) repeat-x;  
    }
	
a:link, a:visited {
	color: #ffffff; 
    font-weight: bold;
	text-decoration: none;
    }

a:hover, a:active {color: #cccc33; text-decoration: none;}
#content2 a {color: #000000; text-decoration: underline;}
#footer a, #footer2 a {color: #ffffff; border-bottom: dotted 1px #ffffff;}
#footer a:hover, #footer2 a:hover {border-bottom: none;}




/* ------------------------------------------------------------------------------------- */
/* content-area */

#container  {              
	position: relative;
	top: 0;
	text-align: center;
	margin: 0 auto ;
	width: 755px; 
	height: 600px;
	padding: 0;
	
    }

#header { 
    position: relative;
	width: 755px;
	height: 170px;
    margin: 0;
    padding: 0;
	background: transparent; 
    }
#nav {
	position: absolute;
	width: 220px;
	text-align: right;
	color: white;
	margin-top: 20px;
	left: 540px;
}
#nav ul {margin-right: 10px;}
#nav li {border-bottom: dotted 1px white; list-style: none; text-transform: uppercase; padding: 1px 0 1px 0;}
#nav a {font-weight: normal;}

#content {
	position: relative;
	padding: 6px;
	width: 750px;
	background-color: #6a260d;
	min-height: 470px;
}

#flash {
	position: relative;
	float: left;
	border: 1px solid white;
	z-index: 105;
	height: 200px;
}
#offer{
	position: relative;
	width: 243px;
	height: 202px;
	float: right;
	background: #000000 url(images/top-right.jpg) no-repeat; 
	border: 1px solid white;
	background-color: black;
	z-index: 100;
}
#offer p {color: white; margin-top: 40px; font: 1.2em Arial, Verdana, Geneva, Helvetica, sans-serif;   }
#car {
	position: absolute;
	width: 227px;
	height: 136px;
	background: transparent url(images/car.gif) no-repeat; 
	top: 280px;
	left: 515px;
	z-index: 105;
	}

#midbar {
	position: relative;
	width: 735px;
	height: 75px;
		background: transparent url(images/middlebox.jpg) no-repeat; 
	border: 1px solid white;
	clear: both;
	margin-top: 5px; 
}
#midbar p {color: white; font: bold 13px/1.4em Arial, Verdana; padding: 8px 170px 0 10px; text-align: center; margin: 0;} 
#locale1, #locale2, #locale3 {
	margin-top: 5px;
	float: left;
	border: 1px solid white;}
#locale2 {margin: 5px 5px 0 5px;}
#locale4 {float: right; border: 1px solid white; margin-top: 5px;}

#footer {
	position: relative;
	width: 755px;
	margin-top:10px;
    clear:both;
	text-align: center;
	font: 11px/1.2em Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #d5cfcf;  }
#footer p, #footer2 p {padding: 0; margin: 5px 0 0 0;}
/* -------------------Secondary pages----------------------------------------------------- */

#content-wrap {
	position: relative;
	padding: 6px;
	width: 750px;
	background-color: #6a260d;
	
}
#content2 { 
    position: relative;
	text-align: left; 
	width: 735px;
	min-height: 300px;
	margin: 0;
    padding: 10px;
	color: #000000;
	background-color: white;
	}
#content2 h1 {padding: 10px 0 0 20px; font: bold 18px/1.2em Arial, Verdana, Geneva, Helvetica, sans-serif; margin: 0px; }
#content2 p {padding: 5px 10px 10px 10px;}

span.license {position: absolute; right: 20px; margin-top: 30px;}





	
h1 {font: bold 1.5em/1.2em Arial, Verdana, Geneva, Helvetica, sans-serif; padding-left: 15px; padding-top: 10px;}
h2{font: bold 1.4em/1.2em Arial, Verdana, Geneva, Helvetica, sans-serif; padding-left: 15px; padding-top: 10px;}
h3 {margin: 0 10px 0 10px; padding: 0 10px 0 10px; font: bold 1.0em Arial, Helvetica, sans-serif; border-bottom: 1px solid #B5B2B5; }
#content2  h2 {font: bold 1.2em/1.2em Arial, Verdana, Geneva, Helvetica, sans-serif; padding-left: 15px; padding-top: 10px; color: #663300; }
#content2 a:link {color: #663300; text-decoration: underline;}



#footer2 {
	position: relative;
	width: 755px;
	margin:0px;
	clear: both;
	padding: 15px 0 0 0;
	text-align: center;
	font: 11px/1.2em Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #ffffff;  }
/*---Testimonial Page---*/
#testimonial {  font: 12px/14px Arial, Verdana, Geneva, Helvetica, sans-serif; color: black;}
.tdl {text-align: right; } 
.tdr {text-align:left; font-style: italic;} 

/* contact */	

#signup table { 
 background-color: transparent; 
 color: #001cfe; 
 width: 500px; 
 border-collapse: collapse; 
 margin-left: 10px;
} 

#signup td { 
 /*border: 1px solid #f1eeee; */
 padding-left: 4px; 
}
.labelcell { 
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
 color: #000000; 
 background-color: transparent; 
 width: 190px; 
 text-align: right; 
} 

.fieldcell { 
 background-color: transparent; 
 color: #000000; 
 text-align: left; 
 margin-right: 0px; 
 padding-right: 0px;
 padding-top: 2px; 
  width: 300px; 
   font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
} 

.smalllabelcell { 
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
 background-color: transparent; 
 color: #cc9999; 
 width: 100px; 
} 

.smallfieldcell { 
 background-color: #dddddd; 
 color: #000000; 
 text-align: left; 
 padding-top: 2px;
 width: 70px; 
  font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif; 
}

.fieldcell input { 
 width: 20px; 
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
 background-color: #EFE7E7; 
 color: #102132; 
 margin-right: 5px; 
} 

.button { 
 font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif; 
 color: #102132; 
 text-align: center;
 margin-top: 4px;
}
/*---Pop Window---*/
a.screen, a.screen:visited {
color:#c00; 
position:relative; 
z-index:1;
}
a.screen b {
position:absolute;
visibility:hidden; /* hide the image */
width:200px; /* give it a width */
height:0; /* no height to solve an Opera bug that 
             makes it selectable when hidden */
 /* add a border */
left:0; /* position:the image */
top:-150px;
}
a.screen:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen:hover b {
visibility:visible; /* make the image visible */
height:150px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.screen:hover b img {
border:0; /* remove the link border */
}