*
{
    padding: 0;
    margin: 0;
}

body
{
    font: 1em Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif;
    background: url(../images/background.jpg) no-repeat top center;
    text-align: center;
}


/* MISC ****************/

.clear
{
    display: block;
    clear: both;
}

.gohome
{
    display: block;
    width: 100%;
    height: 100%;
}

a img
{
    border: 0;
}

/* TEXT STYLES ******************/

p
{
    margin-bottom: 10px;
}

#content .phonenumber
{
    font-size: 1.6em;
    margin-bottom: 0px;
}

#sidebar p
{
    margin-top: 10px;
}

.quotemarkleft
{
    font-size: 5em;
    line-height: 0.8em;
    float: left;
    color: #ccc;
    height: 100%;
}

#footer p
{
    border-top: 1px solid #cf3;
    width: 90%;
    text-align: left;
    margin: 0 auto;
    padding-top: 5px;
    font-size: 0.8em;
}

.services p, .serviceslast p, .service1 p, .service2 p, .service3 p, .service4 p, .service5 p
{
    font-style: italic;
    font-size: 0.8em;
    text-align: center;
    margin-bottom: 5px;
    padding-top: 15px;
    font-weight: bold;
}

.pricebox p
{
    margin-left: 58px;
    padding-top: 15px;
    font-size: 0.9em;
}

#intpageservices .pricebox p, .pricebox1 p, .pricebox2 p, .pricebox3 p, .pricebox4 p, .pricebox5 p
{
    margin-left: 160px;
    padding-top: 13px;
}

h3, h4
{
    color: #333;
}

#features h3
{
    background: #fcfcb7;
    border: 2px solid #fff;
    padding: 8px;
}

#emailfeatures h4
{
    background: #d4e9eb;
    padding: 8px;
}

#softwarefeatures h4
{
    background: #e3eece;
    padding: 8px;
}

#extrafeatures h4
{
    background: #efd1f0;
    padding: 8px;
}

#logo h1
{
    display: none;
}

.services h2, .serviceslast h2, #intpageservices h2
{
    text-align: center;
    font-size: 1.2em;
    font-weight: normal;
    color: #333;
}

#introtext h2
{
    font-size: 1.4em;
    color: #333;
    margin-bottom: 10px;
}

#content h2
{
    font-size: 2.2em;
    color: #333;
    margin-bottom: 20px;
    font-weight: normal;
}

#content p
{
    line-height: 135%;
    font-size: 0.9em;
}

#content .firstpara
{
    line-height: 135%;
    color: #666;
    font-size: 1.1em;
}

#service1 p, .service1 p
{
    color: #006666;
}

#service2 p, .service2 p
{
    color: #336600;
}

#service3 p, .service3 p
{
    color: #797904;
}

#service4 p, .service4 p
{
    color: #fc9212;
}

.service5 p
{
    color: #fa4040;
}

.price
{
    font-size: 1.2em;
}

/* LIST STYLES ******************/

#content li
{
    margin-left: 20px;
    list-style: outside;
    font-size: 0.9em;
    margin-bottom: 2px;
}

#content ul
{
    margin-bottom: 8px;
}

li
{
    list-style: none;
}

#nav li
{
    display: inline;
    text-transform: uppercase;
    font-size: 1.15em;
    margin-right: 10px;
}

#intpageservices .service1, #intpageservices .service2, #intpageservices .service3, #intpageservices .service4, #intpageservices .service5
{
    margin: 20px auto 0px auto;
    color: #333;
    font-size: 0.9em;
    font-weight: normal;
    width: 100%;
    padding: 0 0px 40px 0px;
}

#intpageservices .service1 li, #intpageservices .service2 li, #intpageservices .service3 li, #intpageservices .service4 li, #intpageservices .service5 li
{
    padding: 5px 15px 5px 15px;
}

.services ul, .serviceslast ul
{
    margin: 140px auto 0px auto;
    padding-bottom: 30px;
    color: #333;
    font-size: 0.7em;
    font-weight: bold;
    width: 75%;
}

.service1 .odd
{
    background: #d8edef;
}

.service2 .odd
{
    background: #dafca4;
}

.service3 .odd
{
    background: #f5f5c3;
}

.service4 .odd
{
    background: #f6dfc4;
}

.service5 .odd
{
    background: #fdc7c7;
}

/* LAYOUT *********************/

.contact img
{
    float: left;
}

.contact p, .contact h3, .contact address
{
    padding-left: 50px;
}

.contact .firstpara
{
    padding: 0;
}

#background
{
    background: url(../images/body_bg.png) repeat-y top center;
    width: 998px;
    margin: 0 auto 0 auto;
}

#container
{
    width: 900px;
    padding: 10px 20px 20px 20px;
    margin: 30px auto 0 auto;
    text-align: left;
}

#header
{
    width: 100%;
}

#logo
{
    background: url(../images/logo.gif) no-repeat;
    height: 60px;
    width: 50%;
    float: left;
}

#login
{
    width: 50%;
    float: right;
    text-align: right;
}

#nav
{
    width: 98%;
    border-top: 1px solid #cf3;
    border-bottom: 1px solid #cf3;
    margin: 20px 0;
    background: #ffffcc;
    padding: 5px 10px 5px 10px;
}

#introtext
{
    text-align: justify;
    line-height: 130%;
}

#content
{
    float: left;
    width: 70%;
}

#sidebar
{
    float: right;
    width: 28%;
    padding-left: 15px;
    font-size: 0.9em;
    text-align: center;
}

#homepageservices, #intpageservices
{
    width: 100%;
    margin-bottom: 20px;
}

.services
{
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.servicewrapper
{
    width: 23.7%;
    margin-right: 15px;
    float: left;
}

.servicewrapperlast
{
    width: 23.7%;
    margin-right: 0px;
    float: left;
}

.pricebox
{
    margin-top: -27px;
    height: 48px;
    width: 90%;
    text-align: center;
}

#intpageservices .servicewrapper
{
    width: 32.2%;
    margin-right: 15px;
    float: left;
}

#intpageservices .servicewrapperlast
{
    width: 32.2%;
    margin-right: 0px;
    float: left;
}

#intpageservices #service1
{
    background: #e1f8fa;
}

.pricebox1
{
    margin-top: -27px;
    height: 48px;
    width: 90%;
    background: url(../images/box1_price.jpg) no-repeat right;
}

.pricebox2
{
    margin-top: -27px;
    height: 48px;
    width: 90%;
    background: url(../images/box2_price.jpg) no-repeat right;
}

.pricebox3
{
    margin-top: -27px;
    height: 48px;
    width: 90%;
    background: url(../images/box3_price.jpg) no-repeat right;
}

.pricebox4
{
    margin-top: -27px;
    height: 48px;
    width: 90%;
    background: url(../images/box4_price.jpg) no-repeat right;
}

.pricebox5
{
    margin-top: -27px;
    height: 48px;
    width: 90%;
    background: url(../images/box5_price.jpg) no-repeat right;
}

#price1
{
    background: url(../images/box1_price.jpg) no-repeat right;
}

#price2
{
    background: url(../images/box2_price.jpg) no-repeat right;
}

#price3
{
    background: url(../images/box3_price.jpg) no-repeat right;
}

#price4
{
    background: url(../images/box4_price.jpg) no-repeat right;
}

/* IDs to style individual homepage boxes */

.service1
{
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: #e1f8fa;
}

.service2
{
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: #ccfd7e;
}

.service3
{
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: #ffffcc;
}

.service4
{
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: #ffe8cc;
}

.service5
{
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: #fcd1d1;
}

#service1
{
    background: url(../images/service1bg.gif) no-repeat center #e1f8fa;
}

#service2
{
    background: url(../images/service2bg.gif) no-repeat center #ccfd7e;
}

#service3
{
    background: url(../images/service3bg.gif) no-repeat center #ffffcc;
}

#service4
{
    background: url(../images/service4bg.gif) no-repeat center #ffe8cc;
}

#features
{
    border: 5px solid #ffffcc;
}

#whatelse
{
    width: 100%;
}

.whatelsedetail
{
    width: 14%;
    margin-right: 40px;
    background: #ffffcc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    float: left;
    padding: 10px 10px 00px 10px;
    height: 120px;
    margin-top: 10px;
}

.whatelsedetaillast
{
    width: 14%;
    margin-right: 0px;
    background: #ffffcc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    float: left;
    padding: 10px 10px 00px 10px;
    height: 120px;
    margin-top: 10px;
}

.featuresdetail
{
    margin-right: 5px;
    background: #ffffcc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    float: left;
    padding: 5px;
    margin: 5px;
}

#emailfeatures
{
    background: #e1f8fa;
    border: 2px solid #fff;
    border-top: 1px solid #fff;
}

#softwarefeatures
{
    background: #ebf9d0;
    border: 2px solid #fff;
    border-top: 1px solid #fff;
}

#extrafeatures
{
    background: #feddff;
    border: 2px solid #fff;
    border-top: 1px solid #fff;
}

#footer
{
    width: 998px;
    background: url(../images/footer_bg.gif) no-repeat bottom;
    background-position: 1px -28px;
    height: 90px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5px;
}


.topleft
{
    float: left;
    background: url(../images/topleft.gif) no-repeat;
    height: 11px;
    width: 11px;
}
/* LINKS ********************/

a
{
    text-decoration: none;
    color: #333;
}

#nav a:hover
{
    color: #000;
    border-bottom: 1px dotted #000;
}

#introtext a
{
    border-bottom: 1px dotted #333;
}

#content p a
{
    font-weight: bold;
    border-bottom: 1px dotted #333;
}

.pricebox a, .pricebox1 a, .pricebox2 a, .pricebox3 a, .pricebox4 a, .pricebox5 a
{
    border-bottom: 1px dotted #ccc;
}

.pricebox a:hover, .pricebox1 a:hover, .pricebox2 a:hover, .pricebox3 a:hover, .pricebox4 a:hover, .pricebox5 a:hover
{
    border-bottom: 1px solid #333;
}

#whatelse a
{
    color: #9fae0a;
    font-size: 1.7em;
}

#features a
{
    font-size: 0.8em;
}

#features a:hover
{
    background: #d6dbb2;
}

#introtext a
{
    font-weight: bold;
}

/* INPUTS *******/

#content input[type=text]
{
    padding: 8px;
    font-size: 1.2em;
    width: 50%;
    border: 1px solid #ccc;
    -moz-border-radius: 6px;
    border-radius: 6px;
    height: 1.2em;
}

select
{
    font-size: 1.2em;
    padding: 4.5px;
}

.domains
{
    font-size: 1.2em;
}

#content input[type=submit]
{
    padding: 6px;
    font-size: 1.2em;
    width: 14%;
    border: 1px solid #ccc;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

#content input[type=submit]:hover
{
    background: #333;
    color: #fff;
}