/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */


/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

body {
	font-family: Arial, sans-serif;
	font-size: 13px;
	line-height: 1.5;
	color: #9d929c;
	background-image: url(images/header_bg.png);
	background-repeat:repeat-x;
	background-color: #f5f9fa;
}

#header {
	width: 800px;
	height: 70px;
	padding-top: 30px;
	margin: 0 auto;
}

#logo {
	float: left;
}

#navigation {
	float: right;
}

.content_bg {
	margin-top: 1px;
	background-image: url(images/content_bg.png);
	background-repeat:repeat-x;
	background-color: #f5f9fa;
}

#content {
	width: 800px;
	margin: 0 auto;
}

.profile_image {
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	background-color: #fff;
	border: 1px solid #d9e7eb;
	margin-right: 10px;
}

#content a {
	color: #81aace;
}

#content a:hover {
	text-decoration:none;
	color: #023156;
}

#changer {
	margin-bottom: 20px;
}

#article_holder {
	float: left;
	overflow: hidden;
	width: 469px;
	min-height: 410px;
	background-image: url(images/article_bg.png);
	background-repeat: no-repeat;
	background-color: #f5f9fa;
}

#article_holder_content {
	padding:10px;
	width: 449px;
}

#article_holder_content p{
	margin-bottom: 10px;
}

.contact_detail {
	padding-left: 10px;
}

#article_holder_content img{
	padding-top: 10px;
}


#left_column {
	float: left;
	padding: 10px;
	width: 190px;
}

#left_column p {
	text-align: justify;
}

#left_column img {
	padding: 5px;
	outline: #d9e7eb solid 1px;
	background-color: #fff;
}

#single_page {
	float: left;
	padding: 10px;
	width: 780px;
	background-image: url(images/single_bg.png);
	background-repeat: no-repeat;
	background-color: #f5f9fa;
}

#single_page_left {
	float: left;
	width: 380px;
	margin-right: 20px;
}

#single_page_right {
	float: left;
	width: 380px;
}

#single_page p{
	margin-bottom: 10px;
}

#single_page img {
	margin-right: 5px;
	padding: 5px;
	background-color: #fff;
	outline: #d9e7eb solid 1px;
}

#right_column {
	width: 239px;
	float: right;
	padding-top: 10px;
	padding-right: 10px;
}

#contact_us {
	margin-bottom: 10px;
}

#sidebar{
	margin-top: -33px;
	float: right;
}

#easyForm input{
	margin-bottom: 10px;
}

#sidebar_holder {
	width: 290px;
	padding: 10px;
	overflow: hidden;
	background-image: url(images/sidebar.png);
	background-repeat: no-repeat;
	background-color: #f5f9fa;
}

#sidebar_holder img {
	margin-right: 5px;
	padding: 5px;
	background-color: #fff;
	outline: #d9e7eb solid 1px;
}

#services_holder
{	
	height: 110px;
	margin-bottom: 10px;
}

#services_holder1
{	
	margin-bottom: 10px;
}

#footer {
	height: 60px;
	font-size: 12px;
	clear: both;
}

#copyright {
	padding-top: 10px;
	padding-left: 15px;
	float: left;
	width: 300px;
}

#developed {
	padding-top: 10px;
	padding-right: 15px;
	float: right;
	width: 300px;
	text-align: right;
}

#map_holder {
	margin-top: 20px;
	border:10px solid #fff;
}

.services_image {
	float: left;
	margin-right: 10px;
}

.contact_padding {
	margin-bottom: 10px;
}

.services_text p {
	margin-top: 0;
	line-height: 1.5;
}


.image_outline {
	padding: 5px;
	outline: #d9e7eb solid 1px;
	background-color: #fff;
}

h1 {
font-size: 18px;
color: #023156;
}

h2 {
font-size: 18px;
color: #023156;
}

h3 {
font-size: 18px;
color: #023156;
}

/* Everything CSS Sprite Menu */
	ul#menu{margin:0; padding:0; list-style:none; clear:both;}
		#menu li{overflow:hidden; text-indent:-9999px; display:inline; float:left;}
			#menu li a{background:url('images/menu.png') no-repeat; width:100%; height:100%; display:block; }

			/* Home Button */
			#menu li.home{width:47px; height:50px; margin-right: 37px;}
				#menu li.home a{background-position:-20px 0;}
				#menu li.home a:hover{background-position:-20px -50px;}
				#menu li.home a.selected{background-position:-20px -100px;}

			/* services Button */
			#menu li.services{width:68px; height:50px; margin-right: 37px;}
				#menu li.services a{background-position:-105px 0;}
				#menu li.services a:hover{background-position:-105px -50px;}
				#menu li.services a.selected{background-position:-105px -100px;}
				
			/* our people Button */
			#menu li.our-people{width:88px; height:50px; margin-right: 37px;}
				#menu li.our-people a{background-position:-210px 0;}
				#menu li.our-people a:hover{background-position:-210px -50px;}
				#menu li.our-people a.selected{background-position:-210px -100px;}
				
			/* our office dog Button */
			#menu li.our-office-dog{width:119px; height:50px; margin-right: 37px;}
				#menu li.our-office-dog a{background-position:-335px 0;}
				#menu li.our-office-dog a:hover{background-position:-335px -50px;}
				#menu li.our-office-dog a.selected{background-position:-335px -100px;}

			/* contact Button */
			#menu li.contact_us{width:89px; height:50px; margin-right: 37px;}
				#menu li.contact_us a{background-position:-491px 0;}
				#menu li.contact_us a:hover{background-position:-491px -50px;}
				#menu li.contact_us a.selected{background-position:-491px -100px;}

/* You might find the following useful */
/* div, ul, li { position:relative } This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them */
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */


/* TYPOGRAPHY */
/* ----------------------------------------- */

h1, h2, h3, h4, h5, h6 { font-weight:bold } /* This helps to identify headings at the initial build stage, so I thought it'd be useful to have it */
.alert { background:red; color:white } /* 'alert' has a basic style, since it's useful to have it standing out for testing purposes.



/* Font stack options

	The following represents a list of font stacks, as recommended by Nathan Ford in
	http://unitinteractive.com/blog/2008/06/26/better-css-font-stacks/

	I've added inverted commas around the relevant family names to ensure compatibility.
	p = balanced for paragraphs or body copy
	t = balanced for headlines or titles

	- - - -

Arial, "Helvetica Neue", Helvetica, sans-serif - p, t

Baskerville, "Times New Roman", Times, serif - p
Baskerville, "Times, Times New Roman", serif - t

Cambria, Georgia, Times, "Times New Roman", serif - p, t
"Century Gothic", "Apple Gothic", sans-serif - p, t

Consolas, "Lucida Console", Monaco, monospace - p, t

"Copperplate Light", "Copperplate Gothic Light", serif - p, t

"Courier New", Courier, monospace - p, t

"Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif - p, t

Futura, "Century Gothic", "Apple Gothic", sans-serif - p, t

Garamond, "Hoefler Text", "Times New Roman", Times, serif - p
Garamond, "Hoefler Text", Palatino, "Palatino Linotype", serif - t

Geneva, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif - p
Geneva, Verdana, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif - t

Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif - p
Georgia, Times, "Times New Roman", serif - t

GillSans, Calibri, Trebuchet, sans-serif - p
GillSans, Trebuchet, Calibri, sans-serif - t

"Helvetica Neue", Arial, Helvetica, sans-serif - p
Helvetica, "Helvetica Neue", Arial, sans-serif - t

Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif - p, t

"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif - p, t

Palatino, "Palatino Linotype", Georgia, Times, "Times New Roman", serif - p
Palatino, "Palatino Linotype", "Hoefler Text", Times, "Times New Roman", serif - t

Tahoma, Geneva, Verdana - p
Tahoma, Verdana, Geneva - t

Times, "Times New Roman", Georgia, serif - p, t

Trebuchet, "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif - p
Trebuchet, Tahoma, Arial, sans-serif - t

Verdana, Geneva, Tahoma, sans-serif - p
Verdana, Tahoma, Geneva, sans-serif - t

*/