body{
	margin:0;
	padding:0;
	background:#151515;
	font:72%/1.4 Verdana, Tahoma, sans-serif;
}
img{border:none;}
form,fieldset{margin:0;padding:0;border:0;}
#page{
	width:840px;
	overflow:hidden;
	margin:0 auto;
	font-size:1em;
	background: #303d42 url(../img/header-bg.jpg) no-repeat;
}
.spacer {
	height:15px;
	clear:both;
	width: 100%;
}
/* header */

#header{
	width:840px;
	height:285px;
	overflow:hidden;
}
#header .background{
	width:840px;
	height:285px;
	overflow:hidden;
}
h1{margin:0;}
h1 a, h1 a:link, h1 a:active {
	width:248px;
	height:43px;
	margin:36px 0 0 23px;
	float:left;
	color:#A1E4F5;
	text-decoration:none;
}
h1 a:hover {
	width:248px;
	height:43px;
	margin:36px 0 0 23px;
	float:left;
	color:#C0D755;
	text-decoration:none;
}
/* navigation */

#header ul{
	float:right;
	margin:15px 0 0;
	padding:0 41px 0 0;
	list-style:none;
}
#header ul li{
	float:left;
	display:inline;
	height:46px;
	margin:0 0 0 10px;
	background:url(../img/bg-nav-link.png) no-repeat 0 0;
}
#header ul li a{
	float:left;
	height:29px;
	padding:10px 10px 0 11px;
	font-size:1em;
	text-decoration:none;
	color:#c3daf2;
	background:url(../img/bg-nav-link-right.png) no-repeat 100% 0;
}
#header ul li a:hover{
	color:#233140;
}
#header ul li.active{
	background:url(../img/bg-nav-link-active.png) no-repeat 0 0;
}
#header ul li.active a {
	height:38px;
	color:#b4af94;
	background:url(../img/bg-nav-link-active-right.png) no-repeat 100% 0;
}
#header ul li.active a:hover{
	color:#201f1a;
}

/* content */

#content{
	width:830px;
	overflow:hidden;
	color:#c4cfd3;
}

/* left column */

#leftcol{
	width:550px;
	float:right;
	margin: 50px 0 0 15px;
	
}
#leftcol .block{
	width:530px;
	overflow:hidden;
	float: left;
}
#leftcol .block .block-content{
	width:502px;
	overflow:hidden;
	padding:15px 15px;
	
}
#leftcol .block h2,
#rightcol .block h3{
	margin:0;
	padding:0 0 4px;
	font:bold 1.5em 'Trebuchet MS', Arial, sans-serif;
	color:#A1E4F5;
	background:url(../img/bg-h2.gif) repeat-x 0 100%;
}
#leftcol .block h2 span,
#rightcol .block h3 span{
	color:#C0D765;
}
#leftcol .block-content p{
	margin:12px 0 0;
}
#leftcol .block-content p strong{

}
#leftcol .block-content img.cake{
	float:right;
	display:inline;
	margin:-6px -14px -11px 0;
}
#content a.yellow-button{
	float:left;
	color:#4A3915;
	font-weight:bold;
	text-decoration:none;
	margin:14px 0 0;
	background:url(../img/bg-yellow-button.png) no-repeat 0 0;
}
#content a.yellow-button span{
	float:left;
	height:22px;
	padding:5px 9px 0 10px;
	cursor:pointer;
	background:url(../img/bg-yellow-button-right.png) no-repeat 100% 0;
}
#leftcol .block .clear{
	width:100%;
	overflow:hidden;
	margin:14px 0 0;
}
#leftcol .block .border-left-top{
	float:left;
	background:#213223 url(../img/bg-border-left-top.gif) no-repeat 0 0;
}
#leftcol .block .border-right-top{
	float:left;
	background:url(../img/bg-border-right-top.gif) no-repeat 100% 0;
}
#leftcol .block .border-left-bottom{
	float:left;
	background:url(../img/bg-border-left-bottom.gif) no-repeat 0 100%;
}
#leftcol .block .border-right-bottom{
	float:left;
	padding:5px;
	background:url(../img/bg-border-right-bottom.gif) no-repeat 100% 100%;
}
#leftcol .block .border-left-top img{
	display:block;
}
#leftcol .block .image-left{
	margin:2px 18px 0 0;
}
#leftcol .clear p{
	margin:0;
}
#leftcol .links{
	width:560px;
	margin:0 -8px 0 18px;
	overflow:hidden;
	padding:14px 0;
}
#leftcol .links ul{
	float:left;
	display:inline;
	width:170px;
	margin:0;
	padding:0;
	list-style:none;
}
#leftcol .links ul li{
	float:left;
	width:100%;
	margin:7px 0 0;
}
#leftcol .links ul li a{
	float:left;
	padding:0 0 0 20px;
	color:#90B094;
	background:url(../img/bg-link-bullet.png) no-repeat 0 4px;
}
#leftcol .links ul li a:hover{
	text-decoration:none;
}
#signup-form label{
	float:left;
	width:100%;
	padding:0 0 3px;
}
#signup-form input{
	float:left;
	font:1em Verdana, Tahoma, sans-serif;
	border:0;
	color:#c4cfd3;
	background:#344a53;
}
#signup-form input{
	width:295px;
	margin:0;
	padding:6px 5px 5px;
	height:17px;
}
#signup-form input.submit{
	float:right;
	width:112px;
	height:30px;
	padding:0;
	margin:6px 137px 0 0;
	color:#a8bccc;
}
#signup-form input.submit hover {
	cursor: crosshair
}


/* right column */

#rightcol{
	width:246px;
	float:left;
}
#rightcol .block{
	width:100%;
	overflow:hidden;
	margin:2px 0 0 25px;
}
#rightcol .block .block-content{
	width:200px;
	overflow:hidden;
	background:#252f33;
	border: 1px solid #42555b;
	float: left;
	padding: 10px 15px;
}
#rightcol ul{
	width:100%;
	overflow:hidden;
	margin:10px 0 0;
	padding:0;
	list-style:none;
	line-height:1.42em;
}
#rightcol li{
	float:left;
	width:100%;
	padding:5px 0 6px;
	margin:0 0 -1px;
	background:url(../img/bg-h2.gif) repeat-x 0 100%;
}
#rightcol li a{
	float:left;
	color:#90AF94;
	text-decoration:none;
}
#rightcol li a:hover{
	color:#fff;
}
#rightcol li strong{
	float:right;
	color:#C0D765;
}
#signup-form{
	margin:12px 0 0;
}
#signup-form input{
	width:185px;
}
#signup-form input.submit{
	width:86px;
	margin:7px 0 0;
	padding:0 0 0 1px;
	background:url(../img/bg-submit-signup.png) no-repeat bottom;
}
#rightcol .free-cake{
	width:100%;
	overflow:hidden;
	margin:9px 0 0;
}
#rightcol .free-cake img{
	float:left;
	margin:0 17px 0 0;
}
#rightcol .free-cake p{
	float:left;
	margin:0;
	font-weight:bold;
}
#rightcol .free-cake p strong{
	display:block;
	color:#D3EAD6;
}
#rightcol .free-cake a.yellow-button{
	margin:11px 0 0;
}

#links_skatoules{
	width:785px;
	overflow:hidden;
	font-size:0.5em;
	color:#8D8D8D;
	margin: 0 auto;
}
/* footer */

#footer{
	width:785px;
	overflow:hidden;
	padding:16px 17px 14px;
	font-size:0.84em;
	line-height:1em;
	color:#8D8D8D;
	margin: 0 auto;
}
#footer p{
	float:left;
	margin:0;
	line-height:1.1em;
}
#footer p a{
	color:#B3B3B3;
}
#footer ul{
	float:right;
	display:inline;
	overflow:hidden;
	margin:0 -8px 0 0;
	padding:0 0 3px;
	list-style:none;
}
#footer li{
	float:left;
	padding:0 8px 0 7px;
	margin:0 0 0 -1px;
	border-left:1px solid #8D8D8D;
	width: 200px;
}
#footer ul a{
	color:#8D8D8D;
	position:relative;
}
#footer a{
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}




/* GLOBAL ELEMENTS */
form.form { font-size: 80%; padding: 10px;}
#options {
   list-style-type: none;
   width: 500px;
   margin: 10px; padding: 0;
}
#options li { 
   float: left;
   width: 240px;
}

/* STYLES */
.first { margin-top: 0 }
input.textbox { width: 430px; font: 120% arial, verdana, sans-serif; font:1em Verdana, Tahoma, sans-serif;
	border:0;
	color:#c4cfd3;
	background:#344a53;
	height:15px;
	padding:5px;}
input.button { font: 120% arial, verdana, sans-serif; font:1em Verdana, Tahoma, sans-serif;
	border:0;
	color:#c4cfd3;
	background:#344a53;
	height:25px;
	padding:0 5px; margin-top: 15px;}
label { font-weight: light; }
#error {
   padding: 12px;
   margin: 5px 0 15px 0;
   color:#CF3;
   background:#344A53;
}

/* TOOLTIP HOVER EFFECT */
label { font-weight: bold; line-height: 20px; cursor: help; }
#tooltip{ width:20em; color: #fff; background: #555; font-size: 12px; font-weight: normal; padding: 5px; border: 3px solid #333; text-align: left; }