/************************************************
 * Global Defaults
 ***********************************************/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

h1, h2, h3, h4, h5, h6 { font-weight: bold; }

h3 { font-size: 1.4em; }
h4 { margin: 15px 0 0; height: 19px; font-size: 1.3em; }

strong { font-weight: bold; }
em { font-style: italic; }
code { font: normal 1.1em "Courier New", Courier, "Lucida Sans Unicode", sans-serif; }
acronym { text-decoration: underline; }

p { padding: 8px 0 2px; line-height: 1.8em; }
p.intro { font-weight: bold; }

a:link { color: #766f47; text-decoration: underline; background: #f7f5eb; }
a:visited { color: #766f47; text-decoration: underline; background: #f7f5eb; }
a:hover { color: #524c29; text-decoration: none; background: #f7f5eb; }
a:active { color: #766f47; text-decoration: underline; background: #f7f5eb; }

body {
	margin: 0; padding: 0;
	background: #f7f5eb url("../img/bg.gif") repeat-x;
	font: normal 62.5% "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
	color: #766f47;
}

#wrapper {
	margin: 0 auto;
	width: 740px;
}

.clearfix:after { content: " "; display: block; height: 0; font-size:0; clear: both; }

/************************************************
* Skip Links
************************************************/
#skip {
	float: left; display: inline;
	width: 380px; height: 29px; line-height: 29px;
}

#skip a {color: #5ea1ac; text-decoration: none; background: transparent; }



/************************************************
* Navigation
************************************************/
#navigation { width: 360px; background: transparent; float: left; display: inline; }

	#navigation ul { margin: 0; padding: 0; background: transparent; }
	
	#navigation ul li {
		margin: 0; padding: 0;
		list-style: none;
		display: inline; background: transparent;
	}
	
	#navigation ul li a {
		display: block; float: left;
		height: 29px; line-height: 29px;
		margin: 0; padding: 0 20px;
		font-size: 1.1em; color: #5ea1ac;
		text-decoration: none; background: transparent;
	}
	
	#navigation ul li a:hover { color: #92ccd5; }
	
	body#home #navigation ul li#homp a { font-weight: bold; color: #92ccd5; background: url("../img/nav_arrow.gif") bottom center no-repeat; }
	body#services #navigation ul li#serv a { font-weight: bold; color: #92ccd5; background: url("../img/nav_arrow.gif") bottom center no-repeat; }
	body#portfolio #navigation ul li#port a { font-weight: bold; color: #92ccd5; background: url("../img/nav_arrow.gif") bottom center no-repeat; }
	body#contact #navigation ul li#cont a { font-weight: bold; color: #92ccd5; background: url("../img/nav_arrow.gif") bottom center no-repeat; }
/************************************************
* Header
************************************************/
#header { clear: both; }

#header h1 {
	margin: 55px 0 0; padding: 0;
	width: 220px; height: 70px;
	font-size: 1.6em; color: #fff;
	position: relative; float: left;
}

#header h1 span {
	position: absolute; display: block;
	width: 100%; height: 100%;
	background: url("../img/logo.gif") no-repeat;
}

#header h2 {	
	margin: 45px 0 0; padding: 0;
	width: 350px; height: 100px;
	font-size: 1.5em; color: #d4ecee;
	position: relative; float: right;
}

#header h2 em { color: #5aa7af; font-size: 0.7em; font-style: none; }

/************************************************
* Body Container
************************************************/
#body-container { clear: both; margin: 70px 0 0; }

#main {
	margin: 0 0 0; padding: 0 30px 0 0;
	width: 440px; float: left; display: inline;
	background: url("../img/content_seperator.gif") top right repeat-y;
}
	#main ul { margin: 10px 0 10px 25px; }
	#main ul li { margin: 1px 0; }
#side {
	width: 245px;
	float: right; display: inline;
}

/***********************
* Content Modules
***********************/

#services-wrapper {}
	
	#services-wrapper .service {
		margin: 0 0 5px; padding: 5px 0;
	}

/***********************************************/
	
#portfolio-wrapper { margin: 0; padding: 0; }

	.client {
		width: 200px; float: left;
		margin: 0 10px 5px 0;
	}
	.client img { border: 1px solid #eae6d2; }
	.client h4 { margin: 0 0 8px; padding: 0; }
	.client p { padding: 4px 0 2px; }
	
	.client-full { width: 420px; margin: 0; }
	.client-full img { border: 1px solid #eae6d2; margin: 5px 0; }
	.client-full h4 { margin: 0 0 8px; padding: 0; }
	.client-full p { padding: 4px 0 2px; }
		
/***********************************************/

#contact-wrapper { margin: 0; padding: 0; }
	
	#contact-wrapper h4 { margin: 45px 0 0;  width: 440px; height: 19px; padding: 0; }
	
	#contact-wrapper form {
		margin: 10px 0 15px 0;
	}
	
	#contact-wrapper label {
			display: block; width: 90px; float: left;
			width: 435px; height: 28px; line-height: 28px; font-weight: bold;
	}
	#contact-wrapper form .textbox {
		width: 435px; height: 16px; 
		margin: 2px 0; padding: 3px; float: left;
		background: #e9e5d0; color: #766f47;
		border: 1px solid #ded9be;
		font: normal 1.1em "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
	}
	
	#contact-wrapper form textarea {
		width: 435px; height: 200px; 
		margin: 2px 0; padding: 3px; float: left;
		background: #e9e5d0; color: #766f47;
		border: 1px solid #ded9be;
		font: normal 1.1em "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
	}
	#contact-wrapper form .button {
		clear: both; margin: 5px 0 0 354px;
	}

/***********************
* Featured Work Module
***********************/
#featured-work { margin: 27px 0 0; padding: 0; }

	#featured-work h4 { width: 440px; height: 19px; margin: 0 0 10px; padding: 0; }
	
	#featured-work .project {
		width: 220px;
		float: left;
	}
		#featured-work .project img { border: 1px solid #eae6d2; }
		#featured-work .project h5 { margin: 0; padding: 6px 0 0px; }
		#featured-work .project p { padding: 4px 0 2px; }

/***********************
* Call Module
***********************/
#call { padding: 0 0 10px 0; }

	#call h4 { width: 245px; height: 19px; padding: 0; margin: 0; }
	
	#call form {
		margin: 0 0 20px; width: 245px;
	}
		#call form p { margin: 0 0 10px; }
		#call form label {
			display: block; width: 90px; float: left; clear: both;
			height: 28px; line-height: 28px;
		}
		#call form .textbox {
			width: 145px; height: 16px; 
			margin: 2px 0; padding: 3px; float: left;
			background: #e9e5d0; color: #766f47;
			border: 1px solid #ded9be;
			font: normal 1.1em "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
		}
		#call form .button {
			clear: both; margin: 5px 0 0 163px;
		}

/***********************
* Client Login Module
***********************/
#client-login{ padding: 0; }

	#client-login h4 { width: 245px; height: 19px; padding: 0; margin: 0; }
	
	#client-login form {
		margin: 15px 0 69px;
	}
		#client-login form label {
			display: block; width: 73px; float: left; clear: both;
			height: 28px; line-height: 28px;
		}
		#client-login form .textbox {
			width: 164px; height: 16px; 
			margin: 2px 0; padding: 3px; float: left;
			background: #e9e5d0; color: #766f47;
			border: 1px solid #ded9be;
			font: normal 1.1em "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
		}
		#client-login form .button {
			clear: both; margin: 5px 0 0 163px;
		}


/***********************
* Services List Module
***********************/
	#services-list { margin: 45px 0 0; }
	#services-list ul { margin: 10px 0 20px; }
	#services-list ul li { list-style: none; }
	#services-list ul li a {
		margin: 1px 0 0; padding: 0 0 0 15px;
		width: 229px; height: 27px; line-height: 27px;
		background: #e9e5d0; display: block;
		text-decoration: none;
	}
	#services-list ul li a:hover { background: #766f47; color: #f7f5eb; }
	#services-list ul li a.active { background: #f7f5eb; color: #766f47; border-top: 1px solid #e9e5d0; font-weight: bold; }
	
/***********************
* Latest News Module
***********************/
	#latest-news h4 { width: 245px; height: 19px; padding: 0; margin: 0 0 10px; }
	
	#latest-news ul li { list-style: none; }
	#latest-news ul li a {
		margin: 1px 0 0; padding: 0 0 0 15px;
		width: 229px; height: 27px; line-height: 27px;
		background: #e9e5d0; display: block;
		text-decoration: none;
	}
	#latest-news ul li a:hover {
		background: #766f47; color: #f7f5eb;
	}
	#latest-news .archives {
		margin: 0 0 0 110px; padding: 0 0 0 40px; display: block;
		width: 93px; height: 32px; line-height: 32px;
		background: url("../img/ico_folder.gif") no-repeat;
	}
	
/***********************
* Contact Details Module
***********************/
#contact-details { margin: 0 0 35px; }

	#contact-details h4 { width: 245px; height: 19px; padding: 0; margin: 0; }
	#contact-details .vcard { margin: 10px 0 10px; }
	#contact-details .vcard .org { font-weight: bold; font-size: 1.2em; }
	#contact-details .vcard p { padding: 0; }
	#contact-details .vcard .tel_label, #contact-details .vcard .mail_label { font-weight: bold; }
	#contact-details .vcard .tel_label span, #contact-details .vcard .mail_label span { font-weight: normal; }


/***********************
* Archive 
***********************/
	#archives a small { color: #4aa185; font-style: italic; font-size: 85%; }
	#archives a { display: block; padding: 10px; }
	#archives a:hover { background: #766f47; color: #f7f5eb; }
	#archives a.active { background: #766f47; color: #f7f5eb; }
	#archives ul li { font-size: 90%; margin: 0 0 5px; }
	#archives ul#year { float: left; list-style: none; margin: 0; }
	#archives ul#month { float: left; list-style: none; border-left: 1px dotted #333; padding-left: 10px; margin: 0 0 0 20px; }
	#archives ul#past-entries { list-style: none; border-left: 1px dotted #333; padding-left: 10px; margin: 0 0 0 220px; }

/************************************************
* Footer
************************************************/
#footer {
	clear: both;
	margin: 20px 0 0; padding: 0 0 10px;
	border-top: 1px solid #afa880;
}
#back2top { margin-left: 250px; }
.footer-left { float: left; margin: 0; padding: 10px 0; display: inline; }
.footer-right { float: right; margin: 0; padding: 10px 0; display: inline; }

/************************************************
* Button CSS
************************************************/
a.btn_link {
	display: block; float: left;
	margin: 8px 0; padding: 0 0 0 25px; 
	height: 28px;
	background: url("../img/btn_link_left.gif") no-repeat scroll center left;
	text-decoration: none; font-size: 1.1em;
}
a.btn_link span {
	display: block; padding: 0 10px 0 0; line-height: 28px;
	background: url("../img/btn_link_right.gif") no-repeat center right;
}

/************************************************
* System Messages CSS
************************************************/
ul.error {
	margin: 5px; padding: 5px 5px 5px 55px; height: 55px;
	background: url("../img/ico_warning_32.gif") 10px 17px no-repeat;
}

ul.error li {
	margin: 1px 0; padding: 0 0 0 25px;
	height: 16px; list-style: none;
	background: url("../img/ico_error_16.gif") center left no-repeat;
}

p.success {
	margin: 1px 0; padding: 0 0 0 35px;
	height: 35px; line-height: 35px;
	background: url("../img/ico_okay_32.gif") center left no-repeat;
}

/************************************************
* sIFR
************************************************/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}

.sIFR-replaced, .sIFR-ignore {
	visibility: visible !important;
}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/*---- Header styling ---*/
.sIFR-active #header h2, .sIFR-active #header h2 em, .sIFR-active #main h3, .sIFR-active #featured-work h4, .sIFR-active #side h4 {
	visibility: hidden;
	font-family: Verdana;
	line-height: 1em;
}

.sIFR-active #header h2 {
	margin: 55px 0 0; padding: 0;
	width: 350px; height: 100px;
	font-size: 20px; color: #d4ecee; background: transparent;
	position: relative; float: right;
}

.sIFR-active #header h2 em {
	display: block; 
	background: none; color: #d4ecee;
}

.sIFR-active #main h3 {
	font-size: 19px; text-transform: capitalize;
}

.sIFR-active #main h4 {
	font-size: 15px; color: #766f47;
	border-bottom: 1px solid #d3cfb5;
	padding-bottom: 1px; background: #f7f5eb;
}

.sIFR-active #side h4 {
	font-size: 15px; color: #766f47;
	border-bottom: 1px solid #d3cfb5;
	padding-bottom: 1px; background: #f7f5eb;
}