/* MAIN STYLES
-------------------------------------------*/
* { margin: 0; padding: 0; }

body,html {
	font:normal 0.9em "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	color:#B1B364;
	margin:0;
	padding:0;
	/*background:url(../images/bk_body.jpg);*/
	background: /*#696B08*/ #535607 url(../images/bg-body.jpg) repeat-x;
	line-height:130%;
}

ul { /*list-style: none;*/
	margin: 0 0 5px 30px;
 }

ul li {
	padding:5px 0 0 10px;
	/*background:url(../images/arrow.jpg) 0 50% no-repeat;*/
	padding-left:15px;
	position:relative;
}

ol { 
	margin: 0 0 5px 30px;
 }

ol li {
	padding:5px 0 0 10px;
	background: url(../images/arrow.jpg) 0 50% no-repeat;	
	position:relative;
}

a {
	color: #80BFA2/*#36A1C8*/; text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

hr { color: #8F915E; background-color: #8F915E; height: 1px;}

.text-term { font: bold 1.2em "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#DD5325;}
.picborder { margin:10px; padding:10px; border: solid 1px #787E07;}
.text-white { color:#FFF;}

h1, h2, h3 , h4{
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-weight:normal;
	letter-spacing:-1px;
	color:#36A1C8;	
	padding:10px 0 5px;
}
h1{
	font-size: 2.5em; line-height:1em;
	color: #E8E787 /*#7CA403*/;
	padding:30px 0 30px;
}
h2 {
	font-size:1.8em; line-height:0.9em;
	color: #5ED3D0;
	padding: 25px 0 10px;
}

h3 {
	font-size:1.5em;
	color:#64A797;
	padding:10px 0 5px;
}

h4 {
	font-size:1.3em;
	color:#C76A39;
	padding:10px 0 5px;
}


.picborder3 { 
	background:#fff; 
	margin:2px; 
	padding:3px; 
	border:#E3C682 solid 1px;
}



/* LAYOUT STRUCTURE
--------------------------------------------------*/
#mainWrapper {
	background:url(../images/bg_mainwrapper.jpg) 0 0 repeat-x;
}

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

#header {
	height:200px;
	position:relative;
	/*background:url(../images/bk_header.jpg) 100% 0 no-repeat;*/
	background:url(../images/bg-header.jpg) 100% 0 no-repeat;
}

#content {
	padding: 50px 0 25px 0;
}

#footer {
	height:80px;
	background:#4E2006 url(../images/bg-footer.jpg) 0 0 repeat-x;
	margin-top:10px;
	border-bottom:1px solid #E5E5E5;
}


#innerFooter {
	width:890px;
	margin:0 auto;
	/*background:url(../images/footer_grey_mark.jpg) 100% 50% no-repeat;*/
	height:40px;
	padding-top:30px;
	line-height:15px;
	padding-left:10px;
	color: #956B42;
}
#innerFooter a {	
	color: #956B42; text-decoration: none;
}

#innerFooter a:hover {	
	text-decoration: underline;
}


/* HEADER ELEMENTS 
--------------------------------------------------*/
/* -- logo --*/
#logo {
	position:absolute;
	top:80px;
	left:20px;
	
}

#logo h1 {
	padding:0;
}

#logo h1 a, #logo h1 a:hover{
	background:url(../images/logo.png) 0 0 no-repeat;
	width:350px;
	height:80px;
	text-indent:-9000px;
	display:block;
	text-decoration:none;
}

#topheadline {
	position:absolute;
	top:85px;
	left:290px;
	background:url(../images/top_headline.png) 0 0 no-repeat;
	text-indent:-9999px;
	width:370px;
	height:73px;
}

#topMenu {
	position:absolute;
	top:10px;
	right:0;
	border-left:1px solid #A99F19;
}

#topMenu li {
	float:left;
	padding:0 20px;
	border-right:1px solid #A99F19;
	background:none;
}

#topMenu li a {
	font: bold 0.9em Arial, Helvetica, Sans-serif;
	color:#D4C972;
	text-decoration:none;
	text-transform:uppercase;
}

#topMenu li a:hover {
	color:#94CDE2;
}

#topMenu li.selected a{
	color:#94CDE2;
}

/* Page Nav */

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1;
	z-index: 100;
}

#nav a {
	display: block;
	line-height: 35px;
	padding: 0 10px;
	text-decoration:none; color:#C8C89D;
	z-index: 100; /*font-weight:bold;*/
}

#nav a:hover {
	background: url(../images/bg-nav-hover.png) no-repeat;
}

#nav li {
	float: left; padding:5px 8px;
	background: url(../images/bg_separator.gif) no-repeat right 20px;
}

/* Style drop down list */

#nav li ul {
	position: absolute;
	width: 250px;
	left: -999em;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto; color:#94CDE2;
}

#nav li ul li a {
	line-height: 35px; margin:-5px 0;display: block; padding: 0 10px;
	color: #C8C89D;
	width: 150px;
	background:#7C3F20;
}


#nav li ul ul {
	margin: -35px 0 0 204px;
}

#nav li ul ul li a {
	line-height: 36px;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;
}

/* IE7 Fix */

#nav li:hover, #nav li.hover {  
	position: static;
}

#nav a.no-background {background:none;}

/*CONTENT ELEMENTS
--------------------------------------------*/

#content p {
	margin:0.7em 0;
}

#colLeft {
	float:left;
	width:580px;
	padding-right:20px;
	background:url(../images/line-vertical.png) 100% 0 repeat-y;
	margin-top:15px;
	padding-left:10px;
}

#colLeft-inner {
	float:left;
	width:580px;
	padding-right:20px;
	background:url(../images/line-vertical.png) 100% 0 repeat-y;
	margin-top:50px;
	padding-left:10px;
}

#colLeft p, #colLeft-inner p{
	line-height:150%;
}

#colRight {
	float:left;
	width:240px;
	margin-left:20px;
	margin-top:40px;
	padding:15px;	
}

#colRight h2 {
	font: normal 1.5em "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	color: #CFDE8C;
}

#colRight p {	
	color: #91BD94;	
}

#colRight p.line {
	background:url(../images/line-horizontal.png) 0 100% repeat-x;
	display:block;
	padding:10px 0;
	margin:0;
}

#colRight p img {
	vertical-align:middle;
	padding-right:5px;
}

#colRight a img {
	border:none;
}

#colRight .featured {
	margin:10px 0;
}

#colRight .featured img{
	background:#fff;
	padding:6px;
	border:none;
}

.portfolioItem {
	background:url(../images/bk_horizline.jpg) 0 100% repeat-x;
	padding:15px 0;
	position:relative;
	
}

.portfolioItem img {
	float:left;
	background:#fff;
	padding:6px;
	border:none;
}

.portfolioItem .itemDetails {
	float:left;
	width:300px;
	padding-left:10px;
}

.portfolioItem .title {
	font-size:16px;
	font-weight:bold;
	color:#36A1C8;
}

.portfolioItem .ribbonType {
	position:absolute;
	top:14px;
	left:223px;
	width:45px;
	height:43px;
}


/* CAROUSEL
---------------------------------------------*/

.stepcarousel{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 900px; /*Width of Carousel Viewer itself*/
	height: 310px; /*Height should enough to fit largest content's height*/
	margin-top:20px;
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left:0;
	top: 0;
}

.stepcarousel .panel{
	background:url(../images/bg-featured.png) 0 0 no-repeat;
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin:2px;
	width: 900px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	height:310px;
	position:relative;
}

.stepcarousel .panel .projectDetails {
	float:left;
	width:230px;
	margin:35px 0 0 25px;
	color:#272830;
}

.stepcarousel .panel .projectDetails .title {
	font-size:16px;
	font-weight:bold;
}

.stepcarousel .panel .ribbonType {
	position:absolute;
	top:14px;
	left:224px;
	width:45px;
	height:43px;
}

.stepcarousel .panel .projectImg {
	position:absolute;
	top:14px;
	right:14px;
}

.web {
	background:url(../images/ribbon_web.png) 0 0 no-repeat;
}

.logo {
	background:url(../images/ribbon_logo.png) 0 0 no-repeat;
}

.print {
	background:url(../images/ribbon_print.png) 0 0 no-repeat;
}




/* FORMS
-------------------------------------------------*/
/*
form label {
	display:block;
	padding:8px 0 2px;
	font-weight:bold;
}

form input, form textarea {
	border:1px solid #E5E5E5;
	padding:5px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	width:300px;
}

form textarea {
	width:500px;
}

form input.submit {
	border:none;
	width:103px;
	height:24px;
	text-align:center;
	padding-top:4px;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	margin-top:15px;
	background:url(../images/bk_submit.jpg) 0 0 no-repeat;
}
*/

/* CLEARING
---------------------------------------------------*/
.clearfix:after {
    content: "."; 
    display:block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
	display: block;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear {
	clear: both;
}

.noclear {
	clear: none;
}