@import url("subpage.css");

h1, h2, h3 { margin:0; padding:0; }
.clear { clear:both; }
hr { width:0; height:0; margin:0; padding:0; size:0; }
.imgpad { padding:5px; }

body { background:#444647 url(images/clounds_bg.gif); margin:0;
font-family: "Lucida Grande", "Trebuchet MS", Tahoma, Arial, sans-serif;
font-size:0.70em; color:#404040; }

#maincontainer { width:900px; margin:0 auto; }

#header { background:url(images/header.jpg) #dfdeca no-repeat 0 0;
height:248px; }

#livehelp { float:right;
width:236px;
text-indent:-9999px;
position:relative; top:-89px; }

#plansrow { background:url(images/plans_background.jpg) #dfdeca no-repeat 0 0;
float:left; width:900px; padding: 30px 0 0 0; }

#subcontentrow { background:url(images/subcontent_background.jpg) #dfdeca no-repeat 0 0;
float:left; width:900px; padding: 30px 0 0 0; }

h1 a { display:block; overflow:hidden; text-indent:-9999px;
height:89px; width:125px; 
position:relative; left:35px; }

#livehelp ul { list-style-type:none; margin:0; padding:0; }
a#clicklive { display:block; overflow:hidden;
width:165px; height:42px;
position:relative; left:23px; top:20px; }

ul#globalnav { float:left; list-style-type:none;
margin:0; padding:0; text-indent:-9999px; position:relative; }

ul#globalnav a { display:block; overflow:hidden; }
ul#globalnav li { float:left; }

#home a { background: url(images/home.gif) no-repeat 0 0;
width:76px; height:44px;
position:absolute; left:127px; top:9px; }

#about a { background: url(images/about.gif) no-repeat 0 0;
width:76px; height:44px;
position:absolute; left:235px; top:43px; }

#support a { background: url(images/support.gif) no-repeat 0 0;
width:93px; height:37px;
position:absolute; top:64px; left:50px; }

#contact a { background: url(images/contact.gif) no-repeat 0 0;
width:100px; height:43px;
position:absolute; top:100px; left:180px; }

#hosting a { width:135px; height:26px; 
position:relative; top:120px; left:390px; }

#shared, #vps, #dedicated { float:left; width:250px; }
#shared, #vps { margin:0 20px 0 0; }

#plansrow ul { list-style-type:none; margin:0; padding:0; float:left; width:135px; }

h2.sharedhd { background:url(images/shared_reseller_hd.gif) no-repeat;
width:234px; height:22px; text-indent:-9999px; padding:0 0 10px 0; }

h2.vpshd { background:url(images/vps_hd.gif) no-repeat 0 0; text-indent:-9999px;
width:246px; height:21px; padding:0 0 10px 0; }

h2.dedichd { background:url(images/dedicated_hd.gif) no-repeat 0 0;text-indent:-9999px;
width:246px; height:21px; padding:0 0 10px 0;  }

.priceshared { background: url(images/price_shared.gif) no-repeat;
width:115px; height:66px; text-indent:-9999px; float:left; }

.pricevps { background: url(images/price_vps.gif) no-repeat;
width:115px; height:66px; text-indent:-9999px; float:left; }

.pricededicated { background: url(images/price_dedicated.gif) no-repeat;
width:115px; height:66px; text-indent:-9999px; float:left; }

.order { background:url(images/order.gif) no-repeat 0 0;
width:91px; height:19px; float:left; padding:3px;
text-indent:-9999px; display:block; overflow:hidden; }

.moreinfo { background:url(images/moreinfo.gif) no-repeat 0 0;
width:91px; height:19px; text-indent:-9999px;
display:block; overflow:hidden; }
 
.buttons { width:192px; margin:0 auto; padding:15px 0; }

#planswrap { width:795px; position:relative; left:60px; }

#yellowrow { background:url(images/yellowrow_bg.gif) #fff6c4 repeat-x;
height:143px; padding:20px 0 0 0; }

#special { width:330px; float:left; position:relative; left:45px; }

h2.specialhd { background:url(images/special_hd.gif) no-repeat;
width:301px; height:22px; text-indent:-9999px; padding:0 0 10px 0; }

#special ul { list-style-type:none; margin:0; padding:0 20px 0 0;
width:135px; float:left; font-weight:bold; }

.specialsmascot { float:left; position:relative; left:40px; z-index:1; }

#news { width:35%; float:right; }
.newshd { background:url(images/news_hd.gif) no-repeat;
width:167px; height:21px; padding:0 0 10px 0;
text-indent:-9999px; }

#news a { color:#1f5b73; }
#news a:hover { text-decoration:none; color:#823642; }

h3 { font-size:1em; font-weight:normal; }

#footer { background: url(images/footer_bg.gif) repeat-x #1f5b73; clear:both; color:#95adb7;
position:relative; top:-50px; text-align:right;
height:90px; padding:20px 10px 0 10px; }

#footer2 { background: url(images/footer_bg.gif) repeat-x #1f5b73; clear:both; color:#95adb7;
text-align:right;
height:90px; padding:20px 10px 0 10px; }

#footer2 a { color:#95adb7; text-decoration:none; }
#footer2 a:hover { color:#FFF; }

#footer a { color:#95adb7; text-decoration:none; }
#footer a:hover { color:#FFF; }

/*SUBPAGE*/

#maintext { width:525px; float:left; padding-bottom:20px; }
h2.aboutsphd { background:url(images/aboutus_sp_hd.gif) no-repeat;
width:133px; height:21px; text-indent:-9999px; }

#subwrap { margin:0 0 0 60px; padding-top: 20px; }
#subnavwrap { width:250px; float:left; }
ul#subnav { list-style-type:none; padding:0; margin:0; width:200px; }
ul#subnav li { font-size:1.3em ; font-weight:bold; padding-left:20px;
font-family:Helvetica, sans-serif; line-height:2em;
border-bottom:1px dashed; background:url(images/smallarrow.gif) no-repeat 0 center; }

#subnav li a { text-decoration:none; color:#1f5b73; }
#subnav li a:hover { color:#823642; }