/*-----------------------------------------------------

	CodePress.co.uk
	Professional Front-end web development

------------------------------------------------------*/
	/* Code Press Reset */
	html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0; font-weight: inherit; font-style:inherit; font-family:inherit; font-size: 100%;}
	input, textarea, select {margin:0; padding:0; font-family:sans-serif; font-size: 1em}
	body {line-height: 1; color: black; background: white;}
	img, a img,abbr,acronym,fieldset {border: 0;}
	ol, ul {list-style: none;}
	table {border-collapse: collapse; border-spacing: 0;}
	caption, td, th {text-align: left; font-weight: normal; vertical-align: top;}
	blockquote:before, blockquote:after, q:before, q:after {content: "";}
	blockquote, q {quotes: "" "";}
	sup, sub {vertical-align: text-top;}
	/*CP Default styles*/
	strong 	{font-weight:bold;}
	em 		{font-style:italic;}
	h1,h2,h3,h4,h5,h6,p,dd,dt,li {line-height:1.22em;}

/*-----------------------------------------------------
	
	CSS structure 
	
	1.0 Defaults
		1.1 Link defaults
		1.2 Type defaults
	2.0 Layout
		2.1 Homepage
	
-----------------------------------------------------*/

/*-----------------------------------------------------
	1.0 Defaults
-----------------------------------------------------*/

	body {font:62.5% Helvetica, Arial; background:#fff url(../images/body_bg.gif) top repeat-x; color:#252525;}
		#skiplinks {position:absolute; left:-9999px;}
	
/*-----------------------------------------------------
	1.1 Links
-----------------------------------------------------*/
	a:link 		{
	text-decoration: none;
}
	a:visited	{}
	a:hover		{}
	a:active	{}

/*-----------------------------------------------------
	1.2 Type
-----------------------------------------------------*/

	h1	{}
	h2	{}
	h3	{}
	p	{}
	li	{}
	
/*-----------------------------------------------------
	2.0 Layout
-----------------------------------------------------*/

/*-----------------------------------------------------
	2.1 Homepage (name of page/group)
-----------------------------------------------------*/
	/* 	
		Styles in here are either customised modules (extra bits to the header or added modules.) 
		or unique page-specific/group specific styles
	*/

/* 
	Debug styles:
	
	a[href="#"] {background: lime;}
	a[href="404"] {background: lime;}
	a[href=""] {background: fuchsia;}
	
	*[align], *[valign], *[border], table[cellspacing], table[cellpadding], *[width], *[height], a[href^=”javascript:”], *[onload], *[onunload], *[onchange], *[onsubmit], *[onreset], *[onselect], *[onblur], *[onfocus], *[onkeydown], *[onkeypress], *[onkeyup], *[onclick], *[ondblclick], *[onmousedown], *[onmousemove], *[onmouseover], *[onmouseout], *[onmouseup]
	{outline:5px solid yellow;}

	img[width], img[height] {outline:0;}

	img {outline: 5px solid red;}
	img[alt][title] {outline-width: 0;}
	img[alt] {outline-color: fuchsia;}
	img[alt], img[title] {outline-style: double;}
	img[alt=""][title], img[alt][title=""] {outline-width: 3px;}
	img[alt=""][title=""] {outline-style: dotted;}
	
	Sometimes a client will have our banners on their site. Here is the HTML and CSS to include;

	HTML:
	<a href="http://codepress.co.uk" title="Expertly Code Pressed" rel="external" id="cp_84bannerc">
		<span>Code Press - Professional front-end development</span>
	</a>
	
	CSS:
	#cp_84bannerc 			{width:84px; height:20px; display:block; background: url('../images/cp/cp-84x20-combo.png') no-repeat 0 0}
	a:hover#cp_84bannerc 	{background-position:0 -20px}
	#cp_84bannerc span 		{position:absolute; left:-9999px}	
*/

.wrapper{ width:1003px; margin:0 auto; overflow:hidden;}

#header{ width:100%; height:110px; overflow:hidden; background:url(../images/head_bg.jpg) top no-repeat;}
	#header .logo{ float:left; display:inline; margin:15px 0 0 0px; width:162px; height:84px; background:url(../images/logo.png) no-repeat;}
	#header .logo a{ float:right; width:100px; height:48px; text-indent:-9999px; overflow:hidden;}

	
	#navigation{
	float:left;
	width:700px;
	margin-top: 46px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
}
		.main_nav{ width:100%; overflow:hidden;}
		.main_nav li{ float:left; height:27px; position:relative; margin-right:1px;}
		.main_nav li a{ float:left; height:100%; text-indent:-9999px; overflow:hidden;}
		.main_nav li#nav1{}
		.main_nav li#nav2{ top:1px;}
		.main_nav li#nav3{ top:1px;}
		.main_nav li#nav4{ top:1px;}
		.main_nav li#nav1 a{ width:212px; background:url(../images/navigation.gif) 0 0 no-repeat;}
		.main_nav li#nav2 a{ width:209px; background:url(../images/navigation.gif) -212px 0 no-repeat;}
		.main_nav li#nav3 a{ width:128px; background:url(../images/navigation.gif) -421px 0 no-repeat;}
		.main_nav li#nav4 a{ width:145px; background:url(../images/navigation.gif) -549px 0 no-repeat;}
		
		.main_nav li#nav1.current a,
		.main_nav li#nav1 a:hover{ background:url(../images/navigation.gif) 0 -27px no-repeat;}
		.main_nav li#nav2.current a,
		.main_nav li#nav2 a:hover{ background:url(../images/navigation.gif) -212px -27px no-repeat;}
		.main_nav li#nav3.current a,
		.main_nav li#nav3 a:hover{ background:url(../images/navigation.gif) -421px -27px no-repeat;}
		.main_nav li#nav4.current a,
		.main_nav li#nav4 a:hover{ background:url(../images/navigation.gif) -549px -27px no-repeat;}
		
		.sub_nav{ width:98%; overflow:hidden; margin:5px 0 0 4px;}
		.sub_nav li{ float:left; height:19px; margin-right:11px;}
		.sub_nav li a{ float:left; height:100%; text-indent:-9999px; overflow:hidden;}
		.sub_nav li#sub11 a{ width:34px; background:url(../images/subnav.gif) 0 0 no-repeat;}
		.sub_nav li#sub12 a{ width:74px; background:url(../images/subnav.gif) -34px 0 no-repeat;}
		.sub_nav li#sub13 a{ width:59px; background:url(../images/subnav.gif) -108px 0 no-repeat;}
		.sub_nav li#sub14 a{ width:121px; background:url(../images/subnav.gif) -167px 0 no-repeat;}
		.sub_nav li#sub15 a{ width:101px; background:url(../images/subnav.gif) -288px 0 no-repeat;}
		.sub_nav li#sub16 a{ width:103px; background:url(../images/subnav.gif) -540px 0 no-repeat;}
		.sub_nav li#sub21 a{ width:91px; background:url(../images/subnav.gif) -389px 0 no-repeat;}
		.sub_nav li#sub22 a{ width:60px; background:url(../images/subnav.gif) -480px 0 no-repeat;}
		
		.sub_nav li#sub11.on a,
		.sub_nav li#sub11 a:hover{ background:url(../images/subnav.gif) 0 -19px no-repeat;}
		.sub_nav li#sub12.on a,
		.sub_nav li#sub12 a:hover{ background:url(../images/subnav.gif) -34px -19px no-repeat;}
		.sub_nav li#sub13.on a,
		.sub_nav li#sub13 a:hover{ background:url(../images/subnav.gif) -108px -19px no-repeat;}
		.sub_nav li#sub14.on a,
		.sub_nav li#sub14 a:hover{ background:url(../images/subnav.gif) -167px -19px no-repeat;}
		.sub_nav li#sub15.on a,
		.sub_nav li#sub15 a:hover{ background:url(../images/subnav.gif) -288px -19px no-repeat;}
		.sub_nav li#sub16.on a,
		.sub_nav li#sub16 a:hover{ background:url(../images/subnav.gif) -540px -19px no-repeat;}
		.sub_nav li#sub21.on a,
		.sub_nav li#sub21 a:hover{ background:url(../images/subnav.gif) -389px -19px no-repeat;}
		.sub_nav li#sub22.on a,
		.sub_nav li#sub22 a:hover{ background:url(../images/subnav.gif) -480px -19px no-repeat;}



#content{ width:100%; height:450px; overflow:hidden; position:relative;}
	.home{
	background-image: url(../images/content_bg.png);
	background-repeat: no-repeat;
	background-position: 60px bottom;
}
	.what_we_are_not{
	width:100%;
	height:450px;
	overflow:hidden;
	background-image: url(../images/content_bg.png);
	background-repeat: no-repeat;
	background-position: 57px bottom;
}
	.love_our_clients{
	background-image: url(../images/content_bg.png);
	background-repeat: no-repeat;
	background-position: 56px bottom;
}
	.the_proof{
	background-image: url(../images/content_bg.png);
	background-repeat: no-repeat;
	background-position: 64px bottom;
}
	.contact{ background:url(../images/content_bg.png) 64px bottom no-repeat;}


	.main_content{ float:left; width:610px; display:inline; margin:12px 0 0 266px; position:relative; z-index:2;}
		.main_content h1,
		.main_content h3{ font-size:1.3em; font-weight:bold; color:#000; line-height:135%;}
		.main_content h2{ font-size:1.3em; font-weight:bold; color:#000; margin-bottom:15px; line-height:135%;}
		.main_content h2.h2_proof{ width:610px;}
		.main_content p{ font-size:1.3em; margin-bottom:15px; line-height:125%;}
		
		.home_txt{ width:520px;}
		.content_txt{ width:580px;}
		
		h3.h3_welcome{ width:78px; height:19px; text-indent:-9999px; overflow:hidden; background:url(../images/txt_welcome.gif) no-repeat;}
		
		/*the proof page*/
		.quote_txt{ width:580px;}
		.story_txt{ float:left; width:365px; overflow:hidden;}
		.story_img{ float:right; margin:28px 0 0 0;}
		.single_blockquote{ font-size:1.3em; margin-bottom:14px; line-height:140%;}
		.single_blockquote blockquote{ display:inline;}
		.single_blockquote blockquote p{ display:inline; font-size:1.0em; line-height:110%;}
		.single_blockquote cite{ display:inline; font-style:normal; font-family:"Arial Black",Helvetica;}
		
			.btn_back{ color:#494949; text-transform:uppercase; font-size:11px; font-weight:bold; padding-right:10px; letter-spacing:-1px;
					   background:url(../images/arrow_up.png) right 1px no-repeat; margin-right:3px;}
			.btn_back:hover{ color:#333;}
			
			.btn_more{ color:#494949; text-transform:uppercase; font-size:11px; font-weight:bold; padding-right:10px; letter-spacing:-1px;
					   background:url(../images/arrow_down.png) right 1px no-repeat;}
			.btn_more:hover{ color:#000;}
		
		
		/*for contact us page*/
		.content_txt .para_call{ font-size:1.9em; font-weight:bold; margin-bottom:2px;}
		.content_txt h4.email_us{ width:84px; height:20px; background:url(../images/txt_email_us.gif) no-repeat; text-indent:-9999px; overflow:hidden;}
		.content_txt h4.email_us a{ float:left; width:100%; height:100%;}
		.content_txt .address{ margin:27px 0 10px; font-family:"Helvetica Black","Arial Black",Arial;}
		.content_txt .address p{ margin:0;}
.content_txt .address a:link {
	font-family: "Helvetica Black", "Arial Black", Arial;
	color: #000;
	text-decoration: none;
}
.content_txt .address a:visited {
	font-family: "Helvetica Black", "Arial Black", Arial;
	color: #000;
	text-decoration: none;
}
.content_txt .address a:active {
	font-family: "Helvetica Black", "Arial Black", Arial;
	color: #000;
	text-decoration: none;
}
.content_txt .address a:hover {
	font-family: "Helvetica Black", "Arial Black", Arial;
	color: #666;
	text-decoration: none;
}
		.content_txt p.note{ margin:17px 0 13px; font-size:1.2em;}
		.content_txt p.email{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight: bold;
	color: #000;
}
		#contact_flash{ width:400px; height:350px; position:absolute; z-index:1; bottom:2px; right:120px;}
		
	/*for contact_form lightbox*/
	.contact_form_holder .contact_form{ display:block;}
	.contact_form{ width:365px; height:438px; overflow:hidden; background:url(../images/contact_form_bg.png) no-repeat; font-size:1.2em; display:none;}
	.contact_form_inside{ width:330px; height:407px; margin:9px auto 0; background:#fff; overflow:hidden;}
	.contact_form .close-floatbox{ float:right; width:61px; height:28px; display:inline; margin:2px 0 0 0; text-indent:-9999px; overflow:hidden;
								   background:url(../images/btn_close.gif) no-repeat;}
	.contact_form h4{ width:215px; height:25px; margin:14px 0 13px 3px; background:url(../images/txt_contact_form.gif) no-repeat; text-indent:-9999px; overflow:hidden;}
	.contact_form form{ position:relative; left:9px;}
	.contact_form .row{ width:290px;}
	.contact_form label,
	.contact_form input,
	.contact_form select,
	.contact_form textarea,
	.contact_form img{ display:block;}
	.contact_form img.varify_code{ cursor:pointer; margin-bottom:15px;}
	.contact_form input.input_txt{ width:157px; margin:1px 0 4px 0; line-height:140%; height:14px;}
	.contact_form input.btn_submit{ width:61px; height:16px; background:url(../images/btn_send.gif) no-repeat; border:0; cursor:pointer; margin-top:15px;}
	.contact_form textarea{ width:157px; height:70px; margin:3px 0 8px 0;}
	.contact_form select{ margin:3px 0 10px 0;}



#footer{
	width:880px;
	overflow:hidden;
	padding-bottom:20px;
	margin-top: 27px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#footer ul{ padding-top:4px; width:100%; overflow:hidden;}
#footer ul li{ float:left; height:43px;}
#footer ul li a,
#footer ul li span{ float:left; height:100%; text-indent:-9999px; overflow:hidden;}
#footer ul li.foot_item1 span{ width:124px; margin-right:33px; background:url(../images/chartered_accountants.gif) no-repeat;}
#footer ul li.foot_item2 span{ width:212px; margin-right:33px; background:url(../images/key_tax.gif) no-repeat;}
#footer ul li.foot_item3 a{ position:relative; top:-4px; width:101px; margin-right:50px; background:url(../images/view_our_blog.gif) no-repeat;}
#footer ul li.foot_item4 a{ width:150px; margin-right:42px; background:url(../images/sign_up_newsletter.gif) no-repeat;}
#footer ul li.foot_item5{ position:relative; top:-4px; width:121px; background:url(../images/call_us_today.gif) no-repeat;}
#footer ul li.foot_item5 a.skype_talk{ float:left; width:100%; height:100%;}
#footer ul li.foot_item5 a.skype_register{ float:left; position:absolute; top:22px; left:54px; width:63px; height:14px;}


#home_flash {
	width:865px;
	height:220px;
	position:absolute;
	z-index:1;
	bottom:0px;
	right:0px;
	left: 66px;
	top: 230px;
}
#what_we_are_not_flash {
	width:865px;
	height:218px;
	position:absolute;
	z-index:1;
	bottom:0px;
	right:0px;
	left: 40px;
	top: 231px;
}
#love_our_clients_flash {
	width:865px;
	height:306px;
	position:absolute;
	z-index:1;
	bottom:0px;
	right:0px;
	left: 40px;
	top: 144px;
}
#the_proof_flash {
	width:865px;
	height:220px;
	position:absolute;
	z-index:1;
	bottom:0px;
	right:0px;
	left: 60px;
	top: 229px;
}
#logo_flash {
	width:222px;
	height:96px;
	position:relative;
	z-index:1;
	bottom:0px;
	right:0px;
	left: 0px;
	top: 0px;
	float: left;
}
.terms {
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #000;
	font-weight: bold;
}
.base  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #CCC;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 65px;
}
.base a:link {
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #CCC;
	float: left;
}
.base a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #CCC;
	text-decoration: underline;
}
.base a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #CCC;
	text-decoration: none;
}