/*--------------------------------------------------------------
Basic Style Sheet for Class Act Driving School

version:	1
author:		lel.p
email:		
website:	http://www.classactdrivingschool.com
--------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	}

body {
	margin:0; 
    padding:0;
	background-color: #ffffff;
	font-size: 62.5%;
	font-family: "Trebuchet MS", verdana, arial, sans-serif;
	color: #db0025;
	background-image: url(../images/table_bg.jpg);
	background-repeat: repeat;
	background-position: top left;
	}
	
	
	
.noPrint {
	display: none;
	}
	
img{ border: 0;}

a{border: 0;}
	
/*--------------------------------------------------------------*/	
/* =header tags
/*--------------------------------------------------------------*/
	
h1 span {
	position: relative;
	left: -9000px;
	}
	
h1{
	padding: 0;
	margin: 0;
	line-height: 10px; 
	}
	
h2{
	padding-bottom: 10px;
	padding-top: 20px;
	}
	
h2 span {
	position: relative;
	left: -9000px;
	}
	
/*--------------------------------------------------------------*/	
/* =generic
/*--------------------------------------------------------------*/

.divclear{
	clear: both;
	height: 0;
	}
	
.clear{
	clear: left;
	height: 0;
	}
	
/*--------------------------------------------------------------*/	
/* = navigation
/*--------------------------------------------------------------*/
#main-navigation{
	position: absolute;
	z-index:200;
	top: 160px;
	left: 70px;
	}
	
#nav{
	}
	
#nav li{
	float: left;
	font-weight: bold;
	padding-right: 25px;
	list-style: none;
	}
	
#nav li.selected a{
	color: #000000;
	}
	
#nav li a{
	color: #db0025;
	font-size: 2em;
	text-decoration: none;
	}
	
#nav li a:hover{
	text-decoration: underline;
	}

	
/*--------------------------------------------------------------*/	
/* = header sign
/*--------------------------------------------------------------*/
	
#header-sign{
	margin: 20px 0 0 0;
	padding: 0;
	position: relative;
	}
	
#nav-sign{
	margin: 20px 0 0 0;
	padding: 0;
	position: relative;
	}
	
#number-sign{
	margin: 20px 0 0 0;
	padding: 0;
	position: relative;
	}
	
/*--------------------------------------------------------------*/	
/* = intro-text
/*--------------------------------------------------------------*/
	
#intro-text{
	position:absolute;
	left: 50px;
	top:200px;
	z-index:96;
	}
	
/*--------------------------------------------------------------*/	
/* = post it
/*--------------------------------------------------------------*/
	
#post-it{
	position:absolute;
	left: 50px;
	top:30px;
	z-index:99;
	}
	
/*--------------------------------------------------------------*/	
/* = polaroid
/*--------------------------------------------------------------*/
	
#polaroid{
	position:absolute;
	left: 350px;
	top:30px;
	z-index:98;
	}
	
/*--------------------------------------------------------------*/	
/* = dsa guide
/*--------------------------------------------------------------*/
	
#dsa-guide{
	position:absolute;
	left: 630px;
	top:250px;
	z-index:97;
	}
	
/*--------------------------------------------------------------*/	
/* = keys
/*--------------------------------------------------------------*/
	
#keys{
	position:absolute;
	left: 620px;
	top:200px;
	z-index:110;
	}
	
/*--------------------------------------------------------------*/	
/* = licence
/*--------------------------------------------------------------*/
	
#licence{
	position:absolute;
	left: 380px;
	top:500px;
	z-index:96;
	}
	
/*--------------------------------------------------------------*/	
/* = pricelist
/*--------------------------------------------------------------*/
	
#pricelist{
	position:absolute;
	left: 50px;
	top:200px;
	z-index:96;
	}
	
/*--------------------------------------------------------------*/	
/* = specials
/*--------------------------------------------------------------*/
	
#specials{
	position:absolute;
	left: 365px;
	top:400px;
	z-index:196;
	}


/*--------------------------------------------------------------*/	
/* = main divs
/*--------------------------------------------------------------*/

#wrapper{
	margin-left:auto;
	margin-right:auto;
	position: relative;
	}
	
#container{
	width: 924px;
	margin-left:auto;
	margin-right:auto;
	position: relative;
	}
	
#footer{
	position: relative;
	margin: 40px 0 0 0;
	}	
	
/*--------------------------------------------------------------*/	
/* = lists
/*--------------------------------------------------------------*/
ul#logo-list{
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0;
	}
	
ul#logo-list li{
	float: left;
	}
	
ul#logo-list li a{
	padding: 0 10px 0 0;
	}
	
ul#footer-nav{
	list-style: square;
	color: #ffffff;
	margin: 0;
	padding: 0;
	font-size: 1.4em;
	}
	
ul#footer-nav li{
	float: left;
	padding: 0 10px 0 10px;
	}
	
ul#footer-nav li.first{
	list-style: none;
	padding: 0 30px 0 0;
	color: #ffffff;
	font-weight: bold;
	}
	
ul#footer-nav li a{
	padding: 0 20px 0 0;
	color: #ffffff;
	font-weight: bold;
	}
	
ul#main-nav{
	position: absolute;
	top: 45px;
	left:164px;
	}
	
ul#main-nav li{
	list-style: none;
	float: left;
	padding: 0 10px 0 0;
	}
	
ul#main-nav li.first{
	list-style: none;
	float: left;
	padding: 0 7px 0 0;
	}
	
/*--------------------------------------------------------------*/	
/* = content box
/*--------------------------------------------------------------*/	
/*box whole legnth span */	

.generic-box{ 
	
	position:relative;
	margin:20px 0 20px 5px; 
	width: 918px;
	}
	
.generic-box .top-box, 
.generic-box .bottom-box{ 
	width: 918px;
	overflow:hidden; 
	}

.generic-box .top-box{ 
	background:url(../images/box-top.gif) top left no-repeat; 
	height:20px;
	}
	
.generic-box .content-box{ 
	width: 918px;
	background:url(../images/box-repeat.gif) repeat-y left top; 
	margin:0 9px 0 0; 
	}

.generic-box .content-box h1{ 
	font-size: 2em;
	color: #000000;
	margin: 0;
	padding: 20px 0 10px 40px;
	}

.generic-box .content-box p{ 
	padding: 0 40px 15px 40px;
	margin: 0;
	font-size:1.4em;
	color: #000000;
	}
	
.generic-box .bottom-box{ 
	background:url(../images/box-bottom.gif) top left no-repeat; 
	height:20px; 
	}
	
/*--------------------------------------------------------------*/
/* =form - contact
/*--------------------------------------------------------------*/

/* fieldset styling */
fieldset {
  margin: 20px; /*  space out the fieldsets a little*/
  padding: 1em;
  border : 1px solid #ccc;
  width: 650px;
	}

/* legend styling */
legend {
  font-weight: bold;
  font-size: 2em;
  color:#000000;
	}

/* style for  labels */
label {
  display: block;
	}

/* style for required labels */
label .required {
  font-size: 1em;
  color:#760000;
	}

input {
  width: 600px;  
  padding: 5px;
	}
	
select#subscribe{
	width: 200px;
	padding: 3px;
	}

input.radio, input.submit {
  	width: auto;
	}

/* style form elements on focus */
input:focus, textarea:focus {
 	background: #ffc;
	}

input.radio {
  float: left;
  margin-right: 1em;
	}

textarea {
  width: 600px;
  height: 100px;
	}

/* This is the style I want IE/Mac to see */
input.radio + label {
  text-indent: 2em;
}

/* Using the commented backslash filter, I'm resetting
   the above rule for everything other than IE5/Mac \*/
input.radio + label {
  text-indent: 0;
}

.titles {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 90%;
}
.caps {
  text-transform: uppercase;
  font-size: 90%;
}
.table {
	text-align: left;
}

* html .table {
	font-size: 70%;
}

* html td.main {
	font-size: 70%;
}

/*--------------------------------------------------------------*/
/* =offers
/*--------------------------------------------------------------*/
.current-offer{
	border: 1px solid #000000;
	width: 300px;
	margin: 20px 0 20px 40px;
	padding: 20px;
	background-color:#F00;
	float: left;
	}
	
.current-offer p.header{
	color: #ffffff;
	font-size: 2em;
	font-weight: bold;
	}
	
.current-offer p{
	color: #ffffff;
	font-weight: bold;
	font-size: 2em;
	}
	
.lesson-prices{
	border: 1px solid #000000;
	width: 420px;
	margin: 20px 0 20px 40px;
	padding: 20px;
	background-color:#cccccc;
	float: left;
	}
	
.lesson-prices p.header{
	color: #ffffff;
	font-size: 2em;
	font-weight: bold;
	margin: 0;
	padding: 0;
	}
	
#prices p{
	margin: 0;
	padding: 10px;
	}