body {
	background-color: #333300;
	border: 0px solid blue;
	width: 900px; 
	margin: 0 auto;
}

#PageHolder{
	padding-top: 17px;
	border: 0px solid pink;
	height: auto;
	width: 900px;
}
#header{
   width:900px;
	padding: 0px;
	margin: 0px;
	border: 0px solid pink;
}
#headerSpacer{
	float: left;
   display: block;
	height: 221px;
	width: 260px;
	background: url(../images/bg_green_top.gif) no-repeat center;
	border: 0px solid pink;
}
#logo{
	float:left;
	height: 221px;
	width: 320px;
	background: url(../images/logo_02.gif) no-repeat center;
}
#logoBackground{
	float: left;
	height: 221px;
	width: 320px;
	background: url(../images/palmtree.gif) no-repeat center;
}

#contentHolder{
	padding: 0px;
	margin: 0px;
	clear: both;
	float: left;
	display: block;
	background: #666633;
	width: 900px;
	min-height: 300px;
	border: 0px solid pink;
}

div[id] #contentHolder{height: auto;}

#contentArea{
	text-align: left;
	padding: 10px;
   color: #cccc99;
	font: normal 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	border: 0px solid blue;
}

#footer{
	clear: both;   
	float: left;
	display: block;
	text-align: left;
	padding: 2px;
	vertical-align: bottom;
	color: #B99B4E;
	font: normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	width: 900px;
	border: 0px solid green;
}

/*********************************************/
/*           NAVIGATION                      */
/*********************************************/
#navigation{
	clear: both;
	float: left;
	display: block;
	background-color: #EAEAC2;
	height: 20px;
	width: 605px;
	border: 0px solid pink;
}
ul.nav{
	padding: 3px 0px 0px 0px;
	margin: 0px;
	color: #000000;
	white-space: nowrap;
	list-style-type: none;
	text-align: center;
	border: 0px solid pink;
}
ul.nav li {display:inline;}
ul.nav li a {
	color: #B99B4E;
	text-decoration: none;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	width: 90px;
	text-align: center;
	float: left;
	border-right: 1px solid #B99B4E;
	background: #EAEAC2;
}

ul.nav li.contact a {
	color: #B99B4E;
	text-decoration: none;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	width: 90px;
	text-align: center;
	padding-top: 0px;
	float: left;
	border-right: 0px;
	background: #EAEAC2;
}

ul.nav li a:hover{
	text-decoration: none;
	color: #924E41;
	background-color: #EAEAC2;
	width: 90px;
	text-align: center;
	padding-top: 0px;
}

/**** nav bar highlighted ****/
body#ctl00_home li.home,
body#contact li.contact,
body#about li.about,
body#services li.services,
body#ctl00_portfolio li.portfolio,
body#ctl00_clients li.clients,
body#testimonials li.testimonials
{
	background-color: #EAEAC2;
	color: #924E41;
}

body#ctl00_home li.home a:link,
body#ctl00_home li.home a:visited,
body#contact li.contact a:link,
body#contact li.contact a:visited,
body#about li.about a:link,
body#about li.about a:visited,
body#ctl00_services li.services a:link,
body#ctl00_services li.services a:visited,
body#ctl00_portfolio li.portfolio a:link,
body#ctl00_portfolio li.portfolio a:visited,
body#ctl00_clients li.clients a:link,
body#ctl00_clients li.clients a:visited,
body#testimonials li.testimonials a:link,
body#testimonials li.testimonials a:visited
{
	background-color: #EAEAC2;
	color: #924E41;
}



/**************************************/
/********* CONTENT STYLES ************/
/**************************************/
h1{font: bold 20px Verdana, Geneva, Arial, Helvetica, sans-serif;}

h2{
	font: bold 14px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	padding: 10px 0px 10px 0px;
	border-top: 1px solid #484800;
	margin: 0px;
}
a.expandAnchor, a:link.expandAnchor, a:active.expandAnchor, a:visited.expandAnchor, a:hover.expandAnchor{
	color: #ffffcc; 
	text-decoration:none;
	font-weight: normal;
}
a:hover.expandAnchor{font-style: italic;}
.clearBoth{clear: both;}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #cccc99;
}
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #ffffcc;
}
a:link.link {
	color: #ffffcc;
}
a:hover.link {
	color: #ffffcc;
}
a:active.link {
	color: #ffffcc;
}
a:visited.link {
	color: #ffffcc;
}
/*
a.dark_link  {font-size: 8pt; color: #CCCC99; text-decoration: none;}
a:link.dark_link, a:visited.dark_link  {color: #CCCC99; text-decoration: none;}
a:hover.dark_link , a:active.dark_link  {color: #ffffcc; text-decoration: underline;}
*/
a.footerLink, a:link.footerLink, a:active.footerLink, a:visited.footerLink, a:hover.footerLink{
	color: #ffffcc; 
	text-decoration:none;
	font-weight: normal;
}
a:hover.footerLink{font-style: italic;}

a.darker_link  {font-size: 8pt;color: #333300;text-decoration: none;border: 1px solid blue;}
a:link.darker_link, a:visited.darker_link  {color: #4E4EOE; text-decoration: none;border: 1px solid green;}
a:hover.darker_link , a:active.darker_link  {color: #ffffcc; font-style: italic;border: 1px solid pink;}

a
#divUp   {position:relative; left:300px; top:-16px;}
#divDown {position:relative; left:300px; top:-10px;}
#divScrollTextCont {position:absolute; left:20px; top:266px; width:390px; height:174px; clip:rect(0px 390px 174px 0px); overflow:hidden; visibility:hidden;}
#divText {position:relative; left:0px; top:0px;} 

.emailText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height : 14px;
	color: #333300;
}
.regularText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height : 14px;
	color: #cccc99;
}
.spacedText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height : 20px;
	color: #cccc99;
}
.sub {
	color: #999966;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height : 16px;
}
.smemphasize {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-weight: normal;
	color: #CC3300;
}
.navlines {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #546a82;
}
.bold {
	font-weight: bold;
}
.regularTextBold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height : 14px;
	color: #cccc99;
	font-weight: bold;
}
.small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7.5pt;
	font-weight: normal;
}
.italic {
	font-style: italic;
}
.italic-b {
	font-style: italic;
	font-weight: bold;
}

/************************************************/
/*               Services Page                  */
/************************************************/
.service_background{
	background-color: #fff;
	width: 400px;
	height: 150px;
	padding: 10px;
}


/*****************************************************/
/*               Carousel Styles                     */
/*****************************************************/
/* Horizontal Carousel */
#horizontal_carousel {
  float:left;
  width: 875px;
  height: 215px;
  margin-bottom: 5px;
  position: relative;  
  border: 0px solid pink;
}         

/*** define the inside container ***/
#horizontal_carousel .container {
  position: absolute;
  top: 5px;
  left: 37px;  
  width: 800px;
  height: 200px;
  overflow:hidden;   
  background: #666633;
  border: 0px solid green;
}            

#horizontal_carousel .previous_button {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 30px;
  height: 200px;
  background: url(../images/left_on.png);
  z-index: 100;    
  cursor:pointer;
}        

#horizontal_carousel .previous_button_disabled {
  background: url(../images/left_off.png);
  cursor:default;
}

#horizontal_carousel .next_button {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 30px;
  height: 200px;
  background: url(../images/right_on.png);
  z-index: 100;
  cursor:pointer;
}   

#horizontal_carousel .next_button_disabled {
  background: url(../images/right_off.png);
  cursor:default;
}

#horizontal_carousel ul {
  margin: 0;
  padding:0;
  width: 100000px;
  position: relative;
  top: 0;
  left: 0;
  height: 144px;
}                      

#horizontal_carousel ul li img {
  border:1px solid #999999;
  display:block;    
  /*background:#ffdfd0;           */
/*  background:#E3EDFA;  */
}                               

#horizontal_carousel ul li {
  font-family:verdana,arial,sans-serif;
  font-size:10px;
}                               

#horizontal_carousel ul li {
  border:0px solid green;
  color:#E3EDFA;
  margin:0pt;
  padding:15px 10px 10px;
  width:206px;
  list-style:none;   
  float:left;
  text-align: center;
}
.portfolioItem a, .portfolioItem a:link, .portfolioItem a:active, .portfolioItem a:visited{
	font: bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #cccc99;
	text-decoration: none;
}
.portfolioItem a:hover{
	font: bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #cccc99;
	text-decoration: underline;
}


/**************************************************
*            POPUP CONTAINER STYLES               *
***************************************************/
#popupMask {
	position: absolute;
	z-index: 200;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: .4;
	filter: alpha(opacity=40);
	/* this hack is so it works in IE
	 * I find setting the color in the css gives me more flexibility 
	 * than the PNG solution.
	 */
	/*background-color:transparent !important;*/
	background-color: #333333;
	/* this hack is for opera support
	 * you can uncomment the background-image if you don't care about opera.
	 * this gives you the flexibility to use any bg color that you want, instead of the png
	 */
	/*background-image: url("maskBG.png") !important; */
	background-image:none;
	background-repeat: repeat;
	display:none;
}
#popupContainer {
	position: absolute;
	z-index: 201;
	top: 0px;
	left: 0px;
	display:none;
	padding: 0px;
}
#popupInner {
	border: 1px solid #333300;
	background-color: #ffffff;
}

#popupFrame {
	margin: 0px;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 202;
}
#popupTitleBar {
	background-color: #EAEAC2;
	color: #924E41;
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	height: 15px;
	padding: 5px;
	border-bottom: 1px solid #333300;
	border-top: 1px solid #B99B4E;
	border-left: 1px solid #B99B4E;
	border-right: 1px solid #B99B4E;
	position: relative;
	z-index: 203;
}
#popupTitle {
	float:left;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	/*font-size: 1.1em;*/
}
#popupControls {
	float: right;
	cursor: pointer;
	cursor: hand;
}

/*********************************************************/
/*                  Email popup page                     */
/*********************************************************/
body#emailHolder{
	padding: 0px;
	margin: 0px;
	clear: both;
	float: left;
	display: block;
	background: #666633;
	width: 600px;
}
.emailText{
	color: #cccc99;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
}
.styleButton{
	color: #333300;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	background-color: #cccc99;
}
.emailMessage{
	margin:0px;
	background-color: #cccc99;
	padding: 2px 20px 2px 20px;
	color: #924E41;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
}
.errorMessage{
	color: #cccc99;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.cssform{
	border: 0px solid pink;
	width: 600px;
}
.cssform p{
	width: 500px;
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 75px; /*width of left column containing the label elements*/
	height: 1%;
	text-align: left;
	vertical-align: top;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -50px; /*width of left column*/
width: 60px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 200px;
	color: #333300;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
}

.cssform select{ /*width of text boxes. IE6 does not understand this attribute*/
	color: #333300;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
}

.cssform textarea{
	width: 425px;
	color: #333300;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}