/*========================================= Clear default style & Clearfix=========================================*/
*, html, body
{
    margin: 0;
    padding: 0;
}
img
{
    border: none;
}
a
{
    outline: none;
}
.clearfix:after
{
    clear: both;
    display: block;
    content: ".";
    height: 0;
    visibility: hidden;
}
* html > body .clearfix
{
    width: 100%;
    display: block;
}
* html .clearfix
{
    height: 1%;
}
/* Firefox Scrollbar Hack*/
html
{
    margin-bottom: 1px;
    height: 100% !important;
    height: auto;
}
/*========================================= Common elements=========================================*/
body
{
    background-image: url(images/strip.png);
    background-repeat: repeat-x;
    color: #ffffff;
    font-family: "Lucida Grande" ,Helvetica,Arial,Verdana,sans-serif;
    font-size: 13px;
    line-height: 130%;
    text-align: center;
}
a
{
    color: #ccff00;
    text-decoration: none;
}
a:hover
{
    color: #cccccc;
}
p
{
    margin: 10px 0;
}
h3
{
    font-size: 28px;
    margin-bottom: 20px;
    color: #906200;
}
h4
{
    font-size: 14px;
    font-weight: bold;
    color: #522b1c;
    margin: 15px 0;
    text-transform: uppercase;
}
#mainwrap
{
    width: 1011px;
    margin: 0 auto;
    text-align: left;
    padding-bottom: 20px;
}
#mainnav
{
    background: #2f1913;
    margin-top: 20px;
    width: 100%;
}
#mainnav ul li, #mainnav ul li a, #mainnav ul li span
{
    display: block;
    float: left;
}
#mainnav ul li
{
    list-style-type: none;
}
#mainnav ul li a span
{
    padding: 0 40px;
    color: #ffffff;
    line-height: 40px;
    font-size: 18px;
    border-left: solid 1px #3a211a;
    border-top: solid 1px #3a211a;
    border-right: solid 1px #1a0c08;
    cursor: pointer;
    outline: none;
}
#mainnav ul li a#active_menu span
{
    color: #ffa300;
    background: #522b1c url(images/mainnav_a.gif) center bottom no-repeat;
}
#mainnav ul li a:hover span
{
    color: #ffa300;
}
#banner
{
    background-image: url(images/background.jpg);
    background-repeat: no-repeat;
    height: 343px;
    position: relative;
}
#search
{
    width: 300px;
    height: 30px;
    top: 40px;
    position: absolute;
    left: 700px;
}
#header
{
    position: relative;
    width: 1011px;
    height: 65px;
    background-image: url(images/header.jpg);
    background-repeat: no-repeat;
}

#order-but a
{
    position: absolute;
    right: 0;
    bottom: 3px;
    display: block;
    width: 370px;
    height: 229px;
    background: url(images/banner_shape.jpg) left top no-repeat;
    text-indent: -5000%;
    outline: none;
}
#order-but a:hover
{
    bottom: 0;
}
#welcome-intro
{
    float: left;
    width: 507px;
    margin: 29px 49px 49px;
}
#welcome-intro h1
{
    color: #000000;
    font-size: 40px;
    margin: 20px 0;
}
#header h1 a
{
    display: block;
    overflow: hidden;
    width: 173px;
    height: 80px;
    text-indent: -500%;
    background: url(images/9xhtml.png) left top no-repeat;
}
#modulewrap
{
    background-image: url(images/module_strip.jpg);
    clear: both;
    padding-left: 45px;
    background-repeat:repeat-y;
    height:1%;
}
#modulewrap2
{
    background-image: url(images/module_strip.jpg);
    clear: both;
    padding-left: 45px;
    background-repeat:repeat-y;
    height:1%;
}
#modulewrapTop
{
    background-image: url(images/top_strip.jpg);
    background-repeat: no-repeat;
    height: 17px;
    clear: both;
}
#feature, #process, #design
{
    float: left;
    width: 33%;
    color: #fff;
}
#feature li
{
    margin-left: 20px;
}
#process
{
    border-left: solid 1px #5d2e00;
    border-right: solid 1px #5d2e00;
}
#modulewrap p, #modulewrap ul, #modulewrap h3
{
    margin: 0 20px 10px;
}
#sidewrap
{
    float:left;
}
#sidewrap p, #sidewrap ul, #sidewrap h3
{
    margin: 0 0 10px 0 !important;
}
#modulewrap h3
{
    font-size: 18px;
    font-family: "Lucida Grande" ,Helvetica,Arial,Verdana,sans-serif;
    color: #fff;
    margin-bottom: 8px;
}
#footer
{
    background-image: url(images/footer_strip.jpg);
    background-repeat: no-repeat;
    height: 38px;
    text-align: center;
    font-size: 12px;
    clear: both;
    padding-top: 5px;
}
#content
{
    background: #fffaed url(images/banner_bg.png) left top repeat-x;
    font-size: 14px;
    color: #1a0c08;
    padding: 40px;
}
div.order-section
{
    border: solid 2px #ffa300;
    padding: 20px;
    background: #fffaed url(images/banner_bg.png) left top repeat-x;
}
ul.form-element li
{
    margin: 0;
    list-style-type: none;
    float: left;
    width: 45%;
    margin-right: 20px;
    line-height: 200%;
}
input.inputform
{
    width: 95%;
    background: #fff;
    border: solid 1px #ccc;
    padding: 3px;
}
span.red
{
    color: red;
    margin-left: 15px;
}
img.client-img
{
    border: solid 1px #906200;
    padding: 10px;
    background: #fff;
}
#homeFlash
{
    padding: 5px 0pt 0pt 250px;
}

/* Categories, Tags, Archive */
ul.tagCloud {
    margin: 0;
    padding: 0;
    font-size: 9px;
}
ul.tagCloud a 
{
    color: #999999;
}
ul.tagCloud li {
    margin: 0;
    padding: 0;
    background: none;
    border-bottom: 0;
    padding: 0;
    display: inline;
    padding-right: 5px;
}
ul.tagCloud li a.s6:link, ul.tagCloud li a.s6:visited, ul.tagCloud li a.s6:hover, ul.tagCloud li a.s6:active {
    font-size: 9px;
}
ul.tagCloud li a.s5:link, ul.tagCloud li a.s5:visited, ul.tagCloud li a.s5:hover, ul.tagCloud li a.s5:active {
    font-size: 12px;
}
ul.tagCloud li a.s4:link, ul.tagCloud li a.s4:visited, ul.tagCloud li a.s4:hover, ul.tagCloud li a.s4:active {
    font-size: 16px;
}
ul.tagCloud li a.s3:link, ul.tagCloud li a.s3:visited, ul.tagCloud li a.s3:hover, ul.tagCloud li a.s3:active {
    font-size: 21px;
}
ul.tagCloud li a.s2:link, ul.tagCloud li a.s2:visited, ul.tagCloud li a.s2:hover, ul.tagCloud li a.s2:active {
    font-size: 29px;
}
ul.tagCloud li a.s1:link, ul.tagCloud li a.s1:visited, ul.tagCloud li a.s1:hover, ul.tagCloud li a.s1:active {
    font-size: 36px;
}

.sf_authorComment {
background-color:#bbbccc !important;
}