/*   CSS code by David Guy, Pioneer Design Group http://www.pioneerdesign.net. All rights reserved 2008.   */


   /* global elements
----------------------------------------------------------------------------*/

* { margin: 0; padding: 0; }

body {
	font-size: 62.5%;  
	font-family: 'lucida grande',tahoma,sans-serif;
	background: #423624 url('/img/damask-back.jpg') repeat;
}   

#head-logo, #newsblock li a, #newsblock li, #feather, #newsletter-logo { behavior: url(/js/iepngfix.htc) }

a img {
	border: none;
	border:0;
	}	

 
	
.clear { 
	height: 1px;
	line-height: 1px;
	clear: both;
	overflow: hidden;
}
 
.float-r { float:right; }
	.float-r img { margin: 0 6px 10px; }
.float-l { float:left; }
.sprinkles { float:right; margin: 0 0 5px 5px}
	.sprinkles img { border: 1px solid #C2B4A0; padding: 5px; background: #FFF; }
 
h1 {font: 2.3em Georgia, "Times New Roman", serif; color: #888788; margin-bottom:4px;}
h2 {font: 1.2em 'lucida grande',tahoma,sans-serif; color: #4B799B; margin: 4px 0;}
 h3 {font: .9em  Arial, sans-serif; text-transform: uppercase; letter-spacing: 2px;}
h4 {font: bold 1.1em 'lucida grande',tahoma,sans-serif; color: #FFF; text-transform: uppercase;}

.right-title p {font: bold 1.5em  Georgia, "Times New Roman", serif;  color: #4B799B;}

ul {list-style: none;}

.links a {
	color:#AF351D;
	text-decoration: none;
	}	

.links a:hover {
	color: #AF351D;
	text-decoration: underline; 
	}

.quoter {
	font: .75em/1em 'lucida grande',tahoma,sans-serif; 
	margin: 0; padding: 0;
	text-align: right;
	  }

 
#pageheading {
	border-top: 1px solid #C3B5A1;
	border-bottom: 1px solid #C3B5A1;
	width: 860px;
	margin: 12px 0;
	padding: 8px;
	height: 20px;
	} 
	#pageheading p {
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #807057;	
	padding: 5px 0 0 0;
	}
	#pageheading h1 {
	font: 2.4em "Times New Roman", serif; 
	color: #60513E; 
	float: left;
	margin: -5px 20px 0 20px;
	}

#summary {
	background: #4B799B;
	padding: 20px 35px;
	width: 536px;
	color: #E4E2CE;
	font: 1.3em/1.3em Georgia, Times, serif;
	} 
#left-wrap {	
	width: 605px;
	min-height: 475px;
}	 
#left {	
	font: 1.5em/1.5em Georgia, Times, serif;
	width: 535px;
	padding: 20px 35px;
	margin-top: 10px;
	border: 1px solid #C3B5A1;
	color: #60513E;
} 
	#left p { padding-bottom: .5em;}

#right-wrap { 
	float: right;
	width: 230px;
	padding: 5px 0 0 20px; 
}
.right-serif {
	font: 1.5em/1.5em Georgia, Times, serif;
	color: #60513E;
}

.right-info {
	color: #60513E;
	border: 1px solid #C3B5A1;
}
 
	.right-pad {
		margin: 5px;
		padding: 15px;
		background: #FFF;
		font: 1.1em/1.6em 'lucida grande',tahoma,sans-serif;
	}
	
.right-title {
	padding: 7px;
	color: #60513E;
	border-bottom: 1px solid #C3B5A1;
 
}
	.right-title h2 {
	color: 60513E;
	font: bold 1.5em Georgia, Times, serif;  
	}
 


#project-info {
	font: 1.1em/1.6em 'lucida grande',tahoma,sans-serif;
	padding: 16px;
	border-top: 1px solid #C3B5A1;
	border-bottom: 1px solid #C3B5A1;
	
}

.galleryimg {
	float:left; 
	padding: 4px 4px 2px 4px; 
	background: #FFF; 
	margin: 2px;
}


#controls {  width: 620px;}

#controls a {
	text-decoration: none;
	border: 1px solid #ccc;
	padding: 2px 3px 2px 3px;
	margin-right: 3px;
	color: #FFF;
	background-color: #60513E;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
}
#controls a:hover {
	background-color: #000;
}

.port-wrap {
	float:left; 
	padding: 5px 5px 2px 5px; 
 	margin: 5px;
}
	.port-wrap img {
		border: 1px solid #555; 
		padding: 5px; 
		background: #FFF;
	}


#top-photo {
	margin-left: 288px;
	
}
/* #slides { float:left;} */

#top-quote {
	position: absolute;
	top: 65px;
	left: 32px;
	width: 225px;
	color: #f6f3f0;
}

.quote-title { 	
	font: 1em/2.2em 'lucida grande', sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.home-quote {
	font: 1.4em/2em Georgia, Times, serif;
	font-style: italic;
}

#quickcontact {
	background: #666449;
	padding: 10px;
	color: #FFF;
	width: 245px;
 	position: absolute;
	right: 0px;
	top: 75px;
	z-index: 1000;
	text-align:left;
	border-left: 2px solid #3D352B;
}
#quickcontact-in a { color: #FFF;}
#quickcontact fieldset { border: none;}
#quickcontact-in .field {
	width: 190px;
	background: #FEFBD5;
	border:2px solid #FFF1BD;
	padding:2px; 
	color:#666;	
	}
#quickcontact-in .txtField  {
	display:block; 
	float:left; 
	padding:2px; 
	width: 190px; 
	height: 90px;
	margin:5px 0 7px 0;
	font: 1em "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	border:2px solid #FFF1BD;
	background: #FEFBD5;
	outline:none;
}
 
  /* header and footer elements
----------------------------------------------------------------------------*/


#global-wrap {
	width: 100%;
}
 
#global-inner  { 
 	background: #E4E2CE;
 	position: relative;   
	margin: 40px auto 0 auto;  		 
 	width: 878px; 
 	z-index: 1; /* can not hide a child of #header */
 	padding: 23px 16px;
 	border: 1px solid #61533f;
}	

#head-logo {
	position: absolute;
	top: -58px;
	left: 20px;
	width: 100px;
	height: 112px;
	z-index: 100;
	background: transparent url('/img/house-logo.png') no-repeat;
}
	#head-logo i {
		visibility: hidden;
	}
	
	#head-logo a {
		position: absolute;
		height: 112px;
		width: 100px;
		top: 0; 
		left: 0;
		text-decoration: none;
	}

#newsletter-logo {
	float:left; 
 
	width: 100px;
	height: 112px;
 
	background: transparent url('/img/house-logo.png') no-repeat;
}
#motto {
	position: absolute;
	height: 16px;
	width: 2px;
	left: 370px;
	top:20px;
}

#logo-text { 
	position: absolute;
	top: 14px;
	left: 125px;
	width: 226px;
	height: 22px;
}

#phone-loc { 
	position: absolute;
	top: 16px;
	right: 20px;
	width: 18em;
	height: 34px;
	font: bold 1.4em/1.2em Georgia, Times, serif;
 	color: #60513E;	
 	text-align: right; 
 
}
 
  
 
 
#top-wrap { 
 	height: 81px;
 	z-index: 2; /* we set the conflicting sibling lower */
 	position: relative;  
 	background: #787058 url(/img/top-back.jpg) no-repeat; 
}	

#top-feature {
/*
display: table;  
overflow: hidden;
*/
	position: relative; 
	width: 868px;
	height: 366px;
	border: 5px solid #FFF;
 	background: #787058 url(/img/top-pattern.gif) repeat; 
 	margin: 15px 0;
	 }
	 
#home-feature {
	background: #5c5d57;
	width: 522px;
	height: 250px;
	color: #FFFBDC;
	padding: 23px;
	}	 
	#home-feature  h3 { color: #FFFBDC; margin: 6px 0; }
	#home-feature p, #home-feature li {font: 1.2em/1.4em Arial; }	
	#home-feature a:link, #home-feature a:visited {color: #DEDBBB; }
	#home-feature a:hover {color: #FFF; text-decoration: underline; }


#home-feature-left {
	width: 46%;
	padding-right: 12px;
	background: transparent url('/img/divider.gif') top right no-repeat;
	/* border: 1px solid #FFF; */
}
#home-feature-right {
	width: 45%;
	padding-left: 12px;
	float:right;
	/* border: 1px solid #FFF; */
}
	
#newsblock {
	/* font: normal 1.1em/1.1em Arial, sans-serif;	 */
 	line-height: 14px;
	padding: 23px;
	width: 244px;
	height: 247px;
	float: right;
	background: #FEFBD5 url('/img/house-back.gif') 150px 134px no-repeat;
	overflow: hidden;
	}
	#newsblock a:link,#newsblock a:visited  {color: #4C4030; }
	#newsblock h3 { color: #4C4030; margin-bottom: 6px;}		 

 
	#newsblock li  { 
	margin: 0 0 4px 0;	
	}
	#newsblock li a { 
 	line-height: 14px;
		display: block;
		padding: 5px 5px 5px 15px;
		background-color: transparent; 
		background-image: url('/img/news-back.png');
		/* border: 1px solid #999; */
	 }
 
 #newsblock li a:hover { 
		background: #FFF ;
		background-image: none;
}



#feature-wrap {
	position: relative;
	padding: 15px 0 0;
	}
#footer-feature {
	width: 100%;
	height: 52px;
	background: #41678A;
 	border-top: 1px solid #e0e4d5;
 	border-bottom: 1px solid #6b715b;
	}	
#feather { 
	position: absolute;
	top: 5px;
	left: 200px;
	width: 66px;
	height: 70px;
	background: transparent url('/img/feather.png');
}
#home-consult {
	width: 220px;
	padding: 20px 20px 20px 30px;
	color: #FFF;
	/* background: #FF0000; */
	font: normal 1.4em/1em Georgia, serif;
	}	 
	#home-consult a { color: #FFF; }

#home-special {
	width: 567px;
 	float:right; 
	background: #395A79 url('/img/Home-special.gif') top left;
	text-align: center; 
	height: 53px;
	position: relative; 
	}	 
#home-special i {visibility: hidden;}

#home-special a {
	position: absolute;
	top: 0;
	left: 0;
	width: 567px;
	height: 53px;
	text-decoration: none; 
	}



#foot {
 	position: relative;   
	margin: 10px auto 30px auto;  		 
 	width: 878px; 
 	color: #FFFBDC;
	font-size: 9px;
	text-align:left;
 	font: bold .9em/1em 'lucida grande', sans-serif;
}
	#foot a { margin: 0; color:#FFFBDC; }
	#foot ul {	
		list-style: none;
		margin: 0; padding: 0; 
	}
#foot ul li {
	padding-right: 5px;
 	display: inline;
	}
 

#foot-right {
	float:right;
 	font-weight: normal;
 	text-align: right;
	line-height: 1.4em;
	}
 

 
#designcredit { 
	font-size: 9px;
	color: #FFF;
	margin-bottom: 24px;
	}
#designcredit a { 	color: #FFF; }
	
#cse-search-box .search {
 	font-size: 10px;
	background-color: #4797E0;
 	color: #fff;
	border:1px solid;
   border-top-color:#696;
   border-left-color:#696;
   border-right-color:#363;
   border-bottom-color:#363;
   }

#cse-search-box .text {
 font-size: 10px;
 width: 80px;
 margin-right: 3px; 
 background: #CDEBFF;
 color: #4F4F4F;
 }

#cse-search-results {
 	width: 550px;
 	overflow: hidden;
 }

 
  /* inside page elements
----------------------------------------------------------------------------*/



.dropcap {
	float:left;
	color:#60513E;
	font-size:55px;
	line-height:30px;
	padding-top:9px;
}

.home-feature-right ul {
	list-style: none;
	margin: .5em 0 1em 0;
	padding-left: 10px;
} 
#home-feature-left ul li {
	padding: 0 0 4px 14px;
	line-height: 1.4em;
	background: url('/img/home-arrow.gif') no-repeat 0 2px;
} 
.arrows ul, .blog-arrows ul {
	list-style: none;
	margin: .5em 0 1em 0;
	padding-left: 10px;
	}
.arrows ul li {
	padding: 0 0 4px 18px;
	line-height: 1.4em;
	background: url('/img/star.gif') no-repeat 0 6px;
	}
  
.blog-arrows ul li {
	padding: 0 0 4px 18px;
	background: url('/img/star.gif') no-repeat 0 6px;
	}

.loaders {
	float: left;
	width: 240px;
	margin-right: 5em;
	}
 

a.button {
    background: transparent url('/img/button-span-b.gif') no-repeat scroll top right;
    color: #FFF;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('/img/button-span-a.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 
a.button:active {
    background-position: bottom right;
    color: #FFF;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 

.line {
	line-height: 1px;
	width: 100%;
	border-bottom: 1px solid #C3B5A1;
	margin-bottom: .8em;
}
 
 /* nav menu
----------------------------------------------------------------------------*/
#nav {
	height: 34px;
	width: 878px;
}

#navigation-primary {
	position: absolute; 
	z-index: 1;
	top: 46px;
	left: 0;
	background: #61533f url(/img/nav_back.gif) repeat-x;
	}

	#navigation-primary ul {
		width: 878px;
		list-style: none;
		}

	#navigation-primary li {
		float: left;
		height: 34px;
		position: relative;
		}

	#navigation-primary a {
		display: block;
		height: 34px;
		text-indent: -3000px; 
		overflow: hidden;		
		color: #60513E; /* for Firefox highlight */ 
		}

	#navigation-primary a:hover {
		background-position: 0 -34px;		 
		}

		#nav-home a {
			width: 93px;
			background: transparent url(/img/nav_home.gif) no-repeat;
			}
		#nav-services a {
			width: 111px;
			background: transparent url(/img/nav_services.gif) no-repeat;
			}
		#nav-portfolio a {
			width: 114px;
			background: transparent url(/img/nav_portfolio.gif) no-repeat;
			}
		#nav-about a {
			width: 117px;
			background: transparent url(/img/nav_about.gif) no-repeat;
			}		
		#nav-consult a {
			width: 145px;
			background: transparent url(/img/nav_consultation.gif) no-repeat;
			}
 		#nav-news a {
			width: 79px;
			background: transparent url(/img/nav_blog.gif) no-repeat;
			}
 		#nav-contact a {
			width: 109px;
			background: transparent url(/img/nav_contact.gif) no-repeat;
			}

	#navigation-primary li ul li {
		height: auto;
		}

	#navigation-primary li ul li a {
		display: block;
		height: auto;
		padding: 3px 12px;
		background: transparent; 
		color: #fff;
		text-indent: 0;
		text-decoration: none;
		border-bottom:1px solid #362E24; /*darker*/
		border-top:1px solid #C3B5A1;
		position: relative;
		width: 150px;
		font: normal 12px/20px 'lucida grande', arial, sans-serif;
		text-align:left;
		}

	#navigation-primary li ul a:hover {
		color:#FFF;
		background:#362F24;
		}

	#navigation-primary li ul {
		position: absolute;
		left: -3000px;
		width: 174px;
		background: #4D4132; /* main menu color */
		padding: 0;
		z-index: 2000;
		}

	#navigation-primary li:hover ul, #navigation-primary li.sfhover ul {
		left: auto;
		}
 
body#home #nav-home	a,
body#services #nav-services a,
body#portfolio #nav-portfolio a,
body#about #nav-about a,
body#consult #nav-consult a,
body#news #nav-news a,
body#contact #nav-contact a
{background-position: 0 -34px;}



/*sub nav ----------------------------------------------------------------------------*/
#sub-nav-wrap {
	height: 1.6em;
	width: 100%;
	clear: both;
	margin: 1em 0 2em 0;
}
	#sub-nav ul {list-style: none;}

	#sub-nav li {
		float: left;
		position: relative;
		margin-right: 15px;
		font: normal 1.3em arial, sans-serif;
		}

	#sub-nav a {
		display: block;
		padding: 4px 6px;
		color: #CAC6C2;
	  	background: #5F5548;
		font-weight: normal; 
		text-decoration: none; 
		}

	#sub-nav a:hover {
	  	background:  #362F24;
		}

.blog_photo { float:right; margin: 0 0 6px 12px;  }

.blog_photo img {
	background-color: #fff;
	padding: 5px; margin-bottom: 5px;
	border: 1px solid #cecece;
	float: left;
 
}

/*
.blog-photo a img {
	background-color: #004D68;
	padding: 5px;
}

.blog-photo a:hover img {
	background-color: #FFF;
}
*/

 
 

/* contact form  
----------------------------------------------------------------------------*/
#contactInfo {list-style:none; margin-left:0;}

.contactForm  {margin:15px 0;border:none; background:transparent; padding:10px;}
.contactForm fieldset { border: none; }
.contactForm legend { padding:0 10px; margin-left:20px;color:#b4de73;}
.contactForm ul { margin:0;  list-style:none;}
.contactForm ul li {clear:both; background:none; }
.contactForm ul label { display:block; float:left; width:230px; padding:3px 0;}
.contactForm .txtField  {display:block; float:left; padding:3px; width:260px; margin:5px 0 7px 0;font: 1em "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;color:#666;border:2px solid #FFF1BD;outline:none;}
.contactForm .txtField:hover, .txtField:focus, .txtField:active { border-color:#787878; background:#F3F1DB;}
.contactForm em {font-size:0.9em; color:#666; font-style:normal;}
.contactForm .send { width:174px; height:35px; background:url(/img/Send-Button.gif) no-repeat; padding-bottom:10px; text-align:center; border:none; margin:15px 0 0px 0; border:none;color: #c2f671;font: .85em "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; font-weight:bold; margin-left:210px; color:#FFFFFF;   }
.contactForm .send:hover {cursor:pointer; color:#f8ff84;}
.contactForm.request fieldset {border:1px #5b8a10 solid; padding:5px;}
.contactForm fieldset.extra {margin-top:15px;}
.contactForm .file {display:block; float:left; padding:3px; width:260px; margin:5px 0 7px 0;font: 1em "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;}
.contactForm .radio {display: inline; }

/*form errors*/
.error {border-top:#7dce01 1px solid; border-bottom:#7dce01 1px solid; background:#6bb000; padding:10px; margin-bottom:10px; text-align:center; color:#f1ffdb; }

/*captcha */
.captcha { float:left; margin-top:5px;}
.captcha img {border:#7dce01 2px solid; margint-top:0; float:left;}
.captcha input { margin:0 auto 12px 12px;font: 1em "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;color:#666;border:2px solid #FFF1BD;outline:none;padding:3px; width:108px;}


	 
/*
#hiddenModalContent {
	 border: 1px solid #7A003B;   color: #FFF; padding: 0 7px; font-size: 11px;
	 }
*/

ol {margin-left: 2em;}

/*-----------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/


/*-----------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/

#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

/*
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
*/
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}


#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(/js/macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #000;
	z-index: 102;
	color:#FFF;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#444;
	height:27px;
}
#TB_title a { color: #FFF; font-weight: bold;}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}



#slides {
	margin: 0 auto;
	text-align: center;
}