/* 17th july 08, created by naomi */
/* Site colours --------------------------------------

					 Gold bown ...............#B59573

					 Burgandy ................#8A1F19

					 Mid Green................#006F00

					 Light cream .............#F5F2EE */

/* Html --------------------------------------------- */
body {
	margin: 0;
	padding: 0;
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	background-color: #F3F1EE;
	color: #626262;
}
a {
	color: #902822;
	text-decoration: none;
}
a:hover {
	color: #B59573;
}
h1 {
	margin: 0px;
	padding: 0px;
	color: #8A1F19;
	font-weight: normal;
	font-size: 190%;
	margin-bottom: 6px;
	clear: left;
}
h2 {
	margin: 0px;
	padding: 0px;
	color: #8A1F19;
	font-size: 120%;
	margin-top: 5px;
	clear: left;
}
h2.homeSide {
	color: #B59573;

}
h2.contact {
	margin-bottom: 10px;
}
h3 {
	margin: 0;
	padding: 0;
	color: #B59573;
	font-size: 120%;
}
.highlight {
	color: #B59573;
	font-weight: bold;
}
/* body Containers-------------------------------------- */
#mainOuter {
	margin: 0 auto;
	padding: 0;
	width: 960px;
	background:url(/themes/pinelog08/images/Backgr_MainColumn.png) repeat-y;
}
#mainInner {
	margin: 0 auto;
	padding: 0;
	width: 900px;
	padding: 0 12px 0 12px;
}
/* header----------------------------------------------- */
#header {
	margin: 0;
	padding: 0;
	background:url(/themes/pinelog08/images/backgr_headerPinecone.png) no-repeat top right;
}
#topNav {
	margin: 0;
	padding: 0;
	background-color: #B59573;
	border-bottom: 7px solid #8A1F19;
	height: 26px;
}
#topNavBlue {
	margin: 0;
	padding: 0;
	background-color: #92B1C7;
	border-bottom: 7px solid #8A1F19;
	height: 26px;
}
#topNav ul {
	margin: 4px 8px 0 0;
	padding: 0;
	float: right;
	color: #ffffff;
}
#topNav ul li {
	list-style: none;
	float: left;
}
#topNav ul li a {
	text-decoration: none;
	color: #fff;
	padding: 0 1px 0 4px;
	font-size: 90%;
}
#topNav ul li a:hover {
	color: #DFCFBE;
}
.logo {
	margin: 9px 0 9px 0;
}
/* main nav----------------------------------------------- */
#mainNav {
	margin: 0;
	padding: 0;
	height: 41px;
	font-size: 105%;
}
#mainNav ul {
	margin: 0;
	padding: 0;
}
#mainNav ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}
#mainNav ul li a {
	display: block;
	width: 159px;
	background-color: #B59573;
	color: #fff;
	padding: 12px 9px 12px 9px;
	text-align: center;
	border-right: 3px solid #fff;
}
#mainNav ul li a.noMargin {
	border-right: 0px solid #fff;
	width: 162px;
}
#mainNav ul li a.narrow {
	display: block;
	width: 155px;
	background-color: #B59573;
	color: #fff;
	padding: 12px 6px 12px 9px;
	text-align: center;
	border-right: 3px solid #fff;
}
#mainNav ul li a.wide {
	display: block;
	width: 162px;
	background-color: #B59573;
	color: #fff;
	padding: 12px 6px 12px 9px;
	text-align: center;
	border-right: 3px solid #fff;
}
#mainNav ul li a.wider {
	display: block;
	width: 169px;
	background-color: #B59573;
	color: #fff;
	padding: 12px 6px 12px 9px;
	text-align: center;
	border-right: 3px solid #fff;
}
#mainNav ul li a:hover, #mainNav ul li a#active {
	background-color: #8A1F19;
}
/* blue main nav----------------------------------------------- */
#mainNavBlue {
	margin: 0;
	padding: 0;
	height: 41px;
	font-size: 105%;
}
#mainNavBlue ul {
	margin: 0;
	padding: 0;
}
#mainNavBlue ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}
#mainNavBlue ul li a {
	display: block;
	width: 159px;
	background-color: #92B1C7;
	color: #fff;
	padding: 12px 9px 12px 9px;
	text-align: center;
	border-right: 3px solid #fff;
}
#mainNavBlue ul li a.noMargin {
	border-right: 0px solid #fff;
	width: 154px;
}
#mainNavBlue ul li a.wide {
	display: block;
	width: 170px;
	background-color: #92B1C7;
	color: #fff;
	padding: 12px 6px 12px 9px;
	text-align: center;
	border-right: 3px solid #fff;
}
#mainNavBlue ul li a.narrow {
	display: block;
	width: 125px;
	background-color: #92B1C7;
	color: #fff;
	padding: 12px 6px 12px 9px;
	text-align: center;
	border-right: 3px solid #fff;
}
#mainNavBlue ul li a.narrownoMargin {
	display: block;
	width: 125px;
	background-color: #92B1C7;
	color: #fff;
	padding: 12px 6px 12px 9px;
	text-align: center;
	border-right: 0px solid #fff;
}
#mainNavBlue ul li a:hover, #mainNavBlue ul li a#active {
	background-color: #8A1F19;
}
/* commercial pools main nav----------------------------------------------- */
#mainNavCom {
	margin: 0;
	padding: 0;
	height: 41px;
	font-size: 105%;
}
#mainNavCom ul {
	margin: 0;
	padding: 0;
}
#mainNavCom ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}
#mainNavCom ul li a {
	display: block;
	width: 205px;
	background-color: #9EBD95;
	color: #fff;
	padding: 12px 9px 12px 9px;
	text-align: center;
	border-right: 3px solid #fff;
}
#mainNavCom ul li a.noMargin {
	border-right: 0px solid #fff;
	width: 204px;
}
#mainNavCom ul li a:hover, #mainNavCom ul li a#active {
	background-color: #8A1F19;
}
/* commercial buildings main nav----------------------------------------------- */
#mainNavComBuild {
	margin: 0;
	padding: 0;
	height: 41px;
	font-size: 105%;
}
#mainNavComBuild ul {
	margin: 0;
	padding: 0;
}
#mainNavComBuild ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}
#mainNavComBuild ul li a {
	display: block;
	width: 200px;
	background-color: #A94944;
	color: #fff;
	padding: 12px 9px 12px 9px;
	text-align: center;
	border-right: 3px solid #fff;
}
#mainNavComBuild  ul li a.wide {
	display: block;
	width: 215px;
	background-color: #A94944;
	color: #fff;
	padding: 12px 9px 12px 9px;
	text-align: center;
	border-right: 3px solid #fff;
}
#mainNavComBuild  ul li a.noMargin {
	border-right: 0px solid #fff;
	width: 204px;
}
#mainNavComBuild ul li a:hover, #mainNavComBuild ul li a#active {
	background-color: #B59573;
}
/* gardens main nav----------------------------------------------- */
#mainNavGard {
	margin: 0;
	padding: 0;
	height: 41px;
	font-size: 105%;
}
#mainNavGard ul {
	margin: 0;
	padding: 0;
}
#mainNavGard ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}
#mainNavGard ul li a {
	display: block;
	width: 157px;
	background-color: #9EBD95;
	color: #fff;
	padding: 12px 9px 12px 9px;
	text-align: center;
	border-right: 3px solid #fff;
}
#mainNavGard ul li a.noMargin {
	border-right: 0px solid #fff;
	width: 162px;
}
#mainNavGard ul li a.wide {
	display: block;
	width: 168px;
	background-color: #9EBD95;
	color: #fff;
	padding: 12px 6px 12px 9px;
	text-align: center;
	border-right: 3px solid #fff;
}
#mainNavGard ul li a:hover, #mainNavGard ul li a#active {
	background-color: #8A1F19;
}

/*main home pics----------------------------------------------- */
#mainPics {
	margin: 0px;
	padding: 0px;
	float: left;
	border-top: 3px solid #fff;
	}
#mainPics img {
	margin: 0px;
	padding: 0px;
	border-right: 3px solid #fff;
}
#mainPics img.noMargin {
	border-right: 0px solid #fff;
}
#mainPicsIntPage {
	margin: 0px;
	padding: 0px;
	float: left;
	border-top: 3px solid #fff;
}
.headerImgRight {
	margin: 0px;
	padding: 0px;
	width: 320px;
	float: right;
}
.headerImgRight img {
	border-top: 3px solid #fff;
}
/* copy -------------------------------------------------------- */
#copyArea {
	margin: 0px;
	padding: 0px;
	padding: 10px 8px 16px 8px;
	color: #626262;
	font-size: 90%;
	clear: both;
	min-height: 250px;
}

.sideBox {
	margin: 0;
	padding: 0;
	width: 281px;
	border: 2px solid #E7E0D6;
	float: right;
	background: #F5F2EE url(/themes/pinelog08/images/backgr_sideBoxPinecone.jpg) no-repeat top right;
	color: #A88259;
	font-size: 100%;
	padding: 6px 6px 6px 6px;
	margin: 8px 4px 8px 8px;
}
.sideBox a {
	color: #B59573;
}
.sideBox a:hover {
	color: #987045;
}
#columns {
	height: 100%;
	width: 574px;
	margin-bottom: 5px;
}
#columns td {
	padding: 4px 4px 0 0;
}
#threecolumns {
	height: 100%;
	width: 100%;
	margin-bottom: 5px;
}
#threecolumns td {
	padding: 4px 4px 0 0;
}
/* recent projects table ---------------------------------------- */
.recentProjects {
	margin: 0 auto;
	border: 1px solid #E7E0D6;
	background-color: #F5F2EE;
	padding: 4px;
	width: 780px;
}
.recentProjects img {
	border: 2px solid #E7E0D6;
	float: left;
	margin: 0 5px 4px 5px;
}
/* pinelodges  ---------------------------------------- */

/* contact form ------------------------------------------------- */
#contactForm {
	margin: 0;
	padding: 0;
	width: 555px;
	/*align: left;*/
	border: 2px solid #E7E0D6;
	background-color: #F5F2EE;
	padding: 8px 4px 4px 4px;
}
#contactForm td {
	padding: 3px;
}
#contactForm.quote {
	width: 600px;
	margin: 0 auto;
	margin-top: 5px;
}
#contactForm .input {
	width: 240px;
	border: 1px solid #B0AFAF;
	color: #7F7F7F;
	padding: 1px;
}
input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#contactForm .textarea {
	width: 240px;
	border: 1px solid #B0AFAF;
	color: #7F7F7F;
}
#contactForm .textareawide {
	width: 98%;
	border: 1px solid #B0AFAF;
	color: #7F7F7F;
	margin: 3px 5px 3px 5px;
	padding: 1px;
	font: 90% Verdana, Arial, Helvetica, sans-serif;
}
.sideBoxcontact {
	margin: 0;
	padding: 0;
	width: 281px;
	border: 2px solid #E7E0D6;
	float: right;
	background: #F5F2EE url(/themes/pinelog08/images/backgr_sideBoxPinecone.jpg) no-repeat top right;
	color: #B59573;
	font-size: 120%;
	padding: 6px 6px 12px 6px;
	margin: 0px 4px 8px 8px;
}
.tell_friend {
	margin: 0 auto;
}
.testimonials {
	background-color: #e7e0d6;
	padding: 5px;
	border: 1px solid #FCFBF9;
	margin: 0px 0px 0px 60px;
}
.infoBox {
	width: 400px;
	border: 3px solid #E2DBCF;
	margin: 0 auto;
	margin-top: 10px;
}
.moreBut {
	background-color: #e7e0d6;
	padding: 2px 5px 3px 5px;
	border: 1px solid #FCFBF9;
}
/* footer ------------------------------------------------------ */
#footer {
	background-color: #B59573;
	border-top: 14px solid #8A1F19;
	color: #fff;
	padding: 1px 5px 2px 10px;
	font-size: 80%;
}
#footer img {
	float: right;
}
#footer a {
	color: #fff !important; /* FF requires a important here */
}
#footer a:hover {
	color: #8A1F19 !important; /* FF requires a important here */
}
.recentTable img {
	margin-left: 6px;
	float: left;
	border: 2px solid #E2DBCF;
}
.imgSpaced {
	float: left;
	margin-right: 20px;
	border: 2px solid #E2DBCF;
}
/* userStyles ------------------------------------------------------ */
.imgLeft {
	float: left;
	margin-right: 3px;
}
.borderImg {
	border: 2px solid #E2DBCF;
}
.imgRight {
	float: right;
	margin-left: 5px;
}
.imgRightBorder {
	float: right;
	margin-left: 5px;
	border: 2px solid #E2DBCF;
}
.imgCenter {
	margin: 0 auto;
	text-align: center;
}
.printer_friendly {
	text-align: right;
}

.deletableImage {
	cursor: pointer;
	padding: 0px;
}

.deletableImage:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.error {
  background-color: #E49999;
  border: 1px solid #9C1919;
  color: #9C1919;
  padding: 6px;
  width: 540px;
}

.ok {
  background-color: #D1E4D2;
  border: 1px solid #0B490C;
  color: #0B490C;
  padding: 6px;
  width: 540px;
}

.mceContentBody {
	background-color: #FFFFFF;
}

.mceToolbar {
}