/* @group Basic */
* {font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;font-size: 13px;line-height: 1.5;margin: 0;padding: 0;}
body {background-color: #000;color: #FFF;}
#wrapper {margin: 20px auto;width: 980px;}
/* @end */

/* @group Header */
#header {height: 50px;}
#header h1 {float: left;height: 50px;overflow: hidden;position: relative;width: 345px;}
#header h1 span {background: url(../img/logo.jpg) no-repeat;height: 100%;position: absolute;left: 0;width: 100%;top: 0;}
#header ul#nav {float: right;list-style: none;}
#header ul#nav li {float: left;}
#header ul#nav li a {height: 26px;float: left;margin: 0 5px;padding: 1px 0 0 6px;text-decoration: none;}
#header ul#nav li a:hover,
#header ul#nav li a.current {background: url(../img/nav_bg.jpg) no-repeat 0 0;color:#e47226;text-decoration: none;}
#header ul#nav li a:hover {color:#FFF;}
#header ul#nav li a span {cursor: pointer;height: 22px;float: left;	padding: 3px 6px 0 0;}
#header ul#nav li a:hover span,
#header ul#nav li a.current span {background: #1B1D22 url(../img/nav_bg.jpg) no-repeat right bottom;}
/* @end */

/* @group Body */
#body {clear: both;}
#body h2.intro {height: 44px;margin: 20px auto 0 auto;overflow: hidden;position: relative;width: 837px;}
#body h2.intro span {background: url(../img/intro_text.jpg) no-repeat left bottom;height: 100%;position: absolute;left: 0;top: 0;width: 100%;}
#body img.threesteps {display: block;margin: 20px auto 0 auto;}
#page #body h2 {font-size: 22px;font-weight: normal;padding: 20px 0 0 0;}
#body div.boxes {margin-bottom: 25px;}
#body div.box {height: 113px;padding: 15px 0 0 0;position: relative;width: 391px;}
#body div.box h2 a {font-size: 17px;font-weight: normal;text-align: left;}
#body div.box p a {bottom: 20px;position: absolute;right: 0;}
#body div.xhtml {background: url(../img/xhtml_box_bg.jpg) no-repeat;float: left;}
#body div.wordpress {background: url(../img/wordpress_box_bg.jpg) no-repeat;float: left;margin: 0 0 0 10px;}
#body div.xhtml img,
#body div.wordpress img {float: left;margin: 0 10px;}
#body div.xhtml p,
#body div.wordpress p {padding: 0 30px;}
#body div.xhtml a,
#body div.wordpress a {display: block;padding: 0 30px;text-align: right;}

#body a.letsstart {float: left;height: 128px;margin: 0 0 0 10px;position: relative;overflow: hidden;width: 165px;}
#body a.letsstart span {background: url(../img/letsstart_box_bg.jpg) no-repeat 0 0;cursor: pointer;height: 100%;position: absolute;left: 0;top: 0;width: 100%;}
#body a.letsstart:hover span {background-position: 0 -128px;}

#body a.ordernow {display: block;height: 75px;margin: 0 auto;position: relative;overflow: hidden;width: 246px;}
#body a.ordernow span {	background: url(../img/order_now_button.jpg) no-repeat 0 0;cursor: pointer;height: 100%;position: absolute;left: 0;top: 0;width: 100%;}
#body a.ordernow:hover span {background-position: 0 -75px;}

#body #features_top {background: url(../img/features_top.jpg) no-repeat;clear: both;height: 16px;width: 970px;}
#body #features {background: #18191E url(../img/features_bg.jpg) repeat-x;clear: both;min-height: 310px;padding: 20px 30px 0 30px;position: relative;width: 910px;}
#body #features .features_tag {background: url(../img/features_tag.png) no-repeat;height: 116px;position: absolute;left: 0;top: -15px;width: 169px;}
#body #features div.feature_box {float: left;padding: 10px 2px 10px 52px;width: 380px;}
#body #features div.feature_box h2 {font-size: 14px;}
#body #features div.feature_box p {color: #DCDADA;font-size: 11px;margin: 0;padding: 0 0 0 102px;}
#body #features div.feature_box .last {margin: 0 0 0 220px;width: 100%;}
#body #features div.feature_box img {float: left;margin: 0 20px;}
#body #features_bottom {background: url(../img/features_bottom.jpg) no-repeat;clear: both;height: 16px;width: 970px;}

#footer p {clear: both;color: #585858;padding: 10px;text-align: right;}
#footer a {color:#585858;text-decoration:none;}

#body h3 {color: #69b5e6;font-size: 18px;font-weight: normal;}
#body p {margin: 0 0 20px 0;}
#body div.faq {padding: 0 0 0 220px;}
#body img.left {float: left;padding: 5px;}
#body img.right {float: right;padding: 5px;}
#page #body div.services {border: 1px solid #1B1D22;clear: both;margin: 20px auto;padding: 20px;width: 90%;}

#body ul {list-style: none;}

#body form fieldset {border: 1px solid #1B1D22;margin: 20px 0;padding: 20px;}
#body form fieldset h3 {color: #FFF;font-size: 15px;margin-bottom: 20px;font-weight: normal;}
#page #body form fieldset div.box h2 {padding: 0;}
#body form fieldset div.service {float: left;width: 391px;padding: 0 39px;}
#body form fieldset div.wordpress {margin: 0;}
#body form fieldset p {margin: 0;}
#body form fieldset p.file {margin: 0 auto;text-align: center;width: 550px;}
#body form fieldset label {display: block;font-size: 14px;float: left;margin: 0 0 15px 0;width: 200px;}
#body form fieldset span label {width: 391px;}

#body form fieldset input,
#body form fieldset textarea {margin: 0 10px 15px 0;}
#body form fieldset input.radio {float: left;margin: 0 20px 0 35px;}
#body form fieldset div.input {clear: both;}
#body form fieldset p span {color: #1B1D22;font-size: 12px;}
#body form fieldset.contact_details p,
#body form fieldset .submit {clear: both;}
#body form fieldset.contact_details input#submit {margin-left: 200px;}
/* @end */

/* @group Notifications */
#body form fieldset .form-error {border: 2px solid #FF0000;float: left;}
#body div.error-message {color: #FF0000;}
#body span div.error-message {margin: 0 0 5px 35px;}
#body div.flash_good {background: #61AD34;border: 1px solid #8CB339;color: #FFF;margin: 0 auto;padding: 10px;width: 50%;text-align: center;}
#body div.flash_bad {background: #9F111B;border: 1px solid #B11623;color: #FFF;margin: 0 auto;padding: 10px;width: 50%;text-align: center;}
/* @end */

/* @group Hyperlinks */
a {color: #FFF;outline-style: none;}
a:link {text-decoration: underline;}
a:visited {text-decoration: underline;}
a:hover {text-decoration: none;}
a:active {text-decoration: underline;}
/* @end */

/* slightly enhanced, universal clearfix hack */
#features:after,
div.boxes:after,
div.services:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
#features,
div.boxes,
div.services {display: inline-block;}
/* start commented backslash hack \*/
* html #features,
* html div.boxes,
* html div.services {height: 1%;}
#features,
div.boxes,
div.services {display: block;}
/* stop commented backslash hack */