* {
    font-family: Tahoma;
    font-size: 12px;
    line-height: 17px;
    letter-spacing: 0px;
    color: #000;
    border: 0px none;
}
a {
    text-decoration: none;
}
body {
    margin: 0px;
    padding: 0px;
}

 

/* Wrappers */
div.outer_wrapper {
    width: 100%;
    margin: 0px;
    position: relative;
    text-align: center;               
}

div.inner_wrapper {
    position: relative;
    margin: auto;
    text-align: left;
    width: 954px;
}

/* Wrapper Styles */
div.header {
    background-image: url(/images/header/background.png);
    height: 250px;
}   
ul.menu a {
    font-size: 20px;
    color: #009933;
    position: relative;
    top: -10px;
    font-weight: bold;
    text-decoration: none;
    padding-left: 40px;
    padding-right: -40px;
    left: -45px;
    padding-top: 10px;
    padding-bottom: 10px;
    _top: 8px;
    letter-spacing: -1px;
}
/*Visible to only Opera*/
 @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
 {
 head~body ul.menu a {
        top: 8px;
    }
 head~body div.header strong {
        position: relative;
        top: 6px;
    }
}
ul.menu a:hover {
    color: #CC6600;
}
div.header strong {
    font-size: 50px;
    color: #CC6600;
    line-height: 52px;
    font-weight: normal;
    _position: relative;
    _top: 6px;
}
div.header em {
    font-size: 20px;
    color: #009933;
    line-height: 32px;
}

div.inner_header {
    text-align: center;
}
#bar {
    position: relative;
    margin: auto;
    width: 700px;
    padding-top: 36px;
}
#logo {
    float: left;
    width: 166px;
    padding: 0px;
    margin: 0px;
    margin-top: -2px;
}
#menu {
    float: left;
    width: 534px;
    margin: 0px;
    padding: 0px;
    text-align: center;
}

/* Menu */
ul.menu {
    margin: 0px;
    text-align: center;
    padding: 0px;
    width: auto;
}
ul.menu li {
    float: left;
    margin-left: 10px;
    height: 36px;
}

ul.menu li.contact {
    list-style-image: url(/images/header/contact_green.png);
    margin-left: 20px;
}
ul.menu li.contact:hover {
    list-style-image: url(/images/header/contact_orange.png);
    cursor: pointer;
}

ul.menu li.blog {
    list-style-image: url(/images/header/blog_green.png);
    margin-left: 20px;
}
ul.menu li.blog:hover {
    list-style-image: url(/images/header/blog_orange.png);
    cursor: pointer;
}

ul.menu li.home {
    list-style-image: url(/images/header/home_green.png);
    margin-left: 140px;
    _margin-left: 60px;
}
ul.menu li.home:hover {
    list-style-image: url(/images/header/home_orange.png);
    cursor: pointer;
}

ul.menu li.portfolio {
    list-style-image: url(/images/header/portfolio_green.png);
    margin-left: 40px;
    _margin-left: 20px;
}
ul.menu li.portfolio:hover {
    list-style-image: url(/images/header/portfolio_orange.png);
    cursor: pointer;
}

ul.menu li.design {
    list-style-image: url(/images/header/design_green.png);
    margin-left: 10px;
}
ul.menu li.design:hover {
    list-style-image: url(/images/header/design_orange.png);
    cursor: pointer;
}

ul.menu li.development {
    list-style-image: url(/images/header/development_green.png);
    margin-left: 10px;
    margin-right: -30px;
}
ul.menu li.development:hover {
    list-style-image: url(/images/header/development_orange.png);
    cursor: pointer;
}

ul.menu li.hosting {
    list-style-image: url(/images/header/hosting_green.png);
    margin-left: 40px;
    margin-right: -40px;
}
ul.menu li.hosting:hover {
    list-style-image: url(/images/header/hosting_orange.png);
    cursor: pointer;
}

/* Main Page */
#content_box {
    position: relative;
    margin-left: 30px;
    width: 846px;
    background-image: url(/images/content/side_repeat.png);
    
    background-repeat: repeat-y;
}
b.content_top {
    position: absolute;
    top: 0px;
    left: 0px;
    background-image: url(/images/content/top.png);
    height: 128px;
    width: 846px;
}
b.content_bottom {
    position: absolute;
    bottom: 0px;
    left: 0px;
    background-image: url(/images/content/bottom.png);
    height: 135px;
    width: 846px;
}

#sidebar {
    position: relative;
    float: left;
    margin: 0px;
    width: 260px;
}
#content {
    position: relative;
    float: left;
    width: 560px;
    font-size: 12px;
    line-height: 16px;
    margin-top: 10px;
    letter-spacing: 0px;
}

/* Content Styles */
#content h1 {
    display: block;
    margin: 0px;
    font-size: 38px;
    line-height: 46px;
    letter-spacing: -2px;
    border-bottom: 1px solid #E1E1E1;
    padding-bottom: 5px;
    margin-bottom: 5px;
    font-weight: normal;
}
#content a {
    text-decoration: underline;
    color: #009933;
}

/* CMS Solutions */
span.cms {
    display: block;
    position: relative;
    height: 306px;
    width: 262px;
    background-image: url(/images/content/cms.png);
    background-repeat: no-repeat;
    margin-left: -16px;
    margin-top: 16px;
}
span.cms span {
    position: absolute;
    top: 110px;
    left: 120px;
    font-size: 15px;
    line-height: 17px;
    letter-spacing: 0px;
}

/* Portfolio Side Box */
div#portfolio_bar {
    height: 440px;
    width: 258px;
    display: block;
    position: relative;
    background-image: url(/images/content/portfolio_side.png);
    background-repeat: no-repeat;
    margin-left: -16px;
    margin-top: 16px;
    z-index: 100;
    _position: none;
    behavior: url(/iepngfix.htc);
}
div#portfolio_bar div {
    position: relative;
    padding-top: 20px;
    padding-left: 10px;
    width: 240px;
    text-align: center;
}

/* Big Portfolio Box */
div.portfolio_box {
    position: relative;
    height: 438px;
    width: 644px;
    margin-left: -79px;
    background-image: url(/images/content/portfolio_box.png);
    background-repeat: no-repeat;
    z-index: 10;
    _position: none;
    behavior: url(/iepngfix.htc);
}
div.portfolio_holder {
    position: absolute;
    left: 120px;
    _left: 40px;
    top:40px;
    _top:165px;
}
div.portfolio_holder .portfolio_image {
    float: left;
    position: relative;
    width: 250px;
}
div.portfolio_holder .portfolio_text {
    font-size: 12px;
    line-height: 18px;
    float: left;
    letter-spacing: 0px;
    width: 236px;
    
}
div.portfolio_holder .portfolio_text h2.portfolio {
    font-size: 30px;
    line-height: 36px;
    margin: 0px;
    padding: 0px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    font-weight: normal;
    border-bottom: 1px solid #E1E1E1;
}
div.portfolio_holder .portfolio_links {
    background-image: url(/images/content/portfolio_links_box.png);
    height: 93px;
    width: 220px;
    text-align: center;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0px;
    right: 20px;
    padding-top: 10px;
    font-size: 15px;
    line-height: 20px;
}
div.portfolio_holder .portfolio_links a {
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0px;
    color: #003366;
    text-decoration: none;
}

/* Contact Box */
span.contact_box {
    display: block;
    position: relative;
    height: 257px;
    width: 258px;
    background-image: url(/images/content/contactbox.png);
    background-repeat: no-repeat;
    margin-left: -12px;  
    behavior: url(/iepngfix.htc); 
}
span.contact_box strong {
    font-size: 30px;
    line-height: 36px;
    font-weight: normal;
}
span.contact_box span {
    position: absolute;
    top: 20px;
    left: 30px;
    font-size: 15px;
    line-height: 17px;
    width: 208px;
    letter-spacing: 0px;
}

/* Plain Box */

span.plain_box {
    display: block;
    position: relative;
    height: 257px;
    width: 258px;
    background-image: url(/images/content/plain_side_box.png);
    background-repeat: no-repeat;
    margin-left: -12px;   
    behavior: url(/iepngfix.htc);
}
span.plain_box strong {
    font-size: 30px;
    line-height: 36px;
    font-weight: normal;
}
span.plain_box span {
    position: absolute;
    top: 20px;
    left: 30px;
    font-size: 15px;
    line-height: 17px;
    width: 208px;
    letter-spacing: 0px;
}


/* Steps */
div.step {
    position: relative;
    height: 123px;
    width: 573px;
    margin-bottom: 5px;
}
div.step strong {
    font-size: 60px;
    color: #fff;
    position: absolute;
    top: 50px;
    left: 10px;
    font-weight: normal;
    _line-height: 60px!important;
    _top: 30px;
}
div.step strong b.black {
    color: #000;
    font-weight: normal;
    font-size: 60px;
    _line-height: 60px;
}
div.step span.bullets {
    font-size: 20px;
    line-height: 24px;
    position: absolute;
    top: 25px;
    left: 195px;
}
div.step1 {
    background-image: url(/images/content/step1.png);
}
div.step2 {
    background-image: url(/images/content/step2.png);
}
div.step3 {
    background-image: url(/images/content/step3.png);
}

div.call {
    background-image: url(/images/content/call.png);
}

div.email {
    height: 362px;
    background-image: url(/images/content/email.png);
}
div.email strong {
    top: 160px;
}

div.call b.num {
    font-size: 30px;
    padding-left: 30px;
    color: #000;
    font-weight: normal;
    position: absolute;
    top: 55px;
    left: 125px;
    _line-height: 30px;
    _top: 47px;
}
span.email_form_labels {
    font-size: 20px;
    line-height: 31px;
    position: absolute;
    top: 27px;
    left: 150px;
    text-align: right;
}
#email_form {
    font-size: 20px;
    line-height: 32px;
    position: absolute;
    top: 24px;
    _top: 15px;
    left: 280px;
    text-align: left;        
}
#email_form input.text {
    border: 0px none;
    margin: 0px;
    width: 250px;
    _margin-top: 15px;
}
#email_form textarea {
    border: 0px none;
    margin-top: 15px;
    width: 250px;
    height: 130px;
}
#email_form input.submit {
    height: 27px;
    width: 101px;
    display: block;
    cursor: pointer;
    background-image: url(/images/content/contact_submit.png);
    position: absolute;
    bottom: -38px;
    _bottom: -30px;
    right: -15px;
}

/* Blog */
div.post {
    letter-spacing: 0px;
    padding-bottom: 35px;
    font-size: 12px;
    line-height: 16px;
    position: relative;
}
div.post h2 {
    display: block;
    margin: 0px;
    padding:0px;
    padding-left: 50px;
    margin-top: 10px;
    margin-bottom: 3px;
    background-image: url(/images/content/blog_post.png);
    background-repeat: no-repeat;
}
div.post h2, div.post h2 a {
    font-size: 20px;
    font-weight: normal;
    line-height: 26px;
    color: #000!important;
    text-decoration: none!important;
}
div.post h2 a:hover {
    color: #0099CC;
}

div.post a.read_more {
    font-size: 10px;
    text-decoration: none;
}
div.post div.information {
    position: absolute;
    right: 0px;
    bottom: 0px;
    font-size: 9px;
    letter-spacing: 0px;
    text-align: right;
}
div.post div.information a {
    text-decoration: none;
}

span.posted_time {
    display: block;
    margin-bottom: 5px;
    font-size: 10px;
    letter-spacing: 0px;
}
span.post_tags {
    font-size: 10px;
}
span.post_tags a {
    font-decoration: none;
}

#add_comment {
    padding: 10px;
    
}
#add_comment b {
    font-size: 18px;
}
#add_comment label {
    display: block;
    position: relative;
    float: left;
    width: 150px;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0px;
}
#add_comment input.text {
    padding: 5px;
    border: 1px solid #ccc;
    width: 300px;

}
#add_comment textarea {
    padding: 5px;
    border: 1px solid #ccc;
    width: 300px;
    height: 100px;
    float: left;

}
#add_comment input.submit {
    background-color: #fff;
    border: 1px solid #ccc;
    width: 312px;
    padding: 5px;
    margin-left: 150px;
    cursor: pointer;
    color: #000;
    font-weight: bold;
}

#post_comments strong {
    font-size: 18px;
}
#post_comments b {
    color: #999;
}

b.divider {
    display: block;
    width: 100%;
    padding: 3px;
    border-bottom: 1px solid #000;
    line-height: 20px;
}
b.g {
    border-bottom: 1px solid #ccc;
    width: 80%;
}


/* Footer */
div.footer {
    height:299px;
    width: 935px;
    background-image: url(/images/footer/hands.png);
    background-repeat: no-repeat;
}

#footer_text h4 {
    font-size: 15px;
    margin: 0px;
    line-height: 17px;
    font-weight: bold;
    position: absolute;
    top: 40px;
    left: 150px;
    width: 640px;
}

#footer_text .navigate, #footer_text .footer_contact, #footer_text .general {
    position: absolute;
    top: 90px;
    left: 150px;
    font-size: 10px;
    line-height: 14px;
    width: 100px;
    letter-spacing: 0px;
}
#footer_text br {
    line-height: 14px;
}
#footer_text .footer_contact {
    left: 300px;
    width: 100px;
}
#footer_text .general {
    left: 450px;
    width: 300px;
}
#footer_text b {
    font-size: 15px;
    line-height: 17px;
}
#footer_text a {
    color: #000;
    text-decoration: none;
    font-size: 10px;
    line-height: 14px;
    letter-spacing: 0px;
}
#footer_text ul {
    margin: 0px;
    padding: 0px;
    list-style: square;
    color: #333;
}

#junkbox {
    height: 1px;
    width: 1px;
    overflow: hidden;
}
span.dpd {
    color: #CC6600;
}