@import "clear.css";
body {
background:none repeat scroll 0 0 white;
color:#736357;
font:normal 12px Arial,Tahoma,Verdana;
}
#wrap {
margin:0 auto;
width:940px;
}
#header {
background:url("images/menu_borders.jpg") repeat-x scroll left bottom transparent;
height:130px;
position:relative;
}
h1#logo {
position:absolute;
right:0;
top:15px;
}
h1#logo, h1#logo a {
display:block;
height:44px;
width:115px;
}
h1#logo a {
background:url("images/logo.jpg") no-repeat scroll left top transparent;
overflow:hidden;
text-indent:-10000px;
}
#mainNav {
height:45px;
left:300px;
list-style:none outside none;
position:absolute;
top:82px;
z-index:1500;
}
#mainNav li {
float:left;
margin-right:20px;
}
#mainNav li a {
color:#362F2D;
display:inline-block;
font:normal 18px "Times New Roman",Georgia,serif;
height:45px;
line-height:45px;
text-decoration:none;
text-transform:none;
}
#mainNav li.current_page_item a {
color:#998675;
}
#main {
padding-bottom:30px;
}

body.page-template-page-contact-php #main {
	padding:2px 0;
}

#homepage_banners {

position:relative;

display:block;

background:url("images/borders.jpg") repeat-x scroll left bottom transparent;
margin:0 0 15px;

width:940px;
height:400px;

z-index:800;
}

#banners_wrap {
	
	position:absolute;
	bottom:0;
	left:0;
	
	z-index:1000;
	height:465px;
	width:100%;
	
	overflow:hidden;
	
	
}


ul#banners li {
	position:relative;
	float:left;
	width:940px;
	height:465px;
}

ul#banners li a {
	display:block;
	position:absolute;
	bottom:2px;
	left:0;
}


#bannersNav {
list-style:none outside none;
position:absolute;
bottom:-35px;
right:0;
z-index:1500;
}
#bannersNav li {
float:left;
margin-left:4px;
}
#bannersNav li a {
background:none repeat scroll 0 0 #CCC2BA;
display:inline-block;
height:9px;
overflow:hidden;
text-indent:-1000px;
width:9px;
}
#bannersNav li.current a {
background:none repeat scroll 0 0 #998675;
}
h2.latestProjects {
border-bottom:1px dotted #998675;
font:italic 22px "Times New Roman",Georgia,serif;
margin-bottom:0;
padding-bottom:15px;
}
#projectsList {
list-style:none outside none;
padding-top:30px;
}
#projectsList li {
border-bottom:1px dotted #998675;
float:left;
height:auto !important;
list-style:none outside none;
margin-bottom:15px;
margin-right:12px;
min-height:175px;
padding-bottom:15px;
width:305px;
}
#projectsList li.last {
margin-right:0;
}
#projectsList li h3 {
font:italic 24px "Times New Roman",Georgia,serif;
margin:0 0 5px;
}
#projectsList li h3, #projectsList li h3 a {
color:#362F2D;
text-decoration:none;
}
#projectsList li span.thumb {
background:none;
display:block;
height:73px;
width:303px;
border:solid 1px #EFEFEF;
margin:0 0 10px;
overflow:hidden;
}
#projectsList li p {
font-size:12px;
line-height:150%;
margin:0;
}
#main.project {
padding-top:30px;
}
#project-gallery {
background:url("images/borders.jpg") repeat-x scroll left bottom transparent;
height:360px;
margin-bottom:30px;
padding-bottom:37px;
position:relative;
}
#project-gallery #left, #project-gallery #right {
border:1px solid #DDDDDD;
height:358px;
overflow:hidden;
position:relative;
}
#project-gallery #left {
float:left;
width:638px;
}
#project-gallery #left ul {
left:0;
position:absolute;
top:0;
}
#showCaseNav {
bottom:12px;
list-style:none outside none;
position:absolute;
right:0;
}
#showCaseNav li {
float:left;
margin-left:4px;
}
#showCaseNav li a {
background:none repeat scroll 0 0 #CCC2BA;
display:inline-block;
height:9px;
overflow:hidden;
text-indent:-1000px;
width:9px;
}
#showCaseNav li.current a {
background:none repeat scroll 0 0 #998675;
}
#project-gallery #left ul li {
float:left;
width:640px;
}
#project-gallery #right {
float:right;
width:278px;
}
#project-gallery #right ul {
left:0;
position:absolute;
top:0;
z-index:2000;
}
#project-gallery #right ul li {
float:left;
}
#main.project #project-description {
float:left;
width:620px;
}
#main.project h2 {
font:italic 24px "Times New Roman",Georgia,serif;
margin-bottom:20px;
}
#main.project #project-description p, #main.project #project-description ul, #main.project #project-description li {
font-size:12px;
line-height:150%;
}
#main.project #project-information {
float:right;
width:290px;
}
#main.project #project-information dl {
margin-bottom:65px;
}
#main.project #project-information dt, #main.project #project-information dd {
border-bottom:1px dotted #998675;
color:#998675;
float:left;
font-size:11px;
height:30px;
line-height:30px;
margin-bottom:10px;
}
#main.project #project-information dt {
text-transform:uppercase;
width:160px;
}
#main.project #project-information dd {
width:130px;
}
#main.project #project-information dt:hover, #main.project #project-information dd:hover {
background:none repeat scroll 0 0 transparent;
}
#main.project #project-information dl a {
color:#998675;
text-decoration:none;
}
p.gotoproject {
border-top:1px dotted #998675;
padding:10px 0;
text-align:center;
}
p.gotoproject a {
color:#362F2D;
font-size:11px;
font-weight:bold;
text-decoration:none;
text-transform:uppercase;

}

p.gotoproject a span.prev {
	display:inline-block;
	background:url("images/arrow_left.jpg") left center no-repeat;
	padding-left:15px;
	margin-right:10px;
}
p.gotoproject a span.next {
	display:inline-block;
	background:url("images/arrow_right.jpg") right center no-repeat;
	padding-right:15px;
	margin-left:10px;
}

/* SERVICES LIST
--------------------------------*/
#services-list {
	display:block;
	background:url("images/borders.jpg") repeat-x scroll left bottom transparent;
	margin:0;
	width:940px;
	height:411px;
	padding:10px 0;
	overflow:hidden;
}

#services-list ul {
	position:relative;
  list-style: none;
  margin: 0;
  padding: 0;
  height:411px;
  width:940px;
  overflow:hidden;
}

#services-list ul li {
	position:absolute;
	top:0;
	overflow:hidden;
	width:940px;
}

#services-list ul li#slide-1 {
	left:0;
	z-index:1000;
}
#services-list ul li#slide-2 {
	left:773px;
	z-index:1100;
}
#services-list ul li#slide-3 {
	left:816px;
	z-index:1200;
}
#services-list ul li#slide-4 {
	left:859px;
	z-index:1300;
}
#services-list ul li#slide-5 {
	left:902px;
	z-index:1400;
}

#services-list ul li h2.handleSlide {
  	display: block;
	float:left;
  	overflow: hidden;
  	height: 411px;
  	width: 38px;
  	background:#362f2d;
  	cursor:pointer;
  	border-right:solid 5px white;
}
#services-list ul li h2.handleSlide span {
	display:block;
	margin:20px auto 0 auto;
	color:white;
	font-size:14px;
}

#services-list .slide-content {
position:relative;
	float:left;
	display:block;
	width: 768px;
	height:411px;
	overflow:hidden;
	background:white;
}


#services-list .servicePhoto {
	position:absolute;
	left:0;
	top:0;
	display:block;
	width: 768px;
	height:411px;
	z-index:200;
}

#services-list .serviceDescription {
	display:none;
	width: 725px;
	height:411px;
	position:absolute;
	left:0;
	top:0;
	z-index:100;
	overflow:auto;
}

#services-list .serviceDescription .desc {
	
	width:665px;
	padding:20px;
	
}

#services-list .serviceDescription .desc h2 {
	font:italic 24px "Times New Roman",Georgia,serif;
	margin:0 0 15px 0;
}

#services-list .serviceDescription .desc p,
#services-list .serviceDescription .desc ul,
#services-list .serviceDescription .desc ol,
#services-list .serviceDescription .desc table {	
	margin:0 0 15px 0;
	line-height:150%;
}


/* CONTACT PAGE
--------------------------------*/
.cont-wrap {
	float:right;
	position:relative;
	width:344px; /*344*/
	height:416px; /*416*/
	background:#372e29;
}

.cont {
	position:absolute;
	right:30px;
	bottom:30px;
	float:right;
	text-align:right;
}

.cont,
.cont a {
	color:#998675;
	text-decoration:none;
}
.cont a:hover {
	color:white;
}

.cont p,
.cont ul,
.cont ol {
	margin-bottom:10px;
}

.content-contact-logo {
	margin-bottom:40px;
}

.cont-img {
	display:block;
	float:left;
	width:596px;
	height:416px;
	background: url("images/cont_img_contact.jpg") left top no-repeat;
}


/*------------------------------*/

#footer {
background:url("images/borders.jpg") repeat-x scroll left top transparent;
padding-top:15px;
}

body.page-id-15 #footer  {
	background:none;
	padding-top:0;
	margin-top:-20px;
}

#footer, #footer a {
color:#362F2D;
text-decoration:none;
}
#footer p {
font-size:10px;
text-align:right;
}