@charset "UTF-8";
* {
	margin: 0;
}

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


html, body {
	height: 100%;
}

body {
	background: #f8e1ed;
	font: 12px/20px Arial, Helvetica, sans-serif;
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -60px; /* the bottom margin is the negative value of the footer's height */
	background: url(images/cspa-bg.jpg) no-repeat left top;
}
.footer {
	height: 60px; /* .push must be the same height as .footer */
	background: #000;
}

.push {height: 60px;}

#header {
	width: 100%;
	height: 155px;
	background: #ee3787 url(images/header.jpg) no-repeat;	
	position: relative;
	margin-bottom: 26px;
}

#header img {margin-left: 30px;}

#mainNav{
	position: absolute;
	left: 175px;
	top: 135px;
	width: 540px;
	z-index: 500;
}

#containerOuter {
	width: 810px;
	background: url(images/containerB.png) no-repeat left bottom;
	margin-left: 18px;
	padding-bottom: 14px;
	z-index: 400;
	position: relative;

}

#containerInner {
	background: url(images/containerFiller.png) repeat-y;
	width: 782px;
	min-height: 438px;
	height: auto !important;
	height: 448px;
	z-index: 400;
	color: #666666;
	padding: 4px 18px 10px 10px;
}

.navItem {
	width: 100px;
	height: 36px;
	background-color: #ffffff;
	float: left;
	margin-right: 5px;
	border: 1px solid #ee3787;
	display: inline;
	font: normal 12px Arial, Helvetica, sans-serif;
}
.navItem a {
	display: block;
	width: 100px;
	height: 26px;
	text-align: center;
	padding-top: 10px;
	color: #ee3787;
	text-decoration: none;
}

.navItem a:hover {background: #333332; color: #fff;}

#contactContainer {
	width: 143px;
	height: 234px;
	background: url(images/contact-container.png) no-repeat left top;
	position: absolute;
	left: 819px;
	top: 245px;
	z-index: 3;
	color: #fff;
	padding: 70px 20px 10px;
}
.contactInfo {font-size: 16px;}

#footerInfo {
	width: 910px;
	height: 60px;
	background: url(images/footerBG.gif) no-repeat;
	margin-left: 20px;
	position: relative;
}

#footerNav {
	position: absolute;
	left: 325px;
	top: 25px;
	width: auto;
	height: 25px;
}

.footerItem {
	width: auto;
	height: 24px;
	float: left;
	margin-right: 30px;
	display: inline;
	font: 10px Arial, Helvetica, sans-serif;
	color: #999;
	
}

.footer #copyright {
	font-size: 10px;
	color: #333;
	position: absolute;
	top: 22px;
	right: -82px;
}

a.footerItem, a.footerItem:visited {color: #333; text-decoration: none;}
a.footerItem:hover {color: #999; text-decoration: none;}

#content {padding: 25px 0 5px 25px; position: relative}

#content p {margin: 10px 0px;}

#content a, #content a:visited {color: #ee3787; border-bottom: 1px dotted #ee3787; text-decoration: none}
#content a:hover {color: #f47db1; border-bottom: 1px dotted #f47db1; text-decoration: none}

#panelContainer {margin-top: 14px;}
.panel {width: 175px; height: 115px; float: left; margin-right: 27px;}

#pricing {width: 500px; margin: 0 auto;}
#pricing td {padding-top: 4px;}
.priceHdg {font-size: 18px; color: #ee3787}

#subNav {
	width: 210px;
	height: 19px;
	padding-top: 5px;
	position: absolute;
	top: 25px;
	right: 0px;
	background: url(images/subnavBG.gif) no-repeat;
}

.subNavItem {
	width: auto;
	height: 24px;
	display: inline;
	font: 13px Arial, Helvetica, sans-serif;
	color: #ee3787;
	
}

a.subNavItem, a.subNavItem:visited {text-decoration: none;}
a.subNavItem:hover {color: #f47db1}

.contentHdg {font-size: 16px;}

.listContainer {width:300px; float: left;}
ul.linkList {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

ul.linkList li {line-height: 21px;}

ul.linkList li a, ul.linkList li a:visited {border-bottom: 1px dotted #ee3787; color: #ee3787; text-decoration: none;}
ul.linkList li a:hover {border-bottom: 1px dotted #f47db1; color: #f47db1; text-decoration: none;}

.tagline {font-size: 13px; font-style: italic;}

#postIt {
	width: 303px;
	height: 279px;
	position: absolute;
	top: 20px;
	right: 34px;
}

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