/* CSS Document */
/* Document created by Graham Apolony for Mistafog*/
/* Contact: graham@bignotemarketing.com */
/* August 1, 2008 

*/

body {background-color: #383838; margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif;}
ul, li, p, h1, h2, h3 {padding: 0; margin: 0;}
p {line-height: 18px; font-size: 12px;}
a img {border: none;}
hr.divider {border: none; height: 1px; background-color: #3d3d3d; margin: 22px 30px;}
.tcenter {text-align:center !important;}

div#background1 {background: white; position: relative; margin: 0 auto; width: 100%;}
div#shadow {background: transparent url(images/shadow.png) top center repeat-y; position: relative; margin: 0 auto; width: 100%;}
div#siteBody {background: #fff; position: relative; margin:0 auto; width: 951px; border-bottom: 2px solid #4eb3d6; padding-bottom: 28px;}
div#header{ background: url(images/header.png) 0 0 no-repeat; width: 952px; height: 225px; position:relative; font-weight: bold;}

div#topheader {height: 45px; display:block;}
div#topheader span.title {position:absolute; top: 5px; left: 230px;}
div#topheader h1 {font-size: 35px;}
div#topheader h2 {font-size: 18px; padding-left: 2px;}
div#topheader span.minimenu {position: absolute; top: 32px; right: 56px; color: white;}
div#topheader span.minimenu li, div#footer li {padding: 0 4px;}
div#header span.logolink {position:absolute; top: 0px; left: 20px;}

div#optin {
	margin-top:20px;
	margin-right:20px;
	width:250px;
	float:right;
}
div#mainmenu {height: 30px; color: white; font-weight: bold; margin-top:155px;}
div#mainmenu ul {padding: 5px 0 0 8px;}
div#mainmenu li {padding: 0 5px;}
div#header li a {color: white; text-decoration:none; font-weight: bold; font-size:13px;}
div#header li a:hover {text-decoration:underline;}

div#mainareashadow {background: url(images/headshadow.png) 0 0 no-repeat; position: absolute; z-index: 99; top:0px; left: 0px; height: 10px; width: 952px;}

div#header ul, div#header li, div#rightcol ul, div#footer li {list-style-type: none;}
div#mainmenu li, div#footer li {float: left;}

div#mainarea {display:block; position:relative;}
div#textarea {width: 600px; padding: 20px 50px 0 24px; float:right}
div#textarea p {padding: 12px 0 6px;}
div#mainarea h1 {font-size: 28px;}

div#rightcol {position:absolute; left: 0; top: 0; width: 278px;  }
div#rightcol span.colitem {margin: 22px 20px 12px; display:block;}

div#rightcol {background: url(images/rightcol.png) top center repeat-y;}
div#rightcolfoot {background: url(images/rightcolfoot.png) bottom center no-repeat; display:block; padding-bottom: 111px;}

input.joinnow {border: none !important; background: url(images/optinbutt.png) 0 0 no-repeat; width: 175px; height: 39px; color: white; font-weight: bold; font-size: 16px; cursor: pointer;}
span.colitem form {color: white; font-weight: bold; border-bottom:2px solid #edebeb}
span.colitem form li {text-align: right; padding: 4px 0; font-size:14px;}
span.colitem form li input {margin: 0 8px; border: 1px solid #888; padding: 2px;}

span.colitem .sidemenu{
	color:white;
	text-align:center;
}
span.colitem a{
	color:white;
	text-decoration:none;
	font-weight:bold;	 
}
span.colitem a:hover{
	color:#3d3d3d; 
}
span.colitem .sidemenu li{
	background:url(images/sidemenu_line.png) no-repeat bottom;
	padding-bottom:5px;
	margin:4px 0;
}

div#footer span {padding-left: 24px; font-size: 12px; font-weight: bold;}
div#footer ul li a {font-size: 12px; color: black; text-decoration:none;}
div#footer ul li a:hover {text-decoration:underline;}
div#footer ul {padding-left: 24px;}

.optin_txt{
	text-align:left;
	margin-left:15px;
	margin-bottom:15px;
	font-size:13px;
}
.clear_box{
	clear:both;
}
#textarea ul li{
	margin:10px;
	margin-left:30px;
	 
	
}