/* ---- GENERAL DECLARATIONS ---- */
* {
	margin:0px;
	padding:0px;
}
html {
	height:100%;
	width:100%;
}
body {
	font-family:"Verdana", sans-serif;
	text-align:center;
	width:100%;
	height:100%;
	background:#BDBDBD;
	padding-bottom:150px;
}

/* ---- CONTENT STYLING ---- */

#contWrap {
	position:relative;
	text-align:left;
	width:991px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
}

/* -- header -- */

#header {
	background:url("../images/header_bg_b.jpg") top left no-repeat;
	height:159px;
	margin:10px 0px 0px 0px;
	padding:0px 40px 0px 0px;
	color:#FFFFFF;
}
#header h1 {
	position:absolute;
	top:61px;
	left:95px;
	font-size:8pt;
	
}
#header a {
	padding:0px 245px 35px 0px;
	color:#555555;
}
#header #add {
	margin-top:20px;
	margin-right:-20px;
	float:right;
	text-align:right;
}
#header h2 {
	font-size:9pt;
	font-weight:normal;
	color:#BDBDBD;
}

/* -- login div -- */

#login {
	width:176px;
	background:url("../images/login_bg_b.jpg") top right no-repeat;
	margin:0px;
	padding:100px 0px 0px 100px;
	float:left;
}
#login h4 {
	color:#CC6600;
	font-size:12pt;
	width:185px;
}
#login p {
	margin:10px 0px 5px 0px;
	font-size:9pt;
	color:#666666;
}
#login form {
	width:185px;
	padding:0px 0px 10px 0px;
}
#login .fld {
	padding:4px 10px 4px 4px;
	font-size:9pt;
	width:185px;
	border:0px;
	background:url("../images/text_field.jpg") top left no-repeat;
	color:#666666;
}
#login .btn {
	border:0px;
	margin:5px 0px 0px 0px;
	padding:2px 4px 2px 1px;
	background:url("../images/button.jpg") bottom left no-repeat;
	color:#FFFFFF;
}
#login .btn:hover {
	background-position: top left;
	color:#E7E7E7;
}
#login p {
	margin:5px 0px;
	font-size:8pt;
}
#login a:link, #login a:visited {
	text-decoration:none;
	color:#999999;
}
#login a:hover {
	color:#CC6600;
}
#advert {
	position:absolute;
	top:600px;
	left:75px;
}

/* -- wrapper styling -- */

#main {
	margin:0px;
	padding:0px;
	float:right;
	width:715px;
	background:url("../images/content_bg_b.jpg") bottom right no-repeat;
}
#main #sep1 {
	height:24px;
	padding:0px 0px 0px 270px;
	background:url("../images/seperator_b.jpg") top left no-repeat;
}
#main #sep2 {
	width:657px;
	margin:0px 25px;
	border-bottom:1px dotted #999999;
}
#main #sep2 a {
	visibility:hidden;
}
#main h4 {
	margin:0px;
	color:#CC6600;
	font-size:14pt;
}

/* -- general nav styling -- */

#nav {
	float:left;
	width:220px;
	margin:0px 0px 22px 25px;
	padding:0px 0px 0px 0px;
}
#nav #top {
	padding:10px 0px 59px 0px;
	list-style-type:none;
	color:#999999;
}
#nav #top h5 {
	font-size:11pt;
	margin:5px 0px
}
#nav .btm {
	font-size:9pt;
	margin:0px 0px 0px 25px;
	list-style-type:disc;
	color:#CC6600;
}
#nav h5 a:link, #nav h5 a:visited {
	color:#999999;
	text-decoration:none;
	font-weight:bold;
}
#nav h5 a:hover {
	color:#CC6600;
}
#nav .btm a:link, #nav .btm a:visited {
	color:#999999;
	text-decoration:none;
}
#nav .btm a:hover {
	color:#CC6600;
}

/* -- general content styling -- */

#cont {
	margin:15px 0px 20px 240px;
	padding:0px 0px 10px 15px;
	width:425px;
	border-left:1px dotted #999999;
}
#cont .ent {
	margin:0px 0px 15px 0px;
}
#cont .ent h5 {
	font-size:11pt;
	color:#CC6600;
}
#cont .ent h6 {
	margin:10px 0px 0px 0px;
	font-size:9pt;
	color:#999999;
}
#cont .ent p {
	margin:15px 0px 5px 0px;
	padding:0px 15px 0px 0px;
	font-size:9pt;
	color:#999999;
}
#cont .ent .subtext {
	font-size:6pt;
}
#cont .ent a:link, #cont .ent a:visited {
	font-size:8pt;
	color:#999999;
	text-decoration:none;
}
#cont .ent a:hover {
	color:#CC6600;
}

.bottom_small {
	position:absolute;
	top:665px;
	left:330px;
	font-size:7pt;
	color:#999999;
	width:635px;
}
/* -- page specific styling -- */

#how #cont {
	position:relative;
}
#how #cont .sub {
	margin:15px 0px 0px 0px;
	font-size:7pt;
}
#how #cont img {
	position:absolute;
	top:214px;
	left:50px;
	padding:0px;
}
.short #login {
	height:400px;
}

.short #cont {
	height:411px;	
	padding:0px 0px 10px 25px;
}
.short #cont .ent p, .long #cont .ent p, .xlong #cont .ent p {
	margin:5px 0px 5px 0px;
}
#contact .ent h5 {
	margin-bottom:10px;
}
#contact .ent p {
	margin-top:0px;
	margin-left:15px;
}
.long #cont {
	height:577px;
	padding:0px 0px 10px 25px;
}
.long #main {
	background:#FFFFFF url("../images/content_bg_b_xt.jpg") bottom right no-repeat;
	height:666px;
}
.long #login {
	height:566px;
	background:url("../images/login_bg_b_xt.jpg") top right no-repeat;
}
.xlong #cont {
	height:669px;
	padding:0px 0px 10px 25px;
}
.xlong #main {
	background:#FFFFFF url("../images/content_bg_c_xlt.jpg") bottom right no-repeat;
	height:749px;
}
.xlong #login {
	height:668px;
	background:url("../images/login_bg_b_xlt.jpg") top right no-repeat;
}

/* --- List Styling --- */

#cont .ent ul {
	font-size:9pt;
	margin:10px 0px 0px 20px;
}
#cont .ent ul li {
	margin:3px 0px;
	color:#999999;
}

/* ---- Footer ---- */

#footer {
	clear:both;
	padding:0px 0px 0px 35px;
	width:100%;
}
#footer p {
	padding-top:10px;
	display:inline;
	width:400px;
	font-size:9pt;
	float:left;
	color:#ffffff;
}
#footer #pl {
	padding-top:14px;
	color:#dedede;
	float:right;
}
#footer a:link, #footer a:visited {
	color:#dedede;
	text-decoration:none;
}
#footer a:hover {
	color:#ffffff;
}


/* -- index content styling -- */

#index #header {
	height:224px;
	background:url("../images/header_bg_a.jpg") top left no-repeat;
	margin-top:20px;
}
#index #header h1 {
	top:87px;
	left:50px;
}
#index #header a {
	padding:0px 345px 35px 0px;
	color:#262626;
}
#index #login {
	height:420px;
	width:205px;
	background:url("../images/login_bg_a_b.jpg") top right no-repeat;
}
#index #login #advert a img{
	outline:none;
	border:0;
}
#index #main {
	width:686px;
	height:519px;
	background:#FFFFFF url("../images/content_bg_a.jpg") bottom right no-repeat;
}
#index #main h4 {
	font-size:18pt;
}
#index #main #sep1 {
	padding:0px 0px 0px 200px;
	height:31px;
	background:url("../images/seperator_a.jpg") top left no-repeat;
}
#index #main #sep2 {
	width:641px;
}
#index #cont {
	position:absolute;
	margin:15px 0px 0px 250px;
	padding:0px 0px 0px 25px;
	width:380px;
	height:365px;
}
#index #cont h5 {
	font-size:11pt;
	color:#CC6600;
}
#index #cont p {
	margin:0px 0px 25px 0px;
	padding:0px 15px 0px 0px;
	font-size:9pt;
	color:#999999;
}
#index #cont .bigT {
	font-size:11pt;
}