/* -------------------------------------------- */
/*      (c) 2008 Advent Web Solutions Ltd       */
/*         www.adventwebsolutions.co.nz         */
/* -------------------------------------------- */
#logo, #tagline{display: block; font-size: 0; text-indent: -9999px; line-height: 0; outline: 0;}
/* LAYOUT */
html{font-size: 100%;}
body{background: #dddddd; font-size: 62.5%;}
#wrapper{background: #2a2420; width: 950px; margin: 25px auto;}
#header{background: white; height: 121px; }
    #logo{background: url(images/hydestoneLogo.gif); float: left; width: 346px; height: 78px; margin: 20px 0 0 20px;}
    #tagline{background: url(images/tagline.gif); float: left; width: 549px; height: 14px; margin: 55px 0 0 20px;}
	#note{height:17px; background-color:#E2801A;text-align:left; color:#fff;margin: 0; padding:6px 0 0 30px; font-family: Arial, Verdana; font-size: 12px;}
#content ul{line-height: 1.5; padding: 10px 15px; font-family: Arial, Verdana; font-size: 12px;}
	#content li{line-height: 1.5; padding: 0 0 5px 15px;}
#pageHeader{background: url(images/headerBackground.gif) repeat-x; float: left; width: 757px; height: 47px; margin-bottom: 15px;}
	#pageHeaderHome{background: url(images/headerBackground.gif) repeat-x; float: left; width: 757px; height: 47px;}
#container{background: url(images/navBackground.gif) repeat-y; overflow: auto;}
#sideBar{float: left; width: 193px; min-height:600px;}
#content{background: #ffffff; float: left; width: 757px; min-height: 600px;}
.stonemasonItem{float: left; margin-bottom: 10px;}
.text{float: left; width: 750px;}
.itemgallery{float: left; width: 750px;}
.item{float: left; width: 100%;}
#region{background: #ffffff; float: left; width: 350px;}

#footer{background: #e2801a; float: left; width: 100%; height: 90px; border-top: 2px solid #2a2420; margin-bottom: 25px;}
	#footer .wrap{padding: 0px;}
	.fPanel{float: left; display: inline; width: 210px; }
		.advent{margin-top: 20px;}
			.advent a{color: #2a2420; font-size: 0.8em;}
.row{float: left; width: 577px; margin: 20px 120px 20px 20px;}
.row img{float:left!important; margin: 0 5px 10px 0;}
/* NAVIGATION */
#Nav{float: left; margin: 5px 0 0 10px;}
	#Nav a{display: block; background: url(images/bullet.png) 6px 50% no-repeat; border-bottom: 1px solid #2a2420; color: #ffffff; line-height: 26px; text-decoration: none; width: 150px; padding-left: 20px; font-family: Arial, Verdana; font-size: 12px;}
		#Nav a:hover{background: url(images/bulletOn.png) 8px 50% no-repeat;}
		#Nav a.long{line-height: 14px; padding: 5px 0 5px 22px;}
		#Nav .sub{padding: 6px 0 5px 15px;} *+html #Nav .sub{position: relative; top: -7px;} * html #Nav .sub{position: relative; top: -7px;}
		#Nav .sub a{background: url(images/bullet.png) 5px 50% no-repeat; border-bottom: 1px solid #2a2420; font-size: 12px; line-height: 20px;}
		#Nav .sub a:hover{background: url(images/bulletOn.png) 5px 50% no-repeat;}
/* TYPOGRAPHY */
h1{color: #2a2420; font-size: 24px; font-family: Arial, Verdana, sans-serif; margin: 10px 0 0 15px;}
    h1 a{color: #e2801a; font-size: 24px; font-family: Arial, Verdana, sans-serif; margin: 10px 0 0 15px; text-decoration: none;}
    h1 a:hover{color: #e2801a; font-size: 24px; font-family: Arial, Verdana, sans-serif; margin: 10px 0 0 15px; border-bottom: 1px solid #2a2420}
h2{color: #2a2420; border-bottom: 1px solid #e2801a; font-size: 20px; font-family: Arial, Verdana, sans-serif; margin: 10px 15px 0 15px; padding-bottom: 5px;}
h3{color: #2a2420; font-size: 14px; font-family: Arial, Verdana, sans-serif; margin: 10px 15px 0 15px; padding-bottom: 5px;}
h4{color: #2a2420; border-bottom: 1px solid #e2801a; font-size: 20px; font-family: Arial, Verdana, sans-serif; margin: 10px 15px 0 15px; padding-bottom: 5px;}
h5{color: #2a2420; font-size: 12px; font-family: Arial, Verdana, sans-serif; margin: 5px 15px 0 15px; padding-bottom: 5px; width: 350px;}
h6{color: #2a2420; font-size: 14px; font-weight: bold; font-family: Arial, Verdana, sans-serif; margin: 5px 15px 0 15px; padding-bottom: 5px; width: 350px;}

strong{font-weight: bold;}
	.staffTemplate strong{display: block; color: #6d0019; margin-bottom: 5px; font-family: Arial, Verdana; font-size: 13px;}
	#culture strong{ color: #6d0019; font-family: Arial, Verdana; font-size: 13px; text-align: center;}
/*
fieldset{width: 600px; padding: 25px; margin: 0 auto;}
	fieldset div{padding-top: 3px;}
		label{float: left; color: #a40234; font-size: 12px; font-family: Arial, Verdana; width: 100px; padding-top: 3px;}
		message{background: #eeeeee; font-size: 12px; border: 0; color: #3c8436;width: 300px; padding: 5px;}
		input{background: #eeeeee; font-size: 12px; border: 0; color: #3c8436;width: 300px; padding: 5px;}
		textarea{font-size: 12px; font-family: Arial, Verdana; width: 450px; height: 150px; margin: 0;}
		#submit{background: #eeeeee; width: 133px; height: 31px; }
			#submit:hover{background-position: -133px 0; cursor: pointer;}
*/
p{color: #2a2420; margin: 15px; font-family: Arial, Verdana; font-size: 12px; line-height: 18px;}
    #footer p{color: #ffffff; font-family: Arial, Verdana; font-size: 12px; line-height: 13px; margin: 5px 0 0 10px;}
    .itemgallery p{color: #2a2420; margin: 0px; font-family: Arial, Verdana; font-size: 10px; padding: 5px 0 0 10px;}
    #masons p{color: #2a2420; margin: 0 0 0 15px; font-family: Arial, Verdana; font-size: 12px;}
em{color: #6a0832;}
.gallery{width: 100%;}
	.gallery img{float: right!important; border: 1px solid #e2801a; margin: 10px;}
	.profile img{float: left!important; border: 1px solid #e2801a; margin: 10px;}
	.noBgallery img{float: right!important; margin: 10px;}
	.itemgallery img{float: left!important; border: 1px solid #959595; margin: 10px; }
#fullResImage{background: none; padding: 0;}
img{background: url(images/img.png) no-repeat;}

#form{float:left; width:400px; margin-left: 20px; font: 12px Arial; color: black;}
#name{color: #e2801a; font: 12px Verdana, Arial; border: 1px solid #2a2420; background: #ffffff; padding: 3px; margin: 3px;}
#email{color: #e2801a; font: 12px Verdana, Arial;border: 1px solid #2a2420;background: #ffffff;padding: 3px; margin: 3px;}
#phone{color: #e2801a; font: 12px Verdana, Arial;border: 1px solid #2a2420;background: #ffffff;padding: 3px; margin: 3px;}
#message{color: #e2801a; font: 12px Verdana, Arial;border: 1px solid #2a2420;background: #ffffff;padding: 3px; margin: 3px;}

#downloadform{
	margin:0px;
	padding:0px;
}

#downloadform li{
	padding-bottom:8px;	
}

#downloadform li label{
	width:120px;
	float:left;
	display:block;	
}

.error{
	color:#AE0200;
	display:none;	
}

.required{
	color:#AE0200;
}