/* change default html styles */
* {
  margin: 0;
  padding: 0;
}
li {
 /* list-style-type: none;*/
}
p {
  line-height: 1.5;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl {
  font-weight: normal;
}
a img {
  border-style: none;
}

/* hax */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* general styling */
body {
  background-image:url(../images/_-02.jpg);
  font: normal 100% Arial, Helvetica, sans-serif;
  color:#666666;
 
}
a {
 color:#6d300d;
  text-decoration: none;
}
a:hover { text-decoration:underline; }

/* layout */
#pagewrapper {
  width: 780px;
  margin: 0 auto;  background-color:#FFFFFF;
}
#logo {
  width:780px;
  height:76px;
  margin:auto;
  background-color:#FFFFFF;
background-image:url(../images/_-04.jpg);	
/*text-align:center;*/
}
#logo h1 {  font-size:12px;  text-align:center;   font-weight:bold;}

#logo a{ display:block; /*padding:30px 120px 30px 120px;*/ margin:0px 0 0 250px;   width:258px; height:40px;   }

#top-div {
	height:302px;
	 border-bottom:3px #e3e5e4 solid;

}


#menu {
 width:230px;
 float:left;
 height:302px;
 background-image:url(../images/_-06.jpg);
 color:#FFFFFF;

}
#menu ul {
  /*padding: 0 15px;*/
 /*float:right;*/
 margin:60px 0 0 50px;
}
#menu li {
 /* display: inline;
  margin-right: 20px;*/
  font-size: 0.9em;
  line-height: 1.5em;
  font-weight:bold;
  list-style:square;
}
#menu li a {
  color: #fff;
  text-decoration: none;
text-transform:uppercase;
}
#menu li a:hover {
  background: none;
  border-bottom: none;
  text-decoration: underline;
}

#intro-image{ float:right; margin-bottom:0px; height:302px; }


.content {

 width:780px;
  
}
.column1 {
  float: left;
  display: inline;
  width: 230px;
  background-color:#d5d8cf; 
  height:150px;
}
.column1 h1 { text-align:center;  font-size:0.8em; background-image:url(../images/reservation_bg.jpg); background-repeat:no-repeat; margin-left:4px; color:#FFFFFF; height:24px; padding-top:3px; }

.column1 p { font-size:14px; margin:10px;  text-align:center;}

.column2 {
  float: right;
  display: inline;
  width: 545px;
  background-color:#FFFFFF;
  margin-left:5px;
  font-size:0.7em;
}

.column2 h1{ color:#6d300d; text-align:center; font-size:1.8em; font-weight:bold; }
.column2 ul li { margin:0 0 0 20px; list-style:disc; }

.column2 dl.founders dd {
  margin-bottom: 2em;
}
.column2 p {
  margin-bottom: 1em;
}

.column2 dt {
  margin: 0 0 0 10px;
}

.column2 dd{
  margin: 0 0 0 20px;
}

.column2 .more {
  text-align: right;
}

.column2 div#homepage-box{ border-top:3px #bc9867 solid; background-color:#ecebd6; width:99%; padding-bottom:10px; margin:0 0 10px 0; }
.column2 div#homepage-box div{ float:left; width:48%; }
.column2 div#homepage-box div h3{ font-size:1em; color:#6d300d; font-weight:bold; margin:3px 0 3px 0; }
.column2 div#homepage-box div ul{ float:left; }
.column2 div#homepage-box div ul li{ margin:2px 0 2px 20px; list-style:square; }


.column2 div#homepage-box div img{ float:left; margin:5px; border:1px solid #ccc;  }
.right {
  float: right;
}
.left {
  float: left;
}


#footer {
  clear: both;
  font-size: 0.7em;
  /*font-weight: bold; */
  text-align:center; 
  color: #806546;
  background-image:url(../images/_-09.jpg); background-repeat:no-repeat;  background-position:bottom;

}
#footer h2{ font-size:1.3em; margin-bottom:5px; font-weight:bold; }
#footer ul {
  padding: 0 15px; margin-top:5px;

}
#footer li {
  display: inline;
 /* margin-right: 20px;*/
  line-height: 2.2;
}
#footer li a {
  color: #806546;
  text-decoration: none;
}
#footer li a:hover {
  background: none;
  border-bottom: none;
  text-decoration: underline;
}

#footer div#gallery span{ color:#806546; cursor:pointer;}
#footer div#gallery a.img-link{ margin:10px 12px 0 12px;  }
#footer div#gallery a.img-link img{ border:1px solid #ccc; }

#contact {
  float: right;
  font-size: 1.1em;
  text-align: right;
}

.case_study{
	height: 35em;
}
label{
	display:block;
	font-weight: bold;
}
input{
  color: #222;
	padding: 4px;
  font-size: 1.2em;
	border: 1px solid #ccc;
	width: 270px;
}
input:focus, textarea:focus {
  background: #fffdeb;
}

.large_input{
	padding: 3px;
	border: 1px solid #c0c0c0;
	width: 300px;
	height: 100px;
}
fieldset{
	border: none;
	width: 500px;
}

#contact_form {
	padding-left: 0px; 
}
#contact_form label{
	float:left;
	clear:left;
	width: 150px;
}
#contact_form textarea {
	margin-left: 150px;
}
#budget_slider{
	margin-left:200px;
}
.large_input {
	margin-top: -15px;
}
#submit_btn {
	border: none;
	margin-left:200px;
	padding: 0;
	width:90px;
	height:25px;
}



#budget_slider{
	width: 200px;
	height: 13px;
	border-bottom: solid 1px #bbb;
	
/*	border: 0px hidden #000;*/
}

#budget_amount{
	background-color: #fff;
	padding: 3px;
}

#indicator{
	background-image:url(../images/handle.gif);
	background-color:transparent;
	width:14px;
	height:22px;
	cursor:move;
	top:0px;
}

#message_container_ok{
	background: url(../images/accept.gif) 10px 10px no-repeat;
	border: 2px solid #eee;
	padding: 14px;
padding-left: 42px;
	font-weight: bold;
	margin-bottom: 2em;
}

#message_container_ooops{
	background: url(../images/warning.gif) 10px 10px no-repeat;
	border: 2px solid #eee;
	padding: 14px;
padding-left: 42px;
	font-weight: bold;
	margin-bottom: 2em;
}

#error_message {
  padding-top: 10px;
}
#error_message li {
  margin-top: 3px;
}

.required{
	font-weight: normal;
}

.client_thumb {
  display: block;
  padding: 4px;
  background: #f4f4f4;
}
.client_thumb:hover {
  background: #ddd;
  border: none;
}
.client_thumb img {
  border: 1px solid #cdcdcd;
}

.redtext{ color:#ff0000;    }
.greentext{ color:#66CC00;}