/* 
    Document   : layout.css
    Created on : 06-Sep-2010, 15:36:40
    Author     : jpatchett
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/


@font-face {
	font-family: 'aurulent';
	src: url('http://atlantisdrivingschool.co.uk/assets/fonts/AurulentSans-Regular-webfont.eot');
	src: local('☺'), url('http://atlantisdrivingschool.co.uk/assets/fonts/AurulentSans-Regular-webfont.woff') format('woff'), url('http://atlantisdrivingschool.co.uk/assets/fonts/AurulentSans-Regular-webfont.ttf') format('truetype'), url('http://atlantisdrivingschool.co.uk/assets/fonts/AurulentSans-Regular-webfont.svg#webfontR1h6QdGF') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'aurulent';
	src: url('http://atlantisdrivingschool.co.uk/assets/fonts/AurulentSans-Italic-webfont.eot');
	src: local('☺'), url('http://atlantisdrivingschool.co.uk/assets/fonts/AurulentSans-Italic-webfont.woff') format('woff'), url('http://atlantisdrivingschool.co.uk/assets/fonts/AurulentSans-Italic-webfont.ttf') format('truetype'), url('http://atlantisdrivingschool.co.uk/assets/fonts/AurulentSans-Italic-webfont.svg#webfontogvr0PJj') format('svg');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'aurulent';
	src: url('http://atlantisdrivingschool.co.uk/assets/fonts/AurulentSans-Bold-webfont.eot');
	src: local('☺'), url('http://atlantisdrivingschool.co.uk/assets/fonts/AurulentSans-Bold-webfont.woff') format('woff'), url('http://atlantisdrivingschool.co.uk/assets/fonts/AurulentSans-Bold-webfont.ttf') format('truetype'), url('http://atlantisdrivingschool.co.uk/assets/fonts/AurulentSans-Bold-webfont.svg#webfontOatbJaPk') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'aurulent';
	src: url('http://atlantisdrivingschool.co.uk/assets/fonts/AurulentSans-BoldItalic-webfont.eot');
	src: local('☺'), url('http://atlantisdrivingschool.co.uk/assets/fonts/AurulentSans-BoldItalic-webfont.woff') format('woff'), url('http://atlantisdrivingschool.co.uk/assets/fonts/AurulentSans-BoldItalic-webfont.ttf') format('truetype'), url('http://atlantisdrivingschool.co.uk/assets/fonts/AurulentSans-BoldItalic-webfont.svg#webfonteMYjLuzz') format('svg');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'bebas';
	src: url('http://atlantisdrivingschool.co.uk/assets/fonts/BebasNeue-webfont.eot');
	src: local('☺'), url('http://atlantisdrivingschool.co.uk/assets/fonts/BebasNeue-webfont.woff') format('woff'), url('http://atlantisdrivingschool.co.uk/assets/fonts/BebasNeue-webfont.ttf') format('truetype'), url('http://atlantisdrivingschool.co.uk/assets/fonts/BebasNeue-webfont.svg#webfontf0WP9KEe') format('svg');
	font-weight: normal;
	font-style: normal;
}



body                {margin:0;padding:0;color:#333;font-family:aurulent,arial}

/*Headings*/
h1                  {background:url('http://atlantisdrivingschool.co.uk/assets/images/strap.jpg') no-repeat 0 0;width:850px;height:157px;position:relative;top:0px;left:0px;margin:0;padding:0;}
h1 span             {}
h1 span span        {display:none}
h2                  {font-family:aurulent;font-size:2.9em;position:relative;top:90px;margin:10px 0}
h3                  {font-size:2.1em;font-family:bebas;margin:10px 0;text-shadow:1px 1px 1px #000;color:#336}


/*Navigation*/
#jump-menu          {display:none;}
#main-menu          {position:absolute;font-size:18px;top:123px;left:0;width:100%;background:#4F7EEC;-moz-box-shadow:2px 2px 2px #333;font-family:bebas, arial;text-shadow:0 0 2px #444}
#main-menu ul       {margin:0 0 0 30px;padding:0}
#main-menu ul li    {float:left;list-style-type:none;margin-bottom:-2px}
#main-menu ul li a  {display:block;color:white;text-decoration:none;padding:5px 10px;}
#main-menu ul li.active a,
#main-menu ul li a:hover {background:#CD3301;}
#main-menu ul li.active a {margin-top:-2px;padding-bottom:9px;-moz-box-shadow:2px 3px 3px #333}

/*content wrapper*/
#wrapper            {width:850px;color:#444;margin:0 auto;position: relative;background:url('http://atlantisdrivingschool.co.uk/assets/images/body-rep.jpg') repeat 0 0;-moz-box-shadow:0 10px 30px #444}
#wrapper h2         {display:none;color:#aad}

/*content*/
#content-area       {margin-top:-3px;min-height:800px;position:relative;top:-5px;}
#main-content-left  {float:left;padding-left:30px;background:url(http://atlantisdrivingschool.co.uk/assets/images/hashing.png) repeat-x 0 0;margin-top:-3px;padding-right:346px;}
#main-content-right {position:relative; top:-350px;}
#main-content-main  {float:right;position: relative;}
#free a             {background:url('http://atlantisdrivingschool.co.uk/assets/images/Free.png') no-repeat 0 -5px;height:145px;left:536px;position:absolute;top:360px;width:375px;}
#free a span        {display:none}
#ring a             {background:url('http://atlantisdrivingschool.co.uk/assets/images/ring.png') no-repeat 0 -5px;height:140px;left:536px;position:absolute;top:510px;width:325px;}
#ring a span        {display:none}

/*testimonials*/
#testimonials       {margin:20px 0 0 0px;}
.testimonial {margin-top:20px;}
.testimonial p.quote {margin:-7px 0 10px 0;padding:3px;background:white;display:inline;}
.testimonial blockquote         {background:url('http://atlantisdrivingschool.co.uk/assets/images/quote.png') no-repeat 0 100%;padding:5px 10px 35px 10px;margin:0px;}
.testimonial blockquote p {margin:0;}



/*Map*/
#map                {width:300px;height:245px;position:absolute;float:right;top:651px;right:5px}

#map ul li {list-style:none;}
#map a.back {color:black;float:right;font-size:12px;text-decoration:none}
#map {position:absolute;}
#map ul {position:absolute;top:16px;left:0px;width:100%;height:100%;z-index:100;background:url(http://atlantisdrivingschool.co.uk/assets/css/null)}
#map img {position:absolute;top:32px;left:0px;}
#map a span {display:none;font-family:arial;padding-left:25px;font-weight:bold;
    font-size:0.9em;
    color:#333;}
#map.borough li a, #map.town li a {background:url(http://atlantisdrivingschool.co.uk/assets/images/map/pin.png) no-repeat 0 0;text-decoration:none;list-style-type: none;
    width:20px;
    height:20px;
    }
#map.borough li a, #map.town li a {background:url(http://atlantisdrivingschool.co.uk/assets/images/map/pin.png) no-repeat 100% 0;text-decoration:none;padding-right:20px;
    padding-left:0px;}



#london             {padding: 0px;background: transparent url('../images/map/london.png') no-repeat;margin: 0px auto;position: relative;width:300px;height:245px;float:left;}
#london li          {padding: 0px;display: block;margin:0px;}
#london a           {display: block;text-indent: 0px;text-decoration: none;}

/* Richmond */
#richmond             {position:absolute;left:43px;top:126px;width: 57px;height: 53px}
#richmond a           {width: 57px;height:53px;}
#richmond a:hover     {width: 57px;height: 53px;background-image:url(../images/map/richmond_hover.png);background-repeat: no-repeat;}

/* Wandsworth */
#wandsworth           {position:absolute;left:88px;top:126px;width:48px;height: 138px}
#wandsworth a         {width: 48px;height: 38px;display: block;}
#wandsworth a:hover   {width: 48px;height: 38px;background-image:url(../images/map/wandsworth_hover.png);background-repeat: no-repeat;z-index:200;}

/* Lambert */
#lambeth              {position:absolute;left:125px;top:113px;width: 27px;height: 54px}
#lambeth a            {width: 27px;height: 54px;}
#lambeth a:hover      {width: 27px;height: 54px;background-image:url(../images/map/lambeth_hover.png);background-repeat: no-repeat;}

/* Merton */
#merton               {position:absolute;left:91px;top:152px;width: 45px;height: 32px}
#merton a             {width: 45px;height: 32px;}
#merton a:hover       {width: 45px;height: 32px;background-image:url(../images/map/merton_hover.png);background-repeat: no-repeat;}


/* Kingston */
#kingston             {position:absolute;left:67px;top:157px;width: 29px;height: 61px}
#kingston a           {width: 29px;height: 61px;}
#kingston a:hover     {width: 29px;height: 61px;background-image:url(../images/map/kingston_hover.png);background-repeat: no-repeat}

/* Hammersmith & Fulham */
#hammersmith_fulham           {position:relative;left:91px;top:99px;width: 25px;height: 37px}
#hammersmith_fulham a         {width: 25px;height: 37px;}
#hammersmith_fulham a:hover   {width: 25px;height: 37px;background-image:url(../images/map/hammersmith_fulham_hover.png);background-repeat: no-repeat;}


/*footer*/
#graphic            {background: url('http://atlantisdrivingschool.co.uk/assets/images/footer.jpg') no-repeat 0 0;clear:both;height:127px;margin:0 auto;position:relative;top:-112px;width:790px;z-index:-10}
#footer             {clear:both}
#footer-content     {background:#7af;-moz-box-shadow:2px 2px 2px #333;}
#site-map           {margin-left:70px;width:220px;float:left}
#site-map ul        {margin:0;padding:0}
#site-map li        {list-style-type:none;}
#site-map a         {text-decoration:none;color:#06224F}
#address            {width:200px;float:left}
#address p          {line-height:0.4}
#legal              {width:160px;float:left}
#other              {width:200px;float:left}
#credits            {font-size:0.7em;color:#666;clear:both;margin-top:20px;padding:20px;background:white;}

/*contact form*/
#contact_form           {color:#444;margin-left:0px}
legend                  {display:none}
.grommit                {display:none}
fieldset                {margin:0 0 20px 50px;padding:0;border:none;clear:both;}
form h4                 {margin-top:15px;margin-left:30px;font-size:18px}
form label              {display:block;position:relative;}
form label span         {width:200px;text-align:right;display:inline-block;padding:5px 5px;}
form label input,
form label select       {padding:3px;position:relative;;border:solid 1px #ccc;max-width:200px;}
form label.radio span,
form label.check span   {width:auto;}
form label span.error   {display:block;color:red;font-style:italic;width:auto;text-align:left;color:white;background:red;padding:5px;margin:5px 0}
.error                  {display:block;color:red;font-style:italic;width:auto;text-align:left;}
.hidden                 {display:none;}
.button-strip           {text-align:right;background:none;}
textarea                {width:410px;height:150px}
.info                   {margin-left:-90px}
.textarea span          {text-align:left;width:375px;}
.button-block           {margin-left:30%}
.submit                 {position:relative;left:205px}