@charset "UTF-8";

/** Global Styles **/

body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #434343; background-attachment: fixed; background-image: url(../_images-site/site-bg.jpg); background-repeat: repeat-x; margin-top: 20px; padding: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
p { font-size: 12px; color: #3C3C3C; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; line-height: 16px; }
h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; font-weight: normal; letter-spacing: 1px; color: #3C3C3C; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; }
h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 17px; font-weight: normal; margin-top: 0px; padding-top: 0px; }

	a:link,
	a:visited { color:#225506; text-decoration:none; }
	a:hover { color:#333333; text-decoration: none; font-weight: normal; }
	a:active { color:#225506; }

img { outline:none; border:none; }
img a:link,
img a:visited { outline:none; border:none; }
img a:hover { outline:none; border:none;}
img a:active { outline:none; border:none; }


/** Template Styles **/

#masterFrame { height: auto; width: 900px; margin-right: auto; margin-left: auto; overflow: visible; background-color: #FFFFFF; padding-bottom: 20px; }
#lowerFrame { height: auto; width: 900px; overflow: visible; background-color: #FFFFFF; }
#upperContainer { height: auto; width: 880px; margin-left: 20px; overflow: auto; }
#lowerContainer { height: auto; width: 860px; overflow: auto; clear: both; margin-top: 20px; margin-right: 20px; margin-left: 20px; }
#logo { height: 44px; width: 300px; overflow: visible; margin-top: 20px; margin-bottom: 10px; }
#upperLeft { width: 290px; float: left; height: auto; overflow: visible; }
#upperRight { float: right; height: 400px; width: 580px; overflow: hidden; }
#upperRightSPECIAL { float: right; height: 200px; width: 580px; overflow: hidden; }
#freeLeft1 { height: auto; width: 290px; overflow: auto; margin-top: 20px; }


/** Navigation **/

#navContainer { height: 30px; width: 900px; overflow: hidden; margin-right: auto; margin-left: auto; }
#nav { margin:0; padding:0; width:100%; float:left; }
#nav li { display:inline; padding:0; margin:0; }
	#nav a:link,
	#nav a:visited { color:#666666; float:left; width:auto; text-decoration:none; letter-spacing: 1px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 17px; font-weight: lighter; padding-top: 6px; padding-right: 20px; padding-bottom: 6px; padding-left: 0px; }
	#nav a:hover { color:#333333; }
	#nav a:active { color:#71746F; }
	
	/** this section controls the static appearance of the visible page via the body ID Attribute **/
	#home #nav-home a,
	#about #nav-about a,
	#news #nav-news a,
	#construction #nav-construction a,
	#restoration #nav-restoration a,
	#joinery #nav-joinery a,
	#maintenance #nav-maintenance a,
	#portfolio #nav-portfolio a,
	#enquiries #nav-enquiries a { color:#000000; }

	/** this section controls the hover effects on the visible page via the body ID Attribute **/
	#home #nav-home a:hover,
	#about #nav-about a:hover,
	#news #nav-news a:hover,
	#construction #nav-construction a:hover,
	#restoration #nav-restoration a:hover,
	#joinery #nav-joinery a:hover,
	#maintenance #nav-maintenance a:hover,
	#portfolio #nav-portfolio a:hover,
	#enquiries #nav-enquiries a:hover { color:#000000; }

	#nav a:active { color:#89AFDD; }


/** Baseline **/

#baseline { height: auto; width: 900px; margin-right: auto; margin-left: auto; overflow: visible; font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #FFFFFF; margin-top: 0px; padding-top: 0px; clear: both; }
	#baseline a:link,
	#baseline a:visited { color:#FFFFFF; text-decoration:none; font-weight: normal; }
	#baseline a:hover { color:#666666; text-decoration: none; font-weight: normal; }
	#baseline a:active { color:#FFFFFF; }



/** General Pages **/

#lowerContainerGreen { height: auto; width: 820px; overflow: auto; clear: both; background-color: #BEDAAE; padding: 20px; margin-top: 20px; margin-right: 20px; margin-left: 20px; }
#imgFootnote { overflow: hidden; position: relative; height: 50px; width: 330px; top: -55px; left: 230px; }
#imgFootnote p { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; font-weight: lighter; }

#companyQuickJump { float: right; height: 198px; width: 198px; margin-left: 20px; padding: 20px; border: 1px dotted #89B172; background-color: #C9E5B7; background-image: url(../_images-pages/container-bg-logo.png); background-repeat: no-repeat; background-position: right bottom; }
	/* IE6 Command */
	* html #companyQuickJump { float: right; height: 198px; width: 198px; margin-left: 20px; padding: 20px; border: 1px dotted #89B172; background-color: #C9E5B7; background-image: none; }
#companyQuickJump  h2  { font-family: Georgia, "Times New Roman", Times, serif; font-size: 17px; font-weight: normal; margin-top: 0px; padding-top: 0px; padding-left: 20px; line-height: 26px; }
	#companyQuickJump a:link,
	#companyQuickJump a:visited { color:#225506; text-decoration:none; font-weight: normal; }
	#companyQuickJump a:hover { color:#333333; text-decoration: none; font-weight: normal; }
	#companyQuickJump a:active { color:#225506; font-weight: normal; }
	
#feedContainer { margin-top: 20px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; }
#feedContainer p { font-style: italic; }
#feedContainer h1 { margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; }
#feedContainer h2 { font-size: 14px; border-top-width: 2px; border-top-style: solid; border-top-color: #F6F6F6; padding-top: 3px; margin-top: 3px; }
	.feedTitle  h1{ font-size: 16px; font-weight: normal; margin-top: 0px; margin-bottom: 0px; line-height: normal; padding-top: 0px; padding-bottom: 0px; color: #274A14; }
/** WP plugin styles **/
	.feedDate  { font-size: 10px; font-weight: normal; color: #1F4906; background-color: #F6F6F6; padding: 2px; margin-top: 5px; margin-bottom: 5px; }
	.feedEditedBy { color: #999; font-size: 11px; }
		.feedTitle a:link,
		.feedTitle a:visited { letter-spacing: normal; font-size: 14px; line-height: normal; }
		.feedTitle a:hover { text-decoration: none; letter-spacing: normal; font-size: 14px; line-height: normal; }
		.feedTitle a:active { font-size: 14px; }


/* Portfolio (within other pages) */
	
#portfolioQuickJump { height: auto; width: 250px; overflow: auto; margin-top: 30px; }
#portfolioQuickJump   h2  { font-family: Georgia, "Times New Roman", Times, serif; font-size: 17px; font-weight: normal; margin-top: 0px; padding-top: 0px; }
#portfolioQuickJump a { padding-left: 20px; }
	#portfolioQuickJump a:link,
	#portfolioQuickJump a:visited { color:#225506; text-decoration:none; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 13px; }
	#portfolioQuickJump a:hover { color:#333333; text-decoration: none; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 13px; }
	#portfolioQuickJump a:active { color:#225506; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 13px; }


/** Portfolio Pages **/

#projectsMenu { float: left; height: auto; width: 240px; overflow: visible; background-color: #BEDAAE; padding: 20px; }
#projectsMenu  a  { padding-left: 20px; }
#projectsMenu p { margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; font-size: 11px; line-height: 14px; }
#projectsMenu h2 { margin-top: 10px; margin-bottom: 0px; padding-top: 10px; padding-bottom: 0px; }
.projectIntroThumb { padding-top: 5px; padding-right: 25px; padding-bottom: 5px; }
#projectContainer { float: right; height: auto; width: 450px; overflow: visible; padding-right: 60px; padding-left: 60px; padding-bottom: 20px; border: 1px solid #BEDAAE; padding-top: 20px; }

#primeImage { height: auto; width: 450px; margin-right: auto; margin-left: auto; overflow: visible; }
#thumbs { height: auto; width: 450px; margin-right: auto; margin-left: auto; overflow: visible; }
.thumbImage  { padding: 5px; }
#notes { height: auto; width: 450px; margin-right: auto; margin-left: auto; overflow: visible; text-align: left; }
#notes p { margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; }
#notes h1 { font-size: 13px; font-weight: bold; margin-top: 0px; margin-bottom: 3px; padding-top: 0px; padding-bottom: 3px; font-family: Arial, Helvetica, sans-serif; }


/* About Pages **/

#aboutInternalCol1 { float: left; height: auto; width: 560px; overflow: visible; }
.aboutFeatureContainer { background-color: #FFFFFF; height: auto; width: 220px; overflow: hidden; border: 1px dotted #BDCBE5; padding-top: 5px; padding-right: 5px; padding-bottom: 15px; padding-left: 5px; }
.aboutFeatureContainer h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; font-weight: normal; margin-top: 0px; padding-top: 0px; margin-bottom: 5px; padding-bottom: 5px; }


/* Awards Page */

#awardsInternalCol1 { float: left; height: auto; width: 560px; overflow: visible; }
.awardContainer { float: left; height: 190px; width: 280px; padding-top: 10px; padding-bottom: 10px; text-align: center; }
.awardContainer img { margin-bottom: 5px; }


/* Static News Page */

.newsContainer { background-color: #FFFFFF; padding: 20px; height: auto; width: 510px; overflow: auto; margin-top: 20px; }
.newsContainer h1 { font-size: 16px; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; }
.newsContainer p { font-size: 13px; font-weight: bold; }
.newsContainer img { float: right; margin-left: 20px; }
	.newsContainer a:link,
	.newsContainer a:visited { color:#225506; text-decoration:none; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 13px; }
	.newsContainer a:hover { color:#333333; text-decoration: none; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 13px; }
	.newsContainer a:active { color:#225506; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 13px; }


/* Static News Stories Page */

#newsStoryCol1 { float: left; height: auto; width: 550px; }
#newsStoryCol2 { float: right; height: auto; width: 198px; margin-left: 20px; padding: 20px; border: 1px dotted #89B172; background-color: #C9E5B7; }

/* Enquries */

#enquiriesCol1 { float: left; height: auto; width: 240px; overflow: visible; background-color: #BEDAAE; padding: 20px; }
#enquiriesCol2 { float: right; height: auto; width: 530px; overflow: visible; padding-right: 20px; padding-left: 20px; padding-bottom: 20px; border: 1px solid #BEDAAE; padding-top: 20px; }
#enquiriesTable { background-color: #F3F3F3; }
#enquiriesMap { background-image: url(../_images-pages/location-map.gif); background-repeat: no-repeat; height: 400px; width: 530px;}
#locationPinFak { height: 40px; width: 40px; left: 270px; top: 150px; position: relative; z-index:100; }


/** Wordpress Page **/
#wpCol1 { height: auto; width:580px; margin-top: 20px; overflow: visible; float: left; margin-top: 20px; min-height:300px; background-image: url(../_images-site/news-margin.gif); background-repeat: no-repeat; background-position: right top; padding-right: 20px; }
#wpCol1 p { margin-top: 3px; margin-bottom: 3px; padding-top: 3px; padding-bottom: 3px; }
#wpCol2 { float: right; height: auto; width: 210px; margin-top: 20px; overflow: auto; }
.wpPostBreak { width: 600px; margin-top: 10px; margin-bottom: 10px; border-top-width: 2px; border-top-style: dotted; border-top-color: #666; clear: both; padding-top: 10px; padding-bottom: 10px; }
.wpPostDate { font-size: 10px; font-weight: normal; color: #1F4906; background-color: #F6F6F6; padding: 2px; margin-top: 5px; margin-bottom: 5px; }
#wpCol2 ul { list-style-type: none; }
	/** IE 6 Fixes **/
	* html #wpCol2 ul { margin-right: 0px; margin-left: 4px; padding-right: 0px; padding-left: 0px; }
	* html #wpCol1 { overflow: hidden; }
	/** IE 7 & 8 Fixes **/
	*:first-child+html #wpCol2 ul { margin-right: 0px; margin-left: 4px; padding-right: 0px; padding-left: 0px; }
	*:first-child+html #wpCol1 { overflow: hidden; }

/* Captions & aligment */
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; background-color: #000; }
.alignleft { float: left; background-color: #CCC; margin-right: 20px; }
.alignright { float: right; background-color: #CCC; margin-left: 20px; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #CCC; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; background-color: #CCC; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; background-color: #CCC; }