/* ==========================================
	Site: ihostbr.com
	Autor: Lincoln Lamas - lincolnlamas.com
	Data: 15 ABR 2008
	Versao: 1.0
========================================== */
   
/* ==========================================
		            GLOBAL
========================================== */

body, td, th {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
}
body {
	margin: 0;
	background-color: #333;
}
p {
	padding: 0 0 10px 0;
	margin: 0;
	line-height: 18px;
	text-align: justify;
}
hr {
	height: 0;
	background-color: #EBEBEB;
	border: 0;
	margin: 10px 0;
	border-top: solid 1px #EBEBEB;
	overflow: hidden;
}
form {
	margin: 0;
	padding: 0;
}
input, select, textarea {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
}

a#tooCool {
	position: fixed;
	right: 0;
	bottom: 0;
	display: block;
	height: 80px;
	width: 80px;
	background: url(/images/too_cool_sash_br.png) bottom right no-repeat;
	text-indent: -999em;
	text-decoration: none;
}

/*  =================================
	LAYERS
	=================================  */
#banner_container {
	color: #CCC;
	background: #52ABD5 url(../images/banner_bg.gif) repeat-x;
	text-align: center;
	padding: 0;
	height: 120px;
	margin: 0;
	border-top: 5px solid #333;
}
#banner_container #banner {
	color: #FFF;
	background: #52ABD5 url(../images/banner_bg.gif) repeat-x;
	text-align: left;
	padding: 0;
	height: 120px;
	width: 800px;
	margin: 0 auto;
}
#banner_container #banner #logo {
	color: #FFF;
	text-align: left;
	margin: 0;
	padding: 0;
	height: 90px;
	width: 400px;
	float: left;
}
#banner_container #banner #menu {
	color: #81C0DE;
	text-align: center;
	float: right;
	margin: 0;
	padding: 0;
	width: 400px;
	height: 90px;
	line-height: 90px;
	font-size: 11px;
}
#banner_container #banner #nav {
	color: #FFF;
	margin: 0;
	padding: 0;
	height: 30px;
	width: 800px;
	line-height: 30px;
}
#content_container {
	color: #666;
	background: #FFF url(../images/content_bg.gif) repeat-x;
	text-align: center;
	margin: 0;
	padding: 0;
	border-bottom: 3px solid #CCC;
}
#content_container #content {
	color: #666;
	text-align: left;
	padding: 0px;
	width: 800px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#content_container #content #subnav {
	color: #666;
	text-align: left;
	margin: 0;
	padding: 0 0 15px 0;
	width: 800px;
	line-height: 30px;
	font-size: 11px;
}
#content_container #content #left {
	color: #666;
	background-color: #FFF;
	text-align: left;
	float: left;
	padding: 0;
	width: 540px;
	margin: 0 20px 10px 0;
}
#content_container #content #right {
	color: #666;
	background: #F5F5F5 url(../images/right_bg_top.gif) no-repeat;
	text-align: left;
	width: 220px;
	float: right;
	padding: 7px 10px 0 10px;
	margin: 0 0 10px 0;
	font-size: 11px;
}
#footer_container {
	color: #666;
	font-size: 11px;
	background-color: #333;
	text-align: center;
	margin: 0;
	padding: 0 0 20px 0;
}
#footer_container #footer {
	color: #666;
	background-color: #333;
	text-align: left;
	padding: 0;
	width: 800px;
	margin: 0 auto;
}
/*  =================================
	LINKS
	=================================  */
a, a:visited {
	color: #333;
	text-decoration: none;
}
a:hover {
	color: #666;
	text-decoration: underline;
}
h2 a, h2 a:visited {
	color: #0976A9;
	text-decoration: none;
}
h2 a:hover {
	color: #0976A9;
	text-decoration: underline;
}
#banner_container #banner #menu ul li a, #banner_container #banner #menu ul li a:visited {
	color: #999999;
	text-decoration: none;
}
#banner_container #banner #menu ul li a:hover {
	color: #CCCCCC;
	text-decoration: none;
}
#banner_container #banner #nav ul li a, #banner_container #banner #nav ul li a:visited {
	display: block;
	width: 95px;
	height: 30px;
	background-image: url(../images/nav_bg_inactive.gif);
	background-repeat: no-repeat;
	line-height: 30px;
	color: #FFF;
	text-align: center;
	padding: 0;
	margin: 0 0 0 5px;
	font-weight: bold;
	text-decoration: none;
}
#banner_container #banner #nav ul li a:hover {
	background-image: url(../images/nav_bg_hover.gif);
}
#banner_container #banner #nav ul li a.selected, #banner_container #banner #nav ul li a.selected:visited, #banner_container #banner #nav ul li a.selected:hover {
	background-image: url(../images/nav_bg_active.gif);
	color: #333;
}
#banner_container #banner #nav ul li a.signup, #banner_container #banner #nav ul li a.signup:visited, #banner_container #banner #nav ul li a.signup:hover {
	background-image: url(../images/nav_bg_signup.gif);
}
#content_container #content #subnav ul li a, #content_container #content #subnav ul li a:visited {
	color: #333;
	text-decoration: none;
}
#content_container #content #subnav ul li a:hover {
	color: #333;
	text-decoration: none;
}
#content_container #content #subnav ul li a.selected, #content_container #content #subnav ul li a.selected:visited, #content_container #content #subnav ul li a.selected:hover {
	color: #333;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 3px solid #AF2D00;
	text-align: center;
}
#content_container #content #right ul.menu li a, #content_container #content #right ul.menu li a:visited {
	display: block;
	background: #F5F5F5 url(../images/page.gif) 5px 3px no-repeat;
	width: 195px;
	height: 25px;
	line-height: 25px;
	padding: 0 0 0 25px;
	text-decoration: none;
	color: #666;
}
#content_container #content #right ul.menu li a:hover {
	background-color: #EBEBEB;
	text-decoration: none;
	color: #333;
}
#content_container #content #right ul.menu li a.selected, #content_container #content #right ul.menu li a.selected:visited, #content_container #content #right ul.menu li a.selected:hover {
	background-color: #FFFFCC;
	color: #333;
	font-weight: bold;
}
#footer_container #footer a, #footer_container #footer a:visited {
	color: #CCC;
	text-decoration: none;
}
#footer_container #footer a:hover {
	color: #666;
	text-decoration: underline;
}
#footer_container #footer ul li a, #footer_container #footer ul li a:visited {
	color: #666;
	text-decoration: none;
}
#footer_container #footer ul li a:hover {
	color: #CCC;
	text-decoration: underline;
}
table.data th a, table.data th a:visited {
	color: #FFF;
	text-decoration: underline;
}
table.data th a:hover {
	color: #FFF;
	text-decoration: none;
}
a.bigbutton, a.bigbutton:visited {
	display: block;
	width: 250px;
	height: 80px;
	background: #FFF url(../images/big_button_bg.gif) no-repeat;
	text-align: center;
	line-height: 80px;
	font-size: 18px;
	color: #333;
	padding: 0;
	margin: 10px 0;
	text-decoration: none;
}
a.bigbutton:hover {
	color: #AF2D00;
}
a.button, a.button:visited, a.button:hover {
	display: block;
	background-image: url(../images/button.gif);
	background-repeat: no-repeat;
	color: #333;
	font-size: 11px;
	width: 65px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	text-decoration: none;
}
a.button:active {
	display: block;
	background-image: url(../images/button_active.gif);
	background-repeat: no-repeat;
	color: #333;
	font-size: 11px;
	width: 65px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	text-decoration: none;
	padding-top: 2px;
}
/*  =================================
	HEADERS
	=================================  */
h1 {
	font-size: 24px;
	color: #333;
	font-weight: normal;
	margin: 0 0 10px 0;
	padding: 0;
}
h2 {
	font-size: 18px;
	color: #006600;
	font-weight: normal;
	margin: 5px 0 8px 0;
	padding: 0;
}
h3 {
	font-size: 14px;
	color: #6E0001;
	margin: 5px 0 5px 0;
	padding: 0;
}
/*  =================================
	LISTS
	=================================  */
#banner_container #banner #menu ul {
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
	width: 360px;
}
#banner_container #banner #menu ul li {
	float: left;
	margin: 0;
	padding: 0 10px;
	width: 70px;
}
#banner_container #banner #nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 100px;
}
#banner_container #banner #nav ul li {
	float: left;
	padding: 0;
	margin: 0;
}
#content_container #content #subnav ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#content_container #content #subnav ul li {
	float: left;
	padding: 0 15px 0 0;
	margin: 0;
}
#content_container #content #right ul.menu {
	list-style-type: none;
	margin: 5px 0 7px 0;
	padding: 0;
}
#content_container #content #right ul.menu li {
	padding: 0;
	margin: 0;
}
#content_container #content #right ul.contact {
	list-style-type: none;
	margin: 0 0 10px 0;
	padding: 0;
}
#content_container #content #right ul.contact li {
	padding: 0;
	margin: 0;
}
#footer_container #footer ul {
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
	width: 800px;
}
#footer_container #footer ul li {
	float: left;
	padding: 0 10px;
	margin: 20px 0;
	width: 80px;
	text-align: center;
}
ul.arrow {
	list-style-type: none;
	padding: 0;
	margin: 0 0 15px 0;
}
ul.arrow li {
	background: #FFF url(../images/bullet_arrow.gif) 5px 0px no-repeat;
	padding: 0 0 0 25px;
	margin: 0 0 5px 0;
	line-height: 18px;
}
/*  =================================
	TABLES
	=================================  */
table.data {
	padding: 0;
	margin: 0 0 15px 0;
}
table.data th {
	background-color: #6E0001;
	color: #FFF;
	font-weight: bold;
	font-size: 14px;
}
table.data tr td.pricing {
	background-color: #EBEBEB;
	color: #333;
}
table.data tr.alt1 td {
	background-color: #FFF;
	border-bottom: 1px solid #EBEBEB;
}
table.data tr.alt2 td {
	background-color: #F5F5F5;
	border-bottom: 1px solid #EBEBEB;
}
table.data tr.save td {
	background-color: #EAFFDF;
	border-bottom: 1px solid #EBEBEB;
}
/*  =================================
	IMAGES
	=================================  */
a img {
	border: 0;
}
img.absmiddle {
	vertical-align: middle;
}
img.leftalign {
	float: left;
	padding: 0 10px 10px 0;
	margin: 0;
}
img.promo {
	margin: 0 0 15px 0;
	padding: 0;
}
/*  =================================
	SPECIAL
	=================================  */
.clear {
	clear: both;
}
.column1 {
	float: left;
}
.column2 {
	float: right;
}
.leftcolumn {
	float: left;
	width: 265px;
	margin: 0 5px 0 0;
	padding: 0;
}
.rightcolumn {
	float: left;
	width: 265px;
	margin: 0 0 0 5px;
	padding: 0;
}
.full_leftcolumn {
	float: left;
	width: 395px;
	margin: 0 5px 0 0;
	padding: 0;
}
.full_rightcolumn {
	float: left;
	width: 395px;
	margin: 0 0 0 5px;
	padding: 0;
}
.red {
	color: #AF2D00;
}
.green {
	color: #006600;
}
.highlight {
	background-color: #FFFFCC;
	padding: 10px;
	margin: 0 0 10px 0;
}
.graybox {
	background-color: #F5F5F5;
	padding: 10px;
	margin: 0 0 10px 0;
}
.hostplan {
	background: #F5F5F5 url(../images/hostplan_top_bg.gif) no-repeat;
	padding: 4px 10px 10px 10px;
	margin: 0 0 10px 0;
	width: 245px;
}
.price {
	color: #6E0001;
	font-size: 16px;
	font-weight: bold;
}
.priceorder {
	float: left;
	width: 130px;
	margin: 0 10px 10px 0;
	padding: 15px 0 0 0;
}
.plandesc {
	float: right;
	width: 400px;
	margin: 0;
	padding: 0;
	text-align: left;
}
.bigfont {
	font-size: 24px;
}
#content_container #content #right .header {
	display: block;
	width: 220px;
	height: 25px;
	color: #333;
	padding: 0;
	margin: 0 0 5px 0;
	font-size: 12px;
	font-weight: bold;
	line-height: 25px;
	border-bottom: 1px solid #EBEBEB;
}
#tooltip {
	width: 220px;
    padding: 5px;
	background-color: #FFFFCC;
    text-align: left;
    font-size: 11px;
}