/* 

mrJasonGrant - 2011
code by matthewdean
http://www.matthewdean.com.au

*/

/*--------------------Reset----------------------*/

html { overflow-y:scroll; }  /*Forces Scrollbar */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:14px;font-family: "Courier New", Courier, monospace, sans-serif;vertical-align:baseline;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
body {line-height:14px;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
a {color: #53646a; }

h1, h2, h3, h4 {font-weight:normal;}

h2 {font-weight:bold; font-size: 26px; margin-bottom: 22px; }

h2.style1 {
	margin: 0 0 14px;
}

p { margin-bottom: 11px; }

h4 {font-weight: bold; font-size: 14px; margin-bottom: 2px; }

/*--------- Structure --------*/
 
#wrapper {
	width: 875px;
	margin: 10px auto 0;	
	position:relative;
}

#top-frame, #bottom-frame { height: 174px; }

#bottom-frame { margin-bottom: 10px; }

#top-frame ul, #bottom-frame ul { margin:0; padding:0; }

#top-frame ul li { float:left; list-style:none; }

#bottom-frame ul li { float:left; list-style:none; }

#header { clear: both;}

.title {height: 90px; }

#special-menu { position: relative; height: 28px;}

#found-menu { 
	position: absolute;
	top: 150px;
	left: 20px;
	z-index: 100;
}


/*--------- Nav --------*/

#header ul {
	height: 73px;
}

#header ul li, #found-menu li {
	float: left;
	display: block;
	list-style: none;
	margin-right: 1px;
}

#header ul#special-ul {
	padding-left: 529px;
	height: 51px;
	position: absolute;
	top: -24px;
}

#blog-li {
	background: url('../images/navsprite.jpg') no-repeat;
	display: block;
	height: 71px;
	width: 121px;
}

#blog-li:hover, #blog-li.active 
{ 
  background: url('../images/navsprite-over.jpg') no-repeat;
  background-position: 0 0;
}


#about-li {
	background: url('../images/navsprite.jpg') no-repeat -121px 0;
	display: block;
	height: 71px;
	width: 121px;
}

#about-li:hover, #about-li.active 
{ 
  background: url('../images/navsprite-over.jpg') no-repeat;
  background-position: -121px 0;
}


#contact-li {
	background: url('../images/navsprite.jpg') no-repeat -242px 0;
	display: block;
	height: 71px;
	width: 136px;
}

#contact-li:hover, #contact-li.active 
{ 
  background: url('../images/navsprite-over.jpg') no-repeat;
  background-position: -242px 0;
}


#gallery-li {
	background: url('../images/navsprite.jpg') no-repeat -377px 0;
	display: block;
	height: 71px;
	width: 151px;
}

#gallery-li:hover, #gallery-li.active 
{ 
  background: url('../images/navsprite-over.jpg') no-repeat;
  background-position: -377px 0;
}


#pinboard-li {
	background: url('../images/navsprite.jpg') no-repeat -528px 0;
	display: block;
	height: 71px;
	width: 157px;
}

#pinboard-li:hover, #pinboard-li.active 
{ 
  background: url('../images/navsprite-over.jpg') no-repeat;
  background-position: -528px 0;
}

#scrapbook-li {
	background: url('../images/navsprite.jpg') no-repeat -685px 0;
	display: block;
	height: 71px;
	width: 178px;
}

#scrapbook-li:hover, #scrapbook-li.active 
{ 
  background: url('../images/navsprite-over.jpg') no-repeat;
  background-position: -685px 0;
}

#murobond-li {
	background: url('../images/nav2-spirte.jpg') no-repeat -525px 0;
	display: block;
	height: 51px;
	width: 162px;
}

#murobond-li:hover, #murobond-li.active 
{ 
  background: url('../images/nav2-spirte-over.jpg') no-repeat;
  background-position: -525px 0;
}

#office-li {
	background: url('../images/nav2-spirte.jpg') no-repeat -687px 0;
	display: block;
	height: 51px;
	width: 180px;
}

#office-li:hover, #office-li.active 
{ 
  background: url('../images/nav2-spirte-over.jpg') no-repeat;
  background-position: -687px 0;
}

#found-li {
	background: url('../images/found-link.png') no-repeat 0 0;
	display: block;
	height: 81px;
	width: 314px;
}

#found-li:hover, #found-li.active 
{ 
  background: url('../images/found-over.png') no-repeat;
}



.hidden { display:none; }

/*------- End Nav ----------*/

/*------- Content ----------*/

#content { background: url('../images/contentbg.gif'); height: 602px; width: 849px;  padding: 32px 0 0 26px; clear:both; }

#content.black { background: url('../images/contentbg-a.gif'); }

#content.gal { height: 610px; padding: 20px 0 0 24px; position: relative; }

#content-found { background: url('../images/foundimg.jpg'); height: 602px; width: 849px;  padding: 32px 0 0 26px; clear:both; }

#content-found .text-found { position: relative; }

#content-found .text-found p {
	position: absolute;
	top: 378px;
	left: 152px;
	text-align: center;
	width: 284px;
	letter-spacing: -0.04em;
}

#pinbg { background: url('../images/pinbg.gif'); height: 910px; width: 841px; clear:both; padding: 34px 0 0 34px; }

#homecon { background: url('../images/homeimg-b.jpg'); height: 658px; width: 875px; position :relative; z-index: -10;}

#homecon .twit, #aboutcon .twit, #officecon .twit, #murocon .twit { 
	left: 90px;
  position: absolute;
  top: -30px;
}

#aboutcon { background: url('../images/aboutimg-a.jpg'); height: 639px; width: 875px; position: relative; clear:both;}

#aboutcon .text-rot {
	position: absolute;
	top: 100px;
	left: 300px;
	width: 500px;
}

#aboutcon .text-rot p {
	-moz-transform: rotate(2.7deg);
	-webkit-transform: rotate(2.7deg);	
}

#aboutcon .text-rot ul {
	margin-bottom: 11px;
	padding-left: 15px;
	-moz-transform: rotate(2.7deg);
	-webkit-transform: rotate(2.7deg);	
}

#aboutcon .text-rot ul li{
	list-style:none;	
}

#aboutcon .twit-2 { position: absolute; top: 405px; right: 100px; }

#contactcon { background: url('../images/contactimg.jpg'); height: 638px; width: 875px; position: relative; clear:both; }

#contactcon .text-cont { position: absolute; top: 96px; left: 404px; width: 370px; }

#contactcon .twit-3 { position: absolute; top: 34px; left: 239px; }

#sbookcon { background: url('../images/sbook.jpg'); height: 521px; width: 777px; position: relative; clear:both; margin: 25px 0 0 25px; }

#sbookcon .left { margin: 185px 0 0 420px; width: 156px; float: left; position: relative; }

#sbookcon .left ul, #sbookcon .right ul { list-style: none; line-height: 18px; margin-bottom: 14px; }

#sbookcon .right { margin: 39px 0 0; width: 144px; float: left; position: relative; }

#sbookcon .right ul { text-align: right;}

#sbookcon ul li a { text-decoration: none; color: #000;}

#sbookcon ul li a:hover { text-decoration: underline;}

#sbookcon .right h4 { text-align: right; }

#pboardcona, #pboardconb, #pboardconc, #pboardcond { background: url('../images/pin1.jpg'); height: 221px; width: 810px; position: relative; clear:both; }

#pboardconb { background: url('../images/pin2.jpg') }

#pboardconc { background: url('../images/pin3.jpg') }

#pboardcond { background: url('../images/pin4.jpg') }

#gallery { width: 826px; height: 574px; }

#officecon { background: url('../images/officeworks-a.jpg'); height: 639px; width: 875px; position: relative; clear:both;}

#officecon .text-office {
	position: absolute;
	top: 315px;
	left: 44px;
	width: 346px;
}

#murocon { background: url('../images/murobond-a.jpg'); height: 639px; width: 875px; position: relative; clear:both;}

#murocon .text-mur {
	left: 535px;
	letter-spacing: -0.04em;
	position: absolute;
	top: 190px;
	width: 339px;
}

/*--------Easy Slide -------*/


#gallery-con {
	position: relative;
	width: 257px;;
	overflow: hidden;
	left: 384px;
	height: 54px;
}

/* image replacement */
.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
	margin:0;
	padding:0;
	display:block;
	overflow:hidden;
	text-indent:-8000px;
}
/* // image replacement */

/* Easy Slider */

.gallery-fix {
	position: relative;
	width: 257px !important;
}

#gallery ul, #gallery li {
	margin:0;
	padding:0;
	list-style:none;
	z-index: -9998;
}

#gallery li { 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/
	width: 826px;
	height: 574px;
	overflow: hidden; 
}	

#prevBtn, #nextBtn,
#slider1next, #slider1prev{ 
	display: block;
	width:20px;
	height:20px;
	position: absolute;
	left: 0;
	z-index: 1000;
}	

#nextBtn, #slider1next{ 
	top: 590px;
	left: 814px;
}		
#prevBtn {
	top: 590px;
	left: 44px;
}

#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{  
	display:block;
	position:relative;
	width:20px;
	height:20px;
	background:url('../images/left.png') no-repeat transparent;	
}	
	
#nextBtn a, #slider1next a{ 
	background:url('../images/right.png') no-repeat transparent;	
}	
		
#nextBtn a:hover {background:url('../images/right-over.png') no-repeat transparent;	}
#prevBtn a:hover {background:url('../images/left-over.png') no-repeat transparent; }

#subscribe-form { position:absolute; left: 230px ; top: 481px; }

.field-1 {
	background: url('../images/subscribe-field.jpg') no-repeat;
	width: 126px;
	height: 25px;
	border: 0;
	padding: 8px 5px 3px;
	float: left;
	overflow: hidden;
	margin-bottom: 4px;
}

.input-1 {
	background: #f0f0f0;
	border: 0;
	width: 124px;
}

.submit-2 {
	background: url('../images/subscribe-submit.jpg');
	width: 50px;
	height: 35px;
	border: 0;
	padding: 0;
	cursor: pointer;
	line-height: 1px;
	overflow: hidden;
	text-indent: -9999px;
	display: inline;
	float: left;
	margin-left: 3px;
}

.submit-2:hover {
	background: url('../images/subscribe-submit-over.jpg');
}
		
/*----------------------------------------*/


/*--------------Contact Form----------------*/

#form {
	float: left;
	display: inline;
	width: 322px;
}

#form p {
	padding-left: 0 !important;
}

.error-text, .red {
	color: #F00;
}

#form label {
	float: left;
	width: 120px;
	font-size: 14px;
	color: #000;
}

#form input.box {
	padding: 2px;
	float: left;
	color: #928d89;
	font-size: 12px;
	width: 149px;
	border: 1px solid #cecece;
}

#form textarea {
	border: 1px solid #cecece;
	float: left;
	color: #928d89;
	font-size: 12px;
	padding: 2px;
}

#form select {
	color: #928d89;
	border: 1px solid #cecece;
	font-size: 12px;
	width: 155px;
	float: left;
}

.submit {
	padding: 0 5px;
}

/*.submit {
	background:  url('../images/submit-button.jpg');
	color: #fff;
	border: 0;
	text-indent: -9999px;
	line-height: 1px;
	overflow: hidden;
	cursor: pointer;
	height: 30px;
	margin: 14px 0;
	width: 80px;
}

.submit:hover {
	background:  url('../images/submit-button.jpg') 0 -30px;
}*/

.row {
	margin-top: 14px;
	float: left;
	width: 100%;
}

.row.first {
	margin-top: 6px; !important;
}

.error-text {
	color: #e71c1c !important;
}

.bottom-links, .bottom-links a 
{
	clear: both;
	text-align: center;
	font-size: 11px;
}

#found-link {
	position: absolute;
	top: 40px;
	left: 10px;
}
#promo img {
	float: right;
	margin-top: -20px;
	z-index: 100;
}
/*---------------------------------------------*/