/*------------------------------------------------------------------
						Steven Johnston @ CoCreate
						for
						CoCreate
						21/12/2009

						Version 1.0

						Project: Total Reclaim

						**Please annotate amendments and log below**
						--------------------------------------------
						Amendments


						--------------------------------------------
##Designers Notes
-----------------
Colours
-------

--------------------------------------------------------------------*/
*{
    padding:0;
    margin:0;
}
html{
    min-height:101%;
}
body{
    background:url("../images/bg.gif") repeat-x;
}
img{
    border:none;
}
/*---------------------------
		Structure
-----------------------------*/
#wrapper{
    margin:0 auto 40px auto;
    width:980px;
}
#header{
	width:980px;
	height:121px;
	background:url("../images/bg_header.gif");
}
#header .tel{
	float:right;
}
#header .logo{
	float:left;
	padding:0 0 0 20px;
}
#strapline{
	float:left;
	width:200px;
	padding:30px 0 0 80px;
	line-height:1.4;
}
#content{
	width:940px;
	background:#FFFFFF;
	padding:20px
}
#rightCol{
	float:right;
	width:236px;
}
#step1{
	width:205px;
	height:260px;
	background:url("../images/bg_step1.gif");
	margin:0 0 20px 0;
	padding:0 15px 0 16px;
}
#step1 .titleImg{
	margin:13px 0 22px 0;
}
#step1Table{
	width:205px;
	padding:15px 0 0 0;
}
#step1Table input.input{
	width:88px;
	background:none;
	border:none;
}
#step1Table td{	
	width:90px;
}
#step1Table td table{
	width:100%;
	padding:0 0 10px 0;
}
#step1Table tr.input td{
	padding:3px 0 15px 3px;
	background:url("../images/bg_input.gif") no-repeat;
}
#whyChoose{
	width:232px;
	height:290px;
	background:url("../images/bg_why_choose.gif");
	margin:0 0 20px 0;
}
#whyChoose h1{
	padding:12px 0 25px 10px;
}
#whyChoose p{
	padding:0 0 10px 45px;
	line-height:1.7;
}
#testimonials{
	width:232px;
	height:232px;
	background:url("../images/bg_testimonials.gif");
}
#testimonials h1{
	padding:15px 0 40px 10px;
}
#testimonials p{
	line-height:1.4;
	padding:0 30px 0 30px;
}
#leftCol{
	float:left;
	width:670px;
	padding:0 0 0 10px;
}
#steps{
	width:660px;
	height:259px;
	margin:0 0 20px 0;
	padding:0 0 0 10px;
	background:url("../images/bg_steps.jpg");
}
#steps .titleImg{
	margin:13px 0 0 5px;
}
.step{
	float:left;
	width:147px;
	padding:22px 3px 0 13px;
}
.step p{
	padding:12px 15px 0 4px;
	line-height:1.2;
}
#missoldLoans{
	float:left;
	width:331px;
	height:212px;
	margin:0 0 20px 0;
	background:url("../images/bg_missold_loans.gif");
}
#personalInj{
	float:left;
	width:331px;
	height:212px;
	margin:0 0 20px 0;
	background:url("../images/bg_accident.jpg");
}
#missoldCards{
	float:right;
	width:330px;
	height:212px;
	margin:0 0 20px 0;
	background:url("../images/bg_missold_cards.jpg");
}
#roadTraffic{
	float:right;
	width:330px;
	height:212px;
	margin:0 0 20px 0;
	background:url("../images/bg_rta.jpg");
}
.missale h1{
	padding:15px 0 0 15px;
	height:70px;
}
.missale p{
	width:210px;
	height:85px;
	padding:5px 0 0 15px;
	line-height:1.5;
}
.btnStart{
	padding:0 0 0 15px;
}
#latestNews{
	float:right;
	width:200px;
	background:url("../images/bg_latest_news.gif") no-repeat;
	margin:10px 10px 0 0;
}
#latestNews h1, #faqs h1{
	padding:0 0 0 40px;
}
#latestNews .titleholder, #faqs .titleholder{
	height:65px;
}
#faqs{
	float:left;
	width:387px;
	background:url("../images/bg_faqs.gif") no-repeat;
	margin:10px 0 0 10px;	
}
#faqs a{
	line-height:1.7;
}
.mainTitleHolder{
	height:40px;
	width:670px;
	padding:10px 0 0 0;
	margin:0 0 20px 0;
	border-bottom:1px solid #D1D3D4;
}
.textColRight, .textColLeft{
	width:300px;
}
#contentText p{
	padding:0 0 20px 0;
	line-height:1.7;
}
.textColRight{
	float:right;
}
.textColRight img{
	float:right;
}
.sellingPoints{
	float:left;
	padding:50px 0 0 40px;
	list-style:none;
	line-height:1.6;
}
.textColLeft{
	float:left;
}
h2{
	padding:0 0 6px 0;
}
#greenForm{
	width:230px;
	height:440px;
	background:url("../images/bg_green_form.gif");
}
#greenForm p{
	line-height:1.2;
}
#greenForm.contact{
	background:url("../images/bg_green_form_blank.gif");
}
#greenForm img, #formSent img{
	float:left;
}
#greenForm .titleHolder, #formSent .titleHolder{
	height:55px;
	padding:13px 0 0 10px;
}
#greenForm .textHolder, #formSent .textHolder{
	height:75px;
	padding:10px 15px 0 15px;
}
#greenForm .formHolder{
	padding:11px 0 0 15px;
}
#greenForm .formHolder input.input{
	width:183px;
	height:16px;
	padding:2px 0 2px 3px;
	margin:9px 0 2px 0;
	border:none;
	background:none;
}
#greenForm .formHolder textarea{
	width:183px;
	height:60px;
	padding:2px 0 2px 3px;
	margin:9px 0 0 0;
	border:none;
	background:none;
}
#greenForm input.submit{
	margin:15px 0 0 0;
}
#formSent{
	width:230px;
	height:190px;
	background:url("../images/bg_green_form_sent.gif");
}
#footer{
	width:945px;
	height:153px;
	padding:25px 0 0 35px;
	background:url("../images/bg_footer.gif");
	line-height:1.6;
}
#footerLogo{
	float:left;
	width:360px;
}
#cocreate{
	float:right;
	width:160px;
	margin:0 30px 0 0;
	text-align:right;
}
ul.menuFooter{
	float:left;
	width:120px;
	list-style:none;
	padding:0 0 0 50px;
}
.divfooter{
	clear:both;
	width:1px;
	height:1px;
}
/*---------------------------
			Menu
-----------------------------*/
#menu{
	width:980px;
	height:35px;
	background:url("../images/bg_menu.gif");
}
#menu ul{
	list-style:none;
}
#menu ul li{
	float:left;
	padding:8px 0 0 0;
}
#menu ul li a{
	border-right:1px solid #41AD49;
	padding:0 42px 0 42px;
}
#menu ul li.menulast a{
	border-right:none;
}
/*---------------------------
		Typography
-----------------------------*/
body, #greenForm .formHolder textarea{
	font-family:Arial, Helvetica, sans-serif;
}
#missoldCards h1, #missoldLoans h1, #personalInj h1, #roadTraffic h1{
	font-size:1.15em;
}
.mainTitleHolder h1{
	font-size:26px;
}
#latestNews h1, #faqs h1{
	font-size:20px;
}
#whyChoose h1, #testimonials h1{
	font-size:17px;
}
#strapline{
	font-size:14px;
}
#menu{
	font-size:13px;
}
#step1Table input.input, .more, .sellingPoints, h2{
	font-size:1em;
}
#steps, #step1, #whyChoose, #testimonials, .missale p,  a.dgreen, #contentText p, #greenForm label, #greenForm .formHolder textarea{
	font-size:0.75em;
}
#footer{
	font-size:0.7em;
}
#strapline{
	color:#41AD49;
}
#menu a{
	color:#080808;
}
#whyChoose h1, #latestNews h1, #faqs h1, .more, .mainTitleHolder h1, .sellingPoints, h2, .dgreen{
	color:#1A3E1B;
}
.grey{
	color:#414141;
}
.purple{
	color:#85489C;
}
#step1Table input.input, #greenForm .formHolder input.input, #greenForm .formHolder textarea{
	color:#999999;
}
#menu ul li a:hover{
	color:#8AC540;
}
.white{
	color:#FFFFFF;
}
#menu a, #footer a{
	text-decoration:none;
}
#footer a:hover, #menu ul li a:hover{
	text-decoration:underline;
}
#strapline, .more, .sellingPoints{
	font-weight:bold;
}