@charset "UTF-8";


/** Global Styles **/

body { font-family: "Trebuchet MS", Arial, Helvetica; color: #453d35; font-size: 14px; margin:0; padding:0; background-color: #463d35; }
p { font-size: 14px; }
h1 { font-weight: bold; font-size: 18px; }

		/* IE6 Only 

			* html .galleryInnerContent2 ul { }*/
h2 { font-weight: bold; font-size: 14px; }
a:link, a:active { color:#1E3B92; text-decoration: none; }
a:hover { color:#1E3B92; text-decoration: underline; }
a:visited { color:#244095; text-decoration: none; }



/** Template Styles **/

#masterframe { width: 900px; margin-right: auto; margin-left: auto; border: 1px solid #000000; margin-top: 10px; height: auto; overflow: auto; background-color: #FFFFFF; }
#masthead { background-image: url(_images-site/site-masthead-bg.jpg); background-repeat: no-repeat; background-position: top; height: 175px; }
#arrowLogo { padding-top: 10px; height: 90px; width: 470px; margin:0;}
#tile { float: right; height: 175px; width: 175px; margin-right: 5px; }
#masterheadDrop { background-image: url(_images-site/site-masthead-drop.jpg); background-repeat: no-repeat; background-position: top; height: 20px; }
/* IE6 Only */
	* html #masterheadDrop { display:none; }
#editableRegion { padding-top: 15px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; background-color: #FFFFFF; overflow: auto; height: auto; width: 840px; }



/** Navigation **/

#navContainer { height: 32px; width: 800px; position: relative; top: 42px; }
#navContainer ul { margin:0 0 5px 5px; padding:0 0 5px 5px; font-size:17px; color:#333333; text-decoration:none; width:100%; text-transform: uppercase; list-style:none; }
#navContainer ul li { background-image: url(_images-site/site-nav-button.png); background-repeat: no-repeat; display:block; float:left; height: 32px; width: 140px; padding:7px 15px; }
	
	#navContainer ul li a:link, 
	#navContainer ul li a:visited { color:#333333; text-decoration: none; }
	#navContainer ul li a:hover { color:#FFFFFF; text-decoration: none; }
	#navContainer ul li a:active { color:#333333; text-decoration: none; }

/* IE6 Only */
	* html #navContainer ul { width: 800px; }
	* html #navContainer ul li { background-image: url(_images-site/site-nav-buttonIE6.gif); background-repeat: no-repeat; display:block; float:left; width: 140px; padding:7px 15px; position:relative; top:-75px; margin:0 0 -75px 0; }

		/* IE7 Only */
			*:first-child+html #navContainer { position:relative; top:-30px; }

/** Baseline Navigation **/

#baseline { width: 900px; margin-right: auto; margin-left: auto; font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #999999; text-decoration: none; padding-bottom: 25px; }
	#baseline a:link, 
	#baseline a:visited { color: #999999; text-decoration: none; }
	#baseline a:hover { color: #FFFFFF; text-decoration: none; }
	#baseline a:active { color: #999999; text-decoration: none; }


/** Footer **/

#footer { background-image: url(_images-site/site-footer.jpg); background-repeat: no-repeat; height: 25px; width: 900px; margin-right: auto; margin-left: auto; }
#footerText { font-size: 13px; font-weight: bold; color: #333333; text-decoration: none; padding-top: 5px; padding-left: 20px; }
	#footerText a:link, #footerText a:visited { color: #333333; text-decoration: underline; }
	#footerText a:hover { color: #FFFFFF; text-decoration: underline; }
	#footerText a:active { color: #333333; text-decoration: underline; }


/** Unique Page Styles **/

.insetArrow { float: left; padding-right: 5px; padding-bottom: 15px; }

.Slateboard1 { float: right; background-image: url(_images-pages/slate-opt1.jpg); background-repeat: no-repeat; background-position: top; height: auto; width: 300px; margin-left: 15px; padding-top: 25px; }
	.Slateboard1 a:link,
	.Slateboard1 a:visited { color: #FFFFFF; text-decoration: none; }
	.Slateboard1 a:hover { color: #FFFFFF; text-decoration: underline; }
	.Slateboard1 a:active { color: #FFFFFF; text-decoration: none; }
	
.Slateboard1 h1 { font-weight: normal; font-size: 17px; padding-top: 10px; padding-left: 35px; color: #FFFFFF; font-style: italic; padding-right: 20px; }
.Slateboard1 h2 { font-weight: normal; font-size: 20px; padding-top: 0px; padding-left: 35px; color: #FFFFFF; padding-right: 20px; margin-top: 0px; margin-left: 0px; padding-bottom: 0px; }
.Slateboard1 p { font-weight: normal; font-size: 15px; padding-top: 0px; padding-left: 35px; color: #FFFFFF; padding-right: 20px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 0px; }


.Slateboard2 { float: right; background-image: url(_images-pages/slate-opt2.jpg); background-repeat: no-repeat; background-position: top; height: 416px; width: 300px; margin-left: 15px; padding-top: 25px; }
	.Slateboard2 a:link,
	.Slateboard2 a:visited { color: #FFFFFF; text-decoration: none; }
	.Slateboard2 a:hover { color: #FFFFFF; text-decoration: underline; }
	.Slateboard2 a:active { color: #FFFFFF; text-decoration: none; }
	
.Slateboard2 h1 { font-weight: normal; font-size: 18px; padding-top: 10px; padding-left: 35px; color: #FFFFFF; font-style: italic; padding-right: 20px; }
.Slateboard2 h2 { font-weight: normal; font-size: 18px; padding-top: 0px; padding-left: 35px; color: #FFFFFF; padding-right: 20px; margin-top: 0px; margin-left: 0px; padding-bottom: 0px; }
.Slateboard2 p { font-weight: normal; font-size: 15px; padding-top: 0px; padding-left: 35px; color: #FFFFFF; padding-right: 20px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 0px; }
.Slateboard2 ul li { font-size:16px; }
#indexCol1 { float: left; height: auto; width: 520px; overflow: auto; }


.specialImage1 { background-image: url(_images-pages/trad-roof.jpg); background-repeat: no-repeat; float: left; height: 167px; width: 223px; margin-right: 20px; }

.imageNote { font-size: 11px; font-style: italic; color: #FFFFFF; text-decoration: none; top: 70px; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; width: auto; margin-top: 0px; position: relative; background-image: url(_images-pages/image-note-bg.png); }
/* IE6 Only */
	* html .imageNote { font-size: 11px; font-style: italic; color: #FFFFFF; text-decoration: none; top: 70px; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; width: auto; margin-top: 0px; position: relative; background-color: #000000; }

.imageStrap { height: 51px; width: 52px; margin: 0px; padding: 0px; position: relative; left: 180px; top: -6px; }
.achieveIcon { float: left; padding-right: 15px; }
.achieveArticle { background-color: #E9CA92; border: 1px dotted #999999; padding: 10px; height: 320px; overflow: auto; width: 370px; float: left; margin-right: 20px; }
.achieveArticle  img { float: left; padding-right: 15px; }
#galleryCol1 { float: left; height: auto; width: 520px; overflow:hidden; }



/* Gallery Container */

.gallerySection { height:auto; overflow:visible; }

.galleryInner { width:500px; overflow:visible; margin:25px 0 15px 0; }
	.galleryInnerContent1 { width:180px; position:relative; top:-10px; left:10px; position:relative; z-index:100; }
	.galleryInnerContent1 img { border:solid 2px #000000; }
	.galleryInnerContent2 { width:280px; background-color:#E5E5E5; padding:0 0 0 200px; margin:0 0 -125px 0; position:relative; top:-125px; z-index:10; min-height:100px; border: 1px dotted #999999; }
	.galleryInnerContent2 h2 { padding:10px 0 10px 0; margin:0; font-size:13px; color:#1E3D9D; }
	.galleryInnerContent2 ul { margin:0; padding:0;}
	.galleryInnerContent2 ul li { width:130px; font-size:11px; display:inline-block; padding:5px 0px 5px 5px; list-style:none; }
	.galleryInnerContent2 ul li img { padding:0 10px 10px 0; }
		
		/* IE7 Only */
			*:first-child+html .galleryInnerContent h2 { padding:0; }
			*:first-child+html .galleryInnerContent2 ul li {  margin:10px 0 0 0; padding:0 20px 0 15px; display:inline; }
			

/** Testamonial page **/
.testimonial { font-style: italic; padding: 5px; border: 1px dotted #CCCCCC; width: 510px; font-size: 13px; background-color: #EEF2FF; }
.testimonialTitle { font-size: 15px; font-style: normal; font-weight: bold; }
.testimonialClient { font-weight: bold; text-align: right; color: #18277A; }
.extraSmall { font-size: 10px; color: #FFFFFF; }