@charset "utf-8";
/* CSS Document */

/* CSS for recyclingmobiles.com
Copyright 2008 */

* {margin:0em;padding:0em;border:0em;}
html {font-size: 62.5%;background-color:#b0d8fe;}
body {background-color:#b0d8fe;font-family: verdana, arial, helvetica, sans-serif; color:#000000; text-align:center;}
ul {list-style:none;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}

/* Generic Class Styles */

.big {font-size:1.5em;}
.bold {font-weight:bold;}
.noDisplay {display:none;}
.colour1 {color:#254a6d;}
.colour2 {color:#ffffff;}
input, textarea {border:1px solid #aaaaaa;}


/* Layout Properties */

#outerContainer {
	width:100%; 
	height:100%;}
	
#innerContainer {
	width:690px; 
	height:100%;
	margin: 0 auto 0 auto; 
	text-align: left;
	background-color:#b0d8fe;}

/*******************************************/
 
/* Main Styles */

/****************************************/

#headerBar {width:780px; float:left;}

#logoBar {width:780px; background-image:url(graphics/header_bg.jpg); height:196px; float:left;}

#logo {float:left; margin:20px;}

#mini_logos {float:left; width:300px; margin:20px 0px 40px 0px;}
#mini_logos .mini_logo {padding:5px;}

#quick_contact {float:left; width:600px; margin:8px 30px;}
#quick_contact p.big_tel {font-size:2.8em; font-weight:bold; color:#254a6d;}
#quick_contact p.big_email a {font-size:1.7em; font-weight:bold; color:#254a6d;}

#mainMenu {float:left;
width:700px; padding:0px 40px;
background-image:url('graphics/menu_bg.gif');
background-repeat:repeat-x;
background-position:left top;}

#mainMenu li {display:inline; margin:0; padding:0;}

#mainMenu a {float:left; font-size:1.8em; font-weight:normal;
background:url('graphics/menu_runner.gif') no-repeat left top;
margin:0px 0px; padding:2px 20px 5px 20px; text-decoration:none;
background-position:0px 0px; text-transform:lowercase;
background-repeat:repeat-x;border-left: 1px solid #666;
border-right: 1px solid #666;
color:#ccc;}

#mainMenu a:hover {background-position:0px -30px;}
#homePage #mainMenu .homeLink a,
#aboutPage #mainMenu .aboutLink a,
#lessonsPage #mainMenu .lessonsLink a,
#fleetPage #mainMenu .fleetLink a,
#contactPage #mainMenu .contactLink a {background-position:0px -30px;color:#fff;}



#contentBar {float:left; width:770px; margin:0px 5px; padding:20px 0px 0px 0px;
background-color:#fff;
background-image:url(graphics/top_shadow.gif);
background-repeat:repeat-x;
background-position:top left;}
#homePage #contentBar #mainText ul {list-style: url('graphics/bullet_l_big.gif') disc;
padding:8px 40px;}
#homePage #contentBar #mainText li {font-size:1.4em; color:#254a6d;font-weight:bold;padding:0px 0px 14px 0px;}

#shadow{float:left;padding:0px 0px 30px 0px;
background-image:url(graphics/base_shadow.gif);
background-repeat:repeat-x;
background-position:bottom left;}

#leftColumn {float:left; width:500px;}
#leftColumn h2 {margin:10px 0px 20px 30px; color:#254a6d; font-size:2em;}
#mainText {padding:10px 0px 0px 30px;font-family: arial, helvetica, sans-serif;}
#mainText p {padding:8px 0px; font-size:1.2em; line-height:1.5em;}
#mainText p a {color:#254a6d;}
#mainText ul {list-style: url('graphics/bullet_l_small.gif') disc;
padding:4px 20px;}
#mainText li {padding:5px 0px; font-size:1.3em;}





#rightColumn {float:right; width:230px; text-align:center; padding:20px 0px 0px 40px;}

#dsa_link, #booking_link, #instructor_link {padding:0px 0px 20px 0px;}


#footerBar {float:left; width:740px; padding:20px;
background-image:url(graphics/footer_runner.jpg);
background-repeat:repeat-x;
background-position:top left;
background-color:#b0d8fe;}

#logos {float:right; margin:10px 0px;}
#logos img {padding:10px;}

#footerMenu {padding:60px 0px 10px 0px;}
#footerMenu li {float:left; padding: 5px 15px;
border-right:1px solid #254a6d; }
#footerMenu li.last_link {border-right:none; }
#footerMenu li a {color:#254a6d; font-size:1.1em; font-weight:bold;}
#footerMenu li a:hover {color:#000; }
#copyright {float:left;padding:0px 15px; color:#254a6d; width:800px;}
#knoc_link {float:left;padding:5px 15px; color:#254a6d; width:800px;}



#contactForm {padding:10px 20px 30px 20px; margin:10px 0px;
background-color:#e7f3ff;}

#contactForm h3 {font-size:2em; padding:5px 0px;}
#contactForm .form_row {padding:4px 0px;}
#contactForm .form_row label {float:left; width:130px; font-size:1.2em; font-weight:bold; color#333;}
#contactForm .form_row input,
#contactForm .form_row select,
#contactForm .form_row textarea {width:200px;}

#contactForm .form_row input.submit {margin:0px 0px 0px 130px; cursor:pointer;
padding:3px 0px; font-size:1.6em; background-color:#b0d8fe; color:#254a6d; font-weight:bold;}
#contactForm .form_row input.submit:hover {background-color:#254a6d; color:#fff;}
#formErrors li {color:#f00;}
#contactForm p.formError {padding:15px 0px 0px 130px; color:#f00; font-weight:bold;}
#contactForm h4 {font-size:1.4em; padding:5px 0px;}