@import url("reset.css");


#wp-calendar {
	border: 1px solid #ddd;
	empty-cells: show;
	font-size: 14px;
	margin: 0;
	width: 90%;
}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}

#wp-calendar a {
	display: block;
	text-decoration: none;
}

#wp-calendar a:hover {
	background: #e0e6e0;
	color: #333;
}

#wp-calendar caption {
	color: #999;
	font-size: 16px;
	text-align: left;
}

#wp-calendar td {
	color: #ccc;
	font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	letter-spacing: normal;
	padding: 2px 0;
	text-align: center;
}

#wp-calendar td.pad:hover {
	background: #fff;
}

#wp-calendar td:hover, #wp-calendar #today {
	background: #eee;
	color: #bbb;
}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
}

* {padding:0; margin:0;}

.hidden {display:none;}

body {text-align: center;font: medium/1.4 verdana, arial, sans-serif;min-height:101%;padding: 5px 0;color:#333}

html, body {background: #4b4a49 url(../img/top_bg.jpg) repeat-x fixed top left}

* html body{font-size: small; f\ont-size: medium}

html {height:100%;}


img 	{border:0;}
a img	{border:none; margin:0 0 -3px 0}
acronym {border-bottom: 1px dashed; cursor:help; speak:normal;}
hr 		{border:1px dotted #999;}
blockquote {color:#666; margin: 0 0 1em 25px; padding-left:10px; border-left: 1px solid #666;}
code	{display:block; color:#666; margin: 0 0 1em 25px; padding-left:10px; border-left: 1px solid #666;}

a:link		{color:#666; font-weight:normal; text-decoration:underline;}
a:visited 	{color:#666; font-weight:normal; text-decoration:underline;}
a:hover 	{color:#aaa; font-weight:normal; text-decoration:underline;}
a:active	{color:#aaa; font-weight:normal; text-decoration:underline;}

#masthead a:link, #footer a:link 		{color:#ccc; text-decoration:underline;}
#masthead a:visited, #footer a:visited {color:#ccc; text-decoration:underline;}
#masthead a:hover, #footer a:hover		{color:#f9f9f9; text-decoration:underline;}
#masthead a:active, #footer a:active	{color:#f9f9f9; text-decoration:underline;}


h1, h2, h6	{margin: 0 0 0.7em 0;}
h3			{margin: 0 0 0.6em 0;}
h4 			{margin: 0 0 0.5em 0;}
p			{margin: 0 0 1em 0;}
h5			{margin:-0.5em 0 0.7em 0;}

h1		{display:none;}
h2 		{font-size: 170%; font-weight:normal;}
h3 		{font: normal 160%/0.7em arial, helvetica, sans-serif; letter-spacing:-1px; color:#333;}
h3 span {color:#798152;}

h4		{color:#333; font-size: 100%; font-weight:normal; letter-spacing:-1px;}
h5 		{font-variant:small-caps; font-weight:normal; color:#666; word-spacing:0.05em; font-size:90%}

p 		{font-size:80%; line-height:1.6em;}
	
.container 		{clear:both; width: 840px; text-align: left; margin:0 auto; background:none; overflow:hidden}
#bgrd			{background:#e0ebaa url(../img/container.gif) repeat-y top right;}
.clear 			{clear:both; height: 0px; font-size: 1px;}

#header 		{float:left;width:840px; background: #333;}
	#header	img		{float:right; margin:5px 40px 5px 0; display:block;}
	* html #header img {display:inline; margin: 5px 37px 5px 0}
	#header p		{position:absolute; left:-9999px}

	#nav 			{float:left; width:675px; w\idth:615px; padding:40px 20px 30px 40px; list-style:none; background: #333;}
		#nav li 		{float:left; padding:0 20px 0 0; text-align:center;}
			#nav a 			{display:block; text-decoration:none; border:none; font-weight:bold; color:#fff;}
			#home li#n-home a,
			#services li#n-services a,
			#about-us li#n-about-us a,
			#portfolio li#n-portfolio a,
			#contact-us li#n-contact-us a,
			#blog li#n-blog a {color: #aaa;}

			#nav a:hover 	{display:block; color:#999;}

	#masthead {clear:both; padding:20px;margin:5px 0;color:#fff;background:#333 url(../img/introfade.jpg) no-repeat top left}
		#masthead .cont {width:760px; height:100px; padding: 0 40px 0 40px; margin: 0 auto; text-align:left}
			#masthead h2 {margin:0;}
			#masthead .cont p {margin:1em 0 0 0}
			
	

.one {float:left; padding: 0 0 0 40px; width:410px; w\idth:370px; height:100px; margin:0;}
	.one h2 {line-height:1.3em;}
.two {float:right; padding: 0 40px 0 10px; width:430px; w\idth:380px; height:100px; margin:0;}

img.thumb {float:left; display:block; height:75px; padding:0px 10px 20px 0;}
* html img.thumb {padding-bottom:0}
img.end {padding-right:0;}
#sidebar img.thumb {padding-right:10px;}/*29px*/

.firsttitle {clear:left;}

#content {clear:left; float:left; width: 563px; w\idth:504px; padding: 20px 19px 20px 40px; margin-bottom:5px; background:#e0ebaa}
	#content ul, #sidebar ul		{margin: 0 0 1em 0; line-height:1.3em; list-style:none;}
	#sidebar ul ul {margin:0}
	#content ul li, #sidebar ul li	{font-size:80%;}

.hentry {padding-bottom:16px;}
.hentry h4 a {text-decoration:none !important;}

#sidebar {float:left;width:234px;w\idth: 179px;display:inline;padding:20px 25px 0 30px;margin:0 41px 5px 2px;background:#e3e9c5;}

#bottom-nav {clear:both; float:left; display:inline;width:780px;}
	#bottom-nav p {font-size:60%; text-align:right}

#footer 	{clear:both; margin-top:5px; padding: 20px 40px; background: #333;}
	#footer p 	{text-align:left; line-height: 1.4em; font-size:60%; color:#fff; margin:0;}

	#cp_84bannerc {width:84px; height:20px; display:block; background: url("http://codepress.co.uk/images/banners/cp-84x20-combo.png") no-repeat 0 0}
	a:hover#cp_84bannerc {background-position:0 -20px}
	#cp_84bannerc span {display:none}

/*form*/
form			{float:left; width:504px; margin-top:-10px; overflow:hidden}
	fieldset 		{border:0;}
	.row 			{clear: both; padding-top: 10px;}
	* html .row		{height:1%;} 
	
	form p 			{float:left; text-align:left; width:139px; margin:0;}
	.forminput		{float:right; width:350px;}


	form input, textarea {background: #fff url(../img/input_bg.gif) no-repeat top left; border:1px solid #ccc;padding:2px; margin:0;}
	form .button 	{width:350px; w\idth:356px;}

	form input:focus, form input:active, form textarea:focus {border: 1px solid #000;}

textarea 		{width:350px; height:250px}

/*our people*/

.portrait {float:left; margin: 5px 15px 0 0; display:inline}


/*portfolio*/



#images {float:left; width:252px}
#images img {border: 3px solid #cfd99c;}

#column {float:right; width:232px}


.project 	{width:99%; margin: 0 0 30px 0}
.project img {border:1px solid #000}


/*contactform*/

#contact-us em,
#commentform em {color:#F00;}
#emailresult {}
#emailresult ul {margin-left:25px;list-style:disc;}

/*Search bar*/
input.search {width:173px}
input.search-button {margin-top:5px}

/*Comments and postarea*/

.hentry h4,
.post h4 {font-size:110%; font-weight:bold}
.hentry ol,
.post ol {font-size:80%;margin: 15px 0 15px 20px}
.hentry ol li,
.post ol li {line-height:1.4em; list-style:decimal; }
#info li {display:block; clear:left}

h3#respond {margin-top:20px}
 h3#comments {line-height:1.3; list-style:}
  ol.commentlist {border-bottom:1px solid #cfd99c}
 ol.commentlist li {padding:20px 30px; border:1px solid #cfd99c; border-bottom:none}
 ol.commentlist li.alt {background:#e3e9c5}
.postmetadata {font-size:60%; margin:20px 0}
 

/*Admin area*/
.entry {border-bottom: 1px solid #ccc; margin-bottom:15px;}
.subq:before,
.subq:after {content:"##### Post not visible #####"}
.subq {background:#d4df9d;}
#edit .entry {border-top: 4px solid grey; border-bottom:4px solid grey}

table {margin:10px 0}
table th {font-size:80%; text-transform:uppercase;}
table td {font-size:70%; padding:5px 3px 1px 0;}

.thumbnail-images {overflow:hidden}
.thumbnail-images img {float:left; padding-right:5px;}