/* ========================================================================= */
/* UNIVERSAL STYLES                                                          */
/* ========================================================================= */

	* { margin: 0; padding: 0; font-family:  Trebuchet, "Trebuchet MS" "Lucida Sans", Verdana, Arial, Helvetica, sans-serif; }
	html, body { font-size: 11px; line-height: 150%; color: #5b473a; }



/* ========================================================================= */
/* LAYOUT STYLES                                                             */
/* ========================================================================= */

	#wrapper { width: 900px; margin: 0 auto 100px auto; background: url(../images/middle.jpg) repeat-y 50% 0; }
	#header { background: url(../images/header2.jpg) no-repeat 50% 0; height: 111px; padding-top: 1px; }
	#content { width: 860px; margin: 0 auto; border-bottom: 1px solid #fff; }
	#content-inner { border-top: 1px solid #fff; margin-top: -1px; background: url(../images/bg_content-divider.gif) repeat-y 280px 0; border-bottom: 1px solid #cecece; overflow: hidden; }
	#portfolio { width: 860px; height: 350px; overflow: hidden; margin-top: 55px; border-top: 1px solid #fff; border-bottom: 1px solid #cecece; }
	#portfolio-scroll { float: left; width: 840px; padding: 5px 10px 0px 10px; margin: -405px auto 0 auto; }
	#contact { width: 580px; float: right; }
	#services { width: 280px;}
	#footer { background: url(../images/footer.jpg) no-repeat 50% 0; height: 46px; margin: 0 auto; }
	#menu {float:left; width:430px; height:103px; text-align:left;}
	#logo {float:left; width:450px; height:103px; text-align:left;}
	#labelbox {width:110px;float:left;}


/* ========================================================================= */
/* ELEMENT STYLES                                                            */
/* ========================================================================= */

	h1 { font-size: 15px; margin-top: 8px; *margin-top: 15px; color: #332b25;  text-align: center; }
	h2 { font-size: 14px; margin: 20px 20px 0px 20px; color: #332b25; text-transform: uppercase; }
	h3 { font-size: 9px; margin: 10px; color: #332b25; text-transform: uppercase; text-align: center; }
	p { margin: 10px 20px 14px 20px; }
	ol { margin: 20px 20px 20px 25px; }
	a { text-decoration: none; color: #000000; }
	a:hover { text-decoration: underline; }
	a:focus { -moz-outline-style: none; } 
	a img { border: none; }
	blockquote { margin: 20px 20px 0 20px; }
	cite { margin: 0 20px 20px 20px; }
	.bluetitle {color: #f17c0e;}
	.topmenu a:link {
	color: #5b473a;
	text-decoration: none;
	}
	.topmenu a:visited {
		text-decoration: none;
		color: #5b473a;
	}
	.topmenu a:hover {
		text-decoration: none;
		color: #000000;
	}
	.topmenu a:active {
		text-decoration: none;
		color: #5b473a;
	}
	#menu ul {
	padding:0px 10px 0 0; 
	list-style:none;
	float:right;
	}
	#menu li a {
		text-decoration:none; 
	}
	#menu li {
		float:left; 
		color:#adc894; 
		padding:58px 0px 0px 14px;
		font-family:  Trebuchet, "Trebuchet MS" "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
		font-size:15px;
		line-height:20px;	
	}
	.logotext {
		padding:48px 0px 0px 60px;
		font-family:  Trebuchet, "Trebuchet MS" "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
		font-size:15px;	
		color:#fff; 

	}
	

/* = ELEMENT STYLES: Classes and ID's ====================================== */	

	#header h1 { float: left; display: none; }
	
	.stepcarousel { position: relative; /*leave this value alone*/ overflow: scroll; /*leave this value alone*/ height: 280px; /*Height should enough to fit largest content's height*/ width: 800px; top: -1px; left: 0; }
	.stepcarousel .belt { position: absolute; /*leave this value alone*/ left: 0; top: 0; }
	.stepcarousel .work { float: left; /*leave this value alone*/ width: 860px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */ }
		
		a.previous { float: left; display: block; text-indent: -9000px; background: url(../images/icon_arrow-left.gif) no-repeat 0 0; width: 35px; height: 31px; }
		a:hover.previous { background: url(../images/icon_arrow-left.gif) no-repeat 0 -50px; }
		a.next { float: right; display: block; text-indent: -9000px; background: url(../images/icon_arrow-right.gif) no-repeat 0 0; width: 35px; height: 31px; }
		a:hover.next { background: url(../images/icon_arrow-right.gif) no-repeat 0 -50px; }
		
	



/* ========================================================================= */
/* FORM STYLES                                                               */
/* ========================================================================= */

	form { margin: 0px 0 0px 20px; overflow: hidden; }
	form * { font-size: 11px; line-height: 100%; color: #69758a; font-weight: bold; }
	form ul { float: left; width: 280px; margin: 0; }
	form li { list-style: none; margin: 0px 0px 10px 0px; }
	form ul.comment { clear: both; width: 100%; }
	form ul.comment li { margin: 0 0 10px 0; }
	label { font-weight: bold; width:300px; }
	input.text { width: 250px; padding: 5px 4px 2px 4px; border: 1px solid #cecece; height: 12px; }
	input.special { display: none; }
	textarea { width: 530px; padding: 5px 4px 2px 4px; border: 1px solid #cecece; height: 60px; font-size: 11px; }
	select { width: 261px; padding: 2px 0; *margin-top: 1px; *border-color: #cecece; }
	input.submit { float: left; background: url(../images/button_send.gif) no-repeat 0 0; border: none; padding: 10px 11px 7px 25px; *padding: 10px 11px 7px 15px; margin-right: 12px; }
	input.submit:hover { background: url(../images/button_send.gif) no-repeat 0 -50px; }
	
	

/* ========================================================================= */
/* IE6 STYLES                                                               */
/* ========================================================================= */
	
	.ie-background { position: absolute; background: #000; filter: alpha(opacity=75); width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; z-index: 100; }
	.ie { position: absolute; top: 0; left: 50%; z-index: 101; width: 500px; margin: 20px 0 0 -250px;  }
	.ie h4 { font-size: 14px; padding: 20px; color: #69758a; background: url(../images/ie6-bg.gif) no-repeat 50% 0; text-transform: uppercase; border-bottom: 1px solid #cecece; }
	.ie-body { background: #ededed; overflow: hidden; }
	.ie p { border-top: 1px solid #fff; border-bottom: 1px solid #cecece; margin: 0; padding: 20px; }
	.ie .ie-options { overflow: hidden; float: left; width: 500px; background: #ededed url(../images/bg_content-divider.gif) repeat-y 50% 0; border-top: 1px solid #fff; border-bottom: 1px solid #cecece; }
	.ie .ie-options p { border: none; }
	.ie .ie-float { float: left; width: 248px; }
	.ie ul { margin: 0 20px 20px 20px; }
	.ie li { margin: 5px 0; list-style: none; }
	.ie a { font-weight: bold; }
	.ie a.firefox { padding: 0 0 0 13px; background: url(../images/ie6_icon_firefox.gif) no-repeat 0 1px; }
	.ie a.chrome { padding: 0 0 0 13px; background: url(../images/ie6_icon_chrome.gif) no-repeat 0 1px; }
	.ie a.safari { padding: 0 0 0 13px; background: url(../images/ie6_icon_safari.gif) no-repeat 0 1px; }
	.ie a.opera { padding: 0 0 0 13px; background: url(../images/ie6_icon_opera.gif) no-repeat 0 1px; }
	.ie a.ie7 { padding: 0 0 0 13px; background: url(../images/ie6_icon_ie7.gif) no-repeat 0 1px; }
	.ie a.flock { padding: 0 0 0 13px; background: url(../images/ie6_icon_flock.gif) no-repeat 0 1px; }
	.ie a.ie-close { padding: 0 0 0 13px; background: url(../images/ie6_icon_broken.gif) no-repeat 0 1px; }
	.ie-footer { clear: both; background: url(../images/ie6-bg-footer.gif) no-repeat 50% 100%; }
	.ie-footer p { border-bottom: none; }