/* Markup by RevCoders */
/* http://www.revcoders.com */

/* -------------------------------------------
	Defaults
--------------------------------------------- */
@charset "utf-8";
a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,
code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4,
h5, h6, hr, html, i, img, ins, kbd, label, legend, li, map, object, ol, p, param, pre,
q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead,
tr, tt, ul, var {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
a, a:visited {
}
a:hover {
}
#header p {
	clear: both;
	color: #FFF;
	float: right;
	font: italic bold 1.2em/1.5em Arial;
	margin: 40px 0 0;
	padding: 0 25px;
	width: 520px;
}
blockquote p {
	background: url(../images/quote-right.png) no-repeat 220px bottom;
}
body {
	background: url(../images/bg.jpg) repeat-x;
	font: 76%/150% Arial;
	}
cite {
	background: #A0420C;
	display: inline;
	float: right;
	font: normal bold 0.79em Arial;
	margin: -10px 100px 0 0;
	padding: 3px 10px;
}
cite a {
	color: #FFF;
	font-weight: normal;
}
html {
	background: url(../images/footer.png) repeat-x left bottom;
	min-height: 100%;
}
h1 {
	color: #630;
	font: bold 1.81em/125% Arial;
}
h2 {
	border-bottom: 1px dotted #999;
	color: #202D38;
	font: bold 1.48em/125% Arial;
	margin: 0 0 10px;
}
h3 {
	color: #202d38;
	font-size: 1em;
	margin: 0 0 2px;
}
img {
	border: 0;
	vertical-align: bottom;
}
fieldset {
	border: 0;
}
p {
	margin: 0 0 1em;
}
ul {
	margin: 0 0 1em 18px;
}
ol {
	margin: 0 0 1em 20px;
}

/* -------------------------------------------
	Containers
--------------------------------------------- */
#skip {
	height: 0px;
	margin: 0;
	overflow: hidden;
	width: 0px;
}
#page {
	background: url(../images/grass.png) no-repeat 0 126px;
	margin: 0 auto;
	overflow: hidden;
	padding: 38px 0 0;
	position: relative;
	width: 775px;
}
* html #page {
	background: url(../images/grass-ie.png) no-repeat 0 124px;
}

/* -------------------------------------------
	Header
--------------------------------------------- */
#header {
	height: 300px;
}
#menu {
	float: right;
	font: bold 1.15em Arial;
	list-style: none;
	margin: 15px 0 0 175px;
}
#menu li {
	float: left;
}
#menu li a {
	background: url(../images/menu.png) no-repeat 0 -32px;
	color: #FFF;
	display: block;
	float: left;
	text-decoration: none;
}
#menu li a span {
	background: url(../images/menu.png) no-repeat;
	display: block;
	padding: 10px 25px 0;
}
#menu li a:hover {
	background: url(../images/menu.png) no-repeat 0 -96px;
	text-decoration: underline;
}
#menu li a:hover span {
	background: url(../images/menu.png) no-repeat 0 -64px;
}
#buttons {
	background: #BD5A16;
	list-style: none;
	margin: 0;
	position: absolute;
	right: 0;
	top: 247px;
	width: 320px;
}
#buttons li {
	display: block;
	float: left;
}
#buttons a {
	color: #FFF;
	display: block;
	float: left;
	height: 53px;
	line-height: 4.1em;
	position: relative;
	text-align: center;
	width: 160px;
}
#buttons li span {
	cursor: pointer;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
#buttons li#learn span {
	background: url(../images/buttons.png) no-repeat;
}
#buttons li#learn a:hover span {
	background-position: 0 -53px;
}
#buttons li#order span {
	background: url(../images/buttons.png) no-repeat -161px -53px;
}
#buttons li#order a:hover span {
	background-position: -161px 0;
}

/* -------------------------------------------
	Content
--------------------------------------------- */
#content {
	float: left;
	overflow: hidden;
	padding: 0px 0 0;
	width: 521px;
}
#content h1#steps {
	height: 172px;
	line-height: 150%;
	position: relative;
	text-align: center;
	width: 521px;
}
#content h1#steps span {
	background: url(../images/steps.jpg) no-repeat;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
#content .i h2, #sidebar h2 {
	background: url(../images/i.png) no-repeat left center;
}
#content .box h2, #sidebar h2 {
	padding: 9px 0 9px 45px;
}
#content .box {
	float: left;
	margin: 25px 0 0;
	text-align: justify;
	width: 240px;
}
#content .recent h2 {
	background: url(../images/star.png) no-repeat left center;
}
#content .recent a img {
	border: 2px solid #CCC;
}
#content .recent a:hover img {
	border: 2px solid #666;
}
#content .recent strong {
	float: left;
}
#content .recent span {
	float: right;
}
#content .recent a#portfolio {
	clear: both;
	display: block;
	height: 32px;
	margin: 30px 0 0 40px;
	position: relative;
	width: 153px;
}
#content .recent a#portfolio span {
	background: url(../images/view-portfolio.png) no-repeat;
	cursor: pointer;
	height: 100%;
	position: absolute;
	width: 100%;
}
#content .i {
	margin: 25px 40px 0 0;
}

/* -------------------------------------------
	Subpage
--------------------------------------------- */
#subpage h1 {
	color: #630;
	font: bold 1.81em/125% Arial;
}
#subpage #content h2 {
	padding: 0 0 2px;
}
#subpage #content h3 {
	color: #390;
}


/* -------------------------------------------
	Sidebar
--------------------------------------------- */
#sidebar {
	float: right;
	line-height: 125%;
	overflow: hidden;
	width: 220px;
}
#sidebar ul#why {
	background: url(../images/icons.png) no-repeat 0 4px;
	color: #5f6972;
	list-style: none;
	margin: 0;
	padding: 0 0 20px 55px;
}
#sidebar ul#why li {
	margin: 0 0 8px;
}
/*--------------------------------------
order
---------------------------------------*/
#order #content fieldset {font-size:1em}
#order #content fieldset.details input {background:#FFF;border:1px solid #CCC;font-size:12px;padding:4px;width:250px}
#order #content fieldset.details label {display:block;float:left;font-weight:bold;width:135px}
#order #content fieldset.options {padding:0 10px 10px}
#order #content fieldset.options h3 {margin:15px 0 0}
#order #content fieldset.options input {clear:both;float:left}
#order #content fieldset.options label {float:left}
#order #content fieldset.options strong {color:#090;float:right}
#order #content p em {font-style:normal;font-weight:bold;color:#F00}
#order #content select {border:1px solid #CCC;font-size:12px;padding:4px;width:260px}
#order #content select option {margin:0 0 3px;font-size:14px}
#order #content p strong {color:#F00;font-weight:bold;margin:0 0 1em 135px}
#order #content fieldset span {border:1px dotted #999;border-width:0 0 1px;color:#4E657A;display:block;padding:0 0 2px;overflow:hidden;width:100%}
#order #content textarea {height:150px;overflow:auto;width:100%}
#order #options-info h3{color:#000;padding-bottom:8px}

/*floatbox*/
#sidebar #floatbox {margin:10px 0 0 0; list-style:none}
#sidebar #floatbox span{background:none;border:1px dotted #9C9;border-width:0 0 1px;color:#4E657A;display:inline;font-style:normal;padding:0;overflow:hidden;text-indent:0;font-weight:normal}
#sidebar #floatbox li{padding-left:10px;font-weight:bold}
#sidebar #floatbox li.orderbase{padding-left:0px;}
#sidebar #floatbox li.sum{color:#0033CC}


/* -------------------------------------------
	Portfolio
--------------------------------------------- */
#portfolio #content ul {
	list-style:none;
	overflow:hidden;
	padding:10px 0;
	width:100%;
}
#portfolio #content ul li {
	display:inline;
	float:left;
	margin:0 45px 20px 15px;
}
#portfolio #content ul li a {
	color:#4E657A;
	text-decoration:none;
}
#portfolio #content ul li a img {
	border:2px solid #D5D5D5;
	display:block;
}
#portfolio #content ul li a:hover {
	color:#333;
	text-decoration:underline;
}
#portfolio #content ul li a:hover img {
	border:2px solid #697F93;
}

/* -------------------------------------------
	Contact
--------------------------------------------- */
#contact #content dl {
	margin:0 0 2em;
}
#contact #content dt {
	float:left;
	font-weight:bold;
	margin:0 0 5px;
	width:5em;
}
#contact #content dd {
	margin:0 0 5px;
}
#contact #content form {
	background:#EEE;
	border:1px solid #CCC;
	width:31em;
}
#contact #content fieldset {
	border:1px solid #FFF;
	padding:15px;
}
#contact #content label {
	clear:both;
	display:block;
	float:left;
	width:5em;
}
#contact #content input, #contact #content textarea {
	clear:both;
	float:left;
	font:1em Arial;
	margin:-1.5em 0 5px 5em;
	overflow:auto;
}
#contact #content textarea {
	height:100px;
	width:23em;
}
#contact #content fieldset p {
	clear:both;
	font-size:1em;
}
#contact #content fieldset em {
	clear:both;
	float:left;
	margin:-2.1em 0 .5em 18em;
}
#contact #content input#send {
	background:#06C;
	border:1px solid #039;
	color:#FFF;
	font:bold 1em Arial;
	margin:5px 0 0 5em;
	padding:3px 5px;
}
#contact #content input#send:hover {
	background:#09F;
	border:1px solid #06C;
}

/* -------------------------------------------
	Footer
--------------------------------------------- */
#footer {
	background: url(../images/footer-grass.png) no-repeat right bottom;
	float: left;
	margin: 50px 0 0;
	padding: 0 0 23px;
	width: 100%;
}
#footer ul {
	float: left;
	list-style: none;
	margin: 0;
}
#footer ul li {
	display: inline;
}
#footer ul li a {
	color: #FFF;
	font: bold 1.15em Arial;
	margin: 0 10px;
	text-decoration: none;
}
#footer ul li a:hover {
	text-decoration: underline;
}
#footer em {
	color: #97601A;
	float: right;
	font: normal 0.9em Arial;
	margin:0;
}
#footer em a {
	color:#97601A;
}