﻿/* 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 **************************Disabled this one so it wouldn't clash with my css/*/
body{margin: 0;padding: 0;border-width: 0;background: #FFF;font: 76% Verdana,Tahoma,sans-serif;}
#container {width:1000px;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:175px;position:relative;}
div#branding blockquote {position:absolute;	top: -9999px;}
div#branding h1{width:470px;height:168px;
position:absolute;top:-16px;left:0;background:transparent url(../all-images/headerimage1.jpg) 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#header_address {width:235px;height:120px;position:absolute;top:-15px;left:760px;text-indent: -9999px;background:transparent url(../all-images/headerAddress.jpg) no-repeat 0 0;display:block;}

div#branding h2#header_email {width:230px;height:30px;position:absolute;top:100px;left:775px;text-indent: -9999px;background:transparent url(../all-images/headerEmail2.jpg) no-repeat 0 0;display:block;}



/*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:45px;margin:0 0 10px 0;width:1000px;}
.sub-tital {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	font-style: normal;
	line-height: 24px;
}

div#menu h2{position:absolute;top: -9999px;}
ul#main_menu {position:absolute;top:0px;left:0;margin:0;height:45px;}
ul#main_menu li{display:inline-block;height:45px;}
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:43px;text-indent:-9999px;border:0;padding:0;margin:0;}

ul#main_menu li#menu_home a{background-position:0px -36px;width:95px}
ul#main_menu li#menu_motor a{background-position:-110px -36px;width:180px}
ul#main_menu li#menu_courier a{background-position:-310px -36px;width:180px}
ul#main_menu li#menu_bike a{background-position:-500px -36px;width:100px}
ul#main_menu li#menu_property a{background-position:-597px -36px;width:150px}
ul#main_menu li#menu_car a{background-position:-740px -36px;width:130px}
ul#main_menu li#menu_contact a{background-position:-886px -36px;width:137px;}

ul#main_menu li#menu_home a:hover{background-position:0px -36px;width:95px;background:transparent url('../img/main_menu_home_hover.png') no-repeat;display:inline-block;width:95px;height:43px;text-indent:-9999px;border:0;padding:0;margin:0;}
ul#main_menu li#menu_motor a:hover{background-position:-110px -36px;width:180px;background:transparent url('../img/main_menu_motor_hover.png') no-repeat;display:inline-block;width:180px;height:43px;text-indent:-9999px;border:0;padding:0;margin:0;}
ul#main_menu li#menu_courier a:hover{background-position:-310px -36px;width:180px;background:transparent url('../img/main_menu_commercial_hover.png') no-repeat;display:inline-block;width:180px;height:43px;text-indent:-9999px;border:0;padding:0;margin:0;}
ul#main_menu li#menu_bike a:hover{background-position:-500px -36px;width:100px;background:transparent url('../img/main_menu_bike_hover.png') no-repeat;display:inline-block;width:100px;height:43px;text-indent:-9999px;border:0;padding:0;margin:0;}
ul#main_menu li#menu_property a:hover{background-position:-597px -36px;width:150px;background:transparent url('../img/main_menu_property_hover.png') no-repeat;display:inline-block;width:150px;height:43px;text-indent:-9999px;border:0;padding:0;margin:0;}
ul#main_menu li#menu_car a:hover{background-position:-740px -36px;width:130px;background:transparent url('../img/main_menu_car_hover.png') no-repeat;display:inline-block;width:130px;height:43px;text-indent:-9999px;border:0;padding:0;margin:0;}
ul#main_menu li#menu_contact a:hover{background-position:-886px -36px;width:137px;background:transparent url('../img/main_menu_contact_hover.png') no-repeat;display:inline-block;width:137px;height:43px;text-indent:-9999px;border:0;padding:0;margin:0;}


ul#main_menu li#menu_home a.selected{background-position:0px -36px;width:95px;background:transparent url('../img/main_menu_home_selected.png') no-repeat;display:inline-block;width:95px;height:43px;text-indent:-9999px;border:0;padding:0;margin:0;}
ul#main_menu li#menu_motor a.selected{background-position:-110px -36px;width:180px;background:transparent url('../img/main_menu_motor_selected.png') no-repeat;display:inline-block;width:180px;height:43px;text-indent:-9999px;border:0;padding:0;margin:0;}
ul#main_menu li#menu_courier a.selected{background-position:-310px -36px;width:180px;background:transparent url('../img/main_menu_commercial_selected.png') no-repeat;display:inline-block;width:180px;height:43px;text-indent:-9999px;border:0;padding:0;margin:0;}
ul#main_menu li#menu_bike a.selected{background-position:-500px -36px;width:100px;background:transparent url('../img/main_menu_bike_selected.png') no-repeat;display:inline-block;width:100px;height:43px;text-indent:-9999px;border:0;padding:0;margin:0;}
ul#main_menu li#menu_property a.selected{background-position:-597px -36px;width:150px;background:transparent url('../img/main_menu_property_selected.png') no-repeat;display:inline-block;width:150px;height:43px;text-indent:-9999px;border:0;padding:0;margin:0;}
ul#main_menu li#menu_car a.selected{background-position:-740px -36px;width:130px;background:transparent url('../img/main_menu_car_selected.png') no-repeat;display:inline-block;width:130px;height:43px;text-indent:-9999px;border:0;padding:0;margin:0;}
ul#main_menu li#menu_contact a.selected{background-position:-886px -36px;width:137px;background:transparent url('../img/main_menu_contact_selected.png') no-repeat;display:inline-block;width:137px;height:43px;text-indent:-9999px;border:0;padding:0;margin: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-car{
	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;
}

#form-property{
	position:absolute;
	top:50px;
	left:650px;
	height:300px;
	width:95px;
	background:transparent url('../img/forms.png') no-repeat -245px 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;}

 

