/* CSS Document */



body {

	background-color: #DCD0FF;

	background-image: url(../images/cs_mainBG.gif);

	background-position: top;

	background-repeat: repeat-x;

	margin: 0px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #000000;

	height: 100%;

}

h1 {

	margin: 0;

	color: #32557E;

	font-size: 20px;

	font-weight: normal;

}

#wrap {

	width: 760px;

	margin: 13px auto;

	padding: 0 20px 10px 20px;

	background: #FFFFFF;

	position: relative;

}

#wrap .corner {

	position: absolute;

	z-index: 1000;

	display: block;

	width: 38px;

	height: 38px;

}

#wrap .TL {

	background: url(../images/cor_TL.jpg) no-repeat top left;

	top: -3px;

	left: -3px;

}

#wrap .TR {

	background: url(../images/cor_TR.jpg) no-repeat top right;

	top: -3px;

	right: -3px;

}

#wrap .BL {

	background: url(../images/cor_BL.gif) no-repeat bottom left;

	bottom: -3px;

	left: -3px;

	

}

#wrap .BR {

	background: url(../images/cor_BR.gif) no-repeat bottom right;

	bottom: -3px;

	right: -3px;

	z-index: 100;

}

#topContainer {

	width: 100%;

	height: 93px;

	/*position: relative;

	z-index: 2000;*/

}

/* self clearing rules */

#topContainer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#topContainer { display: inline-block; _height: 1%; }

/* Hides from IE-mac \*/

#topContainer { display: block; }

/* End hide from IE-mac */

#logo {

	margin: 10px 0 0 16px;

	float: left;

}

#logo a:link, #logo a:visited {

	width: 181px;

	height: 0;

	font-size: 1px;

	overflow: hidden;

	padding-top: 77px;

	display: block;

	background: url(../images/cs_logo.gif) no-repeat;

}

#tools {

	float: right;

	width: 547px;

	text-align: right;

}

/* self clearing rules */

#tools:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#tools { display: inline-block; _height: 1%; }

/* Hides from IE-mac \*/

#tools { display: block; }

/* End hide from IE-mac */

#topTools {

	margin: 0;

	padding: 0;

}

#topTools h2.slogan {

	width: 359px;

	height: 0;

	background: url(../images/slogan.jpg) no-repeat;

	float: left;

	margin: 18px 0 0 8px;

	font-size: 1px;

	padding-top: 21px;

	display: block;

	overflow: hidden;

}

#topTools ul {

	text-align: right;

	margin: 0;

	padding: 0;

	width: 145px;

	float: right;

}

#topTools ul li {

	display: inline;

	margin: 0;

	padding: 0;

}

#topTools ul li a:link, #topTools ul li a:visited {

	border-left: solid 1px #E6E6E6;

	color: #B1B1B1;

	text-decoration: none;

	float: left;

	font-size: 11px;

}

#topTools ul li a:hover {

	text-decoration: underline;

}

#topTools ul li a.home {

	padding: 16px 13px 0 23px;

	background-image: url(../images/cs_iconHome.gif);

	background-repeat: no-repeat;

	background-position: 7px 17px;

}

#topTools ul li a.contact {

	padding: 16px 13px 0 27px;

	background-image: url(../images/cs_iconContact.gif);

	background-repeat: no-repeat;

	background-position: 7px 17px;

}

/* self clearing rules */

#topTools:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#topTools { display: inline-block; _height: 1%; }

/* Hides from IE-mac \*/

#topTools { display: block; }

/* End hide from IE-mac */

#nav {

	clear: both;

	text-align: right;

	width: 530px;

	margin: 17px 5px 0 0;

	float: right;

}

/* self clearing rules */

#nav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#nav { display: inline-block; _height: 1%; }

/* Hides from IE-mac \*/

#nav { display: block; }

/* End hide from IE-mac */

#nav ul {

	margin: 0;

	padding: 0;

}

#nav ul li {

	display: inline;

}

#nav ul li a {

	font-weight: bold;

	font-size: 16px;

	color: #8062D9;

	text-decoration: none;

	display: block;

	float: left;

	background-image: url(../images/navBG.jpg);

	background-position: -25px 0;

	padding: 9px 10px 11px 10px;

}

#nav ul li a:hover {

	background-position: -552px 0;

}

#nav ul li a.first {

	padding-left: 15px;

	background-position: 0 0;

}

#nav ul li a.last {

	background-position: -416px 0;

	padding-right: 15px;

}

#nav ul li a.first:hover {

	background-position: -526px 0;

}

#nav ul li a.last:hover {

	background-position: -942px 0;

}

#nav ul li .sep {

	display: block;

	width: 2px;

	height: 39px;

	background: url(../images/sep.gif) no-repeat;

	float: left;

}

#header {

	width: 100%;

	height: 0;

	overflow: hidden;

	font-size: 1px;

	padding-top: 146px;

	margin: 2px 0 0 0;

	background: url(../images/cs_headerGraph3.jpg) no-repeat;

	position: relative;

	z-index: 2000;

	display: block;

}

#contentContainer {

	padding-top: 10px;

	position: relative;

	z-index: 2000;

}

#content {

	width: 480px;

	float: left;

	padding-left: 10px;

}

#content p {

	text-align: justify;

}

#contentContainer .graphic {

	float: right;

	margin-bottom: 20px;

}

#bioPic {

	float: left;

	padding: 3px 10px 0 0;

}

#phone {

	margin: 0;

	color: #D1A76F;

	font-size: 20px;

	font-weight: normal;

	text-align: right;

	height: 400px;

	background: url(../images/cs_house1.jpg) no-repeat bottom right;

	padding-right: 5px;

}

#seaCoast {

	width: 176px;

	height: 0;

	font-size: 1px;

	overflow: hidden;

	padding-top: 36px;

	display: block;

	background: url(../images/cs_seaCoast.gif) no-repeat;

	float: left;

	margin-top: 22px;

}

#contactToday {

	width: 213px;

	height: 0;

	font-size: 1px;

	overflow: hidden;

	padding-top: 79px;

	display: block;

	background: url(../images/cs_contactMe.gif) no-repeat;

	float: right;

}

#footerContainer {

	background: url(../images/cs_footerBg.gif) repeat-x;

	margin-top: 10px;

	position: relative;

	z-index: 2000;

}

#footerContainer .capL {

	float: left;

	width: 11px;

	height: 73px;

	background: url(../images/cs_footerCapL.gif) no-repeat;

}

#footerContainer .capR {

	float: right;

	width: 11px;

	height: 73px;

	background: url(../images/cs_footerCapR.gif) no-repeat;

}

#footer {

	height: 73px;

	font-size: 11px;

	color: #FFFFFF;

}

#footer address {

	text-align: left;

	font-style: normal;

	margin: 9px 0 0 0;

	float: left;

}



#footer div {

	float: right;

	text-align: right;

	margin: 21px 0 0 0;

}



#footer p {

	margin: 4px 0 0 0;

}

#footer a, #footer a:visited {

	color: #FFFFFF;

	text-decoration: none;

} 

#footer a:hover {

	text-decoration: underline;

}



#footer ul {

	margin: 0;

	padding: 0;

}

#footer ul li {

	display:inline;

}

#footer ul li a, #footer ul li a:visited {

	margin: 0 4px;

	color: #FFFFFF;

	text-decoration: none;

} 

#footer ul li a:hover {

	color: #FFFFFF;

	text-decoration: underline;

}

.clear {

	clear: both;

}

.center {

	text-align: center;

}

.designers {

	font-size: 14px;

	font-weight: bold;

}.couponprom {
	font-size: 10px;
	color: #00C;
	text-align: left;
}

