/*



Theme Name: Novocane



Tags: porfolio, magazine, web app, cms



*/







@import "css/reset.css";
/**********************************************************/



/******************* GLOBAL STYLES ***********************/



/********************************************************/











/* LAYOUT */



/* ----------------------------------------- */







/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */



.aligncenter {
	display:block;
	margin:0 auto;
	margin-bottom:20px;
}
.alignleft {
	float:left;
	margin: 5px 15px 5px 0px
}
.alignright {
	float:right;
	margin: 5px 0px 5px 15px
}
.wp-caption {
}
/* You might find the following useful */



br.dirtyLittleTrick {
	clear:both;
	display:block;
	height:1px;
	margin:-1px 0 0 0
} /* Use this br class to clear your floated columns */
body {
	font-family: Helvetica, Arial, sans-serif;
	background:#FFF;
}
body.modal-body {
	background:#000
}
body p {
	font-size:12px;
	color:#646464;
	line-height:20px;
}
body p em {
	color:#343434
}
body p strong {
	color:#000
}
body p em strong {
	color:#000;
	font-style:italic;
}
body a {
	color:#097da4;
	font-weight:bold;
}
/**** General Typography ****/



	



	#left-content {
	width:560px;
	background:#FFF;
	overflow:hidden;
	float:left;
}
#left-content h1, #fullwidth-content h1 {
	font-size:24px;
	margin-bottom:20px;
	padding:0px 0px 20px 0px;
	text-transform:uppercase;
	background:url(images/footer-divider.png) scroll transparent repeat-x;
	background-position:bottom;
}
#left-content .post h1.blog-header, #left-content .post h1.blog-header a {
	padding:0px 0px 10px 0px;
	margin-bottom:10px;
	color:#000 !important;
	font-size:24px;
}
#left-content .post h1 {
	color:#000;
}
#left-content h1 a, #fullwidth-content h1 a {
	color:#000;
}
#left-content h1 a:hover, #fullwidth-content h1 a:hover {
	color:#999;
	border:none;
}
#left-content h2, #fullwidth-content h2 {
	font-size:32px;
	margin:40px 0px 20px 0px;
	padding:0px 0px 16px 0px;
	background:url(images/footer-divider.png) scroll transparent repeat-x;
	background-position:bottom;
}
#left-content h3, #fullwidth-content h3 {
	font-size:24px;
	margin:40px 0px 20px 0px;
	padding:0px 0px 16px 0px;
	background:url(images/footer-divider.png) scroll transparent repeat-x;
	background-position:bottom;
}
#left-content h4, #fullwidth-content h4 {
	font-size:18px;
	margin:10px 0px 10px 0px;
	color:#FF0000;
	font-weight:bold;
}
#left-content h5, #fullwidth-content h5 {
	font-size:16px;
	margin:10px 0px 10px 0px;
	color:#FF0000;
	font-weight:bold;
}
#left-content h6, #fullwidth-content h6 {
	font-size:12px;
	margin:10px 0px 10px 0px;
	color:#FF0000;
	font-weight:bold;
}
#left-content p, #fullwidth-content p {
	margin:10px 0px 20px 0px;
}
#left-content ul, #fullwidth-content ul {
	margin:10px 0px 10px 10px;
}
#left-content ul li, #fullwidth-content ul li {
	list-style-type:square;
	color:#646464;
	font-size:12px;
	margin:0px 0px 15px 10px;
}
#left-content a:hover, #fullwidth-content a:hover {
	border-bottom:1px dashed #097da4;
}
#left-content blockquote, #fullwidth-content blockquote {
	display:block;
	width:450px;
	border-left:5px solid #eaeaea;
	border-right:5px solid #eaeaea;
	background:#eee;
	font-size:14px;
	padding:5px 20px 10px 20px;
	margin:5px 0px 15px 15px;
}
#left-content blockquote p, #fullwidth-content blockquote p {
	color:#232323;
	margin-bottom:5px;
}
#left-content blockquote p em, #fullwidth-content blockquote p em {
	text-align:right;
}
p.author-and-date {
	font-variant:small-caps;
	letter-spacing:2px;
	padding:0px 0px 12px 0px;
	background:url(images/footer-divider.png) scroll transparent repeat-x;
	background-position:bottom;
	margin:0px 0px;
}
img.blogpic {
	float:left;
	margin:0px 10px 10px 0px;
}
/**********************************************************/



/******************* HEADER STYLES ***********************/



/********************************************************/











#header {
	height:120px;
}
/* Header Background Options */ 



	



#header.blueburst {
	background:url(images/headerbg-blueburst.jpg) top center repeat-x scroll transparent;
}
#header.tequilasunrise {
	background:url(images/headerbg-tequila-sunrise.jpg) top center repeat-x scroll transparent;
}
#header.greenhills {
	background:url(images/headerbg-greenhills.jpg) top center repeat-x scroll transparent;
}
#header.darkvines {
	background:url(images/headerbg-darkvines.jpg) top center repeat-x scroll transparent;
}
#header.brightblue {
	background:url(images/headerbg-clean-bright-blue.png) top center repeat-x scroll transparent;
}
#header.brightgreen {
	background:url(images/headerbg-clean-bright-green.png) top center repeat-x scroll transparent;
}
#header.brightmilkygrey {
	background:url(images/headerbg-clean-bright-milkygrey.png) top center repeat-x scroll transparent;
}
#header.brightorange {
	background:url(images/headerbg-clean-bright-orange.png) top center repeat-x scroll transparent;
}
#header.brightpink {
	background:url(images/headerbg-clean-bright-pink.png) top center repeat-x scroll transparent;
}
#header.brightred {
	background:url(images/headerbg-clean-bright-red.png) top center repeat-x scroll transparent;
}
#header.brightyellow {
	background:url(images/headerbg-clean-bright-yellow.png) top center repeat-x scroll transparent;
}
#header.darkblue {
	background:url(images/headerbg-clean-dark-blue.jpg) top center repeat-x scroll transparent;
}
#header.darkgreen {
	background:url(images/headerbg-clean-dark-green.jpg) top center repeat-x scroll transparent;
}
#header.darkgrey {
	background:url(images/headerbg-clean-dark-grey.jpg) top center repeat-x scroll transparent;
}
#header.darkpurple {
	background:url(images/headerbg-clean-dark-purple.jpg) top center repeat-x scroll transparent;
}
#header h1 {
}
#header-inner {
	width:890px;
	margin:auto;
	position:relative
}
/*** Navigation Syles ****/







	



 #navigation {
	height:80px;
	background:url(images/nav-bg-verydarkgrey.png) scroll transparent repeat-x;
}
#navigation-inner {
	width:890px;
	margin:auto;
	position:relative;
}
ul#menu {
	position:relative;
	z-index:2000;
}
ul#menu li {
	position:relative;
	display:block;
	width:160px;
	height:80px;
	float:left;
	z-index:2001;
}
ul#menu li a.parent-level {
	display:block;
	width:160px;
	height:80px;
	float:left;
	position:relative;
	background:url(images/nav-divider.png) scroll transparent no-repeat;
	color:#FFF;
	z-index:2998;
}
ul#menu li a.parent-level:hover {
}
ul#menu li a span.title {
	position:absolute;
	top:15px;
	left:10px;
	font-size:19px;
	text-transform: lowercase;
	z-index:3000;
}
ul#menu li a span.subtitle {
	position:absolute;
	top:35px;
	left:0px;
	width:140px;
	font-weight:normal;
	font-size:10px;
	color:#FFF;
	z-index:3000;
	filter: alpha(opacity=70);
	opacity:0.7;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
}
ul#menu li ul {
	display:none;
	width:156px;
	padding:0px 2px;
	position:absolute;
	top:80px;
	left:1px;
	background:#000;
	z-index:9998;
	-moz-box-shadow: 0px 2px 5px #888;
	-webkit-box-shadow: 0px 2px 5px #888;
	box-shadow: 0px 2px 5px #888;
}
ul#menu li ul li {
	height:auto;
	float:none;
	line-height:20px;
	z-index:9000;
}
ul#menu li ul li a {
	background:#333;
	display:block;
	margin-bottom:1px;
	width:121px;
	float:none;
	height:auto;
	padding:10px 18px 10px 18px;
	font-size:11px;
	font-weight:normal;
	color:#CCC;
}
ul#menu li ul li a:hover {
	background:#444;
	color:#FFF
}
ul#menu li ul li ul {
	display:none;
	width:156px;
	padding:2px 2px;
	position:absolute;
	top:-2px;
	left:158px;
	background:#000;
	z-index:4000
}
a#navigation-rss {
	width:82px;
	height:80px;
	background:url(images/rss-image.png) scroll transparent no-repeat;
	position:absolute;
	right:0px;
}
a#navigation-rss span {
	display:none;
	width:82px;
	height:80px;
	background:url(images/rss-image-over.png) scroll transparent no-repeat;
}
/*** Special classes for the jQuery Navigation Hover Effects ***/



	



	.equaliser {
	position:absolute;
	margin-left:2px;
	width:158px;
	height:0px;
	background:#FF0000;
	z-index:1000;
	display:none;
}
.fade-orange {
	background:url(images/nav-fade-warm.jpg) scroll transparent no-repeat;
}
.fade-red {
	background:url(images/nav-fade-scarlet.jpg) scroll transparent no-repeat;
}
.fade-purple {
	background:url(images/nav-fade-purple.jpg) scroll transparent no-repeat;
}
.fade-blue {
	background:url(images/nav-fade-blue.jpg) scroll transparent no-repeat;
}
.fade-turquoise {
	background:url(images/nav-fade-turquoise.jpg) scroll transparent no-repeat;
}
.fade-green {
	background:url(images/nav-fade-green.jpg) scroll transparent no-repeat;
}
.fade-arrow {
	background:url(images/nav-fade-subtle.png) scroll transparent no-repeat;
}
.hide {
	display:none;
}
.show {
	display:block;
}
.full-height {
	height:80px;
}
.half-height {
	height:38px;
}
.quarter-height {
	height:12px;
}
.bottom {
	bottom:0px;
}
.top {
	top:0px;
}
/*** Header Search Bar ****/



	



	fieldset.header-search {
	position:absolute;
	top:40px;
	left:659px;
}
input.searchbox-header {
	padding:2px 2px 0px 12px;
	color:#AAA;
	letter-spacing:1px;
	width:210px;
	height:35px;
	border:none;
	background:url(images/header-searchbox.png) scroll transparent no-repeat;
	background-position:0px -80px;
}
input.searchbox-header:focus {
	border:none;
	outline:none;
	background-position:0px 0px;
}
input.searchsubmit-header {
	position:absolute;
	top:7px;
	right:12px;
	border:none;
	width:30px;
	height:25px;
	background:url(images/search-icon.png) scroll transparent no-repeat;
}
input.searchsubmit-header:hover {
	cursor:pointer;
}
/*** Logo ***/



	



	a.image-logo {
	position:absolute;
}
h1.text-logo {
	position:absolute;
	display:block;
}
h1.text-logo a {
	color:#FFF;
}
p.logo-tagline {
	position:absolute;
	display:block;
	top:50px;
	left:20px;
}
p.logo-tagline a {
	color:#FFF;
	letter-spacing:4px;
}
/**********************************************************/



/******************* MAIN CONTENT STYLES *****************/



/********************************************************/











#main-content-3columns {
	margin:auto;
	width:930px
}
#main-content-4columns {
	margin:auto;
	width:920px
}
#main-content-singlepage {
	margin:auto;
	width:890px;
	padding:70px 70px;
	background:url(images/single-page-bg.png) scroll transparent no-repeat;
	background-color:#FFF;
}
#main-content-fullwidth {
	margin:auto;
	width:890px;
	padding:70px 70px;
	background:url(images/homepage-bg.png) scroll transparent no-repeat;
	background-color:#FFF;
}
#main-content-magazine-homepage {
	margin:auto;
	width:1030px;
	padding:30px 0px;
	background:url(images/homepage-bg.png) scroll transparent no-repeat;
	background-color:#FFF;
}
/***** Business Homepage Tagline Styles ***/



	







	#tagline {
	margin:auto;
	position:relative;
	width:890px;
	border-top:8px solid #eaeaea;
	border-bottom:8px solid #eaeaea;
}
#tagline h1 {
	width:710px;
	margin:10px 0px 15px 0px;
	font-size:30px;
	color:#000
}
#tagline h1 span {
	font-size:36px;
	color:#bcbcbc;
}
a.homepage-button {
	display:block;
	font-size:24px;
	padding:5px 20px 5px 20px;
	position:absolute;
	right:0px;
	top:13px;
	background:url(images/homepage-button-orange.jpg) scroll transparent repeat-x;
	color:#FFF;
	border-radius:10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
a.homepage-button:hover {
	background-position:0px -50px;
}
a.widgetage-button {
	display:block;
	font-size:24px;
	padding:5px 20px 5px 20px;
	position:absolute;
	left:45px;
	background:url(images/homepage-button-orange.jpg) scroll transparent repeat-x;
	color:#FFF;
	border-radius:10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
a.widgetage-button:hover {
	background-position:0px -50px;
}
/*** button options ***/



		



		a.btn-black {
	background:url(images/homepage-button-black.jpg) scroll transparent repeat-x;
}
a.btn-blue {
	background:url(images/homepage-button-blue.jpg) scroll transparent repeat-x;
}
a.btn-darkblue {
	background:url(images/homepage-button-darkblue.jpg) scroll transparent repeat-x;
}
a.btn-darkred {
	background:url(images/homepage-button-darkred.jpg) scroll transparent repeat-x;
}
a.btn-green {
	background:url(images/homepage-button-green.jpg) scroll transparent repeat-x;
}
a.btn-grey {
	background:url(images/homepage-button-grey.jpg) scroll transparent repeat-x;
}
a.btn-orange {
	background:url(images/homepage-button-orange.jpg) scroll transparent repeat-x;
}
a.btn-purple {
	background:url(images/homepage-button-purple.jpg) scroll transparent repeat-x;
}
a.btn-red {
	background:url(images/homepage-button-red.jpg) scroll transparent repeat-x;
}
/****** Business Homepage CU3ER STYLES ***/







	



	#homepage-cu3er {
	padding-top:40px;
	margin:auto;
	width:890px;
	height:380px;
	background:url(images/cu3er-shadow.jpg) scroll transparent no-repeat;
	background-position:0px 300px;
}
#homepage-cu3er object {
	outline:none
}
/**** Business Homepage Box Widgets ***/



	



	.homepage-business-widgets-wrapper {
	width:960px;
	margin:auto;
}
.business-box {
	width:320px;
	float:left;
	background:url(images/business-homepage-box-bg.png) scroll transparent no-repeat;
	position:relative;
}
.business-box img {
	margin:38px 0px 20px 35px;
	position:relative;
	z-index:4;
}
.business-box img:focus, .business-box a:focus, .business-box p:focus, .business-box span:focus, .business-box h2:focus {
	border:none;
	outline:none;
}
.business-box p {
	width:250px;
	margin:0px 0px 20px 35px;
}
.business-box h2 {
	width:250px;
	margin:10px 0px 10px 35px;
	color:#999;
	font-size:18px;
	letter-spacing:1px;/*text-transform: capitalize;*/

}
.business-box h2 a {
	color:#999;
}
.bb-image {
	background:url(images/business-homepage-box-bg-image.png) scroll transparent no-repeat;
}
.bb-video {
	background:url(images/business-homepage-box-bg-video.png) scroll transparent no-repeat;
}
/*** Magazine Homepage jQuery Slider ***/



	



	



	



	.magazine-featured {
	float:left;
	width:430px;
	height:520px;
	margin:40px 15px 0px 15px;
}
#slider {
	width:430px;
	height:520px;
	position: relative;
	overflow: hidden;
}
#sliderContent {
	width: 410px;
	position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage {
	float: left;
	position: relative;
	display: none;
}
li.sliderImage span strong {
	display:block;
	font-size:30px;
	margin-bottom:10px;
	line-height:40px;
}
li.sliderImage span strong a {
	color:#FFF;
}
li.sliderImage span strong a:hover {
	color:#FFF;
	border:none;
}
li.sliderImage span a {
	color:#FFF;
}
li.sliderImage span a:hover {
	color:#FFF;
	border-bottom:1px solid #FFF
}
.sliderImage span {
	line-height:20px;
	position: absolute;
	font: 12px/20px Arial, Helvetica, sans-serif;
	padding:20px 20px;
	height:204px;
	width:391px;
	background-color: #000;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	color: #fff;
	display: none;
}
.clear {
	clear: both;
}
.sliderImage span strong {
	font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
	left: 0;
}
/*** Magazine Homepage Posts  ***/



	



	/* DEFAULT POST */



	



	.magazine-default {
	position:relative;
	float:left;
	width:200px;
	height:240px;
	margin:40px 15px 0px 15px;
	overflow:hidden;
}
.magazine-default a {
	color:#FF0000;
}
.magazine-default a:hover {
	color:#000;
}
.magazine-default h2 {
	margin:12px 0px 0px 0px;
	font-size:12px;
	line-height:20px;
	text-transform:uppercase;
	color:#FF0000;
	font-weight:bold;
}
.magazine-default h2 a:hover {
	color:#000
}
.magazine-default p {
	line-height:21px;
}
.no-image p {
	margin-top:5px;
	font-size:12px;
	line-height:20px;
}
.magazine-default p span {
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
}
.magazine-default-placeholder {
	position:relative;
	z-index:100;
	height:120px;
	background:url(images/magazine-default-bg.png) scroll transparent no-repeat;
}
.magazine-default-placeholder img {
	position:relative;
	z-index:100;
}
.magazine-default-overlay {
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	width:200px;
	height:120px;
	z-index:101;
	background:url(images/magazine-default-overlay.png) scroll transparent no-repeat;
}
a.default-overlay-anchor {
	position:absolute;
	z-index:400;
	top:0px;
	left:0px;
	width:200px;
	height:120px;
	display:block;
}
p.comment-bubble {
	width:17px;
	height:30px;
	text-align:center;
	border:none;
	padding:2px 3px;
	line-height:12px;
	position:absolute;
	top:0px;
	right:-30px;
	background:url(images/blog-comment-bubble.png) scroll transparent no-repeat;
	z-index:300;
}
.magazine-default-readmore p span {
	color:#FF0000;
	font-size:12px;
	width:20px;
	line-height:14px;
	text-transform:uppercase;
}
.magazine-pagination {
	margin:20px 0px 0px 12px;
}
/* IMAGE POST */



	



	.magazine-image {
	overflow:hidden;
	position:relative;
	z-index:100;
	float:left;
	width:200px;
	height:240px;
	margin:40px 15px 0px 15px;
	background:url(images/magazine-image-bg.png) scroll transparent no-repeat;
}
.magazine-image h2 {
	position:absolute;
	bottom:-30px;
	left:0px;
	background:#000;
	color:#FFF;
	padding:3px 5px;
	font-size:12px;
	text-transform:uppercase;
	z-index:2000;
}
a.image-overlay-anchor {
	position:absolute;
	z-index:102;
	width:200px;
	height:240px;
	top:0px;
	left:0px;
}
/* VIDEO POST */	



		



	.magazine-video {
	position:relative;
	float:left;
	width:200px;
	height:240px;
	margin:40px 15px 0px 15px;
	overflow:hidden;
}
.magazine-video h2 {
	margin:8px 0px 3px 0px;
	font-size:12px;
	text-transform:uppercase;
	color:#FF0000;
	font-weight:bold;
}
.magazine-video h2 a {
	color:#FF0000;
}
.magazine-video h2 a:hover {
	color:#000;
}
.magazine-video p {
	line-height:21px
}
.magazine-video-overlay {
	position:absolute;
	z-index:100;
	top:0px;
	left:0px;
	width:200px;
	height:120px;
	background:url(images/magazine-video-overlay.png) scroll transparent no-repeat;
}
a.video-overlay-anchor {
	position:absolute;
	z-index:1001;
	top:0px;
	left:0px;
	width:200px;
	height:120px;
	display:block;
}
.magazine-video-placeholder {
	background:#000;
}
/************ BLOG PAGE AND SINGLE STYLES ********/







	/**** Comment Styles ***/



	



	.comment-person {
	width:95px;
	float:left;
	position:relative;
	font-size:11px;
}
.comment-person img {
	margin:0px 0px 0px 0px;
	border:0px solid #000;
}
.comment-person cite {
	font-size:12px;
	letter-spacing:1px;
	position:absolute;
	top:97px;
	text-align:center;
	left:0px;
	width:92px;
	background:#000;
	color:#FFF;
	padding:4px;
	font-size:10px;
}
.comment-bubble {
	width:380px;
	float:right;
	background:#EEE;
	padding:20px 20px 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.comment-list-item {
	margin-top:60px;
	background:#FFF;
}
.comment-arrow {
	background:url(images/comment-bubble.jpg) scroll transparent no-repeat;
	width:23px;
	height:40px;
	position:absolute;
	top:30px;
	left:116px;
}
p.commenter-name {
	margin:5px 0px;
}
h3#comments {
	font-size:24px;
	margin-top:40px;
	padding-bottom:20px;
}
h3#respond {
	font-size:24px;
	margin-top:40px;
	padding-bottom:20px;
}
form#commentform {
	margin-top:40px;
}
p.comment-label {
	float:left;
	width:260px;
	margin-right:0px;
	font-size:12px;
	color:#000;
}
p.comment-label em {
	font-size:10px;
	font-style:normal;
	margin-left:10px;
}
p.comment-area {
	margin-right:0px;
	font-size:12px;
	color:#000;
}
p.comment-area em {
	font-size:10px;
	font-style:normal;
	margin-left:10px;
}
input#comment-email, input#comment-author, input#comment-url {
	padding:5px 5px;
	width:210px
}
textarea#comment-textarea {
	width:470px;
	padding:5px 5px;
}
input#comment-submit {
	padding:10px 10px;
	background:#000;
	border:none;
	color:#FFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
input#comment-submit:hover {
	cursor:pointer;
	background:#333;
}
/**** Archive Styles ***/



	



	.archive-post {
	width:166px;
	height:150px;
	margin-right:30px;
	margin-bottom:40px;
	float:left;
	margin-top:20px;
}
#left-content .archive-post h4 {
	font-size:12px;
	line-height:20px;
	text-transform:uppercase;
	color:#FF0000;
	font-weight:bold;
}
#left-content .archive-post a.archive-image:hover {
	border:none;
}
/**** Search Results ****/



	



	.search-post {
	padding-bottom:20px;
}
/***********  PORTFOLIO STYLES **************/







	



	/**** Portfolio Page Styles ******/



	



	



	.portfolio-header {
	width:930px;
	position:relative;
	z-index:500;
}
.portfolio-header h1 {
	margin:40px 0px 0px 70px;
	padding-bottom:10px;
	font-size:36px;
	text-transform:uppercase;
	background:url(images/footer-divider.png) scroll transparent repeat-x;
	background-position:bottom;
}
.portfolio-wrapper {
	float:left;
	height:180px;
	overflow:hidden;
	position:relative;
	width:310px;
	height:220px;
	z-index:500;
	background:url(images/portfolio-border.png) transparent scroll no-repeat;
}
.portfolio-wrapper-video {
	float:left;
	height:180px;
	overflow:hidden;
	position:relative;
	width:310px;
	height:220px;
	z-index:500;
	background:url(images/portfolio-border2.png) transparent scroll no-repeat;
}
.portfolio-wrapper img {
	margin:0px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:2;
}
a.portfolio-modal-anchor {
	position:absolute;
	z-index:4;
	top:30px;
	left:30px;
	height:160px;
	width:250px;
	display:block;
	overflow:hidden
}
a.portfolio-modal-anchor span, a.portfolio-video-modal-anchor span {
	position:absolute;
	bottom:-23px;
	left:0px;
	background:#FFF;
	padding:5px 5px 0px 5px;
	;
	width:240px;
	z-index:100;
	color:#aaa;
	font-variant:small-caps;
	font-weight:normal;
	font-size:12px;
	letter-spacing:1px;
}
a.portfolio-video-modal-anchor {
	position:absolute;
	z-index:4;
	top:30px;
	left:30px;
	height:160px;
	width:250px;
	display:block;
	overflow:hidden
}
.portfolio-pagination {
	margin:20px 0px 0px 20px;
}
/**** Portfolio Modal Styles ***********/



	



	.portfolio-modal-wrapper {
	width:910px;
	height:520px;
	overflow:hidden;
	background:#FFF;
	margin:auto;
	padding:20px 20px;
}
#modal-info-wrapper {
	color:#555;
	float:right;
	width:320px;
}
#modal-info-wrapper h2 {
	padding-bottom:15px;
	color:#000;
	font-size:36px;
	background:url(images/footer-divider.png) scroll transparent repeat-x;
	background-position:bottom;
}
#modal-info-wrapper p {
	color:#888;
	margin-top:12px;
}
#modal-info-wrapper h3 {
	color:#FF0000;
	margin-top:20px;
	font-size:24px;
	letter-spacing:1px;
}
#modal-info-wrapper h4 {
	color:#FF0000;
	margin-top:20px;
	font-size:12px;
	font-weight:bold;
}
#modal-info-wrapper ul {
	margin:20px 0px;
}
#modal-info-wrapper ul li {
	font-size:12px;
	color:#888;
	margin:12px 0px 12px 0px;
	text-indent:25px;
	background:url(images/tick.png) scroll transparent no-repeat;
	background-position:0px -2px;
}
a.portfolio-visit-anchor {
	font-size:24px;
	width:130px;
	text-align:center;
	display:block;
	margin:40px 0px 0px 70px;
	padding:6px 20px 4px 20px;
	color:#FFF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
/**** Contact Page Styles ****/



	



	form.wpcf7-form {
	margin-top:20px;
}
p.left {
	width:180px;
	float:left;
}
form.wpcf7-form p {
	display:block;
	font-size:11px;
	margin-right:20px;
}
form.wpcf7-form input {
	padding:5px 5px;
	width:130px
}
form.wpcf7-form textarea {
	padding:5px 5px;
	width:250px;
}
form.wpcf7-form input.contact-submit {
	padding:10px 10px;
	border:none;
	color:#FFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #003300;
}
form.wpcf7-form input.contact-submit:hover {
	background:#333;
	cursor:pointer
}
iframe.google-map {
	float:right;
	border:1px solid #000;
	margin:7px 0px 40px 29px;
}
/**********************************************************/



/******************* SIDEBAR STYLES **********************/



/********************************************************/



#footer #footer-widget-wrapper .footer-widgets .textwidget #wpcf7-f1-w1-o1 .wpcf7-form textarea {
	padding:5px 5px;
	width:250px;
}
#footer #footer-widget-wrapper .footer-widgets .textwidget .wpcf7-response-output, #footer #footer-widget-wrapper .footer-widgets .textwidget .wpcf7-response-output .wpcf7-mail-sent-ok {
	border:none;
	color:#fff;
}
#sidebar {
	width:250px;
	float:right;
}
/**** General Sidebar Widget List Styling ****/



	



	div.execphpwidget {
	margin-top:-40px;
}
li.widget {
	margin:0px 0px 0px 0px;
}
div.widget-divider {
	clear:both;
	height:30px;
}
li.widget p {
	margin:20px 0px 0px 0px;
}
li.widget ul {
	margin:30px 0px 70px 0px;
}
li.widget ul li {
	margin:0px 0px 20px 0px;
	display:block;
	float:left;
	padding-left:20px;
	background:url(images/sidebar-li-bg.jpg) scroll transparent no-repeat;
	width:100px;
	font-size:11px;
	background-position:0px 2px;
}
li.widget ul li a {
	color:#000;
}
li.widget ul li a:hover {
	color:#FF0000;
}
li.widget h2.widgettitle {
	background:url(images/sidebar-header-bg.jpg) scroll transparent no-repeat;
	letter-spacing:1px;
	color:#FFF;
	width:230px;
	padding:10px 10px;
}
li.widget_recent_entries ul li {
	width:220px
}
/*** Sidebar Widget Searchform ***/



	



	fieldset {
	position:relative
}
form#searchform {
	margin:0px 0px 0px 0px;
	width:250px;
	height: 50px;
}
input.searchbox {
	position:absolute;
	left:0px;
	top:0px;
	width:170px;
	padding:10px 15px;
	background:url(images/search-bg.jpg) scroll transparent no-repeat;
	border:none;
	color:#787878;
	letter-spacing:1px;
}
input.searchbox:focus {
	border:none;
	outline:none
}
input#searchsubmit {
	position:absolute;
	left:207px;
	top:0px;
	background:url(images/search-bg.jpg) scroll transparent no-repeat;
	width:44px;
	height:35px;
	border:none;
	background-position:-201px 0px;
}
input#searchsubmit:hover {
	background:url(images/search-bg-hover.jpg) scroll transparent no-repeat;
	width:44px;
	height:35px;
	border:none;
	background-position:-201px 0px;
	cursor:pointer;
}
/*** WP125 Ads ****/



	



	.wp125ad {
	float:left;
	margin:0px 0px;
	line-height:0px;
}
.wp125ad {
	padding:0px 0px;
	margin:0px 0px;
}
/** Magazine Frontpage jQuery Toolbox (mini-sidebar)**/



	



	.toolbox-load {
	background:url(images/ajax-loader.gif) scroll transparent no-repeat;
	background-position:80px 80px;
	position:relative;
	width:200px;
	height:240px;
	float:right;
	margin:40px 15px 0px 0px;
	overflow:hidden;
}
.magazine-frontpage-toolbox {
	background:#FFF;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}
.magazine-frontpage-toolbox h3 {
	padding:5px 10px;
	font-size:16px;
	color:#FFF;
	letter-spacing:1px;
}
.toolbox-margin {
	width:100%;
	height:30px;
}
.toolbox-search {
	width:200px;
	margin:0px 0px 0px 0px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius:15px;
}
.toolbox-categories {
	width:200px;
	margin:0px 0px 0px 0px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius:15px;
}
.toolbox-archives {
	width:200px;
	margin:0px 0px 0px 0px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius:15px;
}
.toolbox-pages {
	width:200px;
	margin:0px 0px 0px 0px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius:15px;
}
ul.toolbox-expand {
	padding:0px 0px 1px 0px;
}
ul.toolbox-expand li {
}
ul.toolbox-expand li a {
	display:block;
	background:#343434;
	margin:3px 3px;
	padding:9px 15px;
	color:#AAA;
	font-size:12px;
	letter-spacing:1px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
ul.toolbox-expand li a:hover {
	background:#454545;
	color:#FFF;
}
.toolbox-bottom-corners {
	position:absolute;
	z-index:2000;
	width:200px;
	height:15px;
	bottom:0px;
	left:0px;
	background:url(images/toolbox-bottom-corners.png) scroll transparent no-repeat;
}
.toolbox-bottom-corners2 {
	z-index:2000;
	width:200px;
	height:25px;
}
.toolbox-animate {
	background:url(images/toolbox-controls.png) scroll transparent no-repeat;
	background-position:165px 2px;
	background-color:#BBB;
}
.toolbox-animate:hover {
	background:url(images/toolbox-controls.png) scroll transparent no-repeat;
	background-color:#CDCDCD;
	background-position:165px 2px;
	cursor:pointer;
}
/**** jScrollPane Styling ****/



							



							.scroll-pane {
	height:210px;
	overflow:auto;
	background:#000;
}
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0px;
	top: 0px;
	height: 100%;
	background: url(images/bar.jpg) repeat-y;
}
.jScrollPaneDrag {
	position: absolute;
	background: url(images/ball.jpg) center center no-repeat;
	cursor: pointer;
	overflow: hidden;
}
.toolbox-search-wrapper {
	height:70px;
	overflow:hidden;
	background:#000;
}
form#searchform2 {
	margin:0px 0px 0px 0px;
	width:250px;
	height: 50px;
}
input.searchbox2 {
	position:absolute;
	left:10px;
	top:20px;
	width:122px;
	padding:8px 10px;
	color:#FFF;
	background:url(images/toolbox-searchform-bg.png) scroll transparent no-repeat;
	border:none;
}
input.searchbox2:focus {
	background:url(images/toolbox-searchform-bg-hover.png) scroll transparent no-repeat;
}
input#searchsubmit2 {
	position:absolute;
	left:160px;
	top:20px;
	background:url(images/toolbox-searchform-bg.png) scroll transparent no-repeat;
	background-position: -150px 0px;
	border:none;
	width:35px;
	height:35px;
}
input#searchsubmit2:hover {
	cursor:pointer;
	background:url(images/toolbox-searchform-bg-hover.png) scroll transparent no-repeat;
	background-position: -150px 0px;
}
/**********************************************************/



/******************* FOOTER STYLES ***********************/



/********************************************************/











#footer {
	background-color: #006633;
	margin-top:60px;
}
#footer-margin {
	width:100%;
	height:40px;
}
#footer-widget-wrapper {
	width:920px;
	margin:auto;
}
.footer-widgets {
	width:200px;
	margin:0px 15px 0px 15px;
	float:left;
}
.footer-widgets h4 {
	margin-bottom:10px;
	color:#fff;
	font-size:22px;
	letter-spacing:1px;
}
.footer-widgets p {
	color:#fff;
}
.footer-widgets ul {
	margin-bottom:3px;
	padding:0px 0px;
}
.footer-widgets ul li {
	width:100%;
	padding:5px 0px 9px 0px;
	background:url(images/footer-divider.png) scroll transparent repeat-x;
	letter-spacing:1px;
}
.footer-widgets ul li a {
	color:#fff;
	font-size:12px;
}
.footer-widgets ul li a:hover {
	color:#FFF;
}
.footer-widgets ul li ul {
	padding:0px 0px;
}
.footer-widgets ul li ul li {
	margin-top:2px;
	padding:8px 0px 4px 0px;
}
.footer-widgets ul li ul li ul li {
	margin-top:2px;
	padding:5px 0px 0px 0px;
}
#copywrite-area {
	margin-top:40px;
	background:#003300;
	color:#fff;
}
#copywrite-area p {
	width:890px;
	margin:auto;
	padding: 10px 0px;
}

.footer-widgets a {
	color:#fff;
	font-size:12px;
}
/*** Flikr Widget ***/



	#flickr {
	background:url(images/footer-divider.png) scroll transparent repeat-x;
}
.flickr_badge_image {
	float:left;
	margin:0px 12px 10px 0px;
}
/**** Footer Options ***/



	
}
/* Straight Black */



	div#footer.straightblack {
	margin-top:70px;
}
#footer-margin.straightblack {
	width:100%;
	height:50px;
}

/* dark green */



	div#footer.darkgreen {
	margin-top:-20px;
	background:url(images/footer-dark-green.png) top center repeat-x;
}
#footer-margin.darkgreen {
	width:100%;
	height:160px;
}
div#footer.darkgreen .footer-widgets ul li a {
	color:#AAA;
	font-size:12px;
	font-weight:normal;
}
div#footer.darkgreen .footer-widgets ul li a:hover {
	color:#FFF;
}
div#footer.darkgreen .footer-widgets h4 {
	margin-bottom:10px;
	color:#FFF;
	font-size:22px;
	letter-spacing:1px;
}
div#footer.darkgreen .footer-widgets ul li {
	width:100%;
	padding:5px 0px 9px 0px;
	background:none;
	border-top:  1px dashed #464;
	letter-spacing:1px;
}

/* dark black */



	div#footer.blacky {
	margin-top:-20px;
	background:url(images/footer-dark-black.png) top center repeat-x;
}
#footer-margin.blacky {
	width:100%;
	height:160px;
}
div#footer.blacky .footer-widgets ul li a {
	color:#999;
	font-size:12px;
	font-weight:normal;
}
div#footer.blacky .footer-widgets ul li a:hover {
	color:#FFF;
}
div#footer.blacky .footer-widgets h4 {
	margin-bottom:10px;
	color:#FFF;
	font-size:22px;
	letter-spacing:1px;
}
div#footer.blacky .footer-widgets ul li {
	width:100%;
	padding:5px 0px 9px 0px;
	background:none;
	border-top: 1px dotted #444;
	letter-spacing:1px;
}
.accordian-wrapper {
	display:block;
	margin:40px auto;
	width:890px;
	height:300px;
	overflow:hidden
}
.accordion-overlay {
	position:absolute;
	margin:0px 0px;
	width:630px;
	height:300px;
	background:url(images/accordion-overlay.png) scroll transparent no-repeat;
}
.accordion-textbox {
	position:absolute;
	top:300px;
	height:100px;
	background:#000;
	width:900px;
	padding:10px 20px;
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	filter: alpha(opacity=60);
}
.accordion-textbox h2 {
	color:#FFF;
	margin-bottom:5px;
	font-size:24px;
}
.accordion-textbox p {
	color:#FFF;
	width:890xpx;
}
.accordion-excerpt {
	height:40px;
	overflow:hidden
}
a.kwicks-anchor-link {
}
span.accordion-title {
	background:#FFF;
	color:#000;
	z-index:101;
	font-size: 12px;
	position:absolute;
	border:none;
	display:block;
	height:10px;
	overflow:hidden;
	width:280px;
	padding:10px 10px 20px 20px;
	text-transform:uppercase;
	letter-spacing:3px;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	opacity: .3;
}
span.modern-position {
	bottom:130px;
	left:-134px;
}
/* This css serves as a template for styling your kwicks. DO NOT GO NEAR UNLESS YOU KNOW WHAT YOU'RE DOING! */







.kwicks {
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
}
.kwicks li {
	height: 300px;
	position: relative;
	display: block;
	overflow: hidden;
	padding: 0;
}
.kwicks.horizontal li {
	margin-right: 10px;
	float: left;
}
.kwicks.vertical li {
	margin-bottom: 5px;
}
.kwicks.horizontal #kwick_4 {
	margin-right: none;
}
.kwicks.vertical #kwick_4 {
	margin-bottom: none;
}
/*



    ColorBox Core Style



    The following rules are the styles that are consistant between themes.



    Avoid changing this area to maintain compatability with future versions of ColorBox.



*/



#colorbox, #cboxOverlay, #cboxWrapper {
	position:absolute;
	top:0;
	left:0;
	z-index:9999;
	overflow:hidden;
}
#cboxOverlay {
	position:fixed;
	width:100%;
	height:100%;
}
#cboxMiddleLeft, #cboxBottomLeft {
	clear:left;
}
#cboxContent {
	position:relative;
	overflow:visible;
}
#cboxLoadedContent {
	overflow:auto;
}
#cboxLoadedContent iframe {
	display:block;
	width:100%;
	height:100%;
	border:0;
}
#cboxTitle {
	margin:0;
}
#cboxLoadingOverlay, #cboxLoadingGraphic {
	position:absolute;
	top:0;
	left:0;
	width:100%;
}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
	cursor:pointer;
}
/* 



    ColorBox example user style



    The following rules are ordered and tabbed in a way that represents the



    order/nesting of the generated HTML, so that the structure easier to understand.



*/



#cboxOverlay {
	background:#000;
}
#colorbox {
}
#cboxTopLeft {
	width:14px;
	height:14px;
	background:url(images/controls.png) 0 0 no-repeat;
}
#cboxTopCenter {
	height:14px;
	background:url(images/border.png) top left repeat-x;
}
#cboxTopRight {
	width:14px;
	height:14px;
	background:url(images/controls.png) -36px 0 no-repeat;
}
#cboxBottomLeft {
	width:14px;
	height:43px;
	background:url(images/controls.png) 0 -32px no-repeat;
}
#cboxBottomCenter {
	height:43px;
	background:url(images/border.png) bottom left repeat-x;
}
#cboxBottomRight {
	width:14px;
	height:43px;
	background:url(images/controls.png) -36px -32px no-repeat;
}
#cboxMiddleLeft {
	width:14px;
	background:url(images/controls.png) -175px 0 repeat-y;
}
#cboxMiddleRight {
	width:14px;
	background:url(images/controls.png) -211px 0 repeat-y;
}
#cboxContent {
	background:#FFF;
}
#cboxLoadedContent {
	margin-bottom:5px;
}
#cboxLoadingOverlay {
	background:url(images/loading_background.png) center center no-repeat;
}
#cboxLoadingGraphic {
	background:url(images/loading.gif) center center no-repeat;
}
#cboxTitle {
	position:absolute;
	bottom:-24px;
	left:0;
	text-align:center;
	width:100%;
	font-weight:normal;
	font-variant:small-caps;
	font-size:14px;
	letter-spacing:1px;
	color:#7C7C7C;
}
#cboxCurrent {
	position:absolute;
	bottom:-24px;
	left:58px;
	font-weight:normal;
	font-variant:small-caps;
	font-size:14px;
	letter-spacing:1px;
	color:#7C7C7C;
}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
	position:absolute;
	bottom:-29px;
	background:url(images/controls.png) 0px 0px no-repeat;
	width:23px;
	height:23px;
	text-indent:-9999px;
}
#cboxPrevious {
	left:0px;
	background-position: -51px -25px;
}
#cboxPrevious.hover {
	background-position:-51px 0px;
}
#cboxNext {
	left:27px;
	background-position:-75px -25px;
}
#cboxNext.hover {
	background-position:-75px 0px;
}
#cboxClose {
	right:0;
	background-position:-100px -25px;
}
#cboxClose.hover {
	background-position:-100px 0px;
}
.cboxSlideshow_on #cboxSlideshow {
	background-position:-125px 0px;
	right:27px;
}
.cboxSlideshow_on #cboxSlideshow.hover {
	background-position:-150px 0px;
}
.cboxSlideshow_off #cboxSlideshow {
	background-position:-150px -25px;
	right:27px;
}
.cboxSlideshow_off #cboxSlideshow.hover {
	background-position:-125px 0px;
}
.wp-pagenavi {
	margin-bottom:2px;
}
.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 5px 2px 4px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #000;
	font-size:10px;
	color: #fff;
	background-color: #000;
}
.wp-pagenavi a:visited {
	padding: 2px 5px 2px 4px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #000;
	color: #fff;
	background-color: #000;
}
.wp-pagenavi a:hover {
	border: 1px solid #000000;
	color: #fff;
	background-color: #000;
}
.wp-pagenavi a:active {
	padding: 2px 5px 2px 4px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #000;
	color: #fff;
	background-color: #000;
}
.wp-pagenavi span.pages {
	padding: 2px 5px 2px 4px;
	margin: 2px 2px 2px 2px;
	color: #fff;
	border: 1px solid #000000;
	background-color: #000;
	font-size:11px;
	font-variant:small-caps;
	letter-spacing:1px;
}
.wp-pagenavi span.current {
	padding: 2px 5px 2px 4px;
	margin: 2px;
	font-weight: bold;
	border: 1px solid #000000;
	color: #fff;
	background-color: #000;
}
.wp-pagenavi span.extend {
	padding: 2px 6px 2px 4px;
	margin: 2px;
	border: 1px solid #000000;
	color: #fff;
	background-color: #000;
}