/*************************************************************
 * author: frontenders
 * contact: support at frontenders dot com
 * description: css for screen media
 *************************************************************/
 
/* reset
 * based on Eric Meyer's reset.css
 * http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
 *************************************************************/
html {
	font-size: 101%;
	height: 100%;
}
html, body, h1, h2, h3, h4, h5, h6, ol, ul, li, p, form, fieldset, legend, dl,
dd, dt, input, textarea, select, button {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	line-height: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	background: #fff;
	color: #000;
	font-size: 62.5%;
	height: 100%;
	line-height: 1;
}
ul, ol { list-style: none; }
a img { border: 0;}
a { text-decoration: underline; }
a:hover { text-decoration: none; }
/* /reset
 *****************************************************/

/* global elements
 *****************************************************/
body {
	background: #2b2e2a url(../images/bg_body.png) repeat-x 0 0;
	color: #fff;
	font-family: Tahoma, Arial, sans-serif;
}
a {
	background: #fff;
	color: #666;
}
h2, h3 { font-family: "Trebuchet MS", sans-serif; }
/* /global elements
 *****************************************************/

/* base layout
 *****************************************************/
#container {
	background: #fff url(../images/bg_container.png) repeat-y 0 0;
	color: #333;
	width: 840px;
}
#branding {
	background: #2b2e2a url(../images/bg_branding.png) no-repeat 0 0;
	color: #fff;
	padding: 5px 0 0;
}
#navigation {
	background: #ff6b03 url(../images/bg_navigation.png) repeat-y 100% 0;
	color: #fff;
	font-size: 2em;
}
#intro {
	background: #5b8469 url(../images/bg_intro.jpg) repeat-x 0 0;
	color: #fff;
	font-size: 1.4em;
	padding: 5px 0;
}
#wrap {
	background: transparent url(../images/bg_content.png) no-repeat 0 100%;
	overflow: hidden;
	padding: 0 0 20px;
	width: 100%;
}
#mainContent {
	background: transparent url(../images/bg_content.png) no-repeat -840px 0;
	float: left;
	font-size: 1.4em;
	padding: 20px 20px 0;
	width: 520px;
}
#subContent {
	background: transparent url(../images/bg_content.png) no-repeat 100% 0;
	float: left;
	font-size: 1.5em;
	padding: 20px 15px 0 15px;
	width: 250px;
}
#footer {
	background: #2b2e2a;
	color: #ccc;
}
/* /base layout
 *****************************************************/

/* common elements
 *****************************************************/
form .item {
	margin: 0 0 0.8em;
	overflow: hidden;
}
form .item input,
form .item textarea,
form .item select {
	border: 1px solid #e8e8e8;
	font-size: 0.9em;
	padding: 0.1em;
}
form .item textarea {
	width: 400px;
}
form .item input,
form .item select { width: 150px; }
form .item input.checkbox {
	border: none;
	width: auto;
}
form .item input.file { width: auto; }
form .item label,
form .item .label {
	float: left;
	font-weight: bold;
	padding: 3px 0 2px;
	width: 8em;
}
form .item span.required { font-size: 0.8em; }
form .item ul {
	float: left;
}
form .item ul li { margin: 0 0 0.4em 0; }
form .item ul label {
	float: none;
	font-weight: normal;
}
form .item p {
	clear: left;
	font-size: 0.8em;
	margin: 0 0 0 8em;
}
form .item button {
	background: #fff;
	color: #5b8469;
	font-weight: bold;
	text-align: left;
}
/* /common elements
 *****************************************************/

/* branding elements
 *****************************************************/
#branding .inner {
	background: transparent url(../images/bg_branding_inner.png) repeat-x 0 0;
	overflow: hidden;
	width: 100%;
}
#branding h1 {
	float: left;
	font-size: 2em;
	font-weight: normal;
	padding: 20px 0 30px 10px;
	text-transform: uppercase;
}
#branding h1 a { color: #fff; }
#branding h1 img { display: block; }
#offer {
	background: #70a17a url(../images/bg_offer.png) no-repeat 0 0;
	color: #fff;
	float: right;
	height: 70px;
	margin: 30px 30px 0 0;
	position: relative;
	width: 301px;
}
#offer p {
	float: left;
	font-size: 1.5em;
	font-weight: bold;
	padding: 17px 0 0;
	text-align: right;
	text-transform: uppercase;
	width: 220px;
}
#offer p span {
	color: #c2e7ca;
	font-size: 0.8em;
}
#offer strong {
	background: transparent url(../images/bg_offer_strong.png) no-repeat 0 0;
	font-size: 2.5em;
	font-weight: normal;
	height: 97px;
	padding: 35px 0 0;
	position: absolute;
	right: -20px;
	text-align: center;
	top: -15px;
	width: 98px;
}
/* /branding elements
 *****************************************************/

/* navigation elements
 *****************************************************/
#navigation .inner {
	background: transparent url(../images/bg_navigation.png) no-repeat 0 0;
}
#navigation ul {
	background: transparent url(../images/bg_navigation.png) no-repeat -840px 100%;
	overflow: hidden;
	padding: 0 15px 3px;
	width: 810px;
}
#navigation li {
	background: transparent url(../images/sep_navigation.png) no-repeat 100% 0;
	float: left;
	padding: 0.75em 0.5em 0.65em;
}
#navigation li.first { padding: 0.75em 0.5em 0.65em 0; }
#navigation li a {
	background: transparent;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
}
#navigation li a:hover { color: #ebc59b; }
/* /navigation elements
 *****************************************************/

/* intro elements
 *****************************************************/
#intro .inner {
	background: transparent url(../images/bg_intro_inner.png) repeat-y 0 0;
	min-height: 130px;
	overflow: hidden;
	width: 100%;
}
#intro .column {
	float: left;
	padding: 15px;
	width: 250px;
}
#intro h2 {
	font-size: 1.4em;
	font-weight: normal;
	letter-spacing: 1px;
	padding: 0 0 0.45em;
	text-transform: uppercase;
}
#intro p {
	line-height: 1.3em;
}
#intro q {
	display: block;
	font-size: 1.3em;
	padding: 0.5em 0;
	text-align: center;
}
#intro cite {
	display: block;
	font-size: 0.9em;
	font-style: normal;
	font-weight: normal;
	padding: 0 2em 2px 0;
	text-align: right;
}
/* /intro elements
 *****************************************************/

/* mainContent elements
 *****************************************************/
#mainContent h2,
#subContent h2 {
	font-size: 1.4em;
	font-weight: normal;
	letter-spacing: 1px;
	margin: 0 0 0.3em;
	text-transform: uppercase;
}
#mainContent h3 {
	border-bottom: 1px solid #e8e8e8;
	color: #cf4024;
	margin: 1.5em 0 0.5em;
	padding: 0 0 0.2em;
	text-transform: uppercase;
}
#mainContent p,
#mainContent ul {
	line-height: 1.4em;
	margin: 0 0 1em;
}
#mainContent p.error {
	background: #ffe1cd;
	color: #cf5201;
	padding: 0.5em;
}
#mainContent p.success {
	background: #c4ecc2;
	color: #5b8469;
	padding: 0.5em;
}
#mainContent li {
	background: transparent url(../images/icon_plus.png) no-repeat -3px 3px;
	padding: 0 0 0.5em 23px;
}
#mainContent form ul {
	line-height: 1;
	margin: 0;
}
#mainContent form li {
	background: transparent;
	padding: 0;
}
#mainContent #works {
	margin: 0;
	overflow: hidden;
	padding: 0.45em 0 1.45em;
	width: 100%;
}
#works li {
	background: none;
	float: left;
	margin: 0 0 0 30px;
	padding: 0 0 25px;
	position: relative;
	width: 151px;
}
#works li.first { margin: 0; }
#works a {
	background: #fff;
	color: #5B8469;
}
#works a:hover {
	background: #fff;
	color: #000;
}
#works img { display: block; }
#works span {
	background: transparent url(../images/icon_fresh_and_hot.png) no-repeat 0 0;
	bottom: 0;
	display: block;
	height: 69px;
	position: absolute;
	right: -10px;
	text-indent: -1000em;
	width: 69px;
	z-index: 10;
}
#works h5 { padding: 0.3em 0 0.3em 0.3em; }
#works p {
	font-size: 0.8em;
	padding: 0 0 0 0.3em;
}
#mainContent form { padding: 1em 0 0; }
#mainContent form .item p { margin: 0 0 0 10em; }
#estimate, #wantIt {
	background: #5b8469 url(../images/bg_estimate.png) no-repeat 0 0;
	color: #fff;
	float: right;
	font-weight: bold;
	text-align: right;
	width: 181px;
}
#wantIt {
	float: none;
	font-size: 1.5em;
	font-weight: normal;
	margin: 0 auto;
	text-transform: uppercase;
}
#estimate div, #wantIt a {
	background: transparent url(../images/bg_estimate.png) no-repeat -181px 100%;
	padding: 1em;
}
#wantIt a {
	color: #fff;
	display: block;
	padding: 0.7em 1em;
	text-decoration: none;
}
#estimate span {
	display: block;
	font-size: 2.8em;
	font-weight: normal;
	margin: 0.2em 0 0;
}
#mainContent dl { line-height: 1.3em; }
#mainContent dt {
	background: transparent url(../images/icon_plus.png) no-repeat -3px 2px;
	font-weight: bold;
	padding: 0 0 0.2em 20px;
}
#mainContent dd {
	margin: 0 0 1em;
}
/* /mainContent elements
 *****************************************************/

/* subContent elements
 *****************************************************/
#subContent h2 { font-size: 1.3em; }
#subContent h3 {
	background: #fff url(../images/icon_plus.png) no-repeat 0 -198px;
	color: #cf4024;
	font-size: 1.1em;
	font-weight: normal;
	letter-spacing: 1px;
	padding: 6px 0 4px 30px;
	text-transform: uppercase;
}
#subContent p {
	margin: 0.3em 0 1em;
	line-height: 1.2em;
}
/* /subContent elements
 *****************************************************/

/* footer elements
 *****************************************************/
#footer img { display: block; }
#footer h1 {
	float: left;
	font-size: 1.4em;
	padding: 15px 0 15px 10px;
}
#footer h2 {
	float: right;
	font-size: 1.2em;
	padding: 30px 10px 0 0;
}
#footer p {
	border-top: 1px solid #555754;
	color: #696b69;
	clear: both;
	font-size: 1.2em;
	line-height: 1.2em;
	padding: 0.8em;
}
/* /footer elements
 *****************************************************/