/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
Adapted by Steve Gibbon M and G Web Designs December 2009
*/

body {
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em; /* was 11px */
	color: #666666;
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.skiptocontent { /* for CSS browsers hides this link, for text only browsers or with CSS off it should appear OK */
	font-size: 0em;
	height:0px;
	padding:0px;
	margin:0px;
	width:0px;
	visibility:hidden;
}

h1, h2, h3 {
	margin-top: 0;
}

h1 {
	font-size: 2em;
	color: #D56E22;
}

h2 {
	font-size: 1.6em;
}

h3 {
	font-size: 1em;
}

h4 {
	font-size: 1em;
}

a {
	text-decoration: none;
	border-bottom: 1px dotted #CCCCCC;
	color: #D56E22;
}

a:hover {
	border-bottom: none;
}

a img {
	border: none;
}

img.right {
	float: right;
	margin: 0 0 0 20px;
}

.img_middle {
	margin-right: auto;
	margin-left: auto;
	/* border: 1px solid #D56E22;*/
	height: 180px;
	width: 180px;
	background: url(../images/img02.gif) repeat-x;
}

.photo {
	background-image: url(../images/drop_shadow.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.photo img {
	border: 1px solid #666;
	background-color: #FFF;
	padding: 4px;
	position: relative;
	top: -5px;
	left:-5px;
}

/* Header */

#logo {
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 880px;
	height: 120px;
	background-image: url(../images/IMGO1new.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	background-color: #FF9900;
}

#logo h1 {
	width:880px;
	font-size: 1.5em;
	float: left;
	color: #FFFFFF;
	padding-top: 65px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 350px; /* was 115px */
	margin-bottom:5px;
}

/* class titlehidden hides the Cirto part of the title when CSS is on - displays it when CSS is off,
thus letting the image do this job when CSS is on.
This just leave the situation when images are off and CSS is on as a possible small problem on branding
*/
.titlehidden {display:none;}

#logo a {
	border: none;
	text-decoration: none;
	color: #FFFFFF;
}

/* Menu */

#menu {
	float:left;
	height: 32px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 200px; /* was 10 */
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	height: 22px;
	border: none;
	text-decoration: none;
	font-size: 1.0em;
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 0;
	margin-right: 1px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 4px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
}

#menu a:hover {
	background: #DD8B4E;
}

#menu .current_page_item a {
	background: url(../images/img02.gif) repeat-x;
	color: #D56E22;
}

/* Page */

#page {
	width: 880px;
	margin: 0 auto;
	padding: 30px 0;
	background: url(../images/img03.gif) repeat-y;
}

#content {
	float: left;
	width: 438px;
}

.post {
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: 1px solid #F2F2F2;
	line-height: 200%;
}

.cv {
	color:#000000;
	border:#000000 1px solid;
	background: #D56E22;
	padding-left:5px;
	text-transform:uppercase;
}

.title {
	margin: 0;
}

.title a {
	border-bottom: none;
}

.title a:hover {
	border-bottom: 1px dotted #CCCCCC;
}

.entry {
	padding: 0 20px;
}

/* Sidebars */

.sidebar {
	float: left;
	width: 200px;
	padding: 0 0 0 21px; 
}

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

.sidebar li {
	padding: 0 0 20px 0;
}

.sidebar li ul {
}

.sidebar li li {
	padding: 5px 0 5px 25px;
	background: url(../images/img04.gif) no-repeat 10px 9px;
}

.sidebar li h2 {
	margin: 0 0 10px 0;
	padding: 5px 10px;
	background: url(../images/img02.gif) repeat-x;
	border: 1px solid #F2F2F2;
	font-size: 1.0em; /*was 12px */
}

.sidebar li h2 a:link, .sidebar li h2 a:visited, .sidebar li h2 a:active {
	text-decoration: none;
	color: #666666;
	border:none;
}

.sidebar li h2 a:hover {
	color: #D56E22;
	border-bottom: 1px dotted #CCCCCC;

}

/* Footer */

#footer {
	padding: 30px 0 30px 0;
	background: #D56E22 url(../images/img05.gif) repeat-x;
}

#footer p {
	margin: 0;
	text-align: center;
	font-size: smaller;
	color: #FFFFFF;
}

#footer a {
	color: #FFFFFF;
}

/* from Dan Cederholms excellent book - Web Standards Solutions */
/* This first group manage the form presentation */
	
	#fig5_14 #enquiryform {
	  	font-family: Georgia, serif;
	  	font-size: 1em; /* was 12px */
	  	color: #999;
	  	}
	
	#fig5_14 #enquiryform label {
	  	font-family: Verdana, sans-serif;
	  	font-weight: bold;
	  	color: #660000;
	  	}
	
	#fig5_14 #enquiryform fieldset {
		border: 1px solid #ccc;
		padding: 0 20px;
		}
	
	#fig5_14 #enquiryform legend {
		font-family: arial, sans-serif;
		font-weight: bold;
		font-size: 90%;
		color: #666;
		background: #eee;
		border: 1px solid #ccc;
		border-bottom-color: #999;
		border-right-color: #999;
		padding: 4px 8px;
		}

	#fig5_14 #name, #fig5_14 #Email_address, #fig5_14 #Organisation, #fig5_14 #frmLastname, #fig5_14 #email, #fig5_14 #Phone_number, #fig5_14 #attachment, #fig5_14 #attachment2, #fig5_14 #Comments {
		width:300px;
		}

	#fig5_14 #Phone_number {
		width:200px;
		}
		
	#fig5_14 #Phone_ext {
		width:75px;
		}

	.form_error {
		color: #FF0000;		
	}
	
/* This is for the mandatory fields */		
	.style1 {color: #FF0000}

/* This second group manages the quotations presentation */

.fig4_3 blockquote {
	width: 405px;
	text-align: center;
	margin: 0;
	padding: 20px 0 0px 0;
	font-family: georgia, serif;
	font-size: 1.5em;
	letter-spacing: -1px;
	line-height: 1em;
	color: #555;
	background-color: #eee;
	background-image: url(../images/fi_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
	
.fig4_3 blockquote strong {
	color: #000;
	font-weight: normal;
}
	
.fig4_3quote {
	padding: 0px 20px 10px 20px;
	background-image: url(../images/fi_bottom.gif);
	background-repeat: no-repeat;
	background-position: -10px bottom;
}

.fig4_3 p {
	padding: 0px 20px 10px 20px;
}
	
.fig4_3author {
	padding: 0px 20px 10px 20px;
	color: #999;
	font-size: 0.8em;
	background-image: url(../images/hpquote_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

.tothetop {
	height:30px;
	text-align:right;
}