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

body{ background-color:#5F6030; background-image:url(../images/bg-home-2.png); background-position:center top; background-repeat:repeat-x; padding:0px; margin:0px; color:#FFF; font-family: Georgia, "Times New Roman", Times, serif; font-size:14px;}

h1, h2, h3, h4, h5, h6{ color:#AD8A6B; font-weight:normal; margin-top:0px;}
h1{ font-size:24px;}
h2{ font-size:20px;}
h3{ font-size:16px;}
h4{ font-size:14px;}
h5{ font-size:12px;}
p{ line-height:148%;}
blockquote{ background:url(../images/quotemark.jpg) no-repeat top left; padding:18px 25px 0 27px; margin:0px; line-height:148%;}

a{ color:#AD8A6B; text-decoration:none; font-weight:bold;}
a img{ border:0px;}
a:hover{ text-decoration:underline;}

.clearer{ clear:both;}
.flRight{ float:right;}
.flLeft{ float:left;}
#wrapper{ width:100%; margin:0px auto; background:url(../images/main-bg.png) repeat-y center top; overflow:visible;}
#wrapperB{ width:1000px; margin:0px auto; background:url(../images/main-bg.png) repeat-y center top; overflow:visible;}

body#home #header{ overflow:visible; width:1000px; margin:0px auto; position:relative; }
body#content #header{ overflow:visible; width:1000px; margin:0px auto; position:relative; height:190px; }
#header.gallery #title{ background:transparent url(../images/gallery.jpg) no-repeat scroll right top; position:absolute; right:26px; top:148px; width:100%; height:100px;}
#header.about #title{ background:transparent url(../images/about-us.jpg) no-repeat scroll right top; position:absolute; right:26px; top:148px; width:100%; height:100px;}
#header.contact #title{ background:transparent url(../images/contact.jpg) no-repeat scroll right top; position:absolute; right:26px; top:148px; width:100%; height:100px;}
#header.services #title{ background:transparent url(../images/services.jpg) no-repeat scroll right top; position:absolute; right:26px; top:148px; width:100%; height:100px;}
#header.related #title{ background:transparent url(../images/links.jpg) no-repeat scroll right top; position:absolute; right:26px; top:148px; width:100%; height:100px;}
#header.history #title{ background:transparent url(../images/history.jpg) no-repeat scroll right top; position:absolute; right:26px; top:148px; width:100%; height:100px;}
#top{ width:100%; margin:0px auto; height:76px; background:url(../images/top-bg.png) center top no-repeat;}
#bottom{ width:100%; margin:0px auto; height:104px; background:url(../images/bottom-bg.png) center top no-repeat;}

ul{}
ul li{ list-style-image: url(../images/pb-icon.gif);}

#footer{ width:972px; padding:14px; margin:0px auto; margin-bottom:100px;}
#footer *{ margin:0px; }
#footer #menu{ width:100%; text-align:center; }
#footer #menu *{ color:#FFF !important; margin-right:8px; text-transform:uppercase; font-size:14px;}
#footer #credit{ text-align:center; padding-top:12px;}
#footer #credit *{ font-weight:normal; color:#fff; font-size:11px;}
#footer h2{ font-size:17px; margin-top:12px; text-align:center;}
#footer h2 span{ display:block; font-size:60%; margin:12px 20% 0; width:60%;}

	#gallery{ position:relative; padding:0px 29px 50px; margin-top:55px;}
	#gallery #galleryName{ position:absolute; left:28px; top:-42px; color:#999; font-size:18px;}
	#gallery #right{ float:right; width:584px;} 
	#gallery #right *{ float:right; clear:right;}
	#gallery #right img{ border:1px solid #fff;}
	#gallery #right select{ font-size:11px; width:175px; border:2px solid #E2DDDA;}	
	#gallery #focusPoint{ width:582px; float:right; top:0px; right:0px;}
	#gallery #desc{ color:#999999; width:100%; text-align:right; margin:0px; padding:12px 0px; }
	#gallery #left{ float:left; width:358px;}
	#gallery .thumbnail{ width:188px; float:left; top:0px; right:0px; text-align:center;}
	#gallery #left .thumbnail{ width:177px; float:left; top:0px; right:0px;}
	#gallery .thumbnail img{ width:152px; border:1px solid #fff; }
	#gallery .thumbnail h5{ font-size:16px; text-align:center; margin:20px auto 29px auto; }
	#gallery #left .thumbnail img{ width:152px; border:1px solid #fff; margin-bottom:25px;}
	#gallery .nav{ float:right; margin-right:25px;}
	#gallery .nav a{ float:right; margin-left:14px;}	

	.Testimonials .image { float:left; height:112px; position:static; text-align:center; width:210px; margin-top:14px;}
	.Testimonials .image img{ width:210px;}
	.Testimonials .text { float:right; height:auto !important; padding:0 !important; width:705px !important;}
	hr{ border-top:1px dotted #333333; clear:both; margin:0px; }
	.Testimonials { clear:both; /* margin-bottom:15px; padding-bottom:10px; padding-top:10px; */}
	
	#freeQuote{ position:absolute; top:-52px; right:0px;}

	#oneCol{ padding:0 29px 50px;}

	#twoCol{ }
	#twoCol .left{ float:left;}
	#twoCol .right{ float:right;}	
	#twoCol #colWide{ width:720px;}
	#twoCol #colNarrow{ width:280px;}
	
	#twoCol .quoteForm{ background:url(../images/quote-bg.jpg) no-repeat; height:425px; color:#000; padding:0px 14px; width:252px !important;}
	#twoCol .quoteForm form{ }
	#twoCol .quoteForm form label{ float:left; clear:both; margin:5px 0px; }
	#twoCol .quoteForm form input, #twoCol .quoteForm form textarea{ float:right; clear:right; width:145px; border:1px solid #000; margin:5px 0px; font-size:11px; padding:2px; padding-bottom:0px; }
	#twoCol .quoteForm form input{ height:14px; }
	#twoCol .quoteForm form textarea{ height:70px;}

	#threeCol{ padding:0px 30px 30px; background:#312008 none repeat scroll 0 0; padding-top:12px;}
	#threeCol h1, #threeCol h2, #threeCol h3, #threeCol h4, #threeCol h5, #threeCol h6{ }
	#threeCol p{ }
	/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;				/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* holy grail 3 column settings */
	.holygrail {
	    /*background:#ff9;    	/* Right column background colour */
	}
    .holygrail .colmid {
        float:left;
        width:200%;
        margin-left:-340px; 	/* Width of right column */
        position:relative;
        right:100%;
        /*background:#fff;    	/* Centre column background colour */
    }
    .holygrail .colleft {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:619px;         	/* Left column width + right column width */
        /*background:#FFD8B7;    	/* Left column background colour */
    }
    .holygrail .col1wrap {
        float:left;
	    width:50%;
	    position:relative;
	    right:279px;        	/* Width of left column */
	    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
	}
	.holygrail .col1 {
        margin:0 353px 0 300px;     	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        position:relative;
	    left:200%;
	    overflow:hidden;
	}
    .holygrail .col2 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:258px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        right:0px;         	/* Width of the left-had side padding on the left column */
		padding-right:20px;
		border-right:1px solid #9C9A9C;
    }
    .holygrail .col3 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:310px;        	/* Width of right column content (right column width minus left and right padding) */
        margin-right:0px;  	/* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;
		border-left:1px solid #9C9A9C;
		padding-left:20px;
}

#logo{ position:absolute; right:672px; top:-44px; z-index:100;}
#mmenu{ border-top:1px solid #fff; position:absolute; top:73px; right:0px; width:100%; background:url(../images/menu-bg.jpg) top right no-repeat;}

/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc .qmcbox{cursor:default;display:inline-block;position:relative;z-index:1;}.qmmc .qmcbox a{display:inline;}.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none;}.qmmc li:hover>ul{left:auto;}#qm0 ul {top:100%; background-color:030303;}#qm0 ul li:hover>ul{top:0px;left:100%;}

/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/

	/* QuickMenu 0 */
	/*"""""""" (MAIN) Container""""""""*/	
	#qm0	
	{	
		float:right;
		bottom:0px;
		height:36px;
		z-index:10;
		padding:4px 0px;
	}

	/*"""""""" (MAIN) Items""""""""*/	
	#qm0 a	
	{	
		padding:0px;
		margin:0px 0px 0px 0px;
		color:#FAF6F2;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size:11px;
		font-weight:bold;
		text-decoration:none !important;
		text-align:left;
		line-height:33px;
		text-transform:uppercase;
	}
	
	#qm0 .qmparent{line-height:36px; text-align:center;}

	#qm0 .qmparent:hover{}
	
    #qm0 .divider{padding:0px; width:1px; height:33px; background-image:url("../images/menu-sep.jpg") !important; background-repeat:no-repeat; background-position:top right;}
    #qm0 .divider:hover{background-image:url("../images/menu-sep.jpg");}
	
	#qm0 .home{ width:71px;}
	#qm0 .about{ width:92px;}
	#qm0 .services{ width:121px;}
	#qm0 .gallery{ width:91px;}
	#qm0 .clients{ width:125px;}
	#qm0 .related{ width:70px;}
	#qm0 .contact{ width:107px;}

	/*"""""""" (MAIN) Hover State""""""""*/	
	#qm0 a:hover	
	{	
		text-decoration:underline;
	}


	/*"""""""" (MAIN) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 li:hover>a	
	{	
		text-decoration:underline;
	}


	/*"""""""" (MAIN) Active State""""""""*/	
	body #qm0 .qmactive, body #qm0 .qmactive:hover	
	{	
		text-decoration:underline !important;
	}


	/*"""""""" (SUB) Container""""""""*/	
	#qm0 div, #qm0 ul	
	{	
		padding:5px;
		margin:-1px 0px 0px 0px;
		background-color:#2A1A0B;
	}


	/*"""""""" (SUB) Items""""""""*/	
	#qm0 div a, #qm0 ul a	
	{	
		padding:2px 40px 2px 5px;
		background-color:transparent;
		color:#FFFFFF;
		border-width:0px;
		border-style:none;
		border-color:#000000;
	}


	/*"""""""" (SUB) Hover State""""""""*/	
	#qm0 div a:hover	
	{	
		color:#FFFFFF;
		text-decoration:underline;
	}


	/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 ul li:hover>a	
	{	
		color:#FFFFFF;
		text-decoration:underline;
	}


	/*"""""""" (SUB) Active State""""""""*/	
	body #qm0 div .qmactive, body #qm0 div .qmactive:hover	
	{	
		background-color:transparent;
		color:#313131;
	}


	/*"""""""" Individual Titles""""""""*/	
	#qm0 .qmtitle	
	{	
		cursor:default;
		padding:3px 0px 3px 4px;
		color:#444444;
		font-size:12px;
		font-weight:bold;
	}


	/*"""""""" Individual Horizontal Dividers""""""""*/	
	#qm0 .qmdividerx	
	{	
		border-top-width:1px;
		margin:4px 0px 4px 0px;
		border-color:#BFBFBF;
	}


	/*"""""""" Individual Vertical Dividers""""""""*/	
	#qm0 .qmdividery	
	{	
		border-left-width:1px;
		height:15px;
		margin:4px 2px 0px 2px;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 ul li:hover > a.qmparent	
	{	
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 ul .qmparent	

	{	
		line-height:28px;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 li:hover > a.qmparent	
	{	
		text-decoration:underline;
		background-repeat:repeat-x;
		background-position:left top;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 .qmparent	
	{	
		background-repeat:no-repeat;
		line-height:28px;
	}
	
	ul#qm0 li{ padding-right:1px; background-image:url("../images/menu-sep.jpg"); background-repeat:no-repeat; background-position:top right;}
	ul#qm0 li * li{ padding-right:0px; background-image:none !important;}	
	
	.hidden{ display:none !important;}