@charset "UTF-8";
/* CSS Document */

/* =General
---------------------------------------------- */
/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none;}

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }

/* Removes the outline on links */
a {outline: none;}

.clearme {display: block; clear: both; height: 0; margin: 0; padding: 0;}
/* Code to clear floats inside containers - add to the outside container */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* End of float clearing trick */

html {
	margin: 0;
	padding: 0;
	height: 100%;
}
body {
	background: #cdd182; 
	text-align: center;
	margin-top: 40px;
}
div#wrapper {
	width: 100%;
	margin: 0 auto;
}


/* = HEADER
----------------------------------------------------*/
div#headerwrapper {
	width: 100%;
	background: #e6e8c1;
	position: relative;
}
div#header {
	width: 895px;
	padding-left: 45px;
	height: 215px;
	background: url(../IMAGES/headerbkgd.jpg) 45px no-repeat;
	margin: 0 auto;
	position: relative;
}
a#blogbutton {
	background: url(../IMAGES/blogbutton.jpg) left top no-repeat;
	display: block;
	width: 45px;
	height: 215px;
	text-indent: -9999px;
	position: absolute;
	top: 0;
	right: 0;
}
a:hover#blogbutton {
	background: url(../IMAGES/blogbutton.jpg) right top no-repeat;
}
h1 {
	position: absolute;
	width: 258px;
	height: 215px;
	text-indent: -9999px;
	left: 0;
	top: 0;
}
h1 a {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 1em;
}
h1 a:hover {
	border: none;
}




/* = HOME
----------------------------------------------------*/
div#homecontent {
	text-align: center;
	width: 850px;
	height: 350px;
	background: url(../IMAGES/contentbkgd.jpg) repeat-x;
	margin: 0 auto;
	position: relative;
	padding-top: 30px;
}
div#homecopy {
	display: block;
	width: 620px;
	height: 140px;
	background: url(../IMAGES/homecopy.gif) no-repeat;
	position: absolute;
	top: 50px;
	left: 47px;
}	
div#leftpromo {
	display: block;
	float: left;
	text-align: left;
	width: 270px;
	padding: 5px 15px 0 15px;
	margin: 45px 0 0 120px;
	border-right: 1px solid #cdd182;
	border-left: 1px solid #cdd182;
}
div#rightpromo {
	display: block;
	float: left;
	text-align: left;
	width: 245px;
	height: 130px;
	padding: 10px 90px 0 15px;
	margin: 40px 0 0 0;
	background: url(../IMAGES/book.png) top right no-repeat;
}
div#rightpromo a, div#leftpromo a{
	font: 11px Arial, Verdana, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	text-decoration: underline;
	color: #9fa716;
	letter-spacing: 0.5px;
	margin-bottom: 10px;
}
div#rightpromo a:hover, div#leftpromo a:hover{
	color: #6182a5;
}
div#rightpromo a#arrow, div#leftpromo a#arrow{
	text-decoration: none;
}
div#rightpromo p, div#leftpromo p{
	font: 12px Georgia, Times, serif;
	font-weight: normal;
	color: #707251;
	line-height: 14px;
	padding-bottom: 7px;
	margin: 0px;
}


/* = CONTENT
----------------------------------------------------*/
div#contentwrapper {
	width: 100%;
	background: #e6e8c1;
	position: relative;
}
div#content {
	text-align: left;
	width: 492px;
	background: url(../IMAGES/contentbkgd.jpg) repeat-x;
	margin: 0 auto;
	position: relative;
	padding: 30px 100px 70px 258px;
}
div#contentfooter {
	bottom: 0;
	left: 0;
	position: absolute;
	background: url(../IMAGES/footer.png) no-repeat;
	height: 44px;
	width: 850px;
}


/* = TEXT STYLES
----------------------------------------------------*/
em {
	font-style: italic;
}
strong {
	font-weight: bold;
}
h2 {
font: 20px Times, Georgia, serif;
font-weight: normal;
color: #3e6283;
line-height: 18px;
padding: 5px 0px 5px 0px;
}
h3 {
font: 17px Times, Georgia, serif;
font-weight: normal;
font-style: italic;
color: #9fa616;
padding: 0px 0px 5px 0px;
}
h4 {
font: 12px Arial, Verdana, Helvetica, sans-serif;
font-weight: normal;
color: #707251;
line-height: 17px;
padding: 0px 0px 13px 0px;
margin-right: 150px;
}
h5 {
font: 20px Times, Georgia, serif;
font-weight: normal;
color: #9fa616;
padding: 5px 0px 5px 0px;
margin: 0px;
}
p {
font: 12px Arial, Verdana, Helvetica, sans-serif;
font-weight: normal;
color: #707251;
line-height: 16px;
padding: 0px 0px 13px 0px;
}
div#content ul{
padding: 0px 0px 5px 0px;
}
div#content li {
font: 12px Arial, Verdana, Helvetica, sans-serif;
font-weight: normal;
color: #707251;
line-height: 16px;
padding: 0px 0px 3px 0px;
margin: 0px 0px 0px 20px;
list-style-type: circle;
}
div#content a {
font: 13px Georgia, Times, serif;
font-style: italic;
color: #9fa616;
text-decoration: none;
}
div#content a:hover {
color: #707251;
}


/* = SIDEBARS
----------------------------------------------------*/
div#sidebarsolutions {
	display: block;
	width: 160px;
	height: 187px;
	background: url(../IMAGES/sidebarSolutions.gif) no-repeat;
	position: absolute;
	top: 50px;
	left: 47px;
}
div#sidebarwhycypress {
	display: block;
	width: 160px;
	height: 187px;
	background: url(../IMAGES/sidebarWhyUs.gif) no-repeat;
	position: absolute;
	top: 30px;
	left: 47px;
}
div#sidebarbios {
	display: block;
	width: 160px;
	height: 290px;
	background: url(../IMAGES/sidebarbios.png) no-repeat;
	position: absolute;
	top: 25px;
	left: 47px;
}
div#sidebaraddress {
	display: block;
	width: 160px;
	height: 187px;
	background: url(../IMAGES/sidebarAddress.gif) no-repeat;
	position: absolute;
	top: 35px;
	left: 47px;
}
div#sidebarcopy {
	display: block;
	width: 170px;
	position: absolute;
	top: 60px;
	left: 47px;
	text-align: center;
}
div#sidebarcopy p{
	font: 14px "Times New Roman", Times, serif;
	font-style: normal;
	color: #6182a5;
}
div#sidebarcopy span{
	font-weight: bold;
	color: #cc983e;
}
div#sidebarcopy a{
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	color: #cc983e;
	border-bottom: 1px dotted #cc983e;
}
div#sidebarcopy a:hover{
	color: #9fa716;
	border-bottom: 1px dotted #9fa716;
}
div#sidebarclients {
	display: block;
	width: 142px;
	position: absolute;
	background: url(../IMAGES/sidebarClients.gif) no-repeat;
	padding: 35px 0 0 18px;
	top: 45px;
	left: 47px;
}
div#sidebarclients li{
	list-style: none;
	padding: 0px 20px 0px 0px;
	margin: 0px 0px 4px 0px;
}
div#sidebarclients a{
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	color: #6182a5;
	text-decoration: none;
}
div#sidebarclients a:hover{
	color: #6182a5;
	border-bottom: 1px dotted #6182a5;
}
.YAH {
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	color: #9fa716;
	border-bottom: 1px dotted #9fa716;
}



/* = NAV
----------------------------------------------------*/
ul#nav {
	width: 592px;
	height: 81px;
	background: url(../IMAGES/nav.jpg) top left no-repeat;
	position: absolute;
	display: block;
	bottom: 0;
	right: 45px;
}
ul#nav li {
	display: inline;
	position: absolute;
}
ul#nav li a {
	display: block;
	text-indent: -9999px;
	height: 81px;
}
ul#nav li a:hover {
	border: none;
}
ul#nav li#about {
	left: 0;
	width: 85px;
}
ul#nav li#about a:hover, ul#nav li#about a#active {
	background:url(../IMAGES/nav.jpg) 0 -81px;
}
ul#nav li#bios {
	left: 85px;
	width: 78px;
}
ul#nav li#bios a:hover, ul#nav li#bios a#active {
	background:url(../IMAGES/nav.jpg) -85px -81px;
}
ul#nav li#services {
	left: 163px;
	width: 133px;
}
ul#nav li#services a:hover, ul#nav li#services a#active {
	background:url(../IMAGES/nav.jpg) -163px -81px;
}
ul#nav li#clients {
	left: 296px;
	width: 106px;
}
ul#nav li#clients a:hover, ul#nav li#clients a#active {
	background:url(../IMAGES/nav.jpg) -296px -81px;
}
ul#nav li#contact {
	left: 402px;
	width: 190px;
}
ul#nav li#contact a:hover, ul#nav li#contact a#active {
	background:url(../IMAGES/nav.jpg) -402px -81px;
}




/* = FOOTER
----------------------------------------------------*/
div#footer {
	width: 850px;
	margin: 0 auto;
	position: relative;
	height: 64px;
	padding-top: 10px;
	text-align: center;
}
div#footer * {
	font: 10px Georgia, Times, serif;
	font-weight: normal;
	color: #7c8211;
}
div#footer span, div#footer a {
	display: inline;
	padding: 0 5px;
}
div#footer a:hover {
	color: #3e6283;
}
div#footer span.phone {
	font-size: 16px;
	font-weight: bold;
	color: #3e6283;
}



/* = Contact Form
----------------------------------------------------*/

fieldset#contact {
	width: 475px;
	margin-top: 5px;
}
fieldset#contact dl {
	font: 11px Arial, Helvetica, sans-serif;
	color: #9a9a9a;
}
fieldset#contact dt {
	padding-top: 3px;
	float: left;
	display: block;
	width: 70px;
	height: 27px;
}
fieldset#contact dd {
	float: right;
	display: block;	
	width: 405px;
	height: 30px;
}
fieldset#contact dt.text, fieldset#contact dd.text {
	height: 120px;
}
div.info span#replace {
	color: red;
}
fieldset#contact input, fieldset#contact textarea {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	background: #dadada;	
	width: 390px;
	height: 20px;
	color: #000;
	border: 1px inset;
	padding: 1px 0 0 5px;
}
fieldset#contact textarea {
	height: 100px;
}
a#submit_button {
	display: block;
}
fieldset#contact input#sub_btn {
	width: 101px;
	height: 31px;
	margin-left: 70px;
	padding: 0;
	border: 0;
}