/*
		www.subduedmedia.com
		Version: 4 (Neutral)
		Author: Ben from subduedmedia
		www.subduedmedia.co.uk
*/

										/* ---------------------------------------- */
										/*            General Styles                */
										/* ---------------------------------------- */
* {
	margin : 0;
	padding : 0;
	text-decoration : none;
	border : 0;
	outline: 0;
}


a:link, a:visited, a:active{
	text-decoration : none;
	color : #b50033;
}

a:hover{
	color : #515151;
	text-decoration : none;
}

 body {
	color : #333;
	text-align : center;
	background : #fff url(/images/templates/body-bg.gif) repeat-x fixed top;
	height : 100.1%;
	font : 80% Verdana, Arial, Verdana, Tahoma, "Trebuchet MS", sans-serif;
}

p {
	margin : 0.1em 0 1em 0;
	font-size : 1em;
	line-height : 160%;
}

/* Headings are replaced with Cufon using the lovely Museo font by Jos Buivenga (exljbris) -> http://www.exljbris.nl */

h1 {
	font : bold 1.6em Arial, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color : #333;
	letter-spacing: -0.3px;
	margin: 5px 0 0 0;
	padding:0;
	line-height: 135%;
}

h2 {
	margin : 0.8em 0 0.5em 0;
	font-weight: bold;
	font-family : Arial, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background : transparent;
	font-size: 1.3em;
	color: #333;
	line-height: 140%;
}

h3 {
	margin : 0.8em 0 0.1em 0;
	font-weight: bold;
	font-family : Arial, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background : transparent;
	font-size: 1.3em;
	color: #333;
}

h4 {
	margin : 1em 0 0.2em 0;
	padding: 5px 0;
	font-weight: bold;
	background : transparent;
	color: #333;
	border-top: 1px dotted #b4b4b4;
	border-bottom: 1px dotted #b4b4b4;
}


blockquote {
	border-left: 3px solid #b50033;
	line-height: 155%;
	text-align: left;
	margin: 20px 10px 20px 20px;
	padding: 10px 40px 10px 20px;
	font-weight: bold;
}

										/* ---------------------------------------- */
										/*              Header & Nav                */
										/* ---------------------------------------- */

#header-wrap {
	width: 100%;
	background: #990000 url(/images/templates/header-bg.gif) repeat-x;
	
}

#header {
	width: 940px;
	margin: 0 auto 0 auto;
	padding: 50px 0 0 0;
	text-align: left;
	overflow: auto;
	background: url(/images/templates/header-slogan.gif) no-repeat right;
}

#logo {
	width: 400px;
	float: left;
}

#nav-bar {
	width: 600px; 	/* Width of all Nav Items plus any padding inbetween */
	float: left;
	margin: 40px 0 0 0;
}


#nav {
	position: relative;
	/*top: 10px;
	left: 10px;*/
	list-style: none;
	margin: 0;
	padding: 0;
	height: 30px;
	display: inline;
	overflow: hidden;

}
	
#nav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
}

#nav a {
	float: left;
	padding: 30px 2px 0 2px;
	overflow: hidden;
	height: 0px !important; 
	height /**/:20px; /* for IE5/Win */
}
	
#nav a:hover {
	background-position: 0 -80px;
}

#nav a:active, #nav a.selected {
	background-position: 0 -40px;
}
	
#home a  {
	width: 100px;
	background: url(/images/templates/nav-home.gif) no-repeat top left;
}
	
#portfolio a  {
	width: 100px;
	background: url(/images/templates/nav-portfolio.gif) no-repeat top left;
}

	
#blog a  {
	width: 100px;
	background: url(/images/templates/nav-blog.gif) no-repeat top left;
}

#contact a  {
	width: 100px;
	background: url(/images/templates/nav-contact.gif) no-repeat top left;
}

	
#additional a  {
	width: 100px;
	background: url(/images/templates/nav-additional.gif) no-repeat top left;
}
	
#freequote a  {
	width: 100px;
	background: url(/images/templates/nav-freequote.gif) no-repeat top left;
}

/* Righthand > Call to Action Tab */

#nav-cta {
	width: 150px; 	/* Width of all Nav Items plus any padding inbetween */
	float: right;
}


#nav-cta {
	position: relative;
	/*top: 10px;
	left: 10px;*/
	list-style: none;
	margin: 40px 0 0 0;
	padding: 0;
	height: 30px;
	display: inline;
	overflow: hidden;

}
	
#nav-cta li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
}

#nav-cta a {
	float: left;
	padding: 30px 2px 0 2px;
	overflow: hidden;
	height: 0px !important; 
	height /**/:20px; /* for IE5/Win */
}
	
#nav-cta a:hover {
	background-position: 0 -80px;
}

#cta-tab a  {
	width: 150px;
	background: url(/images/templates/nav-cta.gif) no-repeat top left;
}
	
	
										/* ---------------------------------------- */
										/*                  Footer                  */
										/* ---------------------------------------- */

#footer {
	width: 940px;
	margin: 0 auto 0 auto;
	padding: 10px 0px;
	text-align: left;
	overflow: auto;
	border-top: 1px solid #d7d7d7;
	font : bold 0.9em Arial, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #777777;
}	

#footer p {
	margin: 0;
	padding: 0;
	line-height: 100%;
}

#footer a {
		color: #b50033;
}

#footer a:hover {
color: #777777;
}

.footer-left {
	float: left;
	width: 500px;
	text-align: left;
}

.footer-right {
	float: right;
	width: 300px;
	text-align: right;
}
	
										
										
										/* ---------------------------------------- */
										/*                 Homepage                 */
										/* ---------------------------------------- */
#home-wrap {
	width: 940px;
	margin: 0 auto 0 auto;
	padding: 40px 0 30px 0;
	text-align: left;
	overflow: auto;
}	
						
			/* --------------- Intro Text and Promo Space */
#home-introtext {
   width:440px; 
	height:220px;
	float: left;
	padding: 0;
}

#home-introtext h1 {
color : #b50033;
margin-top: 1em;
line-height: 135%;
}

.home-h1 {
	font : bold 1.6em Arial, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color : #b50033;
	letter-spacing: -0.5px;
	margin: 1em 0 0.9em 0;
line-height: 135%
}


#home-intropromo {
   width:460px; 
	height:220px;
	float: right;
	padding: 0;
}

#home-intropromo {
	border: 1px solid #d7d7d7;
}

 ul#promo {
	list-style: none;
}

			/* --------------- Fake Prev and Next Sections */

#prev-next {
	width: 930px;
	margin: 0 auto 0 auto;
	padding: 15px 5px;
	text-align: left;
	overflow: auto;
	border-top: 1px dotted #b4b4b4;
	border-bottom: 1px dotted #b4b4b4;
	font : bold 0.9em Arial, Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#prev-next .prev {
	float: left;
	width: 200px;
	display: inline;
	text-align: left;
	margin: 0;
	padding: 0;
	line-height: 100%;
}

#prev-next .next {
	float: right;
	width: 200px;
	display: inline;
	text-align: right;
	margin: 0;
	padding: 0;
	line-height: 100%;
}				

#prev-next .prev a{
	color: #777777;
	background: url(/images/templates/icon-left-previous.gif) no-repeat 0% 50%;
	padding-left: 13px;
}

#prev-next .next a{
	color: #777777;
	background: url(/images/templates/icon-right-next.gif) no-repeat 100% 50%;
	padding-right: 13px;
}

#prev-next .prev a:hover, #prev-next .next a:hover{
	color: #b50033;
}


#prev-next .next a:hover {
	background: url(/images/templates/icon-right-next-on.gif) no-repeat 100% 50%;
}	

#prev-next .prev a:hover {
	background: url(/images/templates/icon-left-previous-on.gif) no-repeat 0 50%;
}		

/* --------------- Featured Articles */
			
#features-section {
	width: 940px;
	margin: 30px auto;
	padding: 0;
	text-align: left;
	overflow: auto;
}


.featured {
	width: 300px;
	float: left;
}

.featured-left, .featured-center {
	margin-right: 20px;
}

#features-section img {
	margin-bottom: 10px;
}

#features-section h3 {
	margin: 0px 0 3px 0;
}

#features-section h3 a {
	color: #777;
}

#features-section h3 a:hover {
	color: #b50033;
}

#features-section p {
	margin: 3px 0;
}

#features-section ul {
	list-style: none;
}

#features-section li {
	border-bottom: 1px dotted #b4b4b4;
	padding: 5px 0;
}

.featured-right h3 {
	margin: 0;
}


										/* ---------------------------------------- */
										/*       Internal "Portfolio" Pages         */
										/* ---------------------------------------- */
			
.portfolio-header {
	width: 940px;
	margin: 20px auto;
	padding: 0;
	text-align: left;
	overflow: auto;
}

.portfolio-header h1 {
	margin: 0;
	padding: 5px 0;
	color: #b50033;
font-size: 1.5em;
line-height: 200%
}

										
.portfolio-section {
	width: 940px;
	margin: 20px auto 40px auto;
	padding: 0;
	text-align: left;
	overflow: auto;
}


.portfolio-section img {
/*border: 1px solid #e4e4e4;*/
}

.portfolio {
	width: 300px;
	float: left;
}

.portfolio-left, .portfolio-center {
	margin-right: 20px;
}

.portfolio h3 {
	margin: 5px 0 3px 0;
}

.portfolio-section h3 a {
	color: #333;
}

.portfolio-section h3 a:hover {
	color: #b50033;
}

.portfolio strong {
	font-weight: bold;
	color: #515151;
}

.portfolio-section p {
	margin: 3px 0;
	color: #7f7f7f;
}


										/* ---------------------------------------- */
										/*           Internal "Blog" Pages          */
										/* ---------------------------------------- */
										
#content-wrap {
	width: 940px;
	margin: 30px auto;
	text-align: left;
	overflow: auto;
}

#content {
	width: 620px;
	float: left;
	margin: 0;
}

#content-wrap h1 {
	margin: 0 0 0px 0;
	padding: 0px 0;
line-height: 200%
}

#sidebar {
	width: 280px;	
	float: right; 
	margin-top: 0px;
}

#sidebar h3 {
	/*border-top: 1px solid #b4b4b4;*/
	/*border-bottom: 1px solid #b4b4b4;*/
	/*padding: 2px 0;*/
	font-size: 1.3em;
}

#sidebar ul {
list-style: none;
width: 280px;	
margin:  0 0 15px 0;
padding-bottom: 10px;
border-bottom: 1px dotted #b4b4b4;
}

#sidebar a {
	color: #515151;
}

#sidebar a:hover {
	color: #b50033;
}

#sidebar li {
list-style: none;
margin: 0;
padding: 4px 0;
}

#sidebar li a { 
text-decoration: none;
/* background: url(/images/templates/sidebar-nav-plus.gif) no-repeat 0 50%; */
/* padding-left: 12px; */
}

#sidebar p {
padding: 5px 0 5px 14px;
border-bottom: 1px solid #d7d7d7;
}

#sidebar #cta {
	border: 1px solid #b50033;
	padding: 10px;
	margin: 1em 0;
	background: #d7d7d7;
}

#sidebar #cta a {
	color: #b50033;
}

#content ul {
	list-style: none;
	padding-left: 20px;
}

#content li {
background: url(/images/templates/body-list-icon.gif) no-repeat 0 50%;
padding: 3px 0 3px 15px;
 }

#content .image-left {
float: left ;
padding: 10px 20px 10px 0px;
}

#content .image-right {
float: right;
padding: 10px 0px 10px 20px;
}

			/* --------------- Blog Footer CTA */
			
#blog-cta-section {
	border-top: 1px solid #b4b4b4;
	width: 940px;
	margin: 30px auto;
	padding: 20px 0 0 0;
	text-align: left;
	overflow: auto;
	text-align: center;
}


.blog-cta {
	width: 300px;
	float: left;
}

.blog-cta-left {
	padding-top: 50px;
	background-image: url(/images/templates/icon-clock.png);
	background-position: top;
	background-repeat: no-repeat;
}

.blog-cta-center {
	padding-top: 50px;
	background-image: url(/images/templates/icon-document_pen.png);
	background-position: top;
	background-repeat: no-repeat;
}

.blog-cta-right {
	padding-top: 50px;
	background-image: url(/images/templates/icon-screen_aurora.png);
	background-position: top;
	background-repeat: no-repeat;
}

.blog-cta-left, .blog-cta-center {
	margin-right: 20px;
}

#blog-cta-section h3 {
	margin: 10px 0 3px 0;
}

#blog-cta-section h3 a {
	color: #777;
}

#blog-cta-section h3 a:hover {
	color: #b50033;
}

#blog-cta-section p {
	margin: 3px 0;
}



										/* ---------------------------------------- */
										/*          Internal "Static" Pages         */
										/* ---------------------------------------- */
										

#static-left {
	width: 450px;
	float: left;
	margin: 0;
}

#static-right {
	width: 450px;	
	float: right; 
	margin: 0;
}

#static-center {
	width: 460px;
	float: left;
	margin-left: 240px;
display: inline;

}

										/* ---------------------------------------- */
										/*          Blog Styleeeeeee         */
										/* ---------------------------------------- */


#comment {
	padding-top: 0.5em;
	border-bottom: 1px dotted #b50033;
	padding-bottom: 1px;
}


p#txpCommentInputForm {
	margin: 20px;
	padding: 10px 20px 10px 20px;
	border: 2px dashed #b50033;
	background: #f9f9f9;
}

.comment-author {
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 0;
	padding-bottom: 0;
}

.comment-details {
	font-size: 0.8em;
	margin: 0 0 0.5em 0;
	font-weight: normal;
	color: #333;
}

.comments li {
	border-bottom: 1px dashed #b4b4b4;
	padding: 50px 0;
	list-style: none;
	list-style-image: none;
	background: none;
display: block;
}

.comments li p { margin-bottom: 0.3em; }


ol.comments {
	list-style: none; 
}

.comments {
	list-style: none;
}


#comment-section li {
background: none;
}

.comments_error {
	background: #efefef;
        border: 2px dashed #b50033;
	/*color: #fff;*/
	margin: 20px;
	padding: 20px 20px 20px 40px;
}

.comments-closed {
	margin: 1.2em 0 1.2em 0;
	font-size: 0.8em;
	font-weight: bold;
}

.comments-wrapper { 
	margin-top: 1.2em;
padding: 20px 20px 20px 40px;
background: #efefef;
 }

.comments-wrapper input, .comments-wrapper textarea {
	border: 1px solid #b4b4b4;
	padding: 3px 5px;
	margin: 0.5em 0;
	background-color: #f9f9f9;
	font-weight: bold;
	font-family: arial, helvetica, tahoma, verdana, sans-serif;
	-moz-border-radius: 5px; /*Naughty, using styles for only one browser */
	-webkit-border-radius: 5px; /*Naughty, using styles for only one browser */
}

.comments-wrapper label{
	padding: 2px 5px;
	margin: 0.3em 0;
	font-weight: bold;
	font-family: arial, helvetica, tahoma, verdana, sans-serif;
}

.older-newer {
	margin: 1.2em 0 1.2em 0;
	/*border-top: 1px solid #333;*/
	padding: 4px 20px;
	text-align: center;
}



.post-details {
	font-size: 0.8em;
	padding: 0;
	margin-bottom: 1em;
	font-weight: bold;
	color: #515151;
}

.blog-post-list {
padding-bottom: 0.9em; 
}

#comment{ margin-top: 1.3em; }

#comment-table { margin-top: 1.3em; }

#comment-table td { padding: 5px; margin: 10px 0; }

#cpreview {
	margin: 20px;
	padding: 20px 20px 10px 20px;
	background: #b50033;
	color: #fff;
}

#cpreview a { color: #fff; }

#cpreview .comment-details {
color: #fff;
}

.comments-wrapper strong {
	color: #333;
	padding: 0 1px;
}



										
										

										/* ---------------------------------------- */
										/*               Contact Form               */
										/* ---------------------------------------- */

input.zemText {
	border: 1px solid #d7d7d7;
	padding: 5px;
	margin: 0.4em 0 1.6em 0;
	background-color: #F9F9F9;
	font-weight: bold;
	font-family: arial, helvetica, tahoma, verdana, sans-serif;
	display: block;
	padding: 5px;
	width: 440px;
		-moz-border-radius: 8px;  /*Naughty, using styles for only one browser */
		-webkit-border-radius: 8px;  /*Naughty, using styles for only one browser */
color: #000;
}


textarea.zemTextarea {
	border: 1px solid #d7d7d7;
	padding: 5px;
	margin: 0.4em 0 1.6em 0;
	background-color: #F9F9F9;
	font-weight: bold;
	font-family: arial, helvetica, tahoma, verdana, sans-serif;
	display: block;
	padding: 5px;
	width: 440px;
		-moz-border-radius: 8px;  /*Naughty, using styles for only one browser */
		-webkit-border-radius: 8px;  /*Naughty, using styles for only one browser */
}

label {
	font-weight: bold;
	margin: 0;
	padding: 0;
}

legend { 
text-indent: -5000px;
/*
	font-family: arial, helvetica, tahoma, verdana, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	display: block;
	padding: 20px 0 5px 0;
	margin: 0 0 15px 0;*/
}


.errorElement, .zemRequirederrorElement {
	width: 100%;
	font-weight: bold;
	margin: 1em 0;
	padding: 0.3em;
	text-align: center;
	background-color: #b50033;
	color: #fff;
	text-align: left;
}

.zemError {
	width: 100%;
	font-size: 0.9em;
	font-weight: bold;
	margin: 1.2em 0;
	padding: 0.3em 0.7em;
	text-align: center;
	color: #515151;
	background-color: #EFDADA;
	background-color: #b50033;
	color: #fff;
	text-align: left;
}

.zemSubmit {
	padding: 4px 16px;
	margin: 0.3em 0;
	color: #fff;
	border: 1px solid #d7d7d7;
	background-color: #b50033;
	font-weight: bold;
	font-family: arial, helvetica, tahoma, verdana, sans-serif;
	display: block;
		-moz-border-radius: 8px;  /*Naughty, using styles for only one browser */
		-webkit-border-radius: 8px;  /*Naughty, using styles for only one browser */
}

.zemThanks {
	width: 100%;
	font-size: 0.9em;
	font-weight: bold;
	margin: 0.8em 0 0 0;
	padding: 0.5em 0;
	text-align: center;
	color: #716A53;
	border: 1px solid #d7d7d7;
	background-color: #EEEEE8;
	color: #333;
}

.form-footnote {
	font-size: 0.9em;
	font-family: arial, helvetica, tahoma, verdana, sans-serif;
}

#content input.hidden { display: none; }


