/*
Theme Name: HoloTouch
Theme URI: http://www.holotouch.com/
Description: The 2010 HoloTouch website theme
Author: Taylor Design
Author URI: http://www.taylordesign.com
Version: 1.0
*/

body {
	margin: 0 auto;
	padding: 0;
	font: 12px/16px Arial, Helvetica, sans-serif;
	color: #fff;
	background: #000;
	width: 950px;
}

code {
	font: 12px/16px Arial, Helvetica, sans-serif;
}

a,
a:visited {
	color: #EF6A19;
	text-decoration: none;
}

a:hover,
a:active {
	color: #4CB23E;
}

body.page-id-348 a, body.page-id-348 a:visited { color: #000; }
body.page-id-348 a:active, body.page-id-348 a:hover { color: #EF6A19; text-decoration: underline; }

a img {
	outline: none;
	border: 0;
}

h1, h2 {
	font: normal 22px/24px Arial, Helvetica, sans-serif;
	margin: 0 0 11px;
	padding: 0 14px;
	color: #00368B;
}

body.page-id-2 h2, body.page-id-2 h1,
body.parent-pageid-2 h2, body.parent-pageid-2 h1 { color: #57AB47; }
body.page-id-7 h2, body.page-id-7 h1,
body.parent-pageid-7 h2, body.parent-pageid-7 h1 { color: #009893; }
body.page-id-11 h2, body.page-id-11 h1,
body.parent-pageid-11 h2, body.parent-pageid-11 h1 { color: #7A0750; }

h3 {
	font: bold 11px/13px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin: 0 0 5px;
	padding: 0 15px;
	/*color: #54b343;*/
	color: #888;
}

/* body.page-id-2 h3, 
body.parent-pageid-2 h3 { color: #888; }
body.page-id-7 h3,
body.parent-pageid-7 h3 { color: #006663; } */

h4, h5, h6 {
	font: bold 11px/15px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0 15px;
}

img.alignleft {
	float: left;
	margin: 4px 15px 10px 0;
}

img.alignright {
	float: right;
	margin: 4px 0 10px 15px;
}

#header {
	height: 85px;
	margin: 35px auto 0 auto;
	position: relative;
	background: url(images/hr.gif) no-repeat bottom center;
}

img#logo {
	position: absolute;
	top: 0;
	left: 0;
}

div.hoverbg { 
	background: url(images/main-hover_bg.jpg) no-repeat 2px 0; 
	width: 136px;
	height: 129px; 
	display: none; 
	position: absolute; 
	z-index: 10; 
	top: -80px;
	left: 0;
}

div.hoverbg1 {
	background: url(images/main-hover_bg1.jpg) no-repeat 2px 0;
	width: 136px;
	height: 129px;
	display: none;
	position: absolute;
	z-index: 10;
	top: -80px;
	left: 0;
}

div.hoverbg2 {
	background: url(images/main-hover_bg2.jpg) no-repeat 2px 0;
	width: 135px;
	height: 129px;
	display: none;
	position: absolute;
	z-index: 10;
	top: -80px;
	left: 0;
}

div.hoverbg3 {
	background: url(images/main-hover_bg3.jpg) no-repeat 2px 0;
	width: 135px;
	height: 129px;
	display: none;
	position: absolute;
	z-index: 10;
	top: -80px;
	left: 0;
}

div.hoverbg4 {
	background: url(images/main-hover_bg4.jpg) no-repeat 2px 0;
	width: 135px;
	height: 129px;
	display: none;
	position: absolute;
	z-index: 10;
	top: -80px;
	left: 0;
}

ul.nav {
	position: absolute;
	right: 0;
	top: 20px;
	list-style: none;
	width: 720px;
	z-index: 20;
}

ul.nav li {
	display: inline;
	float: left;
	list-style: none;
	width: 136px;
	text-align: center;
	margin: 0 4px;
	position: relative;
}

ul.nav li a,
ul.nav li a:visited {
	color: #fff;
	font: 11px/28px Arial, Helvetica, sans-serif;
	text-decoration: none;
	display: block;
	width: 136px;
	position: relative;
	z-index: 20;
}

ul.nav li a:hover { color: #fff; text-decoration: none; }

ul.nav li#menu-item-289 a,
ul.nav li#menu-item-289 a:visited,
ul.nav li#menu-item-289 a:hover { background: url(images/nav_home_bg.gif) no-repeat top center; }
ul.nav li#menu-item-4 a,
ul.nav li#menu-item-4 a:visited,
ul.nav li#menu-item-4 a:hover { background: url(images/nav_about_bg.gif) no-repeat top center; }
ul.nav li#menu-item-13 a,
ul.nav li#menu-item-13 a:visited,
ul.nav li#menu-item-13 a:hover { background: url(images/nav_working_bg.gif) no-repeat top center; }
ul.nav li#menu-item-269 a,
ul.nav li#menu-item-269 a:visited,
ul.nav li#menu-item-269 a:hover { background: url(images/nav_news_bg.gif) no-repeat top center; }
ul.nav li#menu-item-14 a,
ul.nav li#menu-item-14 a:visited,
ul.nav li#menu-item-14 a:hover { background: url(images/nav_contact_bg.gif) no-repeat top center; }

#container {
	width: 971px;
	position: relative;
	margin: 15px auto 0 auto;
	padding: 33px 0 0 0;
	background: url(images/home_top_top.jpg) no-repeat top left;
}

body.page #container,
body.category #container,
body.single #container,
body.search #container,
body.archive #container { background: url(images/interior_top_top.jpg) no-repeat top left; }

#left {
	width: 255px;
	float: left;
	position: relative;
	left: 0;
	z-index: 10;
}

#intro {
	width: 255px;
	background: url(images/home_intro_topbg.jpg) no-repeat top left #54B343;
	float: left;
	position: relative;
	left: 0;
}

#cta {
	width: 255px;
	background: url(images/interior_cta_topbg.jpg) no-repeat top left #e9b323;
	float: left;
	position: relative;
	left: 0;
}

#intro h2 {
	display: block;
	width: 234px;
	height: 72px;
	text-indent: -999999px;
	background: url(images/cta-h1.gif) no-repeat top left;
	padding: 0 0 5px;
	margin: 0;
	position: relative;
	top: 5px;
	left: 11px;
}

#cta h2 {
	display: block;
	width: 198px;
	height: 46px;
	text-indent: -999999px;
	background: url(images/cta-h1_interior.gif) no-repeat top left;
	padding: 0 0 5px;
	margin: 0;
	 position: relative;
	 top: 5px;
	 left: 11px;
}

#intro p {
	padding: 11px;
	margin: 0;
	color: #000;
	background: url(images/home_intro_bottombg.jpg) no-repeat bottom center;
}

#cta p {
	padding: 11px 6px 11px 11px;
	margin: 0;
	color: #000;
}

#cta p#ctatrial {
	padding: 0 7px 11px 11px;
	margin: 0;
	background: url(images/interior_cta_bottombg.jpg) no-repeat bottom center;
}

#cta p a,
#cta p a:visited {
	color: #f00;
}

#cta p a:active,
#cta p a:hover {
	color: #fff;
	text-decoration: none;
}

#cta img.ctaimg {
	float: left;
	padding: 0 10px 10px 0;
}

#underintro {
	width: 220px;
	left: 0;
	float: left;
	position: relative;
	padding: 15px 0 0 12px;
}

#underintro ul {
	margin: 0;
	padding: 0;
}

#news {
	color: #000;
	width: 243px;
	position: relative;
	float: right;
	background: #fff;
	right: 21px;
}

#news h2 {
	display: block;
	width: 205px;
	height: 46px;
	position: relative;
	left: 15px;
	text-indent: -99999px;
	background: url(images/news-h2.gif) no-repeat;
	margin: 0 0 20px;
}

#news h4 {
	font: bold 12px/16px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0 15px;
}

#news h3 {
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0 15px;
	text-transform: none;
	color: #000;
}

#news a.fullstory {
	margin: 0 0 15px;
	display: block;
	position: relative;
	left: 15px;
	width: 55px;
}

#news p#homenewsbottom {
	text-align: right;
	background: url(images/home_news_bottombg.jpg) no-repeat bottom left;
	padding: 0 15px 7px 15px;
	margin: 0;
}

#images1 {
	width: 428px;
	height: 209px;
	position: absolute;
	left: 254px;
	top: 0;
}

#images2 {
	width: 448px;
	position: absolute;
	height: 208px;
	top: 245px;
	left: 250px;
	background: url(images/home_bottom_top.jpg) no-repeat top left;
	z-index: 0;
}

img.home1 {	position: absolute; left: 12px; top: 33px; }
img.home2 {	position: absolute;	left: 158px; top: 33px; }
img.home3 { position: absolute; left: 304px; top: 33px; }
img.home4 { position: absolute;	left: 0; top: 32px; }
img.home5 {	position: absolute;	top: 32px; left: 145px; }
img.home6 {	position: absolute;	top: 32px; left: 292px; }

ul#imagecaptions1 {
	list-style: none;
	padding: 0;
	margin: 0;
	position: absolute;
	bottom: 0;
	left: 13px;
	width: 438px;
}

ul#imagecaptions1 li {
	list-style: none;
	display: inline;
	float: left;
	width: 146px;
	font: 12px/14px Arial, Helvetica, sans-serif;
}

ul#imagecaptions2 {
	list-style: none;
	padding: 0;
	margin: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 453px;
}

ul#imagecaptions2 li {
	list-style: none;
	display: inline;
	float: left;
	width: 147px;
	white-space: nowrap;
	font: 12px/14px Arial, Helvetica, sans-serif;
}

#content {
	width: 537px;
	float: left;
	position: relative;
	background: url(images/interior_content_bottombg.jpg) no-repeat bottom left #fff;
	color: #000;
	left: 11px;
	padding: 4px 0 0 0;
}

body.single #content {
	padding: 4px 0 35px 0;
}

#content p {
	padding: 0 15px;
	margin: 0 0 15px;
}

#content li {
	padding: 0 11px 0 0;
}

.post {
	padding: 25px 0 10px;
	margin: 0 15px;
	border-bottom: 1px solid #ddd;
}

.firstpost {
	padding: 0 0 10px;
}

#content .post p {
	margin: 0;
	padding: 0 0 15px;
}

#content .post h2,
#content .post h3 {
	padding: 0;
}

#content .post ul {
	margin-top: 0;
	padding-top: 0;
}

ul.pagenav {
	list-style: none;
	width: 147px;
	float: left;
	position: relative;
	background: white;
	left: 11px;
	margin: 0;
	padding: 0;
}

ul.pagenav li {
	list-style: none;
	display: block;
	line-height: 33px;
	width: 147px;
}

ul.pagenav li a,
ul.pagenav li a:visited {
	display: block;
	height: 33px;
	width: 140px;
	background: url(images/sub_reg_norm.jpg) no-repeat top left;
	color: #000;
	padding: 0 0 0 7px;
	white-space: nowrap;
}

ul.pagenav li a:active,
ul.pagenav li a:hover,
ul.pagenav li.current-menu-item a,
ul.pagenav li.current-menu-item a:visited {
	background: url(images/sub_reg_hover.jpg) no-repeat top left;
}

ul.pagenav li#menu-item-31 a,
ul.pagenav li#menu-item-31 a:visited,
ul.pagenav li#menu-item-75 a,
ul.pagenav li#menu-item-75 a:visited,
ul.pagenav li#menu-item-54 a,
ul.pagenav li#menu-item-54 a:visited,
ul.pagenav li#menu-item-268 a,
ul.pagenav li#menu-item-268 a:visited {
	background: url(images/sub2_reg_norm.jpg) no-repeat bottom left;
	height: 35px;
}

ul.pagenav li#menu-item-31.current-menu-item a,
ul.pagenav li#menu-item-31 a:active,
ul.pagenav li#menu-item-31 a:hover,
ul.pagenav li#menu-item-75.current-menu-item a,
ul.pagenav li#menu-item-75 a:active,
ul.pagenav li#menu-item-75 a:hover,
ul.pagenav li#menu-item-54.current-menu-item a,
ul.pagenav li#menu-item-54 a:active,
ul.pagenav li#menu-item-54 a:hover,
ul.pagenav li#menu-item-268 a:active,
ul.pagenav li#menu-item-268 a:hover,
ul.pagenav li#menu-item-268.current-menu-item a {
	background: url(images/top_active_norm.jpg) no-repeat top left;
	height: 35px;
}

ul.pagenav li#menu-item-27 a,
ul.pagenav li#menu-item-27 a:visited,
ul.pagenav li#menu-item-53 a,
ul.pagenav li#menu-item-53 a:visited,
ul.pagenav li#menu-item-72 a,
ul.pagenav li#menu-item-72 a:visited,
ul.pagenav li#menu-item-57 a,
ul.pagenav li#menu-item-57 a:visited,
ul.pagenav li#menu-item-261 a,
ul.pagenav li#menu-item-261 a:visited {
	background: url(images/bottom_reg_norm.jpg) no-repeat top left;
}

ul.pagenav li#menu-item-27 a:active,
ul.pagenav li#menu-item-27 a:hover,
ul.pagenav li#menu-item-27.current-menu-item a,
ul.pagenav li#menu-item-53 a:active,
ul.pagenav li#menu-item-53 a:hover,
ul.pagenav li#menu-item-53.current-menu-item a,
ul.pagenav li#menu-item-72 a:active,
ul.pagenav li#menu-item-72 a:hover,
ul.pagenav li#menu-item-72.current-menu-item a,
ul.pagenav li#menu-item-57 a:active,
ul.pagenav li#menu-item-57 a:hover,
ul.pagenav li#menu-item-57.current-menu-item a,
ul.pagenav li#menu-item-261 a:active,
ul.pagenav li#menu-item-261 a:hover,
ul.pagenav li#menu-item-261.current-menu-item a {
	background: url(images/bottom_reg_hover.jpg) no-repeat top left;
}

#paging { padding: 11px; }

#paging .prev a { float: right; position: relative; bottom: 13px; }
#paging .next a { float: left; position: relative; bottom: 13px; }

#search {
	margin: 0 auto 10px;
	clear: both;
	background: url(images/hr.gif) no-repeat center bottom;
	padding: 25px 0 15px;
}

#search input {
	background: #000;
	color: #CCC;
	border: 1px solid #999;
	margin: 0 10px 0 0;
}

#search input#searchsubmit {
	border: 0px;
	position: relative;
	top: 7px;
}

#footer {
	text-align: center;
	margin: 0 auto;
	font: 11px/13px Arial, Helvetica, sans-serif;
}

#footer a,
#footer a:visited {
	color: #fff;
}

#footer a:active,
#footer a:hover,
#footer a.lightgray:active,
#footer a.lightgray:hover {
	color: #4CB23E;
	text-decoration: none;
}

span.lightgray { color: #aaa; }
#footer a.lightgray, #footer a.lightgray:visited { color: #aaa; }
