/* -----------------------------------------------------------------------------
	STYLESHEET INFO
	Name:              Browser default styles
	Author:            Sebastian Torresi - hola@sebastiantorresi.com
	Author Website:    http://sebastiantorresi.com
	Version:           2
-------------------------------------------------------------------------------- */


/* GENERAL --------------------------------------------------------------------- */
body {
	font: 200 18px/28px HelveticaNeue-Light, MyriadPro-Light, "Helvetica Neue", Helvetica, sans-serif;
	color: #333127;
	background: #F9F2DA url(../images/bg-light.jpg) repeat 0 0;
}

strong { font-weight: 600; }

p { margin: 0 0 25px; }

h2 {
	margin: 0 0 15px;
	font-family: "LeagueGothicRegular",HelveticaNeue-Light, MyriadPro-Light, Helvetica Neue, Helvetica, sans-serif;
	font-weight: 200;
	font-size: 35px;
	text-transform: uppercase;
	text-shadow: 1px 1px 0 #79A96C;
	letter-spacing: 0.03em;
	color: #90C57F;
}

h3 {
	margin: 0 0 15px;
	font-family: "LeagueGothicRegular",HelveticaNeue-Light, MyriadPro-Light, Helvetica Neue, Helvetica, sans-serif;
	font-weight: 200;
	font-size: 25px;
	text-transform: uppercase;
	text-shadow: 1px 1px 0 #79A96C;
	letter-spacing: 0.03em;
	color: #90C57F;
}

.wrap {
	width: 890px;
	margin: 0 auto;
}

@font-face {
	font-family: 'LeagueGothicRegular';
	src: url('../fontface/league_gothic.eot');
	src: local('League Gothic'), local('LeagueGothic'), url('../fontface/league_gothic.woff') format('woff'), url('../fontface/league_gothic.ttf') format('truetype');
}

/* TOP --------------------------------------------------------------------- */
#header {
	width: 100%;
	height: 85px;
	background: #272C21 url(../images/bg-dark-top.jpg) repeat-x 0 0;
}

#logo {
	float: left;
	width: 53px;
	height: 48px;
	margin: 27px 0 0;
	text-indent: -9999px;
	background: transparent url(../images/sprites.png) no-repeat -45px 0;
}

#logo a:link, 
#logo a:visited {
	display: block;
	height: 46px;
}

#nav {
	float: right;
	margin: 35px 0 0;
	text-align: right;
}

#nav li {
	display: block;
	float: left;
	margin: 0 0 0 5px;
	font-size: 12px;
	font-weight: 600;
}

#nav li a,
#nav li a:visited {
	display: block;
	padding: 5px;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 14px;
	color: #DCD5C1;
}

#nav li a:hover { color: #F9F2DA; }

#nav li a:active {
	position: relative;
	top: 1px;
}

#nav li.current a {
	color: #20251B;
	background: #DCD5C1;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

/* FEATURED --------------------------------------------------------------------- */
#featured {
	width: 100%;
	padding: 10px 0 0;
	background: #272C21 url(../images/bg-dark.jpg) repeat 0 0;
}

#featured h1 {
	display: block;
	margin: 15px 0 0;
	letter-spacing: 0.05em;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0 -3px 0 #151911;
	font-size: 40px;
	font-weight: normal;
	font-family: "LeagueGothicRegular",HelveticaNeue-Light, MyriadPro-Light, Helvetica Neue, Helvetica, sans-serif;
	color: #ACCB8F;
}

#featured h2 {
	display: block;
	text-transform: lowercase;
	text-align: center;
	font-style: italic;
	font: normal 14px HelveticaNeue-Light, MyriadPro-Light, "Helvetica Neue", Helvetica, sans-serif;
	text-shadow: none;
	color: #DCD5C1;
}

/* container for slides */
#latest {
	position: relative;
	width: 890px;
	height: 450px;
}

.images {
	position: 999;
	position: relative;
	width: 890px;
	height: 450px;
	margin: 0;
	background: transparent url(../images/feat-frame.png) no-repeat 0 0;
}

.images img {
	z-index: 0;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 868px;
	height: 428px;		
	margin: 11px 0 0 11px;
	background: green;
}

.slidetabs {
	display: block;
	float: right;
	margin: -15px 0 15px;
}

.slidetabs a {
	display: block;
	float: left;
	width: 12px;
	height: 13px;
	margin: 0 0 0 5px;
	background: transparent url(../images/sprites.png) no-repeat -34px -46px;
}

.slidetabs a:hover { background: transparent url(../images/sprites.png) no-repeat -17px -46px; }
.slidetabs a.current { background: transparent url(../images/sprites.png) no-repeat 0 -46px; } 	

.forward, .backward {
	z-index: 100;
	position: absolute;
	top: 50%;
	display: block;
	float: left;
	cursor: pointer;
	width: 22px;
	height: 22px;
	font-size: 1px;
	text-indent: -9999em;
}

.forward { right: 15px; background: transparent url(../images/sprites.png) no-repeat 0 0; }
.forward:hover,
.forward:active { background-position: -23px 0; } 

.backward { left: 15px; background: transparent url(../images/sprites.png) no-repeat 0 -22px; }
.backward:hover,
.backward:active { background-position: -23px -22px; }

.disabled { visibility: hidden !important; }


/* CONTENT --------------------------------------------------------------------- */
#content {
	width: 100%;
	padding: 35px 0 0;
	background: #F9F2DA url(../images/bg-light-content.jpg) repeat-x 0 0;
}

#content a,
#content a:visited {
	font-weight: 600;
	text-decoration: none;
	border-bottom: 1px dotted #333127;
	color: #333127;
}

#content a:hover { color: #90C67F; }

#c-left {
	float: left;
	width: 475px;
	margin: 0 25px 0 0;
	color: #333127;
}

#c-right {
	float: right;
	width: 390px;
}

#left {
	float: left;
	width: 425px;
	margin: 0 30px 0 0;
	color: #333127;
}

#right {
	float: right;
	width: 425px;
}

#elsewhere li {
	display: inline;
	margin: 0 5px 0 0;
}

#content #elsewhere li a { border: none; }

/* ----------------- WORKS ----------------- */
.works {
	width: 890px;
	font-size: 12px;
	line-height: 19px;
}

.works p {
	margin: 0;
	padding: 0;
	font-weight: normal;
}

.works li {
	display: block;
	float: left;
	width: 207px;
	height: 300px;
	margin: 0 15px 35px 0;
}

.works li h3 {
	margin: 0 0 5px;
	font: 600 15px HelveticaNeue-Light, MyriadPro-Light, "Helvetica Neue", Helvetica, sans-serif;
	text-shadow: none;
	color: #5A7C50;
}

#content .works li a { border-bottom: none; }

.works li img {
	width: 207px;
	height: 150px;
	border: 1px solid #E6DFC9;
	-webkit-box-shadow: 0 0 5px #B6B19F;
	-moz-box-shadow: 0 0 5px #B6B19F;
	box-shadow: 0 0 5px #B6B19F;
}

.case-study img {
	border: 1px solid #E6DFC9;
	-webkit-box-shadow: 0 0 5px #B6B19F;
	-moz-box-shadow: 0 0 5px #B6B19F;
	box-shadow: 0 0 5px #B6B19F;
}

#content .case-study ul {
	display: block;
	float: right;
	margin: 0 0 15px;
}

#content .case-study ul li:first-child {
	text-transform: uppercase;
	color: #E6DFC9;
	background: #B1AC9B;
}

#content .case-study ul li {
	display: block;
	float: left;
	height: 20px;
	margin: -15px 0 0 5px;
	padding: 5px;
	font-size: 13px;
	line-height: 20px;
	font-weight: bold;
	color: #B1AC9B;
	background: #E6DFC9;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#content .case-study ul li:last-child { background: none; }

#content .case-study ul li a {
	width: 60px;
	height: 28px;
	margin: 0;
	padding: 6px;
	line-height: 20px;
	text-shadow: 0 -1px 0 #171F15;
	color: #98C88A;
	background: transparent url(../images/sprites.png) no-repeat 0 -62px;
}
 
#content .case-study ul li a:hover { background: transparent url(../images/sprites.png) no-repeat -51px -62px; }

#content .case-study ul li a:visited { border-bottom: none; }

#content .case-study h1 { clear: both; }

/* ----------------- PHOTOS ----------------- */
#content #photos { margin: 0 0 25px 0; }

#content #photos li {
	float: left;
	width: 125px;
	height: 125px;
	margin: 0 0 1px 1px;
}

#content #photos li a { border: none; }

/* ----------------- ABOUT ----------------- */
dl.a-left {
	float: left;
	width: 420px;
	margin: 0 50px 0 0;
}

dl.a-right {
	float: left;
	width: 420px;
}

dl.a-left dt,
dl.a-right dt {
	font-weight: 600;
	text-transform: uppercase;
}

/* ----------------- CONTACT ----------------- */
#content a#planner { border: none; }

zemContactForm fieldset { border: none; }

.zemContactForm label {
  	float: left;
   	width: 100px;
   	margin: 3px 60px 0 0;
   	font-size: 13px;
   	font-weight: 600;
   	text-align: right;
   	text-transform: uppercase;
   	cursor: pointer;
}

.zemContactForm input[type=text], 
.zemContactForm textarea,
#Asunto {
	width: 285px;
   	margin: 0 0 15px 0;
	padding: 5px;
	border: 1px solid #fff;
	background: #fff;
}

#Asunto { width: 295px; }

.zemContactForm input[type=text]:focus, 
.zemContactForm textarea:focus, 
.zemContactForm input[type=text]:hover, 
.zemContactForm textarea:hover,
#Asunto:hover { border: 1px solid #D0CAB7; }

.zemContactForm br { clear: left; }

.zemContactForm .zemSubmit {
	width: 80px; 
	height: 30px;
	margin: 0 0 25px 375px;
	padding: 4px 0; 
	line-height: 30px;
	font-size: 15px;
	font-weight: 600;
	text-transform: uppercase;
	vertical-align: middle;
	border: none;
	color: #F9F1D9;
	background: #333127;
	cursor: pointer;
}

.zemContactForm .zemSubmit:active { background: #AF2922; }

.zemError {
	margin: 0 0 20px;
	padding: 5px 5px 5px 10px;
	width: 440px;
	color: #fff;
	background: #AF2922;
}

/* FOOTER --------------------------------------------------------------------- */
#footer {
	width: 100%;
	padding: 25px 0;
	background: transparent url(../images/bg-dark-foot.jpg) repeat-x 0 0;
}

#footer h3 {
	float: left;
	margin: 0;
	font-size: 15px;
	font-weight: 200;
	text-transform: lowercase;
	text-indent: inherit;
	text-shadow: none;
	color: #4C583F;
}

#footer h4 {
	float: right;
	width: 200px;
	line-height: 15px;
	font-size: 12px;
	font-weight: 200;
	text-align: right;
	color: #F8F2D9;
}

html, body, #wrap {height: 100%;}

body > #wrap { height: auto; min-height: 100%; }

#main {
	overflow:auto;
	padding-bottom: 150px;
}  /* must be same height as the footer */

#footer {
	position: relative;
	margin-top: -35px; /* negative value of footer height */
	height: 35px;
	clear:both;
} 

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}