/*Copyright Taste Media & Host 2008*/

/* BODY STYLING */
html {height: 100%;}
body {color: #333333; height: 100%; width: 100%; min-height: 100%; background:url(../images/bg/bg7.gif) repeat-x #ffffff; margin: 0 auto; padding: 0;}
h1 {color:#4e4e4e; font-family: Verdana, Geneva, sans-serif; line-height: 1.2em;}
h2 {font-family:Verdana, Geneva, sans-serif; color:#4e4e4e; line-height: 1.2em;}
h3 {color: #09f; font: bold 18px  Verdana, Geneva, sans-serif; line-height: 120%; border-top: 1px dotted #cccccc; letter-spacing: -0px; border-bottom: 1px dotted #cccccc; padding: 8px 0px 8px 0px; clear: both; margin: 0;}
h5 {line-height: 120%; font: bold 14px Verdana, Geneva, sans-serif; color: #09f; /*padding-bottom: 5px; border-bottom: 1px dashed #cccccc;*/}
h6 {font: 0.8em Verdana, Geneva, sans-serif; padding: 0px; margin: 0px; line-height: normal;}
/*HOMEPAGE STYLING*/
#homecontainer{width: 900px; /*Width of main container*/margin: 0 auto; /*Center container on page*/}
#homewrapper{float: left; width: 100%;}
#homecolumn{margin: 0px 260px 0px 260px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/ background-color: #ffffff;}
#homeleftcolumn{float: left; width: 260px; /*Width of left column in pixel*/ margin-left: -780px; /*Set margin to that of -(MainContainerWidth)*/ background: #ffffff;}
#homerightcolumn{float: left; width: 260px; /*Width of right column*/ margin-left: -260px; /*Set left margin to -(RightColumnWidth)*/ background: #ffffff;}
.innertube{margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/ font: 13px normal Verdana, Geneva, sans-serif; color: #151515}
.quotation {float: right;}
#home-pic {background:url(images/headings/home_bg_main.jpg) no-repeat bottom center; height: 250px; width: 780px; margin: 0 auto;}
/* DOMAIN SEARCH STYLING */
#searchbg {width: 900px; margin: 0 auto; padding: 0; margin-bottom: 1px; background: #151515 url(../images/header-bigmain.jpg) no-repeat top right;}
#searchbg2 {width: 900px; height:337px; margin: 0 auto; padding: 0; margin-bottom: 1px; background: #151515 url(../images/header-bigmain.jpg) no-repeat top right;}
#searchtext {width: 490px; margin: 0 auto; padding: 20px 250px 20px 0px; color: #ffffff; font: 0.75em Verdana, Geneva, sans-serif;}
#searchwrapper {width: 900px; margin: auto; padding: 0; overflow: hidden;}
#searchpoint {height: 21px; margin: 0 auto; padding: 0; background:url(../images/bg/search-point.gif) no-repeat 500px 0px; clear:both}
#search {float: left; text-align: left; background: #fff url(../images/bg/searchbg-al.gif) no-repeat; color: #000; padding: 17px 20px 30px 20px; min-height: 28px; height: 28px; width: 290px;}
#search2 {float: left; text-align: left; background: #fff url(../images/bg/searchbg-home.gif) no-repeat; color: #000; padding: 30px 20px 17px 20px; min-height: 28px; height: 28px; width: 290px;}
form, form p {margin: 0; padding: 0; line-height: 25px;}
.search {width: auto; border: 1px solid #357994; height: 20px; background: #fff; color: #000; margin: 0; font-weight: bold; font-size: 10px;}
.button {font: normal 11px Verdana, Geneva, sans-serif; width: auto; margin: auto 0;}
.searchbox {font: normal 11px Verdana, Geneva, sans-serif; width: 150px; margin: auto 0;}
#topics {float: right; width: 540px; background: #151515 url(../images/bg/topicsbg2.gif) repeat-x left bottom; padding: 8px 15px; color: #fff; height: 59px;}
#topics h4 {color: #fff; font: bold 1.9em Verdana, Geneva, sans-serif; line-height: 0px; padding: 17px 0px 0px 0px; margin: 0;}
#topics li a {background-image: url(images/bullet.gif); background-repeat: no-repeat; background-position: center left; padding: 0 0 0 12px;}
.domaintext {font: 13px Verdana, Geneva, sans-serif; text-align: left; line-height: normal; color: #888888; border-bottom: none; padding: 0px 0px 0px 0px;}
/* CONTENT STYLING */
abbr, acronym {cursor:help; border-bottom: 1px dotted;}
a img {border-bottom: 1px dashed; border: none; text-decoration: none;}
.contenttm2 {font: 0.8em Verdana, Geneva, sans-serif; text-align: justify; line-height: normal; color: #454545; border-bottom: none; padding: 0px 0px 0px 0px;}
p, ol {text-align: left; line-height: 1.95;}
ul {text-align: justify; line-height: normal;}
#maincontent {width: 900px; padding: 0px 0px 0px 0px; float: left;}
#mainwrapper {Width: 900px; margin: 0 auto; overflow: hidden; clear: both;}
#submenu {width: 210px; float: left; padding-top: 20px;}
#footermain {width: 780px; padding: 0px 0px 30px 0px; margin: 0 auto;}
#footer_top { background: url(../images/bg/top.gif) no-repeat top right; padding: 10px 0 0 0px; clear: both; margin: 0 0 0px 0; height: 74px; min-width: 900px;}
#footer_bottom { background: #454545 url(../images/bg/bottom.gif) no-repeat top right; width: 100%; height: 100%; height: auto; color: #ffffff; padding: 0px; clear: both; margin: 0 0 1px 0; position: absolute; min-width: 780px;}
#footercontent {width: 250px; float: left; margin: 0 auto; text-align: left; font: 12px Verdana, Geneva, sans-serif;}
#footercontent1 {width: 310px; float: left; margin: 0 auto; margin-left: 0px; text-align: left; font: 12px Verdana, Geneva, sans-serif;}
#footercontent2 {width: 205px; float: right; margin: 0 auto; text-align: left; font: 12px Verdana, Geneva, sans-serif;}
#newsposts {width: 780px; float: left; margin: 0 auto; text-align: left; font: 12px Verdana, Geneva, sans-serif;}
.footer {padding: 10px 0px 0px 0px;}
.footer a:link, .footer a:visited {color: #ffffff; border-bottom: none; text-decoration: underline; font-weight: normal;}
.footer a:hover {color: #cccccc; text-decoration: none;}
#headermain {width: 900px; margin: 0 auto; height: 72px; padding-top: 5px; padding-bottom: 20px;}
#mainnav {width: 900px; padding: 0; margin: 0 auto; overflow: visible; clear: both;}
#subbg {width: 100%; height: 35px; margin: auto; background:url(../images/bg/domain_bg.png) center bottom no-repeat;}
#top {height: 135px; width: 900px; margin: 0 auto;}
/*#wrapper {background:url(images/bg/bg.png) repeat-y center; margin: 0 auto; padding: 0; border: 0; height:auto; min-width: 100%;}*/
a:link, a:visited {color:#14ABD8; text-decoration: none; font-weight:normal;}
a:hover {text-decoration: underline; color:#00599e; font-weight:normal;}
.logopadding {float: left; padding-bottom: 0px;}
.sloganpadding {float: right; padding: 0;}
/* TOP STYLES */
.star {position:absolute; top:160px; left:1000px;}
a.star:link, a.star:visited, a.star:hover, a.star:active {background-color: transparent !important;}
.textbox {border: 1px #4e4e4e dashed; background-color: #f2f2f2; padding: 4px;}
.greybg {background-color: #eeeeee; padding:4px; border: 0px dotted #666666; color: #333333;}
.lightbg {background-color: #f7f7f2; border: 1px dotted #cccccc; padding: 4px; color: #666666;}
.mostpopular {background-color: #FFFFCC;}
#hintbox {position:absolute; top: 0; background-color:#FFFFCC; width: 350px; padding: 6px; border:1px solid #cccccc; font:normal 12px Tahoma; line-height:25px; z-index:100; border-right: 6px solid #cccccc; border-bottom: 4px solid #cccccc; visibility: hidden;}
.hintanchor {font-weight: bold; color: #000033; margin: 3px 8px;}
#powered_by {background:url(../images/contents/powered_by.gif) no-repeat top center; height: 55px; margin-top: 1px;}
.pictures {float:right; padding: 0px 0px 0px 10px;}
/* BREADCRUMB STYLING */
#breadcrumbbox {background:url(../images/bg/breadcrumbbg.gif) no-repeat; clear:both; position:relative; width: 780px; text-align: center; padding: 8px 0px 8px 0px; margin: 0 auto;}
#breadcrumbbox2 {background:url(../images/bg/breadcrumbbg-home.gif) no-repeat; clear:both; position:relative; width: 780px; text-align: center; padding: 8px 0px 8px 0px; margin: 0 auto;}
#breadcrumbs {max-width: 780px; margin: 0 auto; color: #666666;}
.breadcrumbs {color: #000000; text-align: left; font: 13px Verdana, Geneva, sans-serif; padding: 0px 0px 20px 10px; margin: 0px;}
.breadcrumbs a:link, .breadcrumbs a:visited {color:#ffffff; font-weight: normal; border: none; text-decoration: none;}
.breadcrumbs a:hover {color:#eeeeee; font-weight: normal; border: none; text-decoration: underline;}
/**/
.serverlist {line-height: normal; padding: 10px 5px 5px 5px; text-align:left; color: #000000; font: 0.75em Arial, Helvetica, sans-serif;}
.plansbg {background:url(images/bg/server-features.gif) top left repeat-x #ffffff; color: #000000; line-height: 1.5em; border: 0px dotted #cccccc; font-size: 12px; text-align: left;}
.plansbgborder {border-right: 1px dotted #cccccc; text-align:left;}
.plansbgborder2 {background-color:#000000; border-right: 1px dotted #FFFFFF; text-align:left; color: #ffffff;}
.plansbg2 a:link, .plansbg2 a:visited {color: #f2f2f2; font-weight: normal;}
.plansbg2 {background:url(images/bg/plansbg2.gif) bottom right repeat-x #000000; height: 15px; padding: 10px; color: #ffffff;}
.servericons {padding: 0px 0px 0px 30px;}
.serverfeatures {color: #333333; padding: 0px 0px 50px 15px; text-align:left;}
/* HEADER */
.introbox {background-color: #e0e4ca; color: #000000;}
/*NEWS BOX */
.commentbox {background-color: #666666; width: 760px; padding: 10px;}
.commentfooter {background: url(images/contents/arrow.gif) 30px 0 no-repeat; padding-left: 70px; padding-top: 1px; height: 29px; margin-bottom: 0em; font-size: 0.8em; 	font-weight: bold; color: #ffffff;}
/* Reseller plans */
#resellers1 {position: relative; width: 350px; border: none; color: #000000; padding: 5px; float: right;}
#reseller2 {position: relative; width: 350px; border: none; color: #000000; padding: 5px; float: left;}
#box1 {position: relative; background:url(../images/contents/front1.gif) no-repeat; width: 190px; height: 220px; display: block; cursor: pointer; border: none; color: #000000; padding: 0px; 	float: left;}
#box2 {position: relative; background:url(../images/contents/front2.gif) no-repeat; height: 220px; width: 190px; display: block; cursor: pointer; border: none; color: #000000; padding: 0px; float: left;}
#box3 {position: relative; background:url(../images/contents/front3.gif) no-repeat; width: 190px; height: 220px; display: block; cursor: pointer; border: none; color: #000000; padding: 0px; float: left;}
#box4 {position: relative; background:url(../images/contents/front4.gif) no-repeat; height: 220px; width: 190px; display: block; cursor: pointer; border: none; color: #000000; padding: 0px; float: left;}
#offers {position: relative; background:url(../images/contents/clustered.png) top right no-repeat; width: 330px; display: block; border: none; color: #000000; margin-top: 20px; padding: 20px;float: left;}
#offers2 {position: relative; background:url(../images/contents/manager.png) top right no-repeat; width: 330px; display: block; border: none; margin-top: 20px; color: #444444; padding: 20px;float: right;}
/* TAB CONTENT */
#tabcontainer{width: 570px; /*Width of main container*/ margin: 0 auto; /*Center container on page*/ padding-top: 20px;}
#toptab{background: #ffffff; height: 90px; /*Height of top section*/}
#tabwrapper{float: left; width: 100%;}
#tabcolumn{margin-left: 285px; /*Set left margin to LeftColumnWidth*/}
#lefttab{float: left; width: 285px; /*Width of left column*/ margin-left: -570px; /*Set left margin to -(MainContainerWidth)*/ background: #ffffff;}
.innertubetab{margin: 0px 10px 10px 10px; /*Margins for inner DIV inside each column (to provide padding)*/; text-align:left; font-size:13px; font-weight: normal;}