@charset "UTF-8";
/* CSS Document */

body { margin:auto; padding:0; color:#333; font-family:Verdana, Geneva, sans-serif; font-size:12px; border-top:#909 6px solid; background-color: #FFFFFF;}

.clearboth { clear:both;}

#wrapper { margin:auto; width: 900px;}

#header { margin:auto; width:900px; margin-bottom:20px;}

#content { margin:auto; width:900px; line-height:25px;}
#body { margin:auto; width:556px; padding:10px; float:left; background-color:#FFF; border:#CCC 1px solid;}
#sidebar { margin:auto; width:300px; margin-left:20px; float:left; background-color:#FFF; border:#CCC 1px solid;}

#btop { text-align:right; font-size:10px; width:900px; margin:10px 0px 10px 0px;}

#domains { padding-left:20px; text-align:right; top:215px; float:left; position:relative; color:#FFF;}

#footer { width:900px; border-top: #999 solid 1px; padding-top:10px;}
#guide { width:150px; float:left;}

/* TEXT */

a:link, a:visited { color:#909; text-decoration: none;}
a:hover { color:#909; text-decoration:underline;}
a:active, a.active { color:#909;}
.textpurple { color:#909;}
.large { font-size:16px;}

h1.logo { width:257px; height:0px; padding-top:76px; position:relative; overflow:hidden; background:url(../images/core-images/logo.png) no-repeat;}

/* NAVIGATION */

#main-navigation { width:900px; height:37px; margin:0px auto; position: relative; z-index: 1; display:block;}
#main-navigation #navigation-menu { margin: 0; padding: 0; }
#main-navigation #navigation-menu li { display: inline; }
#main-navigation #navigation-menu li a { float: left; height: 0; padding-top:37px; overflow: hidden; }
#main-navigation #navigation-menu li a,
#main-navigation #navigation-menu { background-image: url(../images/core-images/nav.png); background-repeat: no-repeat; }
 
/* BUTTONS */
#main-navigation #navigation-menu li.menu-1 a { background-position: 0 0; width:93px;}
#main-navigation #navigation-menu li.menu-2 a { background-position: -93px 0; width:168px;}
#main-navigation #navigation-menu li.menu-3 a { background-position: -261px 0; width:113px;}
#main-navigation #navigation-menu li.menu-4 a { background-position: -374px 0; width:183px;}
#main-navigation #navigation-menu li.menu-5 a { background-position: -557px 0; width:78px;}
#main-navigation #navigation-menu li.menu-6 a { background-position: -635px 0; width:150px;}
#main-navigation #navigation-menu li.menu-7 a { background-position: -785px 0; width:115px;}


/* OVER STATES */
#main-navigation #navigation-menu li.menu-1 a:hover { background-position: 0 -37px; width:93px;}
#main-navigation #navigation-menu li.menu-2 a:hover { background-position: -93px -37px; width:168px;}
#main-navigation #navigation-menu li.menu-3 a:hover { background-position: -261px -37px; width:113px;}
#main-navigation #navigation-menu li.menu-4 a:hover { background-position: -374px -37px; width:183px;}
#main-navigation #navigation-menu li.menu-5 a:hover { background-position: -557px -37px; width:78px;}
#main-navigation #navigation-menu li.menu-6 a:hover { background-position: -635px -37px; width:150px;}
#main-navigation #navigation-menu li.menu-7 a:hover { background-position: -785px -37px; width:115px;}


/* PRESSED STATES */
#main-navigation #navigation-menu li.menu-1 a.active { background-position: 0 -37px; cursor: default; width:93px;}
#main-navigation #navigation-menu li.menu-2 a.active { background-position: -93px -37px; cursor: default; width:168px;}
#main-navigation #navigation-menu li.menu-3 a.active { background-position: -261px -37px; cursor: default; width:113px;}
#main-navigation #navigation-menu li.menu-4 a.active { background-position: -374px -37px; cursor: default; width:183px;}
#main-navigation #navigation-menu li.menu-5 a.active { background-position: -557px -37px; cursor: default; width:78px;}
#main-navigation #navigation-menu li.menu-6 a.active { background-position: -635px -37px; cursor: default; width:150px;}
#main-navigation #navigation-menu li.menu-7 a.active { background-position: -785px -37px; cursor: default; width:115px;}


/* ON STATES */
#main-navigation #navigation-menu li.menu-1 :hover { background-position: 0 0; cursor: default; width:93px;}
#main-navigation #navigation-menu li.menu-2 :hover { background-position: -93px 0; cursor: default; width:168px;}
#main-navigation #navigation-menu li.menu-3 :hover { background-position: -261px 0; cursor: default; width:113px;}
#main-navigation #navigation-menu li.menu-4 :hover { background-position: -374px 0; cursor: default; width:183px;}
#main-navigation #navigation-menu li.menu-5 :hover { background-position: -557px 0; cursor: default; width:78px;}
#main-navigation #navigation-menu li.menu-6 :hover { background-position: -635px 0; cursor: default; width:150px;}
#main-navigation #navigation-menu li.menu-7 :hover { background-position: -785px 0; cursor: default; width:115px;}

ul.secondary-navigation li { margin-left:-30px; list-style:none; list-style-type:none; display:block;}
ul.secondary-navigation li a { color:#333;}
ul.secondary-navigation li.first { font-weight:bolder; }
ul.secondary-navigation li a:hover { color:#909;}
#nav1, #nav2, #nav3, #nav4, #nav5 { width:132px; float:left; margin-left:18px; margin-top:-8px;}

#usercontrols { background:url(../images/core-images/usercontrol.png) bottom right no-repeat; background-color:#909;  width:380px; margin:auto; float:right !important; height:23px; margin-bottom:15px;}
#usercontrols ul li { display:block; float:left !important; list-style-type:none; color:#FFF; margin-top:-10px;}
#usercontrols ul li.first { color:#FFF; padding-right:10px; margin-left:-20px;}
#usercontrols ul li.last { color:#FFF; padding-left:10px;}
#usercontrols ul li a, #usercontrols li a:link, #usercontrols li a:visited {color:#FFF; padding-left:10px; padding-right:10px;}
#usercontrols ul li a:hover, usercontrols li a.active {color:#FFF;}

ul.company-navigation li { margin-left:-40px; padding-left:10px; list-style:none; list-style-type:none; display:block; border-bottom:#CCC 1px solid; line-height:40px;}
ul.company-navigation li a { color:#333;}
ul.company-navigation li a.active { font-weight:bolder; }
ul.company-navigation li a:hover { color:#909;}

/* CONTENT */

#webhosting { background-image:url(../images/photos/webhosting.jpg); width:900px; height:250px; margin-bottom:20px;}
#seo { background-image:url(../images/photos/SEO.png); width:900px; height:250px; margin-bottom:20px;}
#domain { background-image:url(../images/photos/domain.png); width:900px; height:250px; margin-bottom:20px;}
#free { background-image: url(../images/photos/free.png); width:900px; height:250px; margin-bottom:20px;}
#smallbox { width:250px; height:250px; padding-left:15px; float:left;}
#freeagent { width:600px; height:180px; padding-left:15px; float:right; position:relative;}
#sitemap { width:888px;  padding:5px; position:relative; background-color:#FFF; border:#CCC solid 1px;}
#smallboxes { width:225px; height:250px; float:right;color:#FFF;}

#subcontent { margin:auto;}
#box1 { margin:auto; float:left; width:276px; height:270px; padding:5px; background-color:#FFF; border:#CCC 1px solid;}
#box2 { margin-left:18px; float:left; width:276px; height:270px; padding:5px; background-color:#FFF; border:#CCC 1px solid;}
#sbox2 { margin-left:18px; float:left; width:276px; height:270px; padding:5px; border:#CCC 1px solid; background:url(../images/photos/FreeAgent-Friendly.png) #111212 top no-repeat; color:#FFF;}
#sbox2 a { color:#FFF;}
#box3 { margin-left:18px; float:left; width:278px; height:272px; padding:5px; background:url(../images/photos/box.jpg) bottom right no-repeat #FFF;}
#domaininfo {width:888px; padding:5px; border:#CCC 1px solid; background-color:#FFF; margin-bottom:20px;}

.grey {background-color:#CCC; font-weight:bold;}
#newsletter { width:556px; margin-bottom:10px;}
#important {background-color: #FFC; border: #FC0 1px solid; width:534px; padding:10px;}
#view-all { width:50px; float:right; font-size:10px;}
#terms-nav { width:554px; text-align:center; font-style:italic;  font-size:10px; margin-bottom:10px;}
#next { width:230px; float:right; text-align:right;}
#previous { width:230px; float:left; text-align:left;}
#ad1 { margin:auto; width:290px; padding:5px;}
#ad2 { width:290px; padding:5px; background:url(../images/photos/box.jpg) bottom right no-repeat #FFF;}
.red { color:#F00;}

#tabelweb { margin:auto; width:556px;}
.tableweb { margin:auto; width:100px; border-left:#CCC solid 1px; border-bottom:#CCC solid 1px; padding:5px;}
.tableweb3 { margin:auto; width:100px; border-left:#CCC solid 1px; border-bottom:#CCC solid 1px; border-right:#CCC solid 1px; padding:5px;}
.tableweb2 { margin:auto; width:100px; border-left:#CCC solid 1px; border-bottom:#CCC solid 1px; padding-bottom:5px; padding-left:5px; padding-top:5px;}
.tableweb1 { margin:auto; border-left:#CCC solid 1px; border-bottom:#CCC solid 1px; padding-bottom:5px; padding-left:5px;}
.tableweb4 { margin:auto; border-left:#CCC solid 1px; border-bottom:#CCC solid 1px; border-right:#CCC solid 1px; padding-bottom:5px; padding-left:5px;}
.tableweb5 { margin:auto; border:#CCC solid 1px; padding:5px;}
.tablewebhead { clear:both; margin:auto; background-color:#CCC; color:#000; margin-bottom:20px;}
.positive { width:45px; padding-top:25px; height:0px; background-image:url(../images/core-images/tick.png); position:relative; overflow:hidden;}
#sidebarglobal { padding:5px;}
#top { margin-bottom:20px;}

#freesign { padding-right:20px; text-align:right; top:45px; float:right; position: relative; color:#FFF; clear:both;}
#freesign a { color:#FFF;}

/* BLOG */

#search-3 {list-style:none; display:block; text-decoration:none; padding-left:5px;}
#archives-3 {list-style:none; display:block; text-decoration:none; padding-left:8px;}
#categories-3 {list-style:none; display:block; text-decoration:none; padding-left:8px;}
#recent-posts-3 {list-style:none; display:block; text-decoration:none; padding-left:8px;}


/* LOGIN */

#panel {position: relative; margin:auto; width:900px; height: 0px; z-index: 10; overflow:hidden; color:#FFF; text-align: left;}
#panel a { color:#FFF;}
.reset { margin-right:105px; font-size:9px; font-style:italic;}
#toppanel { margin:auto; width:100%; background:#909; }
#paneltext { position: relative; width:300px; padding: 10px 35px 10px 0; text-align:right; border-right:#FF3DE3 solid 10px; float:left; line-height:18px;}
div#login { width:525px; padding: 10px 30px 10px 0; float:left; text-align:right; }