body { 
font:normal 12px Arial, Helvetica, sans-serif; color:#656565;
background:#000000 url(images/mainback.gif) repeat-x top; padding-bottom:50px;
text-align:center; /* centered layout: for stupid IE*/ }

p { line-height:20px; }
a { outline:none; }
em { font-style:italic; }

#container { position:relative; width:960px; margin:0 auto; }


/* NAVIGATION */
#navigation { height:26px; background:url(images/navigation_border_trick.gif) repeat-x bottom;  }
#navigation ul.menu { padding: 0 0 0 10px; margin: 0 auto; height: 25px; list-style: none; position:relative; z-index:2; }
.menu li { float:left; margin-right:7px; }
.menu li a { float: left; display: block; height:26px; text-decoration: none; }
.menu li#home a:hover, .menu li#what a:hover, .menu li#why a:hover, .menu li#how a:hover, .menu li#when a:hover, .menu li#where a:hover, .menu li#start a:hover,
.menu li#home a.active, .menu li#what a.active, .menu li#why a.active, .menu li#how a.active, .menu li#when a.active, .menu li#where a.active, .menu li#start a.active,
.menu li#home a.active:hover, .menu li#what a.active:hover, .menu li#why a.active:hover, .menu li#how a.active:hover, .menu li#when a.active:hover, .menu li#where a.active:hover, .menu li#start a.active:hover { background-position:100% -30px; }
.menu li a span { display:none; } /* hide the text */

/* Image based navigation */
.menu li#home a { width:78px; background:url(images/home.gif) no-repeat top left; }
.menu li#what a { width:78px; background:url(images/what.gif) no-repeat top left; }
.menu li#why a { width:78px; background:url(images/why.gif) no-repeat top left; }
.menu li#how a { width:78px; background:url(images/how.gif) no-repeat top left; }
.menu li#when a { width:78px; background:url(images/when.gif) no-repeat top left; }
.menu li#where a { width:78px; background:url(images/where.gif) no-repeat top left; }
.menu li#start a { width:98px; background:url(images/startfree.jpg) no-repeat top left; }

/* MainBOX */
#mainbox { background:#FFFFFF; text-align:center; }

/* FOOTER */
#footer { background:#FFFFFF; font-size:10px; }
#footer p {  padding:1px 0;  }
#footer a { text-decoration:none; color:#0071be; padding:0 3px; }
#footer a:hover { text-decoration:underline; }
#footer p.left { float:left; text-align:left; width:460px; padding-left:10px; } /* Foot Menu */
#footer p.right { float:left; text-align:right; width:480px; } /* Copyright text */



/* Highlight - Home */
#highlight_home { width:940px; height:402px;  margin:0 10px 10px 10px; padding-top:12px; text-align:left; }
#highlight_home img.tag1 { margin:32px 0 0 17px; }
#highlight_home img.tag2 { margin:13px 0 0 17px; }
#highlight_home p { margin:10px 0 0 17px; padding-bottom:15px; width:610px; line-height:20px; position:relative; z-index:6; color:#444444; }
#highlight_home a { margin:0 0 0 17px; text-decoration:none; }
#highlight_home a visited{ margin:0 0 0 17px; text-decoration:none; }
#highlight_home a img { border:none; }
#highlight_home_shield { position:absolute; right:10px; top:45px; z-index:0; } /* floating shield */
#highlight_home_shieldb { position:absolute; right:10px; top:75px; z-index:10; } /* floating shield */

#highlight_home1 { width:940px; height:402px;  margin:0 10px 10px 10px; padding-top:12px; text-align:left; display:none;}
#highlight_home2 { width:940px; height:402px;  margin:0 10px 10px 10px; padding-top:12px; text-align:left; display:none;}
#highlight_home3 { width:940px; height:402px;  margin:0 10px 10px 10px; padding-top:12px; text-align:left; display:none;}


/* what */
.what { width:940px; margin:0 auto; padding:15px 0 0 0; text-align:left; }
#what_wrapper { float:left; width:100%; }
#what_column { margin-left:480px; }
#what_left { float:left; width:460px; margin-left:-940px; }

.details { padding:10px 0 4px 0; margin-top:8px; border:1px solid #dddddd; border-left:none; border-right:none; }
.dt { margin:0 0 0 13px; }
.dt p { padding:10px 0; color:#333333; }
.dt p a { text-decoration:none; }

.mainbox .top { width:452px; height:10px; background:url(images/hosting_box_top.gif) no-repeat top center; }
.mainbox .bottom { width:452px; height:10px; background:url(images/hosting_box_bottom.gif) no-repeat bottom center; }
.mainbox .body { width:450px; background:url(images/hosting_box_bg.gif) repeat-x bottom; border:1px solid #d9d9d9; border-top:none; border-bottom:none; position:relative; }
.mainbox p.price a { position:absolute; top:0; right:13px; display:block; float:left; text-decoration:none; background:#DAF4DC; border:1px solid #81CA92; color:#333333; padding:5px 10px; font-size:22px; }
.mainbox p.price a:hover { background:#e8f3e8; }
.mainbox h3 { font-size:18px; color:#444444; padding:5px 13px 13px 13px; }
.mainbox table { margin:0 auto; border-top:1px solid #e0e0e0; }
.mainbox td { width:206px; }
.mainbox ul { list-style-type:none; }
.mainbox li { font-size:11px; border-top:1px solid #e0e0e0; padding:7px 0 7px 22px; background:url(images/icon_tick.gif) no-repeat top left; background-position:0 8px; }
.mainbox li.first { border:none; }

.tabs { margin:30px 10px 20px 10px; }
.tabs ul { padding-left:10px; padding-bottom:0.5em; list-style-type:none; text-align:left; background:url(images/navigation_border_trick.gif) repeat-x bottom;  }
.tabs li { display:inline; margin-right:3px; }
.tabs li a { text-decoration:none; padding:5px 10px 5px 10px; border:1px solid #E4E6E7; color:#2d2b2b; background:#FFFFFF; text-transform:uppercase; font-size:11px; }
.tabs li a:hover { text-decoration:underline; color:#2d2b2b; }
.tabs li a.selected { position:relative; z-index:99; border-bottom:1px solid #ffffff; }

/* EastClearing by Position Is Everything
http://www.positioniseverything.net/easyclearing.html */
.clear:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }
.clear {display:inline-block;}
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */

#bottomwrapper {position: relative;width: 895px;height: 18px;margin: 0px auto;padding: 0px;border: medium none;background: url('images/pagebottompng.png') no-repeat bottom left;}