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

body{ border-top:4px solid #89B020; background: #121212 url(../images/bg.gif) repeat-x; padding:0px; margin:0px; color:#FFF; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:12px; padding-bottom:50px;}

h1, h2, h3, h4, h5, h6{ color:#89B020; font-weight:normal;}
h1{ font-size:24px;}
h2{ font-size:20px;}
h3{ font-size:16px;}
h4{ font-size:14px;}
h5{ font-size:12px;}

a{ color:#89B020; text-decoration:none;}
a:hover{ text-decoration:underline;}

a img{ border:0px none;}

a.highslide{ display:inline-block; border-bottom:1px solid #666; text-align:center; margin:0 14px 14px 0;}
.clearer{ clear:both;}
.flLeft{ float:left;}
.flRight{ float:right;}
#wrapper{ border-right: 3px solid #090909; border-bottom: 6px solid #090909; width:1002px; margin:0px auto;}
#wrapperB{ border:1px solid #666666; width:1000px; background-color:#181818;}

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

#header{ position:relative; width:100%;}
#header #license{ font-size:10px; left:95px; position:absolute; text-align:center; top:140px; width:200px;}
#header #tagline{ position:absolute; right:20px; top:8px;}
#header #tagline h2{ position:absolute; right:0px; top:6px; color:#fff;}
#header #tagline p { margin:0; }
#header #logo{ height:114px; left:16px; position:absolute; top:22px; width:352px;}
#header #logo a{ width:100%; height:100%; display:block;}
#header #logo a span{ display:none;}

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

	#oneCol{ border-top:32px solid #000000;}

	#home #twoCol{ padding:0px !important;}
	#twoCol{ border-top:32px solid #000000; padding:0px 14px;}
	#twoCol.index{ border-top:0px none #000000;}
	#twoCol .left{ float:left;}
	#twoCol .right{ float:right;}	
	
	#content #colWide{ width:728px;}
	#content #colNarrow{ width:230px;}
	#gallery #colWide{ width:700px; }
	#gallery #colNarrow{ width:266px;}
	
	#content #colWide .text{ background-color:#000000; padding:1px 2%; width:96%; display:;}
	#content #colWide .text p{ margin:12px 0 12px;}	
	
	#colNarrow #gallery{ margin:0px auto; width:230px;}
	
	#gallery{ background:#181818 none repeat scroll 0 0; padding-bottom:20px; }
	
	#related{ margin:0px 14px 14px; background:#000; padding:1px 22px 20px;}
	#related h5{ color:#FFF; text-align:left; margin:14px 0 0; background:transparent none !important; font-weight:bold;}
	#related hr{ height:1px; border:0px none; width:100%; background:#8AB422; margin:0px; clear:both;}
	#related .element{ width:169px; height:173px; float:left; margin:0 8px;}
	#related .element table{ width:169px; height:130px; border:1px solid #333333; background:#181818; text-align:center;}
	#related .element p{ text-align:center; font-weight:normal; width:100%; color:#89B020;}
	
	.Testimonials .image {
	float:left;
	height:112px;
	position:static;
	text-align:center;
	width:150px;
	}
	
	.Testimonials .image img{
		width:150px;
	}
	
	.Testimonials .text {
	float:right;
	height:auto !important;
	padding:0 !important;
	width:755px !important;
	}
	
	.Testimonials hr{ border-top:1px dotted #333333; }

	.Testimonials {
	clear:both;
	margin-bottom:15px;
	padding-bottom:10px;
	padding-top:10px;
	}
	
	#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; width:100px;}
	#twoCol .quoteForm form table{ clear:both; margin:5px 0px 0px; width:100%;}
	#twoCol .quoteForm form table span{ float:right; font-size:11px;}
	#twoCol .homeForm{ border-bottom:1px solid #666;}
	#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 input.submit{ background-image:url(../images/submit-request.gif); border:0 none; height:33px; width:148px; cursor:pointer;}
	#twoCol .quoteForm form textarea{ height:70px;}
	
	#twoCol #galleryLink{ position:relative;}
	#twoCol #linkText{ bottom:45px; color:#6E6E6E; font-size:18px; left:18px; position:absolute;}
		
	#gallery  a img{ border:1px solid #89B020; /* width:228px; height:120px; */}
	#gallery #colWide a img{ width:120px !important;}
	#gallery  h3{ padding:6px; padding-left:20px;}
	#gallery  ul{ font-size:14px; font-weight:bold; background-color:#000; margin-top:0px; padding-top:20px; padding-bottom:100px; width:200px; padding-left:30px; margin-left:0px}
	
	#gallery  ul li{ margin-bottom:4px;}
	#gallery  ul li a:active, #gallery  ul li a.active, #gallery  ul li a:hover{ color:#89B020; text-decoration:none; }

	#threeCol{ padding:0px 14px 14px;}
	#threeCol h1, #threeCol h2, #threeCol h3, #threeCol h4, #threeCol h5, #threeCol h6{ background:#181818; padding:8px 14px;}
	#twoCol h1, #twoCol h2, #twoCol h3, #twoCol h4, #twoCol h5, #twoCol h6{ background:#181818; padding:8px 0px; margin:0px;}
	#oneCol h1, #oneCol h2, #oneCol h3, #oneCol h4, #oneCol h5, #oneCol h6{ background:#181818; padding:8px 0px; margin:0px;}	
	#oneCol h3{margin:0px 14px;}
	#threeCol p{ padding:0px 14px;}
	
	/* 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:972px;				/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* holy grail 3 column settings */
	.holygrail {
	    background:#000;    	/* Right column background colour */
	}
    .holygrail .colmid {
        float:left;
        width:200%;
        margin-left:-250px; 	/* Width of right column */
        position:relative;
        right:100%;
        background:#181818;    	/* Centre column background colour */
    }
    .holygrail .colleft {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:500px;         	/* Left column width + right column width */
        background:#000;    	/* Left column background colour */
    }
    .holygrail .col1wrap {
        float:left;
	    width:50%;
	    position:relative;
	    right:250px;        	/* Width of left column */
	    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
	}
	.holygrail .col1 {
        margin:0 250px;     	/* 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 .col1 *{ padding:0px 14px;}	
	.holygrail .col1 * *{ padding:0px;}
    .holygrail .col2 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:250px;        	/* 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 */
    }
    .holygrail .col3 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:250px;        	/* 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%;
    }


#mmenu{ border-bottom:1px solid #BABABA; border-top:1px solid #BABABA;}

/*!!!!!!!!!!! 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	
	{	
		width:100%;
		bottom:0px;
		height:33px;
		background-color:#000;
		z-index:10;
		padding:1px 0px;
	}

	/*"""""""" (MAIN) Items""""""""*/	
	#qm0 a	
	{	
		padding:0px;
		margin:0px 0px 0px 0px;
		color:#fff;
		font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		font-size:12px;
		font-weight:bold;
		text-decoration:none !important;
		text-align:left;
		line-height:33px;
		text-transform:uppercase;
	}
	
	#qm0 .qmparent{line-height:33px; 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:70px;}
	#qm0 .about{ width:92px;}
	#qm0 .services{ width:89px;}
	#qm0 .gallery{ width:84px;}
	#qm0 .clients{ width:147px;}
	#qm0 .related{ width:123px;}
	#qm0 .contact{ width:109px;}
	#qm0 .quote{ width:264px; padding-left:16px; text-align:left; background:#252525; font-size:120%; text-transform:none;}	

	/*"""""""" (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:#F3F3F3;
		border-width:1px;
		border-style:solid;
		border-color:#313131;
	}


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


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


	/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 ul li:hover>a	
	{	
		color:#313131;
		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;
		border-color:#BFBFBF;
	}


	/*"""""""" 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;}