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

/*=================================== GENERAL STARTS ===================================*/

body { 
	margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px;
	background-color:#FAFAFA; letter-spacing:0.3px;
}

h1 { font-size:25px; padding:20px 0px 20px 0px; margin:0px; color:#000000;  }
h3 { font-size:14px; padding:5px 0px; margin:0px 0px 10px 0px; color:#333333; }
p { line-height:18px; color:#404040; font-size:13px; padding-bottom:5px; }

a { color:#FF6600; border-bottom:1px dashed #FF6600; text-decoration:none; }
a:hover { text-decoration:none; border-bottom:none; }

/*=================================== GENERAL ENDS ===================================*/

/*=================================== NAVIGATION STARTS ===================================*/

#naviContainer { width:100%; height:50px; margin:0; background-color:#000000; float:left; }

/*=================================== NAVIGATION ENDS ===================================*/

/*=================================== HEADER STARTS ===================================*/

#headerContainer { width:100%; height:auto; background-color:#000000; float:left; }
#header { width:980px; height:270px; margin: 0 auto; }
#headerText { width:330px; height:150px; padding:10px; margin-top:100px; float:right; }

.headerTitle { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; padding:5px; color:#000000; }
#headerText p { 
	padding:10px; line-height:18px; color:#333333; font-family:Arial, Helvetica, sans-serif; 
	font-size:13px; margin:0px; font-weight:bold; 
}
.personName { font-style:italic; font-size:12px; padding:10px; color:#333333;  font-family:Arial, Helvetica, sans-serif; }

/*=================================== HEADER ENDS ===================================*/

/*=================================== CONTENT STARTS ===================================*/

#contentContainer { 
	width:100%; height:auto; overflow:hidden; float:left; background:url(../images/content-repeat.gif) repeat-x; 
}
#content { 
	width:980px; margin:0px auto; padding:30px 10px 50px 10px; height:auto; overflow:hidden;
	background:url(../images/content-bg.jpg) no-repeat;
}

#leftcontentContainer { width:500px; float:left; height:auto; overflow:hidden; margin-left:30px; }
#leftcontentContainer ul { margin:0; padding:0px 0px 10px 30px; color:#404040; }
#leftcontentContainer ul li { padding-left:15px; margin:7px 0px; list-style-image:url(../images/green-list.gif); }
#leftcontentContainer img { margin:10px 7px 0px 0px; }

.topic { font-weight:bold; padding-top:10px; }


#rightcontentContainer { 
	width:340px; float:right; height:auto; overflow:hidden; margin-right:10px; 
	margin-top:40px; border-left: 1px solid #D1D3D4; padding-bottom:20px;
}
.sideContentHolder { width:300px; margin:15px 35px 10px 15px; float:left; }
.imageContainer { width:93px; height:93px; float:left; }

.infoContainer { width:170px; margin-left:10px; float:left; }
.infoContainer p { padding:5px; margin:0px; line-height:16px; font-size:12px; }
.divider { margin-bottom:15px; float:left; }

#rightcontentContainer img { border:none; }

/*=================================== CONTENT ENDS ===================================*/

/*=================================== FOOTER STARTS ===================================*/

#footerContainer { width:99%; padding-bottom:20px; margin:0px; float:left; line-height:15px; }
#footer { 
	width:1000px; height:auto; overflow:hidden; margin:0 auto; padding-top:30px; font-size:12px; color:#808080;
	background:url(../images/footer/footer-shadow.jpg) no-repeat; font-family:Arial, Helvetica, sans-serif;
}
#footer a { font-weight:bold; color:#808080; text-decoration:none; border:none; }
#footer a:hover { text-decoration:none; border-bottom:1px dashed #808080; }
#leftFooter { width:350px; padding:10px 0 10px 20px; float:left; }
#rightFooter { width:580px; padding:10px 20px 10px 0; float:right; text-align:right; }

/*=================================== FOOTER ENDS ===================================*/

/*=================================== SERVICES SECTION STARTS ===================================*/

.sideContentHolder h3 a { color:#006838; text-decoration:none; border:none; }
.sideContentHolder h3 a:hover { text-decoration:underline; border:none; }
.sideContentHolder img { margin-right:5px; vertical-align:bottom; }

.quote { font-size:25px; font-weight:bold; margin:3px; padding:0px; line-height:25px; vertical-align:middle; }
.inQuote { margin:5px;  }
.quoteFrom { font-size:11px; font-style:italic; color:#666666; }
.theQuote { 
	text-align:center; font-size:14px; letter-spacing:0px; padding:25px 0px; margin-bottom:40px; 
	border-bottom:1px dashed #999999; border-top:1px dashed #999999; 
}

/*=================================== SERVICES SECTION ENDS ===================================*/

/*=================================== CONTACT STARTS ===================================*/

#contactForm { 
	width:490px; padding:15px 5px 25px 5px; margin:30px 0px; color:#404040;
	border-bottom:1px dashed #999999; border-top:1px dashed #999999; 
}
.enquiry { width:280px; padding:5px; border:1px solid #999999; font:12px Arial, Helvetica, sans-serif normal; }
#contactForm textarea { 
	width:435px; height:150px; padding:5px; border:1px solid #999999; 
	font:12px Arial, Helvetica, sans-serif normal; margin:0; 
}

.topContact { width:480px; padding: 15px 5px 5px 5px; }
.leftContact { width:150px; padding:10px 5px; }
.rightContact { width:300px; padding:10px 5px; }
.bottomContact { width:480px; padding: 5px; }
.submit { margin-left:370px; width:75px; }

/*=================================== CONTACT ENDS ===================================*/

/*=================================== PORTFOLIO STARTS ===================================*/
/* CHANGES:  C. Robbins (Gecko Regen): 20090209  Changed height to 296 (from 176)--176 too restrictive */

.portfolioContainer { 
	width:536px; height:296px; padding:2px 12px 32px 12px; margin-bottom:10px;
	background:url(../images/portfolio-bg.gif) no-repeat; float:left; 
}
.seperator { border-bottom:1px dashed #999999; margin-top:5px; margin-bottom:40px; width:560px; float:left; }
#bottomNavi { width:560px; float:left; text-align:right; padding:0; margin:0; }

/*=================================== PORTFOLIO ENDS ===================================*/

/*=================================== NEWS STARTS ===================================*/

.newsBox { float:left; width:480px; padding:10px 8px; margin-bottom:15px; border-bottom:1px dashed #999999; }
.newsTitle { font-size:15px; font-weight:bold; padding:3px 0; color:#006838; }
.newsInfo { padding:2px 0; color:#FF6600; }
.smallGrey { font-size:11px; color:#999999; }
.newsContent { padding:0px; }
.noHeader { padding-top:30px; float:left; }

/*=================================== NEWS ENDS ===================================*/