/* Start of CMSMS style sheet 'screen' */
@charset "UTF-8";
body {
	margin: 20px;
	padding: 0;
	background: #fff;
	color: #3b3b3b;
	text-align: center;
	font: normal 15px/18px calibri, lucida, arial, sans-serif;
}

h1 { font: bold 33px/30px calibri, lucida, arial, sans-serif; margin: 0 0 1ex 0}
h2 { font: bold 22px/28px calibri, lucida, arial, sans-serif; margin: 0 0 1ex 0}
h3 { font: bold 19px/22px calibri, lucida, arial, sans-serif; margin: 2ex 0 .5ex 0; clear: left;}
p { margin: 0 0 1ex 0}
a { color: #3b3b3b; font-weight:bold;}
a:hover { color: #000;}

#wrapper {
	width: 870px;
	text-align: left;
	margin: 0 auto;
}

#header {
	background: transparent url(images/bg_header.png) 0 0 no-repeat;
	padding: 20px 20px 0 20px;
	color: #fff;
}

#header h1 {
	font-size: 33px;
	line-height: 35px;
	margin: 0;
}

#header h2 {
	font-size: 22px;
	line-height: 25px;
	margin: 0 0 10px 0;
}

#header a {
	color: #fff;
	text-decoration: none;
}

#navigation {
	line-height: 30px;
	margin: 0 0 0 -10px;
}

#navigation ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#navigation li {
	padding: 0;
	margin: 0 5px 0 0;
	float: left;
}

#navigation a {
	margin: 5px 0;
	display: block;
	line-height: 20px;
}

#navigation a span {
	padding: 0 10px 0 6px;
	margin: 0 0 0 4px;
	display: block;
}

#navigation a:hover { background: #8c9bae url(images/bg_tab.png) 0 -40px no-repeat; }
#navigation li a:hover span{ background: #8c9bae url(images/bg_tab.png) 100% -60px no-repeat; color: #3b3b3b; }
#navigation li.selected a { background: #fff url(images/bg_tab.png) 0 0 no-repeat; }
#navigation li.selected a span{ background: #fff url(images/bg_tab.png) 100% -20px no-repeat; color: #3b3b3b; }


#contentarea {
	background: transparent url(images/bg_intro.png) 0 0 no-repeat;
	padding: 20px 0 0 0;
}

#content #contentarea {
	background: none;
	padding: 20px;
}

#intro {
	width: 440px;
	padding: 20px 140px 0 20px;
	margin: 0 20px 0 0;
}

#intro h3 { margin-top: 0}

#teasers { padding: 0 20px; margin: 0 0 20px 0;}

#contact {
	width: 210px;
	padding: 20px 20px 0 20px;
}

#stars {
	background: transparent url(images/bg_stars.png) 0 0 no-repeat;
}

#stars ul {
	margin: 0 0 0 8px;
	padding: 0;
	list-style: none;
}

#stars li {
	float: left;
	text-align: center;
	font-size: smaller;
	line-height: 105%;
}

#stars li a {
	display: block;
	margin: 5px 1px 5px 0;
	padding: 55px 0 0 0;
	width: 70px;
	height: 35px;
	color: #6985a5;
	text-decoration: none;
	background: transparent url(images/bg_stars_signs.png) 0 0 no-repeat;
}

#stars li a:hover { color: #000; }

#stars li#aries a { background-position: 0 0; }
#stars li#taurus a { background-position: -70px 0; }
#stars li#gemini a { background-position: -140px 0; }
#stars li#cancer a { background-position: -210px 0; }
#stars li#leo a { background-position: -280px 0; }
#stars li#virgo a { background-position: -350px 0; }
#stars li#libra a { background-position: -420px 0; }
#stars li#scorpio a { background-position: -490px 0; }
#stars li#sagittarius a { background-position: -560px 0; }
#stars li#capricorn a { background-position: -630px 0; }
#stars li#aquarius a { background-position: -700px 0; }
#stars li#pisces a { background-position: -770px 0; }

#stars li#aries a:hover { background-position: 0 -150px; }
#stars li#aries a:hover { background-position: 0 -150; }
#stars li#taurus a:hover { background-position: -70px -150px; }
#stars li#gemini a:hover { background-position: -140px -150px; }
#stars li#cancer a:hover { background-position: -210px -150px; }
#stars li#leo a:hover { background-position: -280px -150px; }
#stars li#virgo a:hover { background-position: -350px -150px; }
#stars li#libra a:hover { background-position: -420px -150px; }
#stars li#scorpio a:hover { background-position: -490px -150px; }
#stars li#sagittarius a:hover { background-position: -560px -150px; }
#stars li#capricorn a:hover { background-position: -630px -150px; }
#stars li#aquarius a:hover { background-position: -700px -150px; }
#stars li#pisces a:hover { background-position: -770px -150px; }

#footer {
	background: transparent url(images/bg_footer.png) 0 0 no-repeat;
	line-height: 30px;
	margin: 20px 0;
	padding: 0 20px;
	color: #613708;
	font-size: 95%;
}

#footer span {
	margin: 0 1em 0 0;
}

/* CLASSES */
.hidden { display: none; }
.col3box { width: 240px; margin: 0 15px 0 0; padding: 20px;}
.col4box { width: 192px; margin: 0 20px 0 0;}
.last { margin: 0;}
.alignL { text-align:left; }
.alignR { text-align:right; }
.floatL { float: left; display: inline; }
.floatR { float: right; display: inline; }
img.floatL { margin: 0 1em 1ex 0; }
img.floatR { margin: 0 0 1ex 1em; }
.clearL {clear: left; }
.clearR {clear: right; }
.clearfix { overflow:hidden; }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
/* End of 'screen' */