@import url(reset.css);

/* ---------------------
	HTML
--------------------- */
a {
	text-decoration:none;
	color:#3a2800;
	}
	
a:hover {
	text-decoration:underline;
	}
	
body {
	font-size: 62.5%;
	font-family:Arial, Helvetica, sans-serif;
	background: #493611;
	height: 100%;
	}
	
footer {
	background:#493611 url(../images/bg_footer.gif) repeat-x;
	}
	
h1 {
	color:#bfb778;
	text-shadow:#ccc8c4 1px 1px 1px;
	font: italic 2.5em Georgia, "Times New Roman", Times, serif;
	margin-bottom:20px;
	}
	
h2 {
	font-size:1.5em;
	color:#3a2800;
	font-weight:normal;
	}
	
h2.white {
	font-size:1.75em;
	color:#FFF;
	text-shadow:#000 1px 1px 1px;
	font-weight:bold;
	}
	
h3 {
	margin-top:15px;
	font-size:1.166em;
	color:#3a2800;
	}
	
nav {
	background-color:#3a2800;
	padding:8px 0;
	text-align:right;
	border-bottom: 1px solid #8b7760;
	}
		
nav a, nav a:link, nav a:visited {
	border: 1px solid #3a2800;
	padding: 1px;
	padding-left: 0.5em;
	padding-right: 0.5em;
	color: #cdc5bb;
	text-decoration: none;
	}
	
nav a:hover, nav a:active, nav a:focus {
	border: 1px solid #cdc5bb;
	padding: 1px;
	padding-left: 0.5em;
	padding-right: 0.5em;
	text-decoration: none;
	}
	
nav li
	{
	padding-right: 1px;
	margin:0 15px;
	display: inline;
	}
	
nav ul
	{
	margin: 0px;
	padding: 0px;
	}
	
nav a.active { border: 1px solid #cdc5bb; }

section {
	}

/* ---------------------
	DIVS
--------------------- */
#middle-wrap {
	width:920px;
	margin:0 auto;
	padding:20px 0;
	font:1.2em/150% Arial, Helvetica, sans-serif;
	}

#middle {
	background-color:#f5f3f1;
	color:#7B6449;
	}
	
#middle p {
	margin:5px 0 10px 0;
	}

#navlist {
	width:920px;
	margin:0 auto;
	font:1.2em/150% Arial, Helvetica, sans-serif;
	}
	
#bottom {
	background:#5a3d1c url(../images/bg_bottom_strip.gif) top left repeat-x;
	color: #cdc5bb;
	padding: 14px 0;
	}

#bottom_wrap {
	width:920px;
	margin:0 auto;
	font:1.2em/145% Arial, Helvetica, sans-serif;
	}
	
#bottom_wrap p {
	margin:8px 0;
	}
	
#home_box1 {
	width: 195px;
	float:left;
	padding:15px 20px 0 0;
	}
	
#home_box2 {
	width:300px;
	float:left;
	font-size:0.916em;
	line-height:130%;
	color:#fff;
	background: url(../images/bg_twitter.png) top left no-repeat;
	}

	
#home_box3 {
	width:358px;
	float:left;
	padding: 36px 20px 0 25px;
	background: url(../images/bg_contact.png) top left no-repeat;
	}
	
#footer_wrap {
	width:920px;
	margin:0 auto;
	padding:10px 0;
	color: #cdc5bb;
	font-size:1.0em;
	}
	
#fb_button {
	margin:32px 0 0 40px;
	}

#email_btn {
	float:right;
	margin-top:8px;
	}

#more_cases_btn a {
	display:block;
	float:left;
	height:41px;
	text-indent:-9000px;
	width:190px;
	margin-top:12px;	
	}

#more_cases_btn a { background:url(../images/btn_morecasestudies.gif) ; }
#more_cases_btn a:hover { background-position:0 -41px; }

#twitter_box {
	height:164px;
	margin: 30px 20px 20px 100px;
	}
.twitter_link a {
	color: #c0b678;
	font-weight: bold;
}
.friend_button {
	margin: 20px 20px 20px 60px;
	display: none;;
	height: 80px;
}
#fb_button h2 {
	vertical-align: middle;
}

#home_box3 form {
	height: 180px;
	margin: 30px 0 20px 0;	
}

/* ---------------------
	CLASSES
--------------------- */
.clear {
	clear:both;
	}

.dark_strip {
	background-color:#5a3d1c;
	}
	
.gradient_section {
	background:#5a3d1c url(../images/bg_brown.jpg) left top no-repeat;
	width:920px;
	margin:0 auto;
	}
	
.intro {
	padding:30px 300px 30px 0;
	color:#cdc5bb;
	font-size:1.2em;
	}
	
.margin1 {
	margin-top:10px;
	}
	
.margin2 {
	margin-right:8px;
	}
	
.margin3 {
	margin-left:65px;
	}
	
.margin4 {
	margin:35px 0;
	}

.white {
	color:#fff;
	}
	
.cream {
	color: #cdc5bb;
	}

.gold {
	color:#C0B678;
	}	
	
.chocolate {
	color:#3a2800;
	}
	
.error {
	color:#CC0066;
	}
.white_line {
	border-top: 1px solid #FFFFFF;
}
input.field_small {
	width:139px;
	background-color:#DED8D2;
	padding: 7px 15px;
	border: 1px solid #8B7760;
	color:#8B7760;
	margin-top:22px;
	font: italic 11px Georgia;
	}
	
textarea.message {
	width:321px;
	height:47px;
	padding: 7px 15px;
	background-color:#DED8D2;
	border: 1px solid #8B7760;
	color:#8B7760;
	font:italic 11px Georgia;
	margin-top:5px;
	}
	
.align_right { float:right; margin: 0 0 15px 15px; }
.align_left { float:left; margin: 0 25px 0 0;}

.case_image {
	float:left;
	margin-right:30px;
	padding:30px;
	background-color:#FFF;
	}
	
.map {
	float:right;
	margin:0 7px 0 30px;
	padding: 30px;
	background-color:#FFF;
	}

.shadow {
	 -moz-box-shadow: 0px 0px 10px #ccc8c4;
	 -webkit-box-shadow: 3px 3px 4px #ccc8c4;
	box-shadow: 3px 3px 4px #ccc8c4;
	 /* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#a69e94')";
	 /* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#a69e94');
	}

.client_logo1 {
	float:left;
	margin-right:20px;
	padding: 25px;
	background-color:#FFF;
	}
	
.client_logo2 {
	float:left;
	padding: 25px;
	background-color:#FFF;
	}
	
.client_logo3 {
	float:left;
	margin:20px 20px 20px 0;
	padding: 25px;
	background-color:#FFF;
	}
	
.client_logo4 {
	float:left;
	margin:20px 0;
	padding: 25px;
	background-color:#FFF;
	}

.thumbs a img, .thumbs a:link img, .thumbs a:visited img {
	background-color:#FFF;
	padding: 25px;
	}
	
.thumbs a:hover img {
	background-color:#efeae6;
	padding: 25px;
	}

.thumbs li {
	display: inline;
	}
	
.thumbs ul {
	margin: 0px;
	padding: 0px;
	}	
	
.thumb_margin1 {
	margin-right:20px;
	}
	
.thumb_margin2 {
	margin:20px 20px 20px 0;
	}
	
.thumb_margin3 {
	margin:20px 0;
	}
	
.copy_list li {
	list-style:disc inside none;
	}
	
.logos ul {
	margin:0px;
	padding:0px;
	}
	
.logos li {
	display: inline;
	}
	
.logos_margin1 {
	margin:0 10px 0 0;
	}
	
.logos_margin2 {
	margin:10px 10px 0 0;
	}
	
.logos_margin3 {
	margin:10px 0 0 0;
	}

.logos a img, .logos a:link img, .logos a:visited img, .logos img {
	background-color:#FFF;
	padding: 5px;
	}
	
.logos a:hover img {
	background-color: #efeae6;
	padding: 5px;
	float: none;
	}

#blogNav {
	float: right;
	width: 220px;
	height: 100%;
}
#blogNav a {
	border: 2px solid #efeae6;
	float: left;
	padding: 5px;
	margin: 5px 5px 5px 0;
	width: 180px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.blogFull {
	width: 650px;
	display: block;
	padding-right:50px;
}
.blogTtl {
	padding: 10px 10px 10px 0;
}

#home_box1 {
	min-height: 200px;
}