/* CSS Document */

BODY {
	padding:0; margin:0;
	font-family:Trebuchet MS, Arial, Verdana, Tahoma;
	font-size:14px;
	color:#582424;
	background-image:url('../imgs/bg_main.jpg');
	background-repeat:repeat-x;
	background-color:#e9e9e9;
}

img {border:0;}

/* Main layout */


	

	
/* Fonts, Colours */

h1 {
	font-family:Garamond, Times New Roman, Times, serif;
	font-size:30px;
	color:#ae2222;
	font-weight:bold;
	float:left;
}

/* Header */

#header {background-image:url('../imgs/iancow.png'); background-position:right; background-repeat:no-repeat;
	width:900px; height:288px; margin:auto;}

#header h1 {margin:40px 0px 6px 30px; width:600px; font-size:26px;}

#header h2 {font-family:Garamond, Times New Roman, Times, serif;
font-size:16px; color:#454545; float:left; margin:0px 0px 0px 30px; width:600px;
}

.logo {padding:30px 0px 0px 20px; float:left;}

/* Intro */

#intro {width:860px; height:294px;
	padding:35px 0px 45px 0px; margin:auto;}
	
#intro h2 {font-family:Trebuchet MS, Arial, Verdana, Tahoma;
	font-size:16px; float:right; width:500px; color:#582424;
}
#intro h2 strong {font-size:18px;}

/* Types of work undertaken (what I do) */

#whatido {
	width:860px; margin:auto; padding-top:20px;}
	
.column {width:280px; float:left;}

#whatido h2 {font-family:Garamond, Times New Roman, Times, serif;
font-size:20px; color:#ae2222;}

#whatido span {font-family:Garamond, Times New Roman, Times, serif;
font-size:18px; color:#582424; font-weight:bold;}

#whatido .small {font-size:12px; color:#ae2222;}

/* Footer title */

#footerTitle {
	width:860px; margin:auto; clear:both; padding-top:20px;}
	
#footerTitle h2 {font-family:Trebuchet MS, Arial, Verdana, Tahoma;
	font-size:16px; float:right; width:500px; color:#582424;}

/* Footer */

#footerWrap {background-color:#9c1f1f; width:100%; clear:both; background-image:url('../imgs/bg_footer.jpg'); background-repeat:repeat-x;}

#footer {width:860px; margin:auto; height:350px;
	background-image:url('../imgs/bg_contact.png'); background-repeat:no-repeat; background-position:490px 0px;}
	
#footer h2 {font-size:16px; color:#ffffff; padding:30px 0px 0px 0px;}

#footer .telephone {color:#ffffff; font-size:30px; float:left; margin:20px 0px 10px 0px;}
	
#footer .telephone strong {	font-family:Garamond, Times New Roman, Times, serif;
	font-size:26px; color:#ffffff;}

#footer .email {float:left; margin:20px 0px 20px 50px;}
	
#footer .email a:link {
	color:#ffffff; font-size:24px; text-decoration:none;}
	
#footer .email a:hover {color:#582424;}

#footer .email strong {font-family:Garamond, Times New Roman, Times, serif;
	font-size:26px; color:#ffffff;}
	
#footer .mobile {color:#ffffff; font-size:30px; float:left; margin:20px 0px 0px 0px;}

#footer .mobile strong {	font-family:Garamond, Times New Roman, Times, serif;
	font-size:26px; color:#ffffff;}

#footer .address {color:#ffffff; font-size:20px; float:left; margin:20px 0px 0px 60px;}

#footer .address strong {font-family:Garamond, Times New Roman, Times, serif;
	font-size:26px; color:#ffffff;}
	
p.copyright {font-size:10px; color:#ffffff; margin-top:0px; clear:both;}

a.yahuh {font-size:10px; color:#ffffff; font-weight:bold; text-decoration:none;}
a.yahuh:hover {font-size:10px; color:#4c4c4c; background-color:#c6d92d; font-weight:bold; padding:5px;}
	
 /* Contact form */

#contactForm {width:280px; float:right; position:relative; padding:0px; margin:0px;}

#contactForm form {padding:0px; margin:0px; height:340px;}

#contactForm p {padding:5px; color:#ffffff;}

#contactForm h2 {font-family:Garamond, Times New Roman, Times, serif;
	font-size:20px; color:#ffffff; padding:4px; margin:0px; float:left;}

#contactForm ul {margin:0px; padding:0px;}

#contactForm li {list-style-type:none;}

#contactForm li.captcha1 {width:160px; float:left;}
#contactForm li.captcha2 {width:100px; float:left;}
#contactForm li.captcha2 a {color:#ffffff; padding:3px;}
#contactForm li.captcha3 {width:100px; float:left;}
	
#contactForm input {width:250px;
	font-family:Trebuchet MS, Arial, Verdana, Tahoma; font-size:12px; color:#582424; margin:5px; padding:4px;}

#contactForm input.captchaCodeInput {width:80px;
	float:right;}
	
#contactForm textarea {width:252px; height:50px; padding:4px; margin:5px;
	font-family:Trebuchet MS, Arial, Verdana, Tahoma; font-size:12px; color:#582424;}
	
#contactForm label {display:none;}

#contactForm label.show {display:block; font-size:12px; color:#ffffff; margin:5px;}

#contactForm img {margin:5px;}

#contactForm .loading img {border:0px; margin:auto;}

#contactForm button {float:right; width:130px;}

#contactForm .error {
	background-image:url('../imgs/bg_error.png'); background-repeat:no-repeat; background-position:right; display:block; position:absolute; margin-left:-420px; margin-top:-40px; width:400px; padding:10px;
}

#contactForm .errorCaptcha {
	background-image:url('../imgs/bg_error.png'); background-repeat:no-repeat; background-position:right; display:block; position:absolute; margin-left:-580px; margin-top:10px; width:400px; padding:10px;
}

/* Navigation */

.nav {
	float:right;
	padding-top:20px; padding-bottom:0px;}

.nav ul {
	list-style:none;
	padding:0px;
	margin:0px;}	

.nav li {
	float:left;
	margin:0px 10px 0px 10px;
	}

.nav a:link, .nav a:visited {
	font-family:Trebuchet MS, Arial, Verdana, Tahoma;
	font-size:16px;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
	
	background-image:url('../imgs/bg_nav.png');
	background-repeat:no-repeat;
	background-position:-30px 0px;
 	padding:4px 10px 20px 10px; display:block;
	}
		
.nav a:hover {
	color:#582424; background-position:-30px -50px;}

#navigation li.experience a, #navigation2 li.whatido a, #navigation3 li.costscontact a {background-position:0px 0px;}
#navigation li.experience a:hover, #navigation2 li.whatido a:hover, #navigation3 li.costscontact a:hover {background-position:0px -50px;}

/* Minors */

.cB {clear:both;}
.left20 {margin-left:20px;}
.right20 {margin-right:20px;}
.top20 {margin-top:20px;}
.left10 {margin-left:10px;}
.right10 {margin-right:10px;}
.top10 {margin-top:10px;}
.dN {display:none;}

/* the following makes sure the iphone does not adjust the font size */
html {-webkit-text-size-adjust:none}