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

	CodePress.co.uk
	Professional Front-end web development

	CSS structure 

	1.0 Reset
	2.0 Defaults
		2.1 Link defaults
		2.2 Type defaults
	3.0 Layout
		3.1 Home
		3.2 About
		3.3 FAQs
		3.5 Contact
	9.0 Debug	



	1.0 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: normal; font-style:normal; 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;}

/*-----------------------------------------------------
	 2.0 Defaults
-----------------------------------------------------*/

body {font:62.5% Helvetica, Arial, sans-serif; padding-bottom:28px;background:#ec3c2f url('../images/layout/body-bg.jpg') no-repeat -800px 0;}
	#skiplinks {position:absolute; left:-9999px;}

	/*-----------------------------------------------------
		 2.1 Link
	-----------------------------------------------------*/

	a			{}
	a:link		{color:#000; text-decoration:underline;}
	a:visited   {color:#000; text-decoration:underline;}
	a:hover     {color:#000; text-decoration:underline;}
	a:active    {color:#000; text-decoration:underline;}

	/*-----------------------------------------------------
		2.2 Type
	-----------------------------------------------------*/
	
	h1 	{}
	h2 	{color:#111;  font:1.6em/1.0em helvetica,Arial,Helvetica,sans-serif; font-weight:bold; letter-spacing:-1px;}
	h3 	{color:#000; font-size:2.4em; margin-bottom:0.4em; letter-spacing:-1px; font-weight:bold; font-family:helvetica, georgia;}
	h4	{margin:-1em 0 1em; font-size:1.3em; font-weight:bold; border-bottom:1px solid #000; font-variant:small-caps; }
	p	{font-size:1.2em; margin-bottom:0.7em; line-height:1.5em;}
	dt 	{font-size:1.4em; font-weight:bold;}
	li	{font-size:1.2em;margin-bottom:0.36em;}
	ol	{list-style: decimal outside; padding-left:20px; margin-bottom:1em;}
	input, textarea, select {font-size:1.2em;}

/*-----------------------------------------------------
	3.0 Layout
-----------------------------------------------------*/	

#navigation,
#header,
#main,
#banner,
#footer {border:2px solid black; border-top-width:2px; border-left-width:2px; border-right-width:2px;}

	
#navigation {width:994px; margin:0 auto; background:#fff; border-bottom:0;}
	ul#nav { overflow:hidden; margin:0 auto; width:946px;}
		ul#nav li {float:left; color:#fff; margin:0; width:6em;}
			ul#nav li a {color:#000; padding:5px 0; display:block; text-align:center;}

	.home 		ul#nav li.home a,
	.about 		ul#nav li.about a,
	.faqs 		ul#nav li.faqs a,
	.order 		ul#nav li.order a,
	.contact 	ul#nav li.contact a,
	 			ul#nav li a:hover {background:#000; color:#fff; font-weight:bold !important;}

#header {clear:left; margin:0 auto; padding: 24px; width:946px; overflow:hidden; background:#fff;}
	#header h1 {float:left;}
		#header h1 img {float:left;}
	#header h2 {margin-left:160px; float:left; padding-left:14px; margin-top:30px;}

#banner {clear:left; width:994px; margin: 0 auto; overflow:hidden; background:black; height:20.0em;}
	#banner img {display:block;}
	
	
#main {width:960px; padding:28px 10px 28px 24px; margin:0 auto; overflow:hidden; background:#fff;}
	#main ul li { line-height:1.5em; list-style-type: disc; margin-left:20px;}
		
	.content 	{float:left;  width:626px; margin:0 14px 14px 0; display:inline;}
	.aside		{float:left;  width:304px; margin:0 14px 14px 0; display:inline;}
		.aside p 	{margin-bottom:1.7em;}
	
	
#footer {width:960px; padding:28px 10px 28px 24px; height:150px; overflow:hidden; margin:0 auto;   background: #272727 url('../images/layout/banner-bg-grad.gif') repeat-x left top}
	#footer p {color:#fff;float:left; width:626px; margin-right:14px;}
	#footer ul.secondary-nav {float:left; width:226px;}
		#footer li {color:#fff;float:left; margin-right:5px;}
			#footer li a {color:#fff;}

#footer .addresses {clear:both; padding:15px 0 0; width:100%;}
	#footer .vcard 	{float:left; width:146px;}			
		#footer .vcard span {display:block;}

	/*-----------------------------------------------------
		3.1 Home
	-----------------------------------------------------*/

	.section {width:306px;float:left; margin:0 14px 14px 0;}
		
	.clients {padding:0 14px 0 0; margin:0 0 1em; overflow:hidden; clear:left;}
		.clients img.primary 	{float:left; margin:0 0 0 90px;}
		.clients img.secondary	{float:left; margin:0 180px}
		.clients img.tertiary	{float:right;margin:0 150px 0 0;}
		.clients h3 {border-bottom:1px solid #000;}
		.clients p {text-align:center; clear:both;}

	#order {display:none;background:yellow; border:2px solid; padding:10px 0 0 0; margin-top:24px;}
		#order p {font-size:1.5em; text-align:center; clear:both; }
		#order a {text-decoration:underline;}

	/*-----------------------------------------------------
		3.2 About 
	-----------------------------------------------------*/	

	.about .portrait {float:left; padding: 3px 14px 3px 0px;}

	/*-----------------------------------------------------
		3.3 FAQs
	-----------------------------------------------------*/

	.faqs dt {width:146px;position:relative; margin:0em 14px 0 0; height:3em;}
	.faqs dd {margin-left:160px;position:relative; margin:-4.15em 0 2.7em 160px;}

	/*-----------------------------------------------------
		3.5 Contact
	-----------------------------------------------------*/

	.contact form {overflow:hidden;}
		#emailresult {}
			.success,
			.error	 {padding:15px; margin-bottom:14px; border: 5px solid red;}
			.success {border-color: green;}

		.row {margin: 0 0 0.4em; float:left; overflow:hidden; width:100%;}
			.row p {float:left; width:306px; text-align:right; margin-right:14px;}
				.row input.forminput,.row textarea.forminput {float:right; width:300px; border:1px solid #ccc; padding:4px 2px; background:url('http://fourshapes.com/img/input_bg.gif');}
				.row input.submit {float:right;}
				form input.forminput:focus, form input.forminput:active, form textarea.forminput:focus {border: 1px solid #000;}
		
/*-----------------------------------------------------
	 9.0 Debug
-----------------------------------------------------*/	

body.grid {background:url('../images/grid.png') repeat-y left top; width:1024px;}
body.grid * {background:transparent !important; color:#000 !important;}
body.grid img {opacity:0.50;}