﻿/* CSS Stylesheet for Lionheart Insurance

Version: 0.1, 10 April, 2009 - R Cooper 
Version: 0.2, 19 April, 2009 - R Cooper 
Version: 0.2, 21 April, 2009 - R Cooper

/**************************** !=Standard **************************/
body{margin: 0;padding: 0;border-width: 0;background: #FFF;font: 76% Verdana,Tahoma,sans-serif;}
#container {width:978px;margin:0 auto;}
.clearfix {clear: both;	float: none;}
.hidden{display:none;}
ol,ul {list-style:none;margin:0;padding:0;}
li {list-style:none;margin:0;padding:0;}


/***************************** !=Branding ************************/
div#branding{height:82px;position:relative;}
div#branding blockquote {position:absolute;	top: -9999px;}
div#branding h1{width:329px;height:97px;position:absolute;top:-20px;left:0;background:transparent url(../img/logo.png) no-repeat 0 0;text-indent: -9999px;}
div#branding h2#telephone{width:237px;height:27px;position:absolute;top:2px;left:720px;background:transparent url(../img/phonenumber.png) no-repeat 0 0;text-indent: -9999px;}
div#branding h2#email {width:322px;height:20px;position:absolute;top:34px;left:635px;text-indent: -9999px;}
div#branding h2#email a{width:322px;height:20px;background:transparent url(../img/email.png) no-repeat 0 0;display:block;}
div#branding h2#email a:hover{background-position: 0 -24px;}


/***************************** !=Menu  ***************************/
div#menu {position:relative;background:#FFF;z-index:1;height:30px;margin:0 0 10px 0;}
div#menu h2{position:absolute;top: -9999px;}
ul#main_menu {position:absolute;top:0px;;left:0;margin:0;height:32px;}
ul#main_menu li{display:inline-block;width:136px;height:30px;}
ul#main_menu li#menu_contact{width:137px;}
ul#main_menu li a {background:transparent url('../img/main_menu.png') no-repeat;display:inline-block;width:140px;height:30px;text-indent:-9999px;border:0;padding:0;margin:0;}

ul#main_menu li#menu_home a{background-position:0px -36px}
ul#main_menu li#menu_taxi a{background-position:-140px -36px;}
ul#main_menu li#menu_bike a{background-position:-280px -36px;}
ul#main_menu li#menu_motor a{background-position:-560px -36px;}
ul#main_menu li#menu_courier a{background-position:-420px -36px;}
ul#main_menu li#menu_faq a{background-position:-700px -36px;}
ul#main_menu li#menu_contact a{background-position:-840px -36px;width:137px;}

ul#main_menu li#menu_home a:hover{background-position:0px -75px;}
ul#main_menu li#menu_taxi a:hover{background-position:-140px -75px;}
ul#main_menu li#menu_bike a:hover{background-position:-280px -75px;}
ul#main_menu li#menu_motor a:hover{background-position:-560px -75px;}
ul#main_menu li#menu_courier a:hover{background-position:-420px -75px;}
ul#main_menu li#menu_faq a:hover{background-position:-700px -75px;}
ul#main_menu li#menu_contact a:hover{background-position:-840px -75px;}

ul#main_menu li#menu_home a.selected{background-position:0px 0px;}
ul#main_menu li#menu_taxi a.selected{background-position:-140px 0;}
ul#main_menu li#menu_bike a.selected{background-position:-280px 0;}
ul#main_menu li#menu_motor a.selected{background-position:-560px 0;}
ul#main_menu li#menu_courier a.selected{background-position:-420px 0;}
ul#main_menu li#menu_faq a.selected{background-position:-700px 0;}
ul#main_menu li#menu_contact a.selected{background-position:-840px 0;}


/***************************** !=About ***************************/
div#about{height:96px;background:transparent url('../img/about.png') no-repeat 0px 2px;}
div#about h2{position:absolute;top: -9999px;}
div#about p{padding:32px 0 0 25px;width:940px;font-size:1.3em;}

/***************************** !=Main ****************************/
#container div#main {min-height:620px;position:relative;}


/***************************** !=Temp ****************************/
div#main div#about1 {position:absolute;top:20px;left:100px;width:700px;height:400px;background:transparent url('../img/temp-home.png') no-repeat 3px 2px;}
div#main div#about1 {padding:40px 40px 40px 30px;}
div#main div#about1 h2{font-size:1.8em;}
div#main div#about1 h3{font-size:1.5em;float:left;padding:0 10px 0 10px;}
div#main div#about1 h3 a{text-decoration:none;}
div.text{font-size:1.6em;}
div.phone{margin:auto;width:250px;font-size:2.5em;}
div#center {margin: auto;width:600px;}


/***************************** !=Sections ************************/
a.quote{margin-top:9px;width:150px;height:27px;display:block;background:transparent url('../img/quote.png') no-repeat 0 0;}
a.quote:hover{background:transparent url('../img/quote.png') no-repeat 0 -29px;}
a.quote2{margin-top:9px;width:110px;height:27px;display:block;background:transparent url('../img/quote2.png') no-repeat 0 0;}
a.quote2:hover{background:transparent url('../img/quote2.png') no-repeat 0 -29px;}
a.quote3{margin-top:9px;width:120px;height:27px;display:block;background:transparent url('../img/quote3.png') no-repeat 0 -30px;}

div#main div#taxi {position:absolute;left:0;top:10px;width:488px;height:283px;background:transparent url('../img/taxi2_back.png') no-repeat 3px 0;}
div#taxi h2{position:absolute;top: -9999px;}
div#taxi p{width:185px;position:absolute;top:10px;left:330px;font-size:1.3em;}

div#main div#bike {position:absolute;top:300px;left:2px;width:486px;height:283px;background:transparent url('../img/bike2_back.png') no-repeat 0 0;}
div#bike h2{position:absolute;top: -9999px;}
div#bike p{width:185px;position:absolute;top:10px;left:330px;font-size:1.3em;}

div#main div#courier {position:absolute;width:490px;top:180px;height:165px;left:500px;background:transparent url('../img/courier3_back.png') no-repeat 0 0;}
div#courier h2{position:absolute;top: -9999px;}
div#courier p{width:175px;position:absolute;top:10px;left:330px;font-size:1.3em;}

div#main div#trade {position:absolute;width:490px;top:7px;height:165px;left:500px;background:transparent url('../img/trade3_back.png') no-repeat 0 0;}
div#trade h2{position:absolute;top: -9999px;}
div#trade p{width:185px;position:absolute;top:10px;left:330px;font-size:1.3em;}

div#main div#property {position:absolute;width:490px;top:350px;height:165px;left:500px;background:transparent url('../img/property3_back.png') no-repeat 0 0;}
div#property h2{position:absolute;top: -9999px;}
div#property p{width:185px;position:absolute;top:10px;left:330px;font-size:1.3em;}

div#faq{width:100%;height:70px;background:transparent url('../img/faq_top.png') no-repeat 0 0;}
div#faq h2{position:absolute;top: -9999px;}
div#faq p{font-size:15px;padding:40px 20px 0 40px;}
div#faqbottom{width:100%;height:20px;background:transparent url('../img/faq_bottom.png') no-repeat 0 0;margin:0 0 20px 0;}
	
div#finished{width:100%;height:500px;background:transparent url('../img/finished.png') no-repeat 8px 0;}
div#finished h2{padding:40px 20px 0 50px;}
div#finished p{font-size:18px;padding:40px 20px 0 50px;}	

div#contact{width:100%;height:530px;background:transparent url('../img/contact.png') no-repeat -3px 0;margin:0 0 20px 0;}
div#contact h2{position:absolute;top: -9999px;}
div#contact p{font-size:14px;margin:10px 20px 0 50px;}	
div#contact p.first{font-size:14px;padding-top:50px;}
div#contact #map_canvas {width:400px; height:200px;position:absolute;top:178px;left:500px;}
div#contact #address_container{height:220px;width:100%}
div#contact #openingtimes{position:absolute;top:200px;left:250px;font-size:14px;}
div#contact #openingtimes li{padding:0 0 0 10px;}
div#contact #address{position:absolute;top:210px;left:60px;}


/*************************** !=Form Headers **********************/
div#header1{height:90px;background:transparent url('../img/arrows1.png') no-repeat 5px 0;}
div#header1 h2{position:absolute;top: -9999px;}
/*
.section1header{position:absolute;top:-15px;left:-17px;height:28px;width:276px;background:transparent url('../img/form_legends.png') no-repeat 1px 0;}
.section1header{position:absolute;top:-15px;left:-17px;height:28px;width:315px;background:transparent url('../img/form_legends.png') no-repeat -278px 0 ;}
.section3header{position:absolute;top:-15px;left:-17px;height:28px;width:315px;background:transparent url('../img/form_legends.png') no-repeat -598px 0 ;}
*/
div#header2{height:90px;background:transparent url('../img/arrows2.png') no-repeat 5px 0;}
div#header2 h2{position:absolute;top: -9999px;}

div#header3{height:90px;background:transparent url('../img/arrows3.png') no-repeat 5px 0;}
div#header3 h2{position:absolute;top: -9999px;}


/*************************** !=Accordion ************************/
div#accordion{margin:auto;font-size:1.1em;background:transparent url('../img/faq_accordion.png') repeat-y 0 0;}
.toggler{cursor:pointer;font-size:1.3em;margin-left:35px;}
.element{color:#333;margin-right:80px;margin-left:55px;text-align:justify;}
div#accordion #first {margin-top:0;padding-top:30px;}
div#accordion #last {margin-bottom:0;padding-bottom:30px;}


/*************************** !=hCard ****************************/
.vcard {font-size:14px;}
.vcard .type {display:none;}
.vcard .fn {display:none;}
.vcard .url {display:none;}
.vcard .email {display:none;}
.vcard .adr .street-address{display:block;}
.vcard .adr .region{display:block;}
.vcard .adr .locality{display:block;}
.vcard .adr .postal-code{display:block;}
.vcard .adr .country-name{display:none;}
.vcard .photo{display:none;}
.vcard img {margin:10px 0 0 0;}
.vcard a img{text-decoration: none;border-style:none;}


/*************************** !=hCard ****************************/
#form-taxi{
	position:absolute;
	top:50px;
	left:700px;
	height:300px;
	width:40px;
	background:transparent url('../img/forms.png') no-repeat -15px 0;
}
#form-bike{
	position:absolute;
	top:50px;
	left:700px;
	height:300px;
	width:40px;
	background:transparent url('../img/forms.png') no-repeat -70px 0;
}
#form-trade{
	position:absolute;
	top:50px;
	left:700px;
	height:300px;
	width:40px;
	background:transparent url('../img/forms.png') no-repeat -130px 0;
}
#form-courier{
	position:absolute;
	top:50px;
	left:650px;
	height:300px;
	width:95px;
	background:transparent url('../img/forms.png') no-repeat -175px 0;
}



/*************************** !=Frozenskys ***********************/
#container p.copyright {margin: 0;line-height: 1.5em;text-align: center;background: #FFFFFF;padding: 0 0 20px 0;}
a.fsl {color: #d85d5d;text-decoration: none;}
