/*
---------------------------------------------------------------------
GENERAL STYLES
----------------------------------------------------------------------
*/

*	{margin: 0; padding: 0;}

body {
    font: 12px/ 1.5em Trebuchet MS, Helvetica, sans-serif;
	color:#333;
	background: url(images/bg.jpg) center top no-repeat #fff;
	}

a img {border: 0;}

a:link, a:visited, a:hover, a:active  {
	font-weight: bold; 
	color: #000;
	text-decoration: none;
	}

a:hover {color:#fcaf17;} 

p 	{margin: 15px;}
	
p.intro {
	font-weight: bold; 
	font-size: 14px; 
	color: #333333;
	}

h1 {
	font: bold 16px Trebuchet MS, Helvetica, sans-serif;
	margin: 15px;
	color:  #3f648a;
	border-bottom: 1px dotted #fcaf17;
	padding-bottom: 5px;
	}

h1.blogheader {padding-top:50px;}

h1.blogheader em {font-size: 75%;}

h1.blogheader span {
	font: bold 10px arial,san-serif; 
	letter-spacing: 1px; 
	text-transform: uppercase;
	}


.bolder {
	font-size: 1.3em; 
	color: #000;
	}

h2 {
	font: bold 14px Trebuchet MS, Helvetica, sans-serif;
	color: #3f648a;
	margin: 25px 0 15px 15px;
	}


/*
---------------------------------------------------------------------
STRUCTURE
----------------------------------------------------------------------
*/
#wrapper {
	position:relative;
	width: 900px;
	margin: 0 auto;
	}

/*
---------------------------------------------------------------------
COLORS
----------------------------------------------------------------------
*/
.ltblue		{color: /*#d9e0e8;*/ #c3d4f2;}
.blue		{color: #b2c1d1;}
.dkblue		{color: #3f648a;}
.ltgreen	{color: #d4e9d8;}

/*
---------------------------------------------------------------------
LIST STYLES
----------------------------------------------------------------------
*/

ul {
	margin: 0 15px;
	list-style-type: none;
	}

ul.numberlist {
	font: bold 14px trebuchet MS, helvetica, arial, sans-serif;
	list-style-type: decimal;
	margin-left:35px;
	}

ul.bulletlist {
	font: bold 14px trebuchet MS, helvetica, arial, sans-serif;
	list-style-type: disc;
	margin-left:35px;
	}

li {
	margin-bottom: 15px;    
	font: 12px/ 1.5em Trebuchet MS, Helvetica, sans-serif;
	}

li strong {
	font: bold 12px trebuchet MS, helvetica, arial, sans-serif;
	color: #000; /*#3f648a;*/
	margin-top: 35px;
	}


li a:link, li a:visited, li a:hover, li a:active {font-weight: normal; text-decoration: none;}

/*
---------------------------------------------------------------------
MISCELLANEOUS
----------------------------------------------------------------------
*/

div.partnerlogos { 
	width: 400px;
	height: 125px;
	background: #fff;
	margin: 15px auto;
	text-align: center;
	}

div.partnerlogos img {padding-left:15px;}

#comfortopia {
	width: 150px; 
	height: 60px;
	text-align: left;
	position: absolute;
	left: 0;
	bottom: 0;
	}

#toplinks {
	width: 300px; 
	height: 15px;
	text-align: right;
	position: absolute;
	right: 5px;
	bottom: 5px;
	color: #fff;
	font: bold 11px arial, sans-serif, helvetica;
	}

#toplinks a:link, 
#toplinks a:visited,
#toplinks a:hover,
#toplinks a:active  {color: #fff; text-decoration: none;}

	#toplinks a:hover  {color: #fcaf17;}

/*
---------------------------------------------------------------------
 Header 
----------------------------------------------------------------------
*/

#header {
	position: relative;
	width: 900px;
	height: 118px;
	margin: 0 auto;
	}

#header #logo {
	width: 357px;
	margin: 25px auto;
	}

#topcorners {
	margin:0;
	padding: 0;
	background:#fff;
	}

/*
---------------------------------------------------------------------
TOP NAV
----------------------------------------------------------------------
*/

#topnav {
	position:relative;
	width: 900px;
	background: #b2c1d1;
	height: 74px;
	}

#topnav ul {
	list-style:none; 
	display: inline;
	margin: 0 auto;
	height: 30px;
	width: 750px;
	}

	#topnav li {
		margin: 15px;
		display: block; 
		float: left;
		font: bold 10px Arial, Helvetica, sans-serif; 
		color: #fff;
		}
	
	#topnav a {
		display: block;
		float: left;
		text-decoration: none;
		font-size: 12px;
		color: #333;
		}

#topnav a.ON {color: #333333;}

	#topnav a:hover {
		color: #3f648a;
		}

/*
---------------------------------------------------------------------
CONTENT
----------------------------------------------------------------------
*/

#content {
	background: #ffffff;
	width: 900px; 
	position: relative;
	margin: 0 auto;
	}

	#leftcol {
		float: left;
		width: 500px;		
		background: #ffffff;
		margin:15px 25px;
		}

	#leftcol.book {
		width: 325px;
		float: left;

		}

	#leftcol.blog {
		width:600px;
		}
	
	#rightcol {
		float: left;
		width: 325px;
		margin-top:15px;
		background: #ffffff;
		}
	
	#rightcol.book {
		width:500px;
		float: left;
		}	
		
	#rightcol.blog {
		width: 225px;
		}	

	#roundtop {
		width:900px;
		height: 15px;
		background: url(images/roundtop.gif) 0 0 no-repeat;
		}

/*
---------------------------------------------------------------------
CORNER BOXES
----------------------------------------------------------------------
*/
	.roundcorner {
		position:relative;
		padding:15px;
		margin-top: 15px;
		}

	.topright 	{position:absolute; top:0; right: 0;}
	.topleft	{position:absolute; top:0; left: 0;}
	.botright	{position:absolute; bottom:0; right: 0;}
	.botleft	{position:absolute; bottom:0; left: 0;}

div.mandala {width:350px;
	text-align: center;
	margin: 25px auto;
	}
div.center {margin: 0 auto;}	
/*
---------------------------------------------------------------------
FOOTER
----------------------------------------------------------------------
*/

#footer {
	width: 900px;
	height: 30px;
	margin: 0 auto;
	}
	
	.copyright {
		font: 10px trebuchet MS, helvetica, sans-serif; 
		color: #333;
		}
		
		
/******** New Styles **********/

.twit img { float: left; width: 64px; }
.twit span { float: left; width: 150px; padding: 25px 0 0 10px; }
.clear { clear: both; }