@charset "utf-8";

/******
/-----------------
	EH Stonemasonry Stylesheet V.1.0
	Created by WebStuff.biz P: +61 2 4325 1188
	Copyright, 2009
	--------------------------/
******/

/**	---------
	CSS Reset	**/
html,body,div,span,img,table,td,ul,li,input,button,dt,dd,dl,h1,h2,h3,h4,a{margin:0px;padding:0px;border:none;}
a{text-decoration:none;}
ul{list-style:none;}
table{border-collapse:collapse;}
p{padding:5px 0px;margin:0px;}
/**	---------
	Starts	**/
body{background:#fff;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#322825;}

h1{padding:10px 0px;font-size:24px;font-weight:normal;color:#820202;}
h2{font-size:18px;}
h3{}
h4{padding:10px 20px;font-size:14px;color:#705201}

hr{height:1px;margin:15px 0px;border:none;border-top:1px solid #870102;}

blockquote{margin:0px;padding:10px 20px;color:#705201;}

#container{width:974px;margin:0px auto;}

#header{width:974px;height:115px;background:url(../images/header.jpg);position:relative;}	
	#header h2{position:absolute;top:10px;right:20px;color:#fff;}

#nav{height:44px;}
	#nav ul{float:right;}#nav li{padding:0px 30px 0px 0px;font-size:14px;font-weight:bold;float:left;}
	#nav a{display:block;padding:15px 2px 3px 2px;color:#660101;text-decoration:none!important;}#nav a:hover{border-bottom:3px solid #660101;}

#content{width:962px;height:530px;padding:0px 6px 64px 6px;background:url(../images/container_bg.jpg);}
	#content .content-home{width:550px;padding:0px 20px;float:left;}
	#content #content-inner{padding:20px;height:450px;overflow:scroll;}
	#content p a,#content li a,#content td a{color:#870102;}#content p a:hover,#content li a:hover,#content td a:hover{text-decoration:underline;}

#feature{width:962px;height:190px;margin-bottom:20px;overflow:hidden;position:relative;}
	#feature ul.left{position:absolute;top:0px;left:0px;}#feature div{position:absolute;top:0px;right:480px;}

#footer{width:839px;height:56px;padding-left:135px;background:url(../images/footer.jpg);line-height:56px;color:#c13737;position:relative;}
	#footer a{color:#fff;font-weight:bold;}
	#footer p{position:absolute;top:60px;right:30px;line-height:20px;}#footer p a{color:#680100;}
/**	---------
	Class Declarations	**/

.left{float:left;}.right{float:right;}.clear{clear:both;}

ul.homeactions{float:right;}
	ul.homeactions a{display:block;width:360px;height:50px;padding-left:10px;line-height:50px;color:#fff!important;text-decoration:none!important;font-size:18px;background:#4665a1;overflow:hidden;position:relative;}
	ul.homeactions a.green{background:#71a146;}ul.homeactions a.red{background:#ac0404;}
		ul.homeactions a img{position:absolute;top:50px;left:0px;}
	
.rightsidecontent{width:350px;margin-left:20px;padding:0px 10px 10px;background:#870102;color:#fff;float:right;}
	.rightsidecontent h1,.rightsidecontent a{color:#fff;}

.projectencase{width:400px;margin:5px;padding:10px;border:1px solid #e3d9ba;background:#f4f1de;float:left;}

.gallery img{display:block;margin:5px;border:2px solid #e7dec1;float:left;}.gallery img:hover{border-color:#870102;}

/**   INPUT STYLINGS   **/
form#frm{width:420px;}
.formheading h2{margin-bottom:10px;padding:0px;font-size:16px;background:#FF0000;color:#fff;}.formheading h2.pad{padding:5px 10px;}.formheading h2.greengo{background:#009900;}
.formhead,.formhead-alter{width:100px;margin-bottom:10px;float:left;}.formhead h4{font-size:12px;}.formhead-alter{width:390px;}
.forminput,.formenquiry,.forminput-alter{width:310px;height:22px;margin-bottom:10px;background:#cabb94;float:left;}.forminput input,.formenquiry textarea,.forminput-alter input{width:308px;height:20px;line-height:20px;background:none;border:1px solid #860200;color:#333;}.forminput:active,.formenquiry:active{border-color:#fff;}
form#frm select{width:310px;background:#bfc407;color:#3f4005;border:1px solid #a3a708;}
.forminput-alter{width:100px;margin-right:10px;}.forminput-alter input{width:98px;}
.formenquiry{height:190px;}.formenquiry textarea{height:188px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;}
.formclear{display:none;}
button.formbutton{width:70px;height:21px;margin:0px 10px 10px 20px;background:#860200;border:1px solid #860200;color:#fff;font-size:12px;float:right;}button.formbutton:hover{border-color:#fff;}

/* ------------------------------------------------------------------------
	This you can edit.
------------------------------------------------------------------------- */

	div.pp_pic_holder .pp_top .pp_left { background: url(../images/prettyPhoto/light_rounded/tl.gif) top left no-repeat; } /* Top left corner */
	div.pp_pic_holder .pp_top .pp_middle { background: #fff; } /* Top pattern/color */
	div.pp_pic_holder .pp_top .pp_right { background: url(../images/prettyPhoto/light_rounded/tr.gif) top left no-repeat; } /* Top right corner */
	
	div.pp_pic_holder .pp_content { background-color: #fff; } /* Content background */
	div.pp_pic_holder .pp_content a.pp_next:hover { background: url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */
	div.pp_pic_holder .pp_content a.pp_previous:hover { background: url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
	div.pp_pic_holder .pp_content a.pp_expand { background: url(../images/prettyPhoto/light_rounded/btnExpand.gif) top left no-repeat; cursor: pointer; } /* Expand button */
	div.pp_pic_holder .pp_content a.pp_expand:hover { background: url(../images/prettyPhoto/light_rounded/btnExpand.gif) bottom left no-repeat; cursor: pointer; } /* Expand button hover */
	div.pp_pic_holder .pp_content a.pp_contract { background: url(../images/prettyPhoto/light_rounded/btnContract.gif) top left no-repeat; cursor: pointer; } /* Contract button */
	div.pp_pic_holder .pp_content a.pp_contract:hover { background: url(../images/prettyPhoto/light_rounded/btnContract.gif) bottom left no-repeat; cursor: pointer; } /* Contract button hover */
	div.pp_pic_holder .pp_content a.pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/light_rounded/btnClose.png) center left no-repeat; cursor: pointer; } /* Close button */

	div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(../images/prettyPhoto/light_rounded/arrow_previous.png) top left no-repeat; } /* The previous arrow in the bottom nav */
	div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(../images/prettyPhoto/light_rounded/arrow_next.png) top left no-repeat; } /* The next arrow in the bottom nav */

	div.pp_pic_holder .pp_bottom .pp_left { background: url(../images/prettyPhoto/light_rounded/bl.gif) top left no-repeat; } /* Bottom left corner */
	div.pp_pic_holder .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */
	div.pp_pic_holder .pp_bottom .pp_right { background: url(../images/prettyPhoto/light_rounded/br.gif) top left no-repeat; } /* Bottom right corner */

	div.pp_pic_holder .pp_loaderIcon { background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */

	div.ppt div.ppt_left { background: url(../images/prettyPhoto/light_rounded/ttl.gif) top left no-repeat; }
	div.ppt div.ppt_right { background: url(../images/prettyPhoto/light_rounded/ttr.gif) top left no-repeat; }
	div.ppt div.ppt_content { background: url(../images/prettyPhoto/light_rounded/ttp.gif) top left repeat-x; }
	
	
	/* ----------------------------------
		Light Square Theme
	----------------------------------- */
	
	div.light_square .pp_top .pp_left ,
	div.light_square .pp_top .pp_middle,
	div.light_square .pp_top .pp_right,
	div.light_square .pp_bottom .pp_left,
	div.light_square .pp_bottom .pp_middle,
	div.light_square .pp_bottom .pp_right,
	div.light_square .pp_content,
	div.light_square div.ppt_left,
	div.light_square div.ppt_right,
	div.light_square div.ppt_content { background: #fff; }
	div.light_square div.ppt_content { color: #666666; }


/* ------------------------------------------------------------------------
	DO NOT CHANGE
------------------------------------------------------------------------- */

	div.pp_pic_holder a:focus { outline:none; }

	div.pp_overlay {
		background: #000;
		position: absolute; top: 0; left: 0;
		z-index: 9500;
		width: 100%;
	}
	
	div.pp_pic_holder {
		position: absolute; z-index: 10000;
		width: 100px;
	}
		
		div.pp_pic_holder .pp_top {
			position: relative;
			height: 20px;
		}
			* html div.pp_pic_holder .pp_top { padding: 0 20px; }
		
			div.pp_pic_holder .pp_top .pp_left {
				position: absolute;
				left: 0;
				width: 20px; height: 20px;
			}
			div.pp_pic_holder .pp_top .pp_middle {
				position: absolute;
				left: 20px; right: 20px;
				height: 20px;
			}
				* html div.pp_pic_holder .pp_top .pp_middle { position: static; left: 0; }
			
			div.pp_pic_holder .pp_top .pp_right {
				position: absolute;
				top: 0; left: auto; right: 0;
				width: 20px; height: 20px;
			}
		
		div.pp_pic_holder .pp_content {
			position: relative;
			text-align: left;
			width: 100%; height: 40px;
		}
		
			div.pp_pic_holder .pp_content .pp_details {
				display: none;
				margin: 10px 15px 2px 20px;
			}
				div.pp_pic_holder .pp_content .pp_details p.pp_description { display: none; float: left; margin: 0; }
				
				div.pp_pic_holder .pp_content .pp_details .pp_nav {
					float: left;
					margin: 3px 0 0 0;
				}
				
					div.pp_pic_holder .pp_content .pp_details .pp_nav p { float: left; margin: 0 4px; }
				
					div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_previous,
					div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_next {
						float: left;
						display: block;
						width: 14px; height: 15px;
						overflow: hidden;
						text-indent: -10000px;
						margin-top: 3px;
					}
					
					div.pp_pic_holder .pp_content .pp_details .pp_nav a.disabled { background-position: 0 -16px; cursor: default; }
		
		div.pp_pic_holder .pp_content div.hoverContainer {
			position: absolute; z-index: 2000;
			top: 0; left: 0;
			width: 100%;
		}
		
		div.pp_pic_holder .pp_content a.pp_next {
			display: block; float: right;
			text-indent: -10000px;
			width: 49%; height: 100%;
			background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
		}
			
		div.pp_pic_holder .pp_content a.pp_previous {
			display: block; float: left;
			text-indent: -10000px;
			width: 49%; height: 100%;
			background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
		}
		
		div.pp_pic_holder .pp_content a.pp_expand,
		div.pp_pic_holder .pp_content a.pp_contract {
			position: absolute; z-index: 20000;
			top: 10px; right: 30px;
			cursor: pointer;
			display: none;
			text-indent: -10000px;
			width: 20px; height: 20px;	
		}
			
		div.pp_pic_holder .pp_content a.pp_close {
			float: right;
			display: block;
			text-indent: -10000px;
		}
		
		div.pp_pic_holder .pp_bottom {
			position: relative;
			height: 20px;
		}
			* html div.pp_pic_holder .pp_bottom { padding: 0 20px; }
			
			div.pp_pic_holder .pp_bottom .pp_left {
				position: absolute;
				left: 0;
				width: 20px; height: 20px;
			}
			div.pp_pic_holder .pp_bottom .pp_middle {
				position: absolute;
				left: 20px; right: 20px;
				height: 20px;
			}
				* html div.pp_pic_holder .pp_bottom .pp_middle { position: static; left: 0; }
				
			div.pp_pic_holder .pp_bottom .pp_right {
				position: absolute;
				top: 0; left: auto; right: 0;
				width: 20px; height: 20px;
			}
		
		div.pp_pic_holder .pp_loaderIcon {
			display: none;
			position: absolute;
			top: 50%; left: 50%;
			margin: -12px 0 0 -12px;
			width: 24px; height: 24px;
		}
		
		div.pp_pic_holder #full_res { width: 100%; text-align: center; }
			div.pp_pic_holder #full_res { display: block; margin: 0 auto; }
	
		div.ppt {
			display: none;
			position: absolute;
			top: 0; left: 0;
			z-index: 9999;
			color: #fff; font-size: 13px;
		}
		
			div.ppt div.ppt_left,
			div.ppt div.ppt_right { float: left; width: 19px; height: 23px; overflow: hidden; }
			
			div.ppt div.ppt_content { float: left; line-height: 23px; }

/* ------------------------------------------------------------------------
	Miscellaneous
------------------------------------------------------------------------- */

	.clearfix:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}

	.clearfix {display: inline-block;}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */