/* just the basics */

* {
	font-family: Helvetica, sans-serif;
	padding:0;
	margin: 0;

	}
	
body {
	background: #c4c79e url('../images/header-bg.png') repeat-x;
	font-size: 62.5%;
	text-align: center;
	}
	
a img {
	border: none;
	}

a, a:visited {
	color: #1e2411;
	text-decoration: none;
	outline: none;
	}

a:hover {
	color: #1e2411;
	text-decoration: underline;
	}
	
h3 {
	font-size: 1em;
	font-weight: normal;
	}

p {
	color: #1e2411;
	text-align: left;
	padding-bottom: 10px;
	}
	
/* the layout */
#wrap {
	width: 911px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	text-align: left;
	}
	
#head {
	margin: 0;
	padding: 24px 0px 0;
	height: 120px;
	width: 90%;
	}
	
#middle {
	height: 489px;
	width: 100%;
	background: url('../images/mid-bg.jpg') repeat-x;
	}
	
#more p {
	color: #1e2411;
	font-size: 1.5em;
	line-height: 1.2em;
	}
	
#midWrap {
	background: url('../images/mid-div-bg.jpg') no-repeat;
	width: 911px;
	height: 489px;
	margin: 0 auto;
	padding: 0;
	clear: both;
	}
	
#more {
	width:650px;
	height: 175px;
	margin: 0 150px;
	padding: 65px 10px 0 0;
	text-align: left; 
	clear: both;
	}

#about {
	width: 326px;
	height: 210px;
	margin: 0;
	padding: 35px 55px 0 150px;
	float: left;
	}
	
#about p {
	color: #1e2411;
	font-size: 1.3em;
	line-height: 13pt;
	}
	
#about img {
	width: 94px;
	height: 94px;
	border: 3px solid #1e2411;
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	}
	
.contactButton {
	background: url('../images/contact-button.png') no-repeat;
	margin: -5px auto 0;
	width: 185px;
	padding: 30px 45px 30px 65px;
	font-size: 1.6em;
	}
	
.linkage {
	margin: -10px 0 0;
	padding:0;
	}

#contactForm {
	width: 270px;
	height: 215px;
	margin: 0;
	padding: 35px 0 0 ;
	float: left;
	text-align: left;
	}
	
#contactForm p {
	color: #1e2411;
	font-size: 1.3em;
	line-height: 13pt;
	}

#slider {
	width: 911px;
	height: 400px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	float: left;
	clear: both;
	text-align: center;
	}
	
#sliderNav {
	background: url('../images/ul-bg.jpg') no-repeat;
	width: 162px;
	height: 400px;
	display: block;
	list-style: none;
	float: left;
	padding: 21px 0px 0 0;
	margin: 0;
	}
	
#sliderNav ul {
	width: 129px;
	height: 400px;
	margin: 0;
	padding: 0;
	}

#sliderNav ul li {
	width: 129px;
	float: right;
	padding: 0;
	position: relative;
	display: block;
	clear: both;
    }
	
#sliderNav ul li.home {
	width: 129px;
	height: 62px;
	padding: 0;
	margin-bottom: 34px;
	overflow: hidden;
	}

#sliderNav ul li.port {
	width: 129px;
	height: 62px;
	padding: 0;
	margin-bottom: 40px;
	overflow: hidden;
	}
		
#sliderNav ul li.review {
	width: 129px;
	height: 61px;
	padding: 0;
	margin-bottom: 0;
	overflow: hidden;
	}
	
#sliderNav ul li.services {
	width: 129px;
	height: 61px;
	padding: 0;
	margin-bottom: 40px;
	overflow: hidden;
	}
	
.scroll {
	background: url('../images/panel.jpg');
	height: 400px;
	overflow: hidden;
	position: relative;
	width: 629px;
	float: left;
	margin: 0;
	padding: 0;
	font-size: 1.3em;
	}
	
.scrollContainer div.panel {
	padding: 0 0 0 10px;
	height: 400px;
	width: 629px;
	float: right;
	position: relative;
	}

.content {
	background: url('../images/homebg.jpg') no-repeat;
	width: 629px;
	height: 400px;
	overflow: hidden;
	margin: 15px auto;
	}	
	
.info {
	padding: 100px 0 0 20px;
	width: 255px;
	}
	
.design {
	width: 150px;
	font-size: 1.1em;
	color: #444;
	text-align: left;
	margin: 85px 0 0 140px;
	padding: 0;
	}

.plan {
	width: 175px;
	font-size: 1.1em;
	text-align: left;
	margin: 85px 30px 0 0;
	padding: 0;
	}

.build {
	width: 150px;
	font-size: 1.1em;
	text-align: left;
	margin: 105px 0 0 138px;
	padding: 0;
	}

.dpbtext {
	width: 275px;
	font-size: 1em;
	text-align: left;
	margin: 45px 30px 0 0;
	padding: 0;
	}
	
.dpbtext p {
	color: #444;
	font-size: 1.1em;
	}
	
.design p, .plan p, .build p {
	color: #777;
	}


/* the padding images */

#topSpace {
	height: 21px;
	width: 801px;
	background: url('../images/space_03.jpg') no-repeat;
	margin: 0;
	padding: 0;
	}
	
#bottomSpace {
	height: 30px;
	width: 801px;
	background: url('../images/space_08.jpg') no-repeat;
	margin: 0;
	padding: 0;
	clear: both;
	}
	
#sideSpace {
	background: url('../images/rightspace.jpg') no-repeat;
	width: 120px;
	height: 400px;
	margin: 0;
	padding: 0;
	float: right;}
	
#footer {
	width: ;
	margin:0;
	padding: 0 0 0 25px;
	font-size: 1.2em;
	color: #1e2411;
	border-top: 1px solid #fff ;
	}
	
#footWrap {
	width: 911px;
	margin: 0 auto;
	}
	
#footOne {
	width: 651px;
	height: 62px;
	background: url('../images/footer.jpg') no-repeat;
	margin: 0 auto;
	padding: 0;
	border-bottom: 1px solid #95986a;
	}
	
#footTwo {
	width: 651px;
	padding: 1em 0;
	margin: 0 auto;
	border-top: 1px solid #fff;
	}
	
.phone {
	padding: 2.5em 0 0 2.2em;
	float: left;
	text-align: left;
	}
	
.email {
	padding: 2.5em 0 0 5.4em;
	float: left;
	text-align: left;
	}

.address {
	padding: 1.9em 0 0 6.5em;
	float: left;
	text-align: left;
	}
	
.vcard {
	padding: 2.5em 0 0 6em;
	float: left;
	text-align: left;
	}

.legal {
	width: 300px;
	float: left;
	text-align: left;
	padding-bottom: 1em;
	}
	
.designcred {
	width: 300px;
	float: right;
	text-align: right;
	font-size: .8em;
	}

/* portfolio styles */	

#home {
	overflow: hidden;
	width: 629px;
	height: 400px;
	margin: 0;
	padding: 0;
	clear: both;
	}

#services {
	background: url('../images/services.jpg') no-repeat;
	overflow: hidden;
	width: 629px;
	height: 400px;
	margin: 0;
	padding: 0;
	float: left;
	clear: both;
	}


#portfolio {
	overflow: hidden;
	width: 3050px;
	height: 400px;
	margin: 0;
	padding: 0;
	position: relative;
	font-size: 1.2em;
	}
	
#pageOne, #pageTwo, #pageThree, #pageFour, #RevpageOne,#RevpageTwo,#RevpageThree {
	margin: 0 auto;
	padding: 20px 0 0 10px;
	text-align: left;
	}
	
#RevpageFour {
	margin: 0 auto;
	padding: 20px 0 0 10px;
	text-align: center;
	}
	
#portfolio img {
	width: 268px;
	height: 148px;
	border: solid 1px #999;
	} 
		
.portScroll {
	height: 400px;
	width: 629px;
	overflow: hidden;
	position: relative;
	float: left;
	font-size: 1.2em;
	}
	
.portTop {
	width: 629px;
	margin: 0 10px 0 20px; 
	clear: both;
	}
	
.portTop img {
	margin: 0 30px 10px 0;
	}
	
.portBottom {
	width: 629px;
	margin: 0 10px 0 20px;
	clear: both;
	}
	
.portBottom img {
	margin: 10px 30px 0 0;
	}
	
/* portfolio navigation elements */
#portNav {
	width: 610px;
	height: 34px;
	margin: 0;
	padding: 0;
	clear: both;
	}
	
#portNav img {
	width: 34px;
	height: 34px;
	border: none;
	}
	
.portNavLeft {
	float: left;
	height: 34px;
	width: 34px;
	margin: 0;
	}
	
.portNavRight {
	float: right;
	height: 34px;
	width: 34px;
	margin: 0;
	}

/* this stuff styles the reviews */

#reviews {
	overflow: hidden;
	width: 3050px;
	height: 400px;
	margin: 0;
	padding: 0;
	position: relative;
	}
	
#reviews img {
	width: 268px;
	height: 148px;
	border: solid 1px #999;
	} 
		
.revScroll {
	height: 400px;
	width: 629px;
	overflow: hidden;
	position: relative;
	float: left;
	}
	
.revTop {
	width: 629px;
	margin: 0 10px 0 20px; 
	clear: both;
	}
	
.revTop img {
	margin: 0 30px 10px 0;
	}
	
.revBottom {
	width: 500px;
	margin: 15px auto 0;
	clear: both;
	}
	
.revBottom img {
	margin: 10px 30px 0 0;
	}
	
.remarks {
	color: #777;
	margin:  0 auto;
	padding: 30px 25px 0 0;
	font-size: 1.3em;
	text-align: left;
	}

#credit {
	float: right;
	clear: both;
	text-align: right;
	}
		
.name {
	font-size: 1.1em;
	color: #333;
	}
	
.nameNote {
	font-size: .8em;
	color: #333;
	text-align: right;
	}
	
/* reviews navigation elements */
#revNav {
	width: 610px;
	height: 34px;
	margin: 0;
	padding: 0;
	clear: both;
	}
	
#revNav img {
	width: 34px;
	height: 34px;
	border: none;
	}
	
.revNavLeft {
	float: left;
	height: 34px;
	width: 34px;
	margin: 0;
	}
	
.revNavRight {
	float: right;
	height: 34px;
	width: 34px;
	margin: 0;
	}
	
/* caption styling */

.caption-top, .caption-bottom {
	color: #fff;	
	padding: .8em;	
	font-weight: normal;
	font-size: 1.4em;	
	font-family: Helvetica;	
	cursor: default;
	border: 0px solid #555;
	background: #5f664e;
	text-align: left;
	text-decoration: none;
}
.caption-top {
   border-width: 0px 0px 2px 0px;
}
.caption-bottom {
   border-width: 1px 0px 0px 0px;
}
.caption a, .caption a {
	border: 0 none;
	text-decoration: none;
	background: #000000;
	padding: 0.3em;
}
.caption a:hover {
	background: #202020;
	text-decoration: none;
}
.caption-wrapper {
	float: left;
}

br.c { 
	clear: both; 
}
	
/* miscellaneous stuff */

.alignright {
	float: right;
	}
	
.alignleft {
	float: left;
	}

.clear {
	clear: both;
	}
	
small {
	font-size: .8em;
	}
	
/*sample stuff*/

 /*  Contact Form Styling */
 
 div#contact { 
position:fixed;
top:200px;
right:0; 
 }
.contimage{
filter: alpha(opacity=80);-moz-opacity:.80;opacity:.80;
}
h1{
color:#fff;
margin:0 0 30px 0;
font-size:36px;
font-family:"Times New Roman", Times, serif;
font-style:italic;
}

 #contactform #error ul{
 padding-left:0px;
 line-height:20px;
 }
 #contactform #error span{
 color:green;
 padding:5px 0 5px 0;
 position:absolute;
 top:60px;
 right:10px;
 width:150px;
 }
 #contactform #error ul li{
  color:#BF0B0B;
  font-weight:normal;
  }
 h2#contacth2{
 font-size:18px;
 color:#000;
 margin:0 0 10px 0;
 font-weight:normal;
 padding-bottom:10px;
 border-bottom:1px dotted #ccc;
 }
 #contactform fieldset{
 border:none;
 }
 #contactform #formleft{
 float:left;
 }
 #contactform #error{
 float:right;
 }
 #contactform .button{
 background:#eded;
 color:#666;
 border:1px solid #ccc;
 padding:5px 20px 5px 20px;
 outline:none;
 }
 #contactform{
 color:#666;
 }