/* CSS Document */

body {
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	background: #DAEBF5 url(img/body_bg.png) repeat-x 0 0;
}

h1,h2,h3,h4,h5,h6,p,form { margin: 0; padding: 0 }

#Index {
	width: 763px;
	margin: 0 auto;
	background: white url(img/Index_bg.png) no-repeat 0 143px;
	padding-left: 7px;
	margin-top: 25px;
}

#logo {
	text-indent: -5000000px;
	background: transparent url(img/HostGold-Logo.png) no-repeat 0 0;
	width: 341px; height: 60px;
}

#Logo-SubSection {
	width: 375px;
	height: 60px;
	float: left;
	padding-top: 17px;
	background: transparent url(img/Logo-Subsection.png) no-repeat 0 0
}

#Logo-SubSection h3 {
	font: normal bold 14px/18px "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

#Logo-SubSection  p {
	font: normal normal 12px/14px "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	text-align: center
}

#Hg-Flash {
	float: left;
	margin-left: 4px;
	margin-top: -135px
}

#Box-green {
	float: left;
	margin-top: 5px;
	padding-left: 15px;
	padding-top: 5px;
	background: transparent url(img/Box-green.png) no-repeat 0 0;
	width: 358px; height: 128px
}

#Box-green h3 {
	font: normal bold 18px "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	color: white
}

#Box-green h5 {
	font: normal normal 14px "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	color: white;
	background: transparent url(img/bullqrd.png) no-repeat 10px 5px;
	padding-left: 20px
}

#Box-green #Box-Construtor {
	background: transparent url(img/Construtor-Box.png) no-repeat 0 0;
	width:333px; height: 76px;
}

#Box-green #Box-Construtor a.button {
	background: transparent url(img/Construtor-Box-Button.png) no-repeat 0 0;
	width: 101px; height: 23px; display: block;
	font: normal normal 12px "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	color: white;
	text-decoration: none;
	padding-top: 3px;
	text-align: center;
	float: right;
	margin-right:18px;
	margin-top: 22px;
	font-weight: bold
}

#Box-green #Box-Construtor a.button:hover {
	background-position: 0 -26px;
	color: #FFFFCE	
}

#body {
	clear: both;
	float: none;
	margin-left: -7px;
	background: url(img/Index_bg.png) repeat-y 0 0;
	height: 850px
}

#body #rightSide {
	width: 186px;
	float: right;
	margin-right: 5px;
	height: 850px;
	background: #E4EADC url(img/rightSide-bg.png) no-repeat 0 0;
}

#body #rightSide form fieldset {
	border: 0;
	padding: 0;
	margin: 0
}

#body #rightSide form fieldset.dfInput {
	background: transparent url(img/rightSide-form-input-bg.png) no-repeat 0 0;
	font: normal bold 12px "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin: 4px 0 0 6px
}

#body #rightSide form fieldset.dfInput label {
	display: block;
	float: left;
	margin-left: 5px;
	height: 15px;
	padding-top: 5px;
	margin-right: 5px;
	width: 60px;
	text-align: right;
	color: #8F8F8F
}

#body #rightSide form fieldset.dfInput input {
	width: 97px;
	border: 0;
	font: normal normal 12px "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	height: 18px;
	margin-top: 3px;
	float: left;
	color: #000
}

#body #rightSide form #lblAccess {
	font: normal bold 13px "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	margin-left: 8px;
	margin-top: 10px;
}

#body #rightSide form #fRightNav {
	float: right; margin-top: 5px; margin-right: 10px;
}

#body #rightSide form #fRightNav a {
	font-size: 12px;
	margin-right: 5px
}

#body #rightSide #ChatBox {
	margin: 10px;
	background: white;
	height: 100px;
	clear: both;
	float: none
}

#body #rightSide h3.sec {
	text-align:center;
	font-size: 16px;
}

#content {
	padding-left:8px;
	padding-top: 2px
}