*{margin:0;padding:0;border:none;outline:none;}

html, body {height: 100%}

body {
position:relative;
font-size:16px;
font-family:Arial,sans-serif;
text-align:center;
min-width:900px;
background:#fff url(images/bodyBG.gif) repeat-x top left;
}

.left {float:left;}
.right {float:right;}

.clear {
clear:both;
display:block;
height:1px;
}


/*==============  */

#wrap {
text-align:left;
width:800px;
min-height:100%;
_height:100%;
margin:0 auto;
}

/*==============  */

#headerWrap {
color:#fff;
position:relative;
height:217px;
background:transparent url(images/bannerBG.gif) no-repeat top right;
}

#headerWrap .left {padding:0 0 0 40px;}
#headerWrap .right {
color:#002048;
font-weight:bold;
font-style:italic;
text-align:right;
padding:90px 0 0 0;
}

#headerWrap .right h3 {
font-size:25px;
padding:0 50px 0 0;
}

#headerWrap .right p {
font-size:18px;
padding:0 15px 0 0;
}

#headerWrap h1 {display:none;}


/*==============  */

#menu {
clear:both;
position:relative;
display:block;
height:29px;
background:#295ba2 url(images/menuBG.gif) no-repeat top right;
}

#menu ul {
list-style:none;
width:785px;
height:25px;
padding:4px 0 0 15px;
}

#menu li {
float:left;
position:relative;
z-index:10;
margin:0;
padding:0;
}

#menu a {
display:block;
_display:inline-block;
color:#fff;
font-size:13px;
font-weight:bold;
text-decoration:none;
white-space:nowrap;
height:19px;
padding:2px 0 0 15px;
margin:0 15px 0 0;
background:transparent;
}
/*
#menu li.current {
z-index:11;
background:transparent url(images/current_menu_right.gif) no-repeat top right;
}

#menu li.current a {
color:#333;
background:transparent url(images/current_menu.gif) no-repeat top left;
}
*/

#menu li.backgroundy {
position:absolute;
z-index:8;
visibility:hidden;
background:transparent url(images/hover_menu_right.gif) no-repeat top right;
}

#menu .backgroundy .lefty {
height:21px;
display:block;
margin:0 15px 0 0;
background:transparent url(images/hover_menu.gif) no-repeat top left;
}

/*==============  */

#bodyWrap {
color:#333;
height:auto;
}

#content {
padding:0 0 20px 0;
_padding:10px 0 0 0;
background:#fbfbfb url(images/contentBG.gif) no-repeat bottom left;
}


#content h2 {
font-size:16px;
line-height:150%;
padding:10px 20px 0 20px;
}

#content h3 {
font-size:14px;
line-height:150%;
padding:10px 20px 0 20px;
border-bottom:1px solid #1d4b8c;
}

#content h4 {
font-size:14px;
line-height:150%;
padding:5px 20px 0 20px;
}

#content p {
font-size:13px;
text-align:justify;
line-height:150%;
padding:0 20px 20px 20px;
}

#content ul {
font-size:13px;
line-height:150%;
margin:0 20px;
padding:10px 20px 10px 50px;
}

#content ol {
font-size:13px;
line-height:150%;
margin:0 20px;
padding:10px 0 10px 25px;
}


#content .left {width:580px;}

#content .right {_display:inline;}



/*==============  */

#footer{
height:176px;
margin:10px 0 0 0;
background:#fbfbfb url(images/footerBG.gif) no-repeat bottom left;
}

#footer div {
float:left;
overflow:hidden;;
}

#footer h2{
font-size:70px;
padding:0;
}

#footer h3{
font-size:13px;
padding:5px 20px;
}

#footer p {
font-size:12px;
line-height:200%;
padding:0 0 0 20px;
}

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

#footer a:hover {text-decoration:underline;}

#footer ul {
font-size:12px;
padding:5px 0 0 35px;
}

/*==============  */

#cda {
width:160px;
height:135px;
padding:15px 0 0 0;
}



#cdpe {
width:195px;
height:110px;
padding:40px 0 0 0;
}



#sitemap {
width:225px;
height:145px;
margin:10px 0 0 0;
padding:5px 0 0 0;
border-left:1px dashed #999;
border-right:1px dashed #999;
}



#copyright {
width:210px;
height:125px;
text-align:center;
padding:25px 0 0 0;
}


/*==============  */

#pictures {
overflow:hidden;
position:relative;
width:177px;
_width:176px;
height:335px;
margin:0 20px 0 0;
}

#slides {
position:absolute;
right:0;top:0;
}

#slides span {
display:block;
float:left;
width:177px;
}

#mask {
position:absolute;
right:0;top:0;
z-index:999;
width:177px;
height:335px;
background:transparent url(images/Lpicture_mask.png) no-repeat top left;
_background:transparent url(images/Lpicture_mask.gif) no-repeat top left;
}



/* HOME PAGE*/

#homeBanner {
overflow:hidden;
position:relative;
width:800px;
height:264px;
margin:0;
background:#295ba2 url(images/homePanelBG.gif) repeat-x bottom left;
}

#panels {
position:absolute;
right:0;top:0;
}

#panels .homePanel {
display:block;
float:left;
width:800px;
}

#panels h1 {
color:#fff;
font-size:24px;
text-align:center;
margin:40px 0 0 50px;
}

#panels h1 span {display:none;}

#panels p {
color:#fff;
font-size:18px;
padding:10px 25px;
}

#panels .homePanelLink {
display:block;
color:#fff;
font-size:17px;
text-decoration:none;
text-align:center;
width:138px;
height:28px;
padding:4px 0;
margin:0 auto;
background:transparent url(images/findoutMore.gif) no-repeat top left;
}

#panels img {padding:0 0 0 20px;}


#webdevPanel h1 {
width:234px;
height:74px;
background:transparent url(images/webdevTitle.gif) no-repeat top left;
}

#hostingPanel h1 {
width:196px;
height:64px;
background:transparent url(images/hostingTitle.gif) no-repeat top left;
}

#domainPanel h1 {
width:313px;
height:65px;
background:transparent url(images/domainTitle.gif) no-repeat top left;
}


/* ACCORDIAN  */

#infocentre #content .left {
width:440px;
padding:0;
}

#infocentre #content .right {
width:340px;
padding:0 20px 0 0;
}

#content h3.toggler {
cursor:pointer;
color:#2b2b2b;
font-size:14px;
height:24px;
padding:4px 0 0 10px;
margin:0 20px;
border:0;
/*background:transparent url(images/accordian.gif) no-repeat top left;*/
}

.element {margin:2px 5px;}


/* HOSTING PAGE  */

#webh_page #content .left {
width:575px;
padding:0;
}

#webh_page #content .right {
width:190px;
padding:20px 15px 5px 5px;
}

#homeHosting {
display:block;
color:#fff;
font-size:14px;
text-decoration:none;
text-align:center;
width:183px;
height:24px;
padding:112px 0 0 0;
margin:0 0 10px 0;
background:transparent url(images/HomeHosting.gif) no-repeat top left;
}

#businessHosting {
display:block;
color:#fff;
font-size:14px;
text-decoration:none;
text-align:center;
width:183px;
height:24px;
padding:112px 0 0 0;
margin:0 0 10px 0;
background:transparent url(images/BusinessHosting.gif) no-repeat top left;
}

#homeHosting.active,
#homeHosting:hover {background:transparent url(images/HomeHosting.gif) no-repeat top right;}

#businessHosting.active,
#businessHosting:hover {background:transparent url(images/BusinessHosting.gif) no-repeat top right;}

#hostingButtons {
width:386px;
height:150px;
margin:0 auto;
}

#hostingButtons a {
float:left;
margin:0 5px;
}

/*==============  */

table {
font-size:13px;
margin:0 auto 20px auto;
border:1px solid #b7b7b7;
border-bottom:0;
}

table  td{
padding:2px 5px;
border-bottom:1px solid #b7b7b7;
}

table tr:hover td{
color:#fff;
background:#333;
}

#serverPricing .col1 {width:100px;}
#serverPricing .col2 {width:50px;}

#featurePricing .col1 {width:325px;}
#featurePricing .col2 {width:50px;}
#featurePricing .col3 {width:120px;}