/*  
Theme Name: Hench
Theme URI: http://www.wearehench.com
Description: Hench site theme	
Version: 1
Author: Daniel Pacey
Author URI: http://www.danpacey.com


*/

/*---------------------------------------------------------------- 	CSS RESET 		----------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*---------------------------------------------------------------- 	Main Structure 	----------------------------------------------------------------*/

body {
	background: #fff;
	background-position: 50% 0%;
	background-repeat: repeat-y;
	background-attachment: fixed;
	font-family: helvetica, arial;
	font-size: 9pt;
	line-height: 14pt;
	color: #222;
	height: 100%;
	}
	
#topimg {
	background: url('images/topimg.jpg') transparent;
	width: 1014px;
	height: 20px;
	line-height: 1px;
	position: absolute;
	left: 50%;
	margin-left: -507px;
	}
	
#container {
	width: 900px;
	margin: 0px auto;
	color: #404040;
	padding: 0px;
	height: 100%;
	position: relative;
	}	
	
#footer {
	height: 50px;
	position: absolute;
	bottom: 0;
	}

.left {
	float: left;
	}
	
.right {
	float: right;
	}
	
.fiftyL {
	width: 374px;
	margin-right: 16px;
	}

.fiftyR {
	width: 374px;
	margin-left: 16px;
	}
	
.seventyfive {
	width:601px;
	padding-right: 32px;
	}
	
.twentyfiveR {
	width: 179px;
	}
	
.twentyfiveL {
	width: 179px;
	padding-right: 32px;
	}
	
	
.sixtysix {
	width: 531px;
	}
	
.thirtythreeR {
	width: 250px;
	float: right !important;
	}
	
.thirtythreeL {
	width: 250px;
	padding-right: 31px;
	}
	
.padding {
	margin: auto;
	width: 812px;
	padding: 20px 0px;
	overflow: hidden;
	}
	
#sitemap .padding {
	padding: 20px 0px 40px 0px !important;
	}
	
#dumbell {
	width: 138px;
	height: 105px;
	background: url('images/dumbell.png') transparent;
	background-repeat: no-repeat;
	float: left;
	}
	

#hench-topbar {
	width: 150px;
	height: 46px;
	background: url('images/hench_topbar.png') transparent;
	background-repeat: no-repeat;
	float: left;
	position: relative;
	}

#topbar {
	background:  #fff;
	width: 100%;
	height: 70px;
	padding-top: 50px;
	}
	
.content {
	width: 100%;
	text-align: left;
	overflow: hidden;
	padding: 0px;
	background: #fff;
	}
	

#sitemap {
	width: 100%;
	margin: auto;
	overflow: auto;
	background: #fff;
	}
	
#artwork {
	width: 100%;
	border: 0;
	overflow: hidden;
	background: url('images/80white.png') transparent;
	}

#slide{
	width: 812px;
	height: 420px;
	overflow: hidden !important;
	background: #666;
	}
	
#slider {
	width: 900px;
	height: 420px;
	overflow: hidden !important;
	background: transparent;
	}
	
#slider li {
	display: inline !important;
	float: left;
	width: 812px;
	}

#slider2 {
	width: 100%;
	overflow: hidden !important;
	}
	
#slider2 li {
	display: inline !important;
	overflow: hidden !important;
	float: left;
	width: 812px;
	height: 420px;
	position: relative;
	}

	
	
.homework {
	position: absolute; 
	bottom: 0px; 
	width: 250px; 
	height: 340px; 
	padding: 40px 20px 40px 20px; 
	background: url('images/homeworkbg.png') transparent;
	display: none;
	}
	
.workbg { 
	background: #fff;
	padding: 40px 44px;
	width: 812px;
	margin: 0px auto;
	overflow: hidden;
	border-top: 1px solid #ddd;
	height: 300px;
	}

.workbg:hover { 
	background: #fff;
	}

	
.mediumart {
	width: 531px;
	height: 300px;
	border: 0;
	overflow: hidden;
	}
	
#latest {
	padding: 40px 0px 40px 0px !important;
	}
	
#artwork {
	padding: 30px 0px 40px 0px !important;
	}


#loginpanel {
	position: absolute;
	top: 170px;
	right: 44px;
	width: 300px;
	height: 100px;
	padding: 0;
	display: none;
	background: transparent;
	z-index: 999 !important;
	}
	
#loginpanel p {
	margin: 0;
	}
	
#loginpanel label {
	color: #999;
	}
	
.loggedin {
	text-align: right; 
	color: #ccc; 
	padding: 15px 44px 0px 0px;
	float: right;
}

/*---------------------------------------------------------------- 	Work	 	----------------------------------------------------------------*/	

#work {
	width: 876px;
	margin-right: -32px;
	}

#work li {
	width: 250px;
	height: 160px;
	float: left;
	margin: 0px 31px 31px 0px;
	position: relative;
	}

.workimage {
	width: 250px;
	height: 160px;
	}
	
.workdesc {
	background: #eb0;
	width: 230px;
	height: 100px;
	padding: 10px;
	position: absolute;
	bottom: 0px;
	color: #000;
	visibility: hidden;
	}
	
#work h3 {
	margin-bottom: 5px;
	color: #000;
	text-decoration: none;
	}

/*---------------------------------------------------------------- 	Latest	 	----------------------------------------------------------------*/	
	
#latest-ul {
	width: 908px;
	margin-right: -8px;
	margin-top: 0px;
	}
	
#latest-ul li {
	width: 85px;
	height: 85px;
	float: left;
	margin: 0px 6px 6px 0px;
	display: inline !important;
	}
	
#tooltip{
	position: absolute;
	border: 0;
	background: #eb0;
	background-position: 50% 100%;
	padding: 6px 10px 7px 10px;
	color: #000;
	display: none;
	font-size: 9pt;
	font-weight: 900;
	max-width: 200px;
	}

	
/*---------------------------------------------------------------- 	News	 	----------------------------------------------------------------*/	

#cols {
	width: 100%;
	overflow: hidden;
	margin: 0px auto;
	background: #fff;
	}
	
#cols-ul li{
	margin: 0;
	color: #333;
	display: inline !important;
	float: left;
	}

/*---------------------------------------------------------------- 	Navigation	 	----------------------------------------------------------------*/	

#nav {
	width: 812px;
	margin: auto;
	position: relative;
	height: 46px;
	position: relative;
	}
	
#nav-links {
	position: relative;
	top: 29px;
	}	
	
.menu1, .menu2, .menu3, .menu4, .menu5 , .menu1-on, .menu2-on, .menu3-on, .menu4-on, .menu5-on {
	background: url('images/nav.png') transparent;
	width: 70px;
	height: 16px;
	margin-right: 4px;
	position: relative;
	display: inline;
	float: left;
	}

.menu5, .menu5-on, .menu5:hover { left: -5px; }
	
.menu1 {	background-position: 0px 0px; }
	
.menu2 {	background-position: 0px -38px; }

.menu3 {	background-position: 0px -76px; }
	
.menu4 { background-position: 0px -114px;	}
	
.menu5 {	background-position: 0px -152px;	}
	
.menu1-on { background-position: 70px 0px; height: 37px; }	

.menu2-on { background-position: 70px -38px; height: 37px; }

.menu3-on { background-position: 70px -76px; height: 37px; }
	
.menu4-on { background-position: 70px -114px; height: 37px; }
	
.menu5-on { background-position: 70px -152px; height: 37px; }

.menu1:hover { background-position: 70px 0px; }	

.menu2:hover { background-position: 70px -38px; }

.menu3:hover { background-position: 70px -76px; }
	
.menu4:hover { background-position: 70px -114px; }
	
.menu5:hover { background-position: 70px -152px; }
	
/*---------------------------------------------------------------- 	Headings	 	----------------------------------------------------------------*/		

h1	{
	font-size: 18pt;
	color: #222;
	text-align: left;
	margin-bottom: 10px;
	}
	
h1.pageheading {
	font-size: 20pt;
	text-align: left;
	line-height: 26pt;
	color: #333;
	padding-top: 30px;
	margin-bottom: 0px;
	}	

h1.pageheading img {
	background: #fff;
	}


h2.homeh2 	{
	font-size: 16pt;
	margin-bottom: 10px;
	}
	
h2.blog 	{
	font-size: 14pt;
	margin-bottom: 10px;
	line-height: 16pt;

	}
	
h2.h2body {
	font-size: 12pt;
	margin-bottom: 10px;
	margin-top: 0px;
	}
	
h3	{
	color: #333;
	font-size: 11pt;
	font-weight: 400;
	margin-bottom: 16px;
	}
	
h3.comment	{
	color: #333;
	font-size: 11pt;
	font-weight: 400;
	margin-bottom: 2px;
	}
	
.staff h3 {
	margin-bottom: 0px;
	}
	
h1, h2 {
	font-family: 'arial narrow', helvetica, arial;
	}
	
h2 {
	font-weight: 600;
	color: #222;
	font-size: 16pt;
	margin-bottom: 20px;
	line-height: 20pt;
	}

.heading1, .heading2, .heading3, .heading4, .heading5 {	
	background-repeat: no-repeat !important;
	height: 88px;
	margin: 40px 0px 10px 0px !important;
	}
	
.heading1 { 	background: url('images/title1.gif'); }
.heading2 { 	background: url('images/title2.gif'); }
.heading3 { 	background: url('images/title3.gif'); }
.heading4 { background: url('images/title4.gif'); }
.heading5 { background: url('images/title5.gif'); }
	
/*---------------------------------------------------------------- 	Links 	----------------------------------------------------------------*/

a:link { color: #333; text-decoration: none; }
a:visited { color: #333; text-decoration: none; }
a:hover { color: #eb0; text-decoration: none;}
a:active { color: #333; text-decoration: none; }


#prev a:link, #next a:link, #nav a:link, h2.blog a:link, h2.thetitle a:link, .flir-replaced, .flir-image, .pageheading a { background: transparent; color: #333; text-decoration: none; }
#prev a:visited, #next a:visited, #nav a:visited, h2.blog a:visited, h2.thetitle a:link, .flir-replaced, .flir-image, .pageheading a { background: transparent; color: #333; text-decoration: n3one; }
#prev a:hover, #next a:hover, #nav a:hover, h2.blog a:hover, h2.thetitle a:link, .flir-replaced, .flir-image, .pageheading a { background: transparent; color: #333; text-decoration: none; }
#prev a:active, #next a:active, #nav a:active, h2.blog a:active, h2.thetitle a:link, .flir-replaced, .flir-image, .pageheading a { background: transparent; color: #333; text-decoration: none; }


h2.homeh2 a:link { text-decoration: none; }
h2.homeh2 a:visited { color: #333; text-decoration: none; }
h2.homeh2 a:hover { color: #eb0; text-decoration: none;  }
h2.homeh2 a:active { color: #333; }

.mainlink { padding: 5px 6px; font-weight: 900; font-size: 9pt; line-height: 18pt; }
.mainlink:link { color: #222; background: #eb0; text-decoration: none; }
.mainlink:visited { color: #222; text-decoration: none; background: #eb0; }
.mainlink:hover { color: #eb0; text-decoration: none; background: #222; }
.mainlink:active { color: #999; text-decoration: blink; }

#sitemap a { font-size: 8pt !important; }

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

.date		{
		font-size: 8pt;
		color: #999;
		line-height: 14pt;
		}
		
.meta { height: 22px; }

.blogpost { 
	padding: 20px 0px 12px 0px; 
	margin-bottom: 40px;
	}

.blogpost ul {
	list-style-type: disc;
	margin: 10px;
	padding: 10px;
	}
	
blockquote{
	margin: 10px 5px 25px 5px;
	padding: 10px 20px 5px 20px;
	font-style: italic;
	font-family: georgia, 'times new roman', times;
	font-size: 9pt;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	background: #f0f0f0;
	line-height: 16pt;
	}
	
.wp-caption-text {
	display: none;
	}
	
.size-full {
	margin-bottom: 15px;
	}

strong { font-weight: 600; }
	
.prevnext { width: 156px; margin: 0px auto; margin-top: 20px;}

.recommend {
	font-size: 9pt;
	width: 250px;
	}
	
.recommend .hrmargin {
background: transparent;
border-bottom: 1px dashed #dedede;
}

.recommend .date {	position: relative; top: -14px; line-height: 8pt !important;	}


#prev, #next {
	background: url('images/prevnext.jpg') #fff;
	width: 50px;
	height: 12px;
	display: block;
	overflow: hidden;
	cursor: pointer;
	line-height: 25px;
	font-size: 30pt;
	display: block;
	}

#prev {
	background-position: 0px -21px;
	float: left;
	}
	
#next {
	background-position: 0px -74px;
	float: right;
	}
	
#prev:hover {
	background-position: 0px 0px;
	}
	
#next:hover  {
	background-position: 0px -53px;
	}
	

.hench { color: #222; }

.clickable { cursor: pointer; }

.transparent { background: transparent; }

.hlogo { 
	background: url('images/H.png') transparent;
	background-repeat: no-repeat;
	width: 27px;
	height: 13px;
	float: right;
	margin-top: 18px;
	}	

p { margin-bottom: 10px; }

.hidden { visibility: hidden; width: 100%; height: 100%; }

.block { display: block; width: 100%; height: 100%; }

small { font-size: 8pt; font-weight: 900; }

.tenpt {
	line-height: 14pt;
	font-size: 14pt;
	}
	
.hr {
	line-height: 1px;
	font-size: 1px;
	width: 812px;
	height: 1px;
	background: #ddd;
	border-right: 44px solid #fff;
	border-left: 44px solid #fff;
	margin: 0px auto;
	}
	
.hrmargin {
	line-height: 1px;
	font-size: 1px;
	width: 100%;
	height: 1px;
	background: #ddd;
	margin: 20px 0px 20px 0px;
	}
	
.hr-break {
	background: transparent;
	height: 30px;
	margin: 0px;
	}
	
.copyright {
	position: relative;
	font-size: 8pt;
	font-weight: 400;
	color: #aaa;
	}
	
abbr {
	border-bottom: 1px dotted #aaa;
	}
	

.loginbutton, .logoutbutton	{
	position: relative;
	float: right;
	top: 32px;
	width: 50px;
	height: 13px;
	border: 0px;		
	background: url('images/login.png') transparent;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: 0px -31px;
	
	}

.loginbutton:hover {		
	background-position: 0px 0px;
	cursor: pointer;
	}
	

.logoutbutton	{
	background-position: 0px -76px;
	}	

	
.logoutbutton:hover {		
	background-position: 0px -45px;
	cursor: pointer;
	}

	
.odd, .even, .authorcomment { 
	padding: 30px 20px 15px 20px;
	border-top: 1px dotted #dedede;
	background: #fff; 
	}
	
.even { background: #f5f5f5; }

.authorcomment  { border-left: 3px solid #eb0; }

.commentbox {
	padding: 20px;
	background: #fff;
	border: 1px solid #dedede;
	margin-top: 30px;
	}
	
/* ------------------------ Form ------------------------ */			
			
.invform	{
			display: none;
			clear: both;
			}
			
			
label {
	font-size: 9pt;
	line-height: 15pt;
	color: #222;
	width: 100px;
	margin-right: 20px;
	position: relative;
	float: left;
	}
	
#contact-form {
	margin-top: 30px;
	margin-bottom: 0;
	position: relative;
	}

	
input, form, fieldset, textarea {
	margin: 0px;
	margin-bottom: 6px;
	font-size: 9pt;
	line-height: 14pt;
	color: #333;
	}
			
input, textarea {
	border: 1px solid #dedede;
	background: #fff;
	color: #333;
	padding: 4px;
	width: 250px;
	font-family: arial, helvetica;
	}

textarea {
	overflow: auto;
	}

textarea:focus, input:focus	{
	border: 1px solid #ccc;
	background: #f9f9f9;
	color: #333;
	}

textarea	{
		height: 123px;
		}
		
input.button	{
	position: relative;
	left: 119px;
	width: 40px;
	height: 13px;
	border: 0px;		
	background: url('images/send.png') transparent;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: 0px -31px;
	}
	
input.okbutton	{
	position: relative;
	float: right;
	width: 40px;
	height: 13px;
	border: 0px;		
	background: url('images/ok.png') transparent;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: 0px -31px;
	}

.button:hover, .okbutton:hover {		
	background-position: 0px 0px;
	cursor: pointer;
	}
		
input.button:focus	{	
	background: url('images/send.png') transparent;	
	background-position: 0px -31px;
	}
	
input.okbutton:focus	{	
	background: url('images/ok.png') transparent;	
	background-position: 0px -31px;
	}
		
#alert_name, #alert_email, #alert_phone, #alert_comments, #success {
	font-size: 8pt;
	height: 18px;
	color: #000;
	position: absolute;
	bottom: 9px;
	left: 180px;
	display: none;
	background: #fff;
	width: 180px;
	z-index: 5;
	}
	
#success {
	font-size: 9pt;
	background: #eb0;
	color: #000;
	position: absolute;
	left: 119px;
	width: 250px;
	height: 18px;
	padding: 2px 5px 1px 5px;
	}	
	
/* Easyslider */

ol#controls{
	width: 538px;
	position: relative;
	float: right;
	height: 16px;
	margin: 20px 0px 0px 0px;
	z-index: 9999 !important;
	}
	
ol#controls li {
	float: left;
	width: 16px;
	height: 16px;
	line-height: 16px;
	margin: 0px 3px;
	text-align: center;
	}
	
ol#controls li a {
	float: left;
	height: 16px;
	width: 16px;
	line-height: 16px;
	background: url('images/controlbtn.png') #ccc;
	color: #ccc;
	}

ol#controls li a:hover {
	background: url('images/controlbtn.png') #eb0;
	color: #eb0;
}
	
ol#controls li.current a {
	background: url('images/controlbtn.png') #666;
	color: #666;
	}
	
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{ outline: none; }