/* ============================================================================ */
/* ==                                                                        == */
/* ==          IF YOU MAKE ANY CHANGES TO THIS FILE, IT NEEDS TO BE          == */
/* ==          REFLECTED IN MAIN_STYLES.CSS IN THE WHMCS TEMPLATE!!          == */
/* ==                                                                        == */
/* ============================================================================ */




/* TEXT, COLORS & BACKGROUNDS */
body {background:#d3e0e6 url(images/top.jpg) top center repeat-x; color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}

#wrapper {background:transparent url(images/head.jpg) 50% 120px no-repeat;}
#header {background:transparent;}
#menu {background:transparent;}
#content_space {background:transparent;}
#content {background:transparent;}
#sub_space {background:transparent url(images/sub_bg.png) 0 100% repeat-x;}
#mailLogin input.email, #mailLogin input.password {color:#444; border:1px solid #999;}
#hostLogin input.email, #hostLogin input.password {color:#444; border:1px solid #999;}
#projectLogin input.login, #projectLogin input.password {color:#444; border:1px solid #999;}
#email_login {background:#fff url(images/buttons/email_address.png) -4px 0 no-repeat;}
#password_login {background:#fff url(images/buttons/password.png) -4px 0 no-repeat;}
#project_login {background:#fff url(images/buttons/username.png) -4px 0 no-repeat;}
#project_pass {background:#fff url(images/buttons/password.png) -4px 0 no-repeat;}
  .announce_title {color:#000; font-weight:bold;}
  .announce_date {color:#444; font-size:10px;}
  .announce_info, .announce_info p {color:#036; font-size:11px;}
  .announce_more, .announce_more:visited {color:#444; font-size:11px;}
  .announce_more:hover, .announce_more:active {color:#000;}
  .announce_all {font-size:11px; text-align:right;}
  .announce_all a, .announce_all a:visited {color:#444;}
  .announce_all a:hover, .announce_all a:active {color:#000;}
  .rss_feed {text-align:right;}
  .rss_feed a, .rss_feed a:visited {color:#036; font-size:11px;}
  .rss_feed a:hover, .rss_feed a:active {color:#000;}
  .rss_feed a img {}
#footer {background:transparent url(images/foot.jpg) top center repeat-x;}

#footer a, #footer a:visited {color:#555; font-weight:bold; text-decoration:none;}
#footer a:active, #footer a:hover {color:#000;}

h4 {font-size:14px; font-weight:bold; color:#c00;} /* Login & Announcement Text */
h5 {font-size:11px; font-weight:normal; color:#444;}
h6 {font-size:11px; font-weight:normal; color:#39c; text-align:right;}

/* LAYOUT & POSITION */
html {height:100%; border:0; margin:0; overflow-y:scroll; padding:0;}
body {height:100%; border:0; margin:0; padding:0;}

#wrapper {margin:0 auto; min-height:100%; padding:0; position:relative; width:100%;}
* html #wrapper {height:100%;}
#header {height:300px; margin:0 auto; padding:0; width:960px;}
.sitemap {float:left; color:#d3e0e6; font-size:10px; margin:0; padding:5px 0; width:160px;}
 .sitemap a {color:#d3e0e6!important;}
 .sitemap a:hover, .sitemap a:active {color:#fff!important;}
.mail_login {float:right; height:24px; margin:0 -20px 0 0; padding:0; overflow:visible; text-align:right; width:486px;}
  #mailLogin, #mailLogin input.hidden {margin:0; padding:0;}
  #mailLogin input.email, #mailLogin input.password {float:left; clear:none; margin:2px 0 0 4px; padding:1px 4px; width:160px;}
  #mailLogin input.submit {float:left; margin:0 16px 18px 0; padding:0;}
#logo {clear:both; float:left; margin:8px 0 0 -6px; padding:0;}
 #logo a img {border:0; margin:0; padding:0;}
#quick_links {clear:right; float:right; margin:8px 0 0; padding:0; text-align:right; width:240px;}
 #quick_links strong {border-bottom:1px dashed #666; color:#069; display:block; font-size:18px; width:100%;}
 #quick_links ul {background:transparent url(images/quick_links_bg.jpg) right repeat-y; font-weight:bold; list-style-type:none; margin:0; padding:0; width:100%;}
 #quick_links ul li {border-bottom:1px dashed #666; padding:2px 10px;}
 #quick_links ul li a {color:#333; text-decoration:none;}
 #quick_links ul li a:hover, #quick_links ul li a:active {color:#000; font-style:italic;}
#menu {height:24px; margin:0 auto; padding:0; width:960px;}
#content_space {margin:0 auto; padding:0 0 60px; width:960px;}
#content{margin:0 auto; padding:0; width:960px;}
 #main_space {margin:0; padding:32px 0;}
 #main_content {margin:0; padding:0 20px 0 0;}
 #sub_space {float:right; margin:-8px 0 0 20px; padding:0 0 80px; width:240px;}
 #sub_content {margin:0; padding:0 10px; width:100%;}
  #hostLogin, #hostLogin input.hidden {margin:0; padding:0;}
  #hostLogin input.email, #hostLogin input.password {margin:4px 0; padding:2px 4px; width:170px;}
  #hostLogin input.submit {float:right; margin:0 16px 18px 0; padding:0;}
  #projectLogin, #projectLogin input.hidden {margin:0; padding:0;}
  #projectLogin input.login, #projectLogin input.password {margin:4px 0; padding:2px 4px; width:170px;}
  #projectLogin .forgot_pass {float:right; font-size:11px; margin:0 20px 4px 0; padding:0;}
  #projectLogin input.submit {clear:right; float:right; margin:0 16px 18px 0; padding:0;}
  .announce_title {clear:right; margin:8px 20px 0 0; padding:0;}
  .announce_date {margin:0 20px 0 0; padding:0;}
  .announce_info {margin:4px 20px 0 0; padding:0;}
	 .announce_info p {margin:0; padding:0; text-align:left;}
  .announce_more {float:right; margin:0 20px 8px 0; padding:0;}
  .announce_all {clear:right; margin:0 20px 16px 0; padding:0;}
  .rss_feed {margin:0 auto; padding:0; width:100%;}
  .rss_feed img {border:0; float:right; margin:-2px 36px 0 8px; padding:0;}
#footer {clear:both; height:58px; margin:-58px auto 0 auto; padding:0; position:relative; width:100%;}
#footer ul {list-style-type:none; margin:0 auto; padding:6px 0; width:960px;}
#footer li {display:inline; padding:0 12px;}
#footer a {}
#footer h6 {margin:0 auto; width:960px;}

h4 {clear:both; margin:12px 0 8px; padding:0;}
h5 {margin:0; padding:0;}
h6 {margin:0; padding:0;}

.clear {clear:both;}

/* DROP DOWN BAR */
#dropDownBar {position:absolute; text-align:center; top:0px; width:100%; z-index:1;}
#dropDownBar_content {margin:0 auto; width:760px;}
#dropDownBar_inner {margin:0 0 0 auto; float:right; font-size:12px; width:200px;}
#dropDownBarPopup {background-color:#39c; height:18px; margin:0 auto; vertical-align:top;}
#dropDownBarBanners {padding:0 2px 4px; margin:0 auto;}
#dropDownBarBanners a, #dropDownBarBanners a:visited {color:#fff; padding:0 8px; margin:0 auto; text-decoration:none;}
#dropDownBarBanners a:active, #dropDownBarBanners a:hover {color:#000; text-decoration:underline;}
#dropDownBarControls {background-color:transparent; height:8px; margin:0 auto;}
#dropDownBarButton {color:#fff; display:block; position:relative; right:0; text-align:right; top:0;}
#dropDownBarButton img {border:0; float:right;}

/* MENU */
/* Support & Contact */
#SubNav {float:right; margin:0 52px 0 0; padding:0;}
#SubNav li {cursor:pointer; float:left; list-style-type:none; margin:0; padding:10px 16px 8px 0;}
#SubNav li a {color:#fff; text-decoration:none; font-weight:bold; padding:0 0 0 16px;}
#SubNav li a:hover, #SubNav li a:focus, #SubNav li a:active {color:#000;}
.Support #SubNav li#Support a, .Contact #SubNav li#Contact a {background:transparent url(images/pagemark.png) no-repeat; color:#000; cursor:default;}

/* Home, Hosting, Design... */
#MainNav {float:left; height:24px; margin:0; padding:0; position:relative;}/* "Master" UL (the whole MainNav) */
#MainNav li ul {color:#000; cursor:default; font-size:11px; height:20px; margin:0 24px; padding:2px 0 !important; position:absolute; left:-9000px; top:24px; width:90%; min-width:90%;}/* sub-MainNav ULs */
#MainNav li {cursor:pointer; float:left; list-style-type:none; padding:5px 16px 5px 0;}/* All LIs */
#MainNav li ul li {margin:0; padding:4px 0;}/* sub-MainNav LIs */
#MainNav li a {color:#555; font-weight:bold; text-decoration:none; padding:0 16px 0 0;}/* All anchors */
#MainNav li ul li a {background:none !important; color:#036 !important; cursor:pointer !important; font-style:italic; font-weight:bold; padding:0; position:relative !important /* ie Mac */; white-space:nowrap;}/* sub-MainNav Anchors */
#MainNav li a:hover, #MainNav li a:focus, #MainNav li a:active {color:#000!important;}/* :hover and stuff */
#MainNav li:hover ul, #MainNav li.msieFix ul {left:0;z-index:10}/* position and z-index for the sub-MainNavs */
/* Current location - class on Body must match LI's id */
.Hosting #MainNav li#Hosting a,
.Design #MainNav li#Design a,
.Backup #MainNav li#Backup a,
.Internet #MainNav li#Internet a,
.CompServ #MainNav li#CompServ a,
.Item6 #MainNav li#Item6 a, 
.Item7 #MainNav li#Item7 a,
.Item8 #MainNav li#Item8 a,
.Home #MainNav li#Home a {background:transparent; color:#000; cursor:default;}
.Hosting #MainNav li#Hosting ul,
.Design #MainNav li#Design ul,
.Backup #MainNav li#Backup ul,
.Internet #MainNav li#Internet ul,
.CompServ #MainNav li#CompServ ul,
.Item6 #MainNav li#Item6 ul,
.Item7 #MainNav li#Item7 ul,
.Item8 #MainNav li#Item8 ul,
.Home #MainNav li#Home ul {left:0;z-index:5}
/* background images and border colors */
#Hosting:hover,#Hosting:focus,
#Design:hover,#Design:focus,
#Backup:hover,#Backup:focus,
#Internet:hover,#Internet:focus,
#CompServ:hover,#CompServ:focus,
#Item6:hover,#Item6:focus,
#Item7:hover,#Item7:focus,
#Item8:hover,#Item8:focus,
#Home:hover,#Home:focus,
.Hosting #MainNav li#Hosting,
.Design #MainNav li#Design,
.Backup #MainNav li#Backup,
.Internet #MainNav li#Internet,
.CompServ #MainNav li#CompServ,
.Item6 #MainNav li#Item6,
.Item7 #MainNav li#Item7, 
.Item8 #MainNav li#Item8, 
.Home #MainNav li#Home {background:none !important;}/* current location */
#MainNav li#Hosting ul,
#MainNav li#Design ul,
#MainNav li#Backup ul,
#MainNav li#Internet ul,
#MainNav li#CompServ ul,
#MainNav li#Item6 ul,
#MainNav li#Item7 ul,
#MainNav li#Item8 ul,
#MainNav li#Home ul,
.Hosting #MainNav li#Hosting ul,
.Design #MainNav li#Design ul,
.Backup #MainNav li#Backup ul,
.Internet #MainNav li#Internet ul,
.CompServ #MainNav li#CompServ ul,
.Item6 #MainNav li#Item6 ul,
.Item7 #MainNav li#Item7 ul,
.Item8 #MainNav li#Item8 ul,
.Home #MainNav li#Home ul {background:#d3e0e6 url(images/menu_bg.jpg) top repeat-x;}/* background color of sub menu */
#Hosting,
#Design,
#Backup,
#Internet,
#CompServ,
#Item6,
#Item7,
#Item8,
#Home {background:none;}
#Hosting li a,
#Design li a,
#Backup li a,
#Internet li a,
#CompServ li a,
#Item6 li a,
#Item7 li a,
#Item8 li a,
#Home li a {background:none;}
/* "trigger" and "msieFix" classes */
#MainNav li.msieFix a {color:#555 !important;}
#MainNav li.msieFix ul li a {color:#036 !important;}
#MainNav li.msieFix a:hover,
#MainNav li.msieFix a:focus {color:#000 !important;}
#MainNav li.msieFix ul li a:hover,
#MainNav li.msieFix ul li a:focus {color:#000 !important;}

/************************************************/
/* Pure CSS Drop Down MainNav [TJK_dropDown] v1.1  */
/* Copyright 2006, Thierry Koblentz             */
/* TJKDesign.com. all rights reserved.          */
/************************************************/