style.css

/* === General Structure === */
body,td,th {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #444;
}
body {
    background:url(Images/bg.jpg) repeat;
    margin:30px 0 0 0;
    text-align:center;
}
p{
    line-height:20px;
}
a:link {
    color: #0a47b0;
}
a:visited {
    color: #0a47b0;
}
a:hover {
    color: #c32547;
}
a:active {
    color: #0a47b0;
}
.clear{
    clear:both;
}
h2 a, h3 a, h4 a, h5 a{
    text-decoration:none;
}
h5{
    font-size:14px;
    font-weight:normal;
    margin:0;
}
img{
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}
table td img{
    -moz-border-radius:0;
    -webkit-border-radius:0;
}
img.left{
    float:left;
    margin:15px 15px 15px 0;
    border:1px solid #ededed;
    background:#fff;
    padding:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}
img.right{
    float:right;
    margin:15px 0 15px 15px;
    border:1px solid #ededed;
    background:#fff;
    padding:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}
img.styled{
    border:1px solid #ededed;
    background:#fff;
    padding:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}
#wrapper{
    width:990px;
    text-align:left;
    background:white;
    -moz-box-shadow: 0 0 5px 5px #6E4122;
    -webkit-box-shadow: 0 0 5px 5px #6E4122;
    box-shadow: 0 0 5px 5px #6E4122;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
}
.padtop{
    padding-top:30px;
}
blockquote{
    font-size:16px;
    font-style:italic;
    line-height:20px;
    text-shadow:1px solid white;
    background:#eaeaea;
    padding:15px;
    -moz-border-radius:5px;
    border:1px solid #bdbdbd;
    -webkit-border-radius:5px
}
/* === Logo === */
#logo{
    float:left;
    padding:15px 0 0 30px;
    position:relative;
    z-index:888;
}
#logo h1{
    background:url(Images/logo.png) top left no-repeat;
    height:37px;
    width:205px;
    margin:0;;
    overflow:hidden;
}
#logo h1 a{
    display:block;
    padding-left:205px;
}
/* === Main Navigation === */
#nav{
    background:url(Images/navbg.jpg) repeat-x top;
    height:68px;
    position:relative;
    width:100%;
}
#nav .left{
    background:url(Images/nav-left.jpg) top left no-repeat;
    width:100%;
    height:68px;
}
#nav .right{
    background:url(Images/nav-right.jpg) top right no-repeat;
    width:100%;
    height:68px;
}
#menu{
    text-align:right;
}
#menu ul{
    width:900px;
    position:absolute;
    top:12px;
    right:30px;
}
#menu ul li {
display:inline;
margin-left:2px;
margin-right:10px;
padding-top:13px;
padding-bottom:13px;
height:12px;
}
#menu ul li a {
text-decoration:none;
font-weight:normal;
text-shadow:1px 1px #fff;
padding-top:13px;
padding-bottom:13px;
height:13px;
font-size:16px;
}
#menu .left {background:url(Images/navbutton-left.jpg) top left no-repeat;padding:8px 7px 20px 0px}
#menu .right {color:#222;background: url(Images/navbutton-right.jpg) top right no-repeat;padding:8px 10px 20px 0px}
.active span.navspan {background-image:url(Images/navbutton-hover.jpg) !important;color:#000}
#menu ul li a:hover {color:#000} /* MSIE fix */
#menu ul li a:hover span.navspan {background-image:url(Images/navbutton-hover.jpg) !important; color:#000}

/* === Dropdown Nav === */
#menu ul ul {
position:absolute;
display:none;
top:40px;
left:0;
z-index:999;
background: url(Images/top-ulul.jpg) top repeat-x #fff;
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
padding:13px 5px 5px 5px;
width:130px;
text-align:left;
-moz-opacity:.80; filter:alpha(opacity=80); opacity:.80;
}
#menu ul li ul li{
    background:none;
    position:relative;
    z-index:999;
    padding:0;margin:0
}
#menu ul li ul a:link, #menu ul li ul a:visited{
display:block;
padding:7px 0 7px 10px;
width:120px;
font-size:12px;
color:#444;
text-decoration:none;
font-weight:normal;
float:left;
margin:0;
position:relative;
z-index:999;
height:16px;
background:#fff;
text-shadow:1px solid white;
border-bottom:1px solid #ededed;
}
#menu ul li ul a:hover{
z-index:999;
border-bottom:1px solid #ccc;
}

#menu ul ul ul{
top:auto;z-index:999;
}

#menu ul li ul ul {
left:146px;
margin:0px 0 0 10px;
z-index:9999;
}
#menu ul li{
        position:relative;
        z-index:999;
}
/* === Subpage Header === */
#subbanner{
    background:url(Images/subbanner.jpg) top left no-repeat;
    width:990px;
    position:relative;
    height:114px;
    border-bottom:1px solid #ccc;
}
.titlehol{
    top:32px;
    left:60px;
    position:absolute;
}
#subbanner h2{
    font-size:36px;
    font-weight:bold;
    color:white;
    text-shadow:1px 1px #0a1f40;
    font-style:italic;
    margin:0;
    float:left;
    padding:0;
}
#subbanner h3{
    font-size:18px;
    color:white;
    margin:0;
    text-shadow:1px 1px #081b38;
    float:left;
    padding:10px 0 0 30px;
}
/* === Homepage Slider === */
#banner{
    height:398px;
    width:990px;
    position:relative;
    overflow:hidden;
    background:url(Images/banner.jpg) top left no-repeat;
}
#banner .package{
    height:398px;
    width:990px;
    position:absolute;
    top:0;
    background:url(Images/banner.jpg) top left no-repeat;
    left:0;
}
#banner .package h2{
    font-size:36px;
    font-weight:bold;
    color:white;
    text-shadow:1px 1px #0a1f40;
    text-transform:uppercase;
    font-style:italic;
    position:absolute;
    margin:0;
    top:30px;
    left:60px;
    padding:0;
}
/* === Slider Pink Box === */
.pinkbox{
    background:url(Images/pinkbox.png) top left no-repeat;
    width:310px;
    height:177px;
    position:absolute;
    left:60px;
    top:128px;
}
.pinkbox ul{
    margin:0;
    padding:15px 0 0 15px;
    text-shadow:1px 1px #a82441;
    font-size:16px;
    font-weight:normal;
    color:white;
    list-style:none;
    line-height:0;
}
.pinkbox ul li{
    background:url(Images/pinkbullet.png) left no-repeat;
    display:block;
    padding-left:15px;
    padding-top:5px;
    padding-bottom:4px;
    height:15px;
}
#banner .package h3{
    font-size:18px;
    color:white;
    margin:0;
    text-shadow:1px 1px #081b38;
    position:absolute;
    top:98px;
    left:60px;
    width: 183px;
}
/* === Sldier Server Image === */
.server{
    position:absolute;
    right:59px;
    top:30px;
    background:url(Images/server.png) top left;
    width:315px;
    height:331px;
}
/* === Slider Alt Image === */
#precision .server{
    position:absolute;
    right:45px;
    top:30px;
    background:url(Images/server2.png) top left;
    width:344px;
    height:361px;
}
/* === Slider Order Link === */
.orderbox{
    width:340px;
    text-align:left;
    position:absolute;
    left:60px;
    bottom:30px;
    font-size:30px;
    color:white;
    text-shadow:1px 1px #081b38;
    font-weight:bold;
}
.orderbox span.button{
    display:block;
    text-align:center;
    float:left;
    padding-top:5px;
}
.orderbox span.button a{
    color:#444;
    text-shadow:1px 1px #fff;
    font-size:14px;
    background:url(Images/green-button.png) top center no-repeat;
    width:102px;
    height:26px;
    display:block;margin:0 auto;
    text-decoration:none;
    padding:14px 0 0 0;
}
.orderbox em{
float:left;
padding-right:30px;
padding-top:15px;
}
.orderbox span.button a:hover{
    background:url(Images/green-button.png) bottom center no-repeat;
    color:#000;
}
/* === Slider Control Bar === */
#control{
    width:100%;
    background:url(Images/banner-controlbar.jpg) repeat-x top;
    height:20px;
    text-align:center;
    padding-top:11px;
    text-align:center;
}
#control #holder{
    margin:0 auto;
    width:54px;
}
#control a{
    background:url(Images/controls.jpg) top left no-repeat;
    height:8px;
    overflow:hidden;
    width:8px;
    margin:0 5px 0 5px;
    outline:none;
    display:block;
    float:left;
}
#control a span{
    display:none;
}
#control a:hover,#control a.activeSlide{
    background:url(Images/controls.jpg) bottom left no-repeat;
}
/* === Section With 3 Boxes - Homepage === */
#section1{
    background:#eaeaea;
    border-top:1px solid #cacaca;
    padding:15px 0 15px 0;
}
#section1 .box{
    width:258px;
    height:135px;
    float:left;
    padding:15px;
    margin-left:30px;
    border:1px solid #cfcfcf;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background:#fff;
    color:#444;
    position:relative;
}
/* === Arrow Controls === */
.arrows{
        width:29px;
        height:8px;
        position:absolute;
        top:15px;
        right:15px;
}
.arrows a{
        height:8px;
        width:12px;
        display:block;
        float:left;
        outline:none;
}
.arrows a span{
        display:none;
}
.arrows a.next{
        background:url(Images/arrows.jpg) top left no-repeat;
        margin-right:5px;
}
.arrows a.next:hover{
        background:url(Images/arrows.jpg) bottom left no-repeat;
}
.arrows a.prev{
        background:url(Images/arrows.jpg) top right no-repeat;
}
.arrows a.prev:hover{
        background:url(Images/arrows.jpg) bottom right no-repeat;
}
/* === Testimonial Box === */
#testimonials{
    width:258px;
    height:110px;
    overflow:hidden;
    position:relative;
}
#testimonials p{
    position:absolute;
    top:0;
    left:0;
    background:white;
}
#section1 .box p{
    padding:10px 0 0 0;
    margin:0;
}
#section1 .box h2{
    font-size:18px;
    color:#444;
    font-weight:normal;
    margin:0;
}
#section1 .box em{
    font-size:11px;
    padding-top:3px;
    display:block;
}
/* === Domain Look Up Box === */
#section1 .box form{
    padding:15px 0 0 0;
}
#section1 .box form .field{
    background:#f6f6f6;
    font:Arial, Helvetica, sans-serif 12px;
    border:1px solid #d4d4d4;
    padding:4px;
}
#section1 .box form .select{
    background:#f6f6f6;
    font:Arial, Helvetica, sans-serif 12px;
    border:1px solid #d4d4d4;
    padding:3px;
    margin-left:7px;
}
#section1 .box form .button{
    background:url(Images/check.jpg) top left no-repeat;
    border:none;
    width:65px;
    height:26px;
    cursor:pointer;
}
#section1 .box form #checker{
    padding:20px 0 0 0;
}
#section1 .box form #checker span{
    padding:0 0 0 30px;
}
#section1 .box form #checker span font{
    color:white;
    background:#eb2a2b;
}
#section1 .box form .button:hover{
    background:url(Images/check.jpg) bottom left no-repeat;
    cursor:pointer;
}
/* === Services Box === */
#services{
    padding:15px 0 15px 0;
}
#services span a em{
    display:none !important;
}
#money{
    background:url(Images/money.jpg) bottom left no-repeat;
    width:48px;
    height:48px;
    float:left;
    overflow:hidden;
    text-align:center;
    margin-left:0px;
}
#money a{
    background:url(Images/money.jpg) top left no-repeat;
    height:48px;
    display:block;
    padding-left:48px;
}
#support{
    background:url(Images/support.jpg) bottom left no-repeat;
    width:48px;
    height:48px;
    float:left;
    overflow:hidden;
    text-align:center;
}
#support a{
    background:url(Images/support.jpg) top left no-repeat;
    height:48px;
    display:block;
    padding-left:48px;
}
#barchart{
    background:url(Images/barchart.jpg) bottom left no-repeat;
    width:48px;
    height:48px;
    float:left;
    overflow:hidden;
    text-align:center;
    margin-left:15px;
    margin-right:15px;
}
#barchart a{
    background:url(Images/barchart.jpg) top left no-repeat;
    height:48px;
    display:block;
    padding-left:48px;
}
#credit{
    background:url(Images/credit.jpg) bottom left no-repeat;
    width:48px;
    height:48px;
    float:left;
    overflow:hidden;
    text-align:center;
    margin-left:15px;
    margin-right:15px;
}
#credit a{
    background:url(Images/credit.jpg) top left no-repeat;
    height:48px;
    display:block;
    padding-left:48px;
}
/* === Latest News (bottom of page) === */
.latest{
    padding:15px 30px 0 30px;
    display:block;
    background:#f9f9f9;
    border-top:1px solid #cacaca;
    height:27px;
}
.latest h5{
    float:left;
    padding-top:1px;
}
.latest #lnews{
    float:left;
    width:700px;
    position:relative;
    margin-left:7px;
}
.latest #lnews a{
    position:absolute;
    top:0;
    left:0;
}
/* === Main Content Section === */
#content .fivethird {
    width: 300px;
}
#content{
    background:white;
    padding:30px;
}
#content ul{
    line-height:24px;
    padding:15px 0 0 15px;
    margin:0;
}
#content h2{
    font-size:24px;
    color:#000;
    font-weight:normal;
    margin:0;
}
#content h2 a{
    color:#000;
}
/* === Left Column (two thirds of width) === */
.twothird{
    float:left;
    width:912px;
    padding-right:10px;
}
.twothird .half{
    float:left;
    width:291px;
}
.twothird .half.first{
    padding-right:30px;
}
.twothird .third{
    float:left;
    width:184px;
    border:none;
    padding:0;
}
.twothird .third.middle{
    padding:0 30px 0 30px;
}
.twothird ol{
    margin:0;
    padding:0;
}
.numbered{
    height:27px;
}
#content .twothird h4{
    margin-top:30px;
}
.twothird .numbered h3{
    padding:6px 0 0 0;
}
.twothird .numbered em{
    display:block;
    float:left;
    background:url(Images/numberbg.jpg) top left no-repeat;
    width:27px;
    height:22px;
    color:white;
    text-shadow:1px 1px #9b132c;
    font-size:14px;
    text-align:center;
    padding:5px 0 0 0;
    font-weight:bold;
    margin-right:15px;
}
.twothird ol{
    list-style:none;
    margin:30px 0 0 0;
    }
.twothird ol li{
    padding:0 0 30px 0;
}
.twothird h3{
    padding-top:30px;
}
/* === Right Column (third of width) === */
#content h3, .third h4{
    font-size:18px;
    margin:0;
    color:#444;
    font-weight:normal;
}
.third h4{
    font-size:16px;
}
.third{
    float:right;
    width:288px;
    padding-left:19px;
}
/* === Member Login === */
.members{
    background:url(Images/member-bg.jpg) top left no-repeat;
    width:258px;
    height:110px;
    padding:15px;
    position:relative;
    margin:0 0 30px 0;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.members h4{
    font-size:16px;
    color:white;
    text-shadow:1px 1px #08204b;
    margin:0;
    padding-bottom:13px;
    }
.members .field{
    position:relative;
    width:190px;
    height:24px;
    margin:15px 0 0 0;
}
.members .field label{
    color:#ccc;
    float:left;
    padding:3px 0 0 0;
}
.members .field input{
    float:right;
    top:0;
    right:0;
    background:#091b3d;
    border:1px solid #103678;
    width:115px;
    padding:4px;
    color:#bccbe4;
    font:Arial, Helvetica, sans-serif;
}
.members .button{
    position:absolute;
    right:15px;
    bottom:33px;
    background:url(Images/login-button.jpg) top left no-repeat;
    width:49px;
    height:27px;
    cursor:pointer;
    outline:none;
    border:none;
}
.members .button:hover{
    background:url(Images/login-button.jpg) bottom left no-repeat;
}
/* === Support Online Box (support page) === */
.third .sbox{
    margin-bottom:30px;
    padding:15px;
    display:block;
    background:#eee url(Images/adbox-bottom.jpg) repeat-x bottom;
    border:1px solid #b9b9b9;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position:relative;
}
.third .sbox.live a{
background:url(Images/live.png) left no-repeat;
padding-left:24px;
}
.third .sbox.offline a{
background:url(Images/offline.png) left no-repeat;
padding-left:24px;
}
.third .sbox h4 a{
    color:#444;
    text-decoration:none;
    display:block;
}
.third .sbox h4 a:hover{
    color:#000;
}
/* === Ad Box Cycle (homepage) === */
.adbox{
    margin-top:30px;
    padding:15px 15px 18px 15px;
    display:block;
    background:#eee url(Images/adbox-bottom.jpg) repeat-x bottom;
    border:1px solid #b9b9b9;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position:relative;
    height:213px;
}
.adbox .arrows{
    background:white;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding:5px;
    right:10px;
    top:10px;
}
.adbox img{
    -moz-border-radius: 5px;
    border-radius: 5px;
    position:absolute;
    top:15px;
    left:15px;
    z-index:2
    }
.adbox .arrows{
    z-index:999;
    }
/* === Packs (homepage) === */
.replica{
    padding:15px 0 15px 30px;
    border-bottom:1px solid #ccc;
    border-top:1px solid white;
    background:#fbfbfb;
}
ul#packs{
    margin:0;
    padding:0;
    list-style:none;
}
ul#packs li{
    width:208px;
    float:left;
    background:#eaeaea;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border:1px solid #bdbdbd;
    position:relative;
    margin-right:30px;
}
ul#packs li.last{
    margin:0 !important;
}
ul#packs h4{
    font-size:16px;
    margin:0;
    display:block;
    text-align:center;
    color:#000;
    font-weight:normal;
    text-shadow:1px 1px white;
    padding:15px 0 15px 0;
}
ul#packs span.price{
    display:block;
    background:#bdbdbd;
    border-top:1px solid #a2a2a2;
    border-bottom:1px solid #a2a2a2;
    text-shadow:1px 1px #7c7c7c;
    font-size:14px;
    text-align:center;
    padding:7px 0 7px 0;
    margin:0;
    color:white;
}
ul#packs span.info{
    display:block;
    font-size:14px;
    padding:7px 0 7px 30px;
    border-bottom:1px solid #d2d2d2;
}
ul#packs span.alter{
    background:#fff;
}
ul#packs span.ordernow{
    display:block;
    padding:7px 0 7px 0;
    text-align:center;
}
ul#packs span.ordernow a{
    display:block;
    background:url(Images/order-now.jpg) top left no-repeat;
    width:116px;
    height:40px;
    margin:0 auto;
}
ul#packs span.ordernow a:hover{
    background:url(Images/order-now.jpg) bottom left no-repeat;
}
ul#packs span.ordernow a em{
    display:none;
}
ul#packs .topbuy{
    position:absolute;
    background:url(Images/topbuy.png) top left no-repeat;
    width:76px;
    height:76px;
    top:-4px;
    right:-4px;
}
/* === Network Content === */
#network{
    padding:30px 0 0 0;
    margin-top:30px;
    border-top:1px solid #ededed;
}
#network a{
    width:208px;
    height:140px;
    position:relative;
    display:block;
    margin-bottom:30px;
}
#network a img{border:none;}
#network a span{
    position:absolute;
    top:0;
    left:0;
}
.quart{
    width:208px;
    float:left;
    margin-right:30px;
}
.quart.last{
    margin:0;
}
/* === Footer === */
#footer{
    background:url(Images/footer.jpg) repeat-x top;
    height:109px;
    width:100%;
    border-top:7px solid black;
    margin-bottom:30px;
    color:#ccc;
    text-shadow:1px 1px #000;
    position:relative;
}
#footer .left{
    background:url(Images/footer-left.jpg) bottom left no-repeat;
    width:100%;
    height:109px;
}
#footer .right{
    background:url(Images/footer-right.jpg) top right no-repeat;
    width:930px;
    height:89px;
    padding:30px;
}
#footer a{
    color:#ccc;
}
#footer a:hover{
    color:white;
}
#footer small{
    font-size:11px;
    color:#666;
}
#footer ul{
    padding:15px 0 0 0;
    margin:0;
    list-style:none;
}
#footer ul li{
    display:inline;
}
#footer #otherlinks{
    position:absolute;
    top:40px;
    right:30px;
}
#footer #otherlinks a{
background:#040404;
border:1px solid #151515;
-moz-border-radius: 5px;
    border-radius: 5px;
    font-size:14px;
    padding:7px;
}
#footer #otherlinks a#facebook{
    padding-left:42px;
    background:url(Images/1306678804_facebook.png) left no-repeat #040404;
    margin-right:30px;
}
#footer #otherlinks a#twitter{
    padding-left:42px;
    background:url(Images/1306678810_twitter.png) left no-repeat #040404;
}
/* === Plans Page Table === */
table{
    margin:30px 0 30px 0;
}
td.border{
    border-right:1px solid #bdbdbd;
}
td{
    color:#444;
    text-align:center;
    font-size:12px;
}

td.alignright{
    text-align:right;
    border-right:none !important;
    background:#fff !important;
    border-bottom:none !important;
}
th{
    background:#eaeaea;
    height:55px;
    font-size:18px;
    font-weight:normal;
    color:black;
     text-align:center;
     border-top:1px solid #bdbdbd;
     border-right:1px solid #bdbdbd;
     padding:0;
     color:#444;
}
th.firstone{
    -moz-border-radius:5px 0 0 0;
-webkit-border-radius:5px 0 0 0;
border-left:1px solid #bdbdbd;
}
th.lastone{
    -moz-border-radius:0 5px 0 0;
-webkit-border-radius:0 5px 0 0;
}
th.none{
    background:none;
    border-right:none;
    border-bottom:none;
    border-top:none;
}
.noborder{
    border:none !important;
}
.firstone{
    border-left:1px solid #bdbdbd;
}
td.lastend{
-moz-border-radius:0 0 5px 0;
-webkit-border-radius:0 0 5px 0;
}
td.firstend{
-moz-border-radius:0 0 0 5px;
border-left:1px solid #bdbdbd;
-webkit-border-radius:0 0 0 5px;
}
.subth td{
    background:#bdbdbd;
    height:47px;
border-right:1px solid #a2a2a2;
border-top:1px solid #a2a2a2;
border-bottom:1px solid #a2a2a2;
font-weight:bold;
font-size:14px;
text-shadow:1px 1px #7f7f7f;
color:white;
text-align:center;
padding:0;
}
.subth td strong{
    font-size:18px;
}
.subth td.none{
    background:none;
    border-right:none;
    border-bottom:none;
    border-top:none;
}
tr.zebra1 td{
    background:white;
    border-right:1px solid #bdbdbd;
}
tr.zebra2 td{
    background:#eaeaea;
    border-right:1px solid #bdbdbd;
}
tr.bottom td{
    border-bottom:1px solid #bdbdbd;
}
.order-small{
    background:url(Images/order-nownobg.png) top left no-repeat;
    width:116px;
    height:40px;
    display:block;
    margin:0 auto;
}
.order-small:hover{
    background-image: url(Images/order-nownobg.png);
    background-repeat: no-repeat;
    background-position: left bottom;
}
.order-small span{
    display:none;
}
colgroup .maintdcol{
    width:180px;
}
td.betterhover{
font-weight:bold !important;
font-size:14px !important;
padding:0 10px 0 10px !important;
}
td.alignright.betterhover{
font-weight:normal !important;
font-size:12px !important;
padding:0 10px 0 10px !important;
}
tr.zebra2 td.betterhover{
background:#f1f1f1;
}
tr.bottom td.betterhover{
background:#eaeaea !important;
}
tr.bottom td.alignright.betterhover{
background:#fff !important;
}
h2 strong, h3 strong, h4 strong{
    color:#c32547;
    font-weight:normal;
}
/* === Meet The Team === */
ul#team, ul#contact{
    list-style:none;
    padding:0;
    margin:0;
}
ul#team h5{
    display:block;
}
ul#team li{
    height:168px;
    padding:15px 0 15px 0;
}
ul#team div{
    float:left;
    display:block;
    padding-top:6px;
    width:110px;
}
ul#team img.left{
    margin-top:0;
}
/* === Contact Form === */
ul#contact{
    padding:15px 15px 18px 15px;
    display:block;
    background:#eee url(Images/adbox-bottom.jpg) repeat-x bottom;
    border:1px solid #b9b9b9;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position:relative;
}

ul#contact li{
    height:30px;
}
ul#contact li.area{
    height:135px;
}
ul#contact{
    margin:15px 0 0 0;
}
ul#contact .field,ul#contact .area .field{
    float:right;
    width:157px;
    margin-right:0px;
}
ul#contact .area label{
    width:60px;
}
ul#contact .area .field{
    height:120px;
    width:182px;
    resize:none;
}
ul#contact .button{
    height:40px;
    padding-left:135px;
    padding-top:10px;
}
ul#contact .button input{
    background:url(Images/submit.jpg) top left no-repeat;
    width:65px;
    height:26px;
    outline:none;
    border:none;
    cursor:pointer;
}
ul#contact .button input:hover{
    background:url(Images/submit.jpg) bottom left no-repeat;
}
ul#contact label{
    float:left;
    width:85px;
    text-align:right;
}
ul#contact #error{
    height:auto !important;
}
/* === Blog === */
.blogheading{
    border-bottom:1px solid #ededed;
    padding-bottom:15px;
    position:relative;
}
.blogheading span.date {
    -moz-border-radius: 5px 5px 5px 5px;
    background: none repeat scroll 0 0 #8dc142;
    border: 1px solid #6a962c;
    color: #374911;
    font-size: 16px;
    font-weight: bold;
    margin-right: 20px;
    padding: 5px;
    position: absolute;
    right: 0;
    text-shadow: 1px 1px #bddc53;
    top: 0;
}
.blog{
    margin-bottom:60px;
}
.blogheading h2{
    padding-bottom:5px;
}
/* === Comments Section === */
.reply {
    clear: both;
    font-size: 12px;
    margin-top: 10px;
}
.commentlist li {
    border: 1px solid #DDDDDD;
}
.commentlist li .avatar {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DDDDDD;
    float: right;
    padding: 2px !important;
}
.commentlist cite, .commentlist cite a {
    font-style: normal;
}
.commentlist p {
    font-weight: normal;
    text-transform: none;
}
.commentmetadata {
    font-family: Arial,Helvetica,sans-serif;
    font-style: normal;
    font-weight: normal;
}
#respond:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.commentlist {
    margin: 0;
    padding: 20px 0 0;
}
.comment-author {
    color: #666666;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
}
.comment-author a {
    color: #666666;
    font-size: 14px;
    font-style: normal;
    text-decoration: none;
}
.commentlist ol {
    margin: 0;
    padding: 10px;
}
.commentlist li {
    list-style: none outside none;
    margin: 0 0 25px 0;
    padding: 10px 5px 10px 10px;
}
.commentlist li ul li {
    margin-left: 10px;
    margin-right: -6px;
}
.commentlist p {
    margin: 10px 5px 10px 0;
    padding: 0;
}
.commentmetadata {
    display: block;
    font-size: 10px;
    margin: 0;
}
.commentlist li{
    padding:15px !important;
}
.thread-alt {
    background: none repeat scroll 0 0 #FFFFFF;
}
.thread-even {
    background: none repeat scroll 0 0 #F5F5F5;
}
.even, .alt {
    border-bottom: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
}
.depth-2 {
    background: none repeat scroll 0 0 #FFFFFF;
}
.depth-3 {
    background: none repeat scroll 0 0 #F1F1F1;
}
.depth-4 {
    background: none repeat scroll 0 0 #F1F1F1;
}
.depth-5 {
    background: none repeat scroll 0 0 #FFFFFF;
}
.inputf {
    -moz-border-radius: 5px 5px 5px 5px;
    background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid #CCCCCC;
    color: #666666;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: lighter;
    height: 18px;
    margin-bottom: 10px;
    margin-top: 2px;
    outline: medium none;
    padding-left: 5px;
    padding-top: 2px;
    width: 200px;
}
.single {
    border-bottom: 1px solid #DDDDDD;
    padding-bottom: 30px;
    margin-bottom:30px;
}
.areab {
    -moz-border-radius: 5px 5px 5px 5px;
    background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid #CCCCCC;
    color: #333333;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: lighter;
    height: 80px;
    outline: medium none;
    padding: 5px;
    width: 300px;
}
.commentlist li {
    -moz-border-radius: 5px 5px 5px 5px;
    color: #333333;
    font-size: 12px;
    font-style: normal;
}
.submitcom {
    background: none repeat scroll 0 0 #EDEDED;
    border: 1px solid #CCCCCC;
    color: #666666;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    margin-top: 5px;
    outline: medium none;
    padding: 3px 6px;
}
#commentform p {
    margin: 10px 0 0;
}
#commentform {
    margin: 10px 0 0;
}