/*
Theme Name: Interstate
Theme URI: http://websiteplanner.net
Description: Interstate Roofing Website Theme.
Version: 1.0
Author: WebsitePlanner
Author URI: http://websiteplanner.net
*/


/* ------------------------------------ ######### Global Styles ######### -------------------------------------------- */

body {
	font: normal 14px 'Verdana', Arial, Tahoma;
	background: #dfddd1 url('images/bg_body.gif') repeat-x;
	color: #413e37;
	text-align: center;
	margin: 0 auto;
	padding: 0;
}

.hide {
	text-indent:-9999px;
}
.video {
	margin: 30px 0 30px 0;
	z-index:1;
}
#page {
	width: 975px;
	margin: 0 auto;
	padding: 0;
}

/*  ######### Header #########  */
#header {
	background: url('images/bg_header.gif') no-repeat top center;
	width: 975px;
	height: 170px;
	position: relative;
}

/*  Logo  */
.logo {
	width: 185px; 
	height: 139px; 
	top: 10px;
	left: 59px;
	position: absolute;
}
.logo a { 
	width: 185px; 
	height: 139px; 
	background: url('images/logo.gif') no-repeat; 
	display: block;
	text-indent: -9999px; 
}


/*  Top Nav  */
.top_nav{
	width: 670px; 
	height: 50px; 
	float: right;
	margin: 17px auto;
	padding: 0;
}
.top_nav ul{
	color: #45443d;
	display: inline;
	float: right;
	margin: 0 auto;
	padding: 0;
}
.top_nav ul li{
	color: #45443d;
	display: inline;
	font: bold 12px "Verdana", Arial, Tahoma;
	text-align: right;
	margin: 0 auto;
	padding: 0;
}
.top_nav ul li a{
	text-decoration: none;
	display: inline;
	color: #45443d;
}
.top_nav ul li a:hover{
	color: #45443d;
	text-decoration: underline;
	display: inline;
}
.top_nav ul li.div{
	color: #45443d;
	display: inline;
	font: bold 10px "Verdana", Arial, Tahoma;
	padding-right: 15px;
	padding-left: 15px;
}


/* ------------------------------------ ######### Banner Area ######### -------------------------------------------- */


/*  ######### Banner Homepage #########  */
#banner_home {
	background: url('images/banner_home.gif') no-repeat bottom center;
	width: 975px;
	height: 305px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
.banner_home {
	width: 922px;
	height: 287px; 
	top: 17px;
	left: 27px;
	position: absolute;
}
.banner_home img {
	border: none;
}


/*  ######### Banner Subpage #########  */
#banner_subpage {
	background: url('images/banner_subpage.gif') no-repeat bottom center;
	width: 975px;
	height: 157px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
.banner_subpage {
	width: 922px;
	height: 139px; 
	top: 17px;
	left: 27px;
	position: absolute;
}
.banner_subpage img {
	border: none;
}



/* ---------------------------- ######### Main Navigation & Drop Down Menu ######### -------------------------------- */


/*  ######### Main Navigation #########  */
#main_nav{
	width: 975px;
	height: 60px;
	background-image: url(images/bg_nav.gif);
	text-align: center;
	margin: 0 auto;
	padding: 0;
	z-index:99;
}

#main_nav ul {
	width: 972px;
	margin: 0px auto;
	padding: 0;
	font: bold 15px 'Verdana', Arial, Tahoma;
	color: #ffffff;
}

#main_nav li {
	list-style-image: none;
	list-style: none;
	margin: 0 auto;
	list-style-type: none;
	list-style-position: inside;
	font: bold 15px 'Verdana', Arial, Tahoma;
	color: #ffffff;
	height: 16px;
}

#main_nav li a {
	font: bold 15px 'Verdana', Arial, Tahoma;
	color: #ffffff;
	padding: 14px 14px 18px 14px;
	display: block;
	text-decoration:none;
}

#main_nav li a:hover {
	font: bold 15px 'Verdana', Arial, Tahoma;
	color: #c6c4b7;
	text-decoration: none;
}


/*  ######### Superfish Navigation - Drop Down Menu #########  */
.nav, .nav * {
	margin:0;
	padding:0;
	list-style:none;
	z-index:99;}

.nav ul {
	position:absolute;
	top:-999em;
	z-index:99;
}

.nav li {
	float:left;
	position:relative;
	z-index:99;
	font-size:12px;
}

.nav a {
	display:block;
}

.nav ul li{
	width: 100%;
	z-index:99;
}

#navigation li li:hover ul,ul#navigation li li.sfHover ul {
	left:180px;
	top:0px;
}

#navigation li {
	z-index: 98;
	margin: 0px 0 0px 0px;
}

#navigation li ul {
	background-image: none;
	margin: 0 0 0 10px;
}

#navigation li li {
	background-image: none;
	color: #45443d;
	width: 180px;
	padding:4px;
}

#navigation li li a {
	background-color: #d6d3c7;
	margin: 0 auto;
	padding:5px;
	text-align: left;
	color: #45443d;
	font: bold 12px 'Verdana', Arial, Tahoma;
}

#navigation li li a:hover {
	background-color: #c6c4b7;
	text-align: left;
	padding:5px;
	color: #45443d;
	font: bold 12px 'Verdana', Arial, Tahoma;
}

#navigation li:hover ul,ul#navigation li.sfHover ul {
	left:14;
	top:47px;
	width: 180px;
}


/* -------------------------- ######### Main Content area (Content & Sidebar) ######### ---------------------------------- */


/*  ######### Containers #########  */
#main_container {
	background: url('images/bg_content.gif') repeat-y;
	border: none;
	width: 975px;
	overflow:hidden;
}

#content_container  {
	background: #ffffff;
	width: 570px;
	float: left;
	margin: 0 0 0 50px;
	padding: 0;
}

#sidebar_container  {
	width: 290px;
	float: right;
	margin: 60px 0 0 0;
	padding: 0;
}


/*  ######### Sidebars - Inner CSS #########  */
.sidebar {
	width: 290px;
	margin: 0 0 60px 0;
	padding: 0;
	text-align: left;
}
.sidebar h3 {
	width: 290px;
	height: 47px;
	background: url('images/header_sidebar.gif') no-repeat;
	color: #ffffff;
	font: normal 18px 'Verdana', Arial, Tahoma;
	text-align: left;
	padding: 7px 0 0 15px;
	margin: 0 auto;
}
.sidebar h3 a {
	color: #ffffff;
	font: normal 18px 'Verdana', Arial, Tahoma;
	text-decoration:none;
}
.sidebar h3 a:hover {
	color: #ffffff;
	font: normal 18px 'Verdana', Arial, Tahoma;
	text-decoration:none;
}
.sidebar img {
	border: none;
	float: left;
	margin: 0 10px 10px 0;
}
.sidebar p {
	text-align: left;
	width: 265px;
	margin: 15px 0 0 0;
	color: #5d5c55;
	font: normal 12px "Arial", Verdana, Tahoma;
}
.sidebar p a {
	color: #a20a2c;
	font: normal 12px "Arial", Verdana, Tahoma;
	text-decoration: none;
}
.sidebar p a:hover {
	text-decoration: underline;
}
.sidebar ul { 
	list-style: none;
	margin: 0 auto;
	width: 265px;
	padding: 15px 0 0 0;
	text-align: left;
}
.sidebar ul li { 
	width: 265px;
	font: bold 12px "Arial", Verdana, Tahoma;
	display: block;
	color: #5d5c55; 
	text-align: left;
	background: url(images/bullet.gif) 10px 10px no-repeat;
	line-height: 14px;
	padding: 5px 0 0 26px;
}
.sidebar ul li a { 
	color: #5d5c55; 
	text-decoration: none; 
}
.sidebar ul li a:hover { 
	color: #a20a2c; 
	text-decoration: none; 
}

/*  ######### Testiminials #########  */
.testimonials {
	width: 570px;
	margin: 30px 0 0 0;
	color: #5d5c55;
	font: normal 11px "Verdana", Arial, Tahoma;
	background-color: #C9B391;
	padding: 10px;
	text-align: justify;
}
.testimonials a {
	color: #a20a2c;
	font: normal 11px "Verdana", Arial, Tahoma;
	text-decoration: none;
	padding-left:10px;
}
.testimonials a:hover {
	text-decoration: none;
}
.testimonials_sub h3 {
	color: #a20a2c;
	font: bold 12px "Verdana", Arial, Tahoma;
	margin: 5px 0 20px 0;
}

/*  ######### Staff Profiles #########  */
.staff {
height:120px;
margin: 20px 0 0 0;
padding: 20px 0 0 0;
border-top: 3px solid #dfddd1;
}
.staff p.staffname { 
font: bold 18px "Verdana", Arial, Tahoma; 
color: #a20a2c;
margin: 0 0 10px 0;
padding: 0; 
}
.staff p.staffinfo { 
font: bold 15px "Verdana", Arial, Tahoma; 
color: #34332f;
margin: 0 0 5px 0;
padding: 0; 
}

/*  ######### Services Profiles #########  */
.serviceslogo {
height:100px;
margin: 0;
padding: 0 0 0 0;
text-align:center;
}
.services {
height:100px;
margin: 0;
padding: 0 0 0 0;
text-align:left;
}
.services img.service {
float: none;
text-align:center;
margin: 0 0 15px 0;
}
.services p.servicesname { 
font: bold 16px "Verdana", Arial, Tahoma; 
color: #a20a2c;
margin: 0 0 4px 0;
padding: 0; 
}
.services p.servicestitle { 
font: normal 13px "Verdana", Arial, Tahoma; 
color: #34332f;
margin: 0 0 10px 0;
padding: 0; 
}


/*  ######### Report Cards #########  */
.reportleft {
	height: 1290px;
	width: 285px;
	float: left;
	margin: 0;
	padding: 0;
}
.reportright {
	height: 660px;
	width: 285px;
	float: left;
	margin: 0 ;
	padding: 0;
}
.report {
height:160px;
margin: 0;
padding: 0 0 0 0;
}
.report p.reportname { 
font: bold 16px "Verdana", Arial, Tahoma; 
color: #a20a2c;
margin: 0 0 6px 0;
padding: 0; 
}
.report p.reportinfo { 
font: normal 13px "Verdana", Arial, Tahoma; 
color: #34332f;
margin: 0 0 2px 0;
padding: 0; 
}
.report p.reportlink { 
font: normal 13px "Verdana", Arial, Tahoma; 
color: #34332f;
margin: 4px 0 2px 0;
padding: 0; 
}
.report p.reportlink a { 
font: normal 13px "Verdana", Arial, Tahoma; 
color: #a20a2c;
text-decoration:none;
}
.report p.reportlink a:hover { 
font: normal 13px "Verdana", Arial, Tahoma; 
color: #a20a2c;
text-decoration:underline;
}


/*  ######### Constant Contact Email Newsletter Form #########  */
.newsletter{
	margin: 0 0 0 0;
	width:570px;
	height: 15px;
}

form.newsletter .signup{
	border: none;
	height: 25px;
	width: 110px;
	background: url(images/button_signup.gif) no-repeat;
	cursor: pointer;
	text-indent:-9999px;
}
form.newsletter input{
	font: bold 12px "Verdana", Tahoma, Arial, sans-serif;
	width: 340px;
	height: 16px;
	padding:3px;
	float:left;
	margin: 0 5px 0 0;
	color: #a20a2c;
	background: #ffffff;
	border: 1px solid #34332f;
}
.content p.cc{
	position: relative;
	color: #34332f;
	padding: 0 0 10px 0;
	margin: 0px;
	font: normal 11px "Verdana", Tahoma, Arial, sans-serif;
}
.content p.cc a{
	font: normal 11px "Verdana", Tahoma, Arial, sans-serif;
	text-decoration: underline;
	color: #34332f;
}
.content p.cc a:hover{
	text-decoration: none;
	color: #34332f;
}
.content h4.cc{
	position: relative;
	color: #34332f;
	padding: 20px 0 6px 0;
	margin: 0 0 0 0;
	font: bold 14px "Verdana", Tahoma, Arial, sans-serif;
}



/*  ######### Content #########  */
.content {
	width: 570px;
	margin: 0 auto;
	padding: 0;
	text-align: left; 
}
.content img {
	float: left;
	margin: 0 15px 15px 0;
	padding: 0;
	border: none; 
}
.content img.right {
	float: right;
	margin: 10px 0 0 15px;
	padding: 0;
	border: none; 
}
.content img.center {
	float: nonet;
	margin: 15px 0 15px 0;
	padding: 0;
	border: none; 
}
.content img.nofloat {
	float: none;
	margin: 0 15px 15px 0;
	padding: 0;
	border: none; 
}
.content img.coupons {
	float: none;
	margin: 0 0 20px 0;
	padding: 0;
	border: 2px solid #000000; 
}
.content img.nofloatspace {
	float: none;
	margin: 15px 0 15px 0;
	padding: 0;
	border: none; 
}

/*  Headers  */
.content h1.home {
	color: #a20a2c;
	font: bold 1px "Arial", Verdana, Tahoma;
	text-indent:-9999px;
}
.content h3.news {
	color: #a20a2c;
	font: bold 24px "Arial", Verdana, Tahoma;
	margin: 30px 0 5px 0;
}
.content h3.news a {
	color: #a20a2c;
	text-decoration: none; 
}
.content h3.news a:hover {
	text-decoration: underline; 
}
h1.newsroom {
	color: #34332f;
	font: bold 18px "Arial", Verdana, Tahoma;
	margin: 30px 0 30px 0;
	text-align: left;
}
.content h1 {
	color: #a20a2c;
	font: bold 24px "Arial", Verdana, Tahoma;
	margin: 30px 0 30px 0;
}
.content h1 a {
	color: #a20a2c;
	text-decoration: none; 
}
.content h1 a:hover {
	text-decoration: underline; 
}

.content h2.servingportland {
	color: #000000;
	font: bold 27px "Verdana", Verdana, Tahoma;
	margin: 30px 0 5px 0;
	text-align: center;
}
.content h2.servingvancouver {
	color: #000000;
	font: bold 27px "Verdana", Verdana, Tahoma;
	margin: 0px 0 20px 0;
	text-align: center;
}

.content h2.welcome {
	color: #34332f;
	font: bold 19px "Arial", Verdana, Tahoma;
	margin: 40px 0 30px 0;
	line-height:28px;
}
.content h3.welcome {
	color: #34332f;
	font: bold 19px "Arial", Verdana, Tahoma;
	margin: 10px 0 30px 0;
	line-height:28px;
}

.bold_red {
	color: #a20a2c;
	font-weight:bold;
}
.bold_grey {
	color: #34332f;
	font-weight:bold;
}
.red {
	color: #a20a2c;
}

.content h2 {
	color: #34332f;
	font: bold 22px "Arial", Verdana, Tahoma;
	margin: 20px 0 15px 0;
}
.content h2 a {
	color: #34332f;
	text-decoration: none; 
}
.content h2 a:hover {
	text-decoration: underline; 
}
.content h3.work {
	color: #a20a2c;
	font: bold 20px "Arial", Verdana, Tahoma;
	margin: 40px 0 25px 0;
}
.content h3 {
	color: #34332f;
	font: bold 18px "Arial", Verdana, Tahoma;
	margin: 20px 0 15px 0;
}
.content h3 a {
	color: #34332f;
	text-decoration: none; 
}
.content h3 a:hover {
	text-decoration: underline; 
}
.content h4 {
	color: #34332f;
	font: bold 16px "Arial", Verdana, Tahoma;
	margin: 20px 0 15px 0;
}
.content h4 a {
	color: #34332f;
	text-decoration: none; 
}
.content h4 a:hover {
	text-decoration: underline; 
}
.content h3.about {
	color: #34332f;
	font: bold 14px "Arial", Verdana, Tahoma;
	margin: 0 0 10px 0;
	line-height: 18px;
}
.content h5 {
	color: #34332f;
	font: bold 14px "Arial", Verdana, Tahoma;
	margin: 20px 0 5px 0;
}
.content h5 a {
	color: #34332f;
	text-decoration: none; 
}
.content h5 a:hover {
	text-decoration: underline; 
}
.content h6 {
	color: #34332f;
	font: bold 16px "Arial", Verdana, Tahoma;
	margin: 40px 0 15px 0;
}
.content h6 a {
	color: #34332f;
	text-decoration: none; 
}
.content h6 a:hover {
	text-decoration: underline; 
}

/*  Q&A's  */
.content h5.question {
	color: #a20a2c;
	font: bold 16px "Times New Roman", Arial, Verdana, Tahoma;
	margin: 20px 0 10px 0;
}
.q {
	color: #a20a2c;
	font: bold 36px "Times New Roman", Arial, Verdana, Tahoma;
	margin-right: 15px;
}

/*  Text & Lists (Ordered, Unordered & Blockquote)  */
.content p.note {
	color: #34332f;
	margin: 20px 0 0 0;
	padding:0;
	font: normal 14px "Arial", Verdana, Tahoma;
	line-height:14px;
}
.content p.maplink {
	color: #34332f;
	margin: 10px 0 10px 0;
	font: normal 14px "Arial", Verdana, Tahoma;
	line-height:18px;
}
.content p.maplink a {
	color: #a20a2c;
	margin: 10px 0 10px 0;
	font: bold 11px "Arial", Verdana, Tahoma;
	text-decoration:none;
}
.content p.maplink a {
	color: #a20a2c;
	font: bold 11px "Arial", Verdana, Tahoma;
	text-decoration:underline;
}
.content p {
	color: #34332f;
	margin: 0 0 10px 0;
	font: normal 14px "Arial", Verdana, Tahoma;
	line-height:18px;
}
.content p a {
	color: #a20a2c;
	text-decoration: underline;
}
.content p a:hover {
	text-decoration: none;
}

.content ul.special{
	margin: 10px 0 25px 0;
	padding: 0 0 20px 0;
	border-bottom: #c6c4b7 solid 2px;
}
.content ul.special li{
	background: url(images/bullet.gif) 0px 11px no-repeat;
	font: normal 14px "Arial", Verdana, Tahoma;
	color: #34332f;
	line-height: 18px;
	padding: 5px 0 0 15px;
	margin: 0;
	list-style-type: none;
}
.content ul.special li a{
	font: bold 14px "Arial", Verdana, Tahoma;
	text-decoration: none;
	color: #a20a2c;
}
.content ul.special li a:hover{
	text-decoration: underline;
}

.content ul{
	margin: 10px 0 15px 0;
	padding: 0;
}
.content ul li{
	background: url(images/bullet.gif) 20px 11px no-repeat;
	font: normal 14px "Arial", Verdana, Tahoma;
	color: #34332f;
	line-height: 18px;
	padding: 5px 0 0 35px;
	margin: 0;
	list-style-type: none;
}
.content ul li a{
	font: bold 14px "Arial", Verdana, Tahoma;
	text-decoration: none;
	color: #a20a2c;
}
.content ul li a:hover{
	text-decoration: underline;
}
.content ul li.sub{
	background: url(images/bullet.gif) 45px  no-repeat;
	font: normal 14px "Arial", Verdana, Tahoma;
	color: #34332f;
	line-height: 18px;
	padding: 2px 0 0 60px;
	margin: 0;
	list-style-type: none;
}
.content ul li.sub a{
	font: bold 14px "Arial", Verdana, Tahoma;
	text-decoration: none;
	color: #a20a2c;
}
.content ul li.sub a:hover{
	text-decoration: underline;
}
.content ol{ 
	color: #34332f;
	font: normal 14px "Arial", Verdana, Tahoma;
	list-style: outside;
	list-style-type: decimal;
	padding: 10px 0 10px 30px;
}
.content ol li{
	font: normal 14px "Arial", Verdana, Tahoma;
	color: #34332f;
	line-height: 18px;
	padding: 0px 0 0 5px;
	list-style: outside;
	list-style-type: decimal;
	margin: 0;
}
.content ol li a{
	font: normal 12px "Arial", Verdana, Tahoma;
	text-decoration: none;
	color: #a20a2c;
}
.content ol li a:hover{
	text-decoration: underline;
}
.content blockquote {
	font: normal 12px "Arial", Verdana, Tahoma;
	color: #34332f;
	margin: 20px 20px;
	padding:0;
}
.content blockquote a{
	font: normal 12px "Arial", Verdana, Tahoma;
	color: #a20a2c;
	padding:0;
	text-decoration: none;
}
.content blockquote a:hover{
	text-decoration: underline;
}


/* ######### Location and Directions Google Map ######### */

.content p.address { 
font: normal 14px "Verdana", Arial, Tahoma; 
color: #34332f;
margin: 0 0 2px 0; 
padding: 0; 
}
.content p.city { 
font: normal 14px "Verdana", Arial, Tahoma; 
color: #34332f;
margin: 0 0 8px 0; 
padding: 0; 
}
.content p.phone { 
font: normal 14px "Verdana", Arial, Tahoma; 
color: #34332f;
margin: 0 0 10px 0; 
padding: 0; 
}

.directions{
	margin: 10px 0 0 0;
	width:570px;
	height: 80px;
}

form.directions .submit{
	border: none;
	height: 30px;
	width: 128px;
	background: url(images/button_directions.gif) no-repeat;
	cursor: pointer;
	text-indent:-9999px;
}
form.directions input{
	font: bold 14px "Verdana", Tahoma, Arial, sans-serif;
	width: 420px;
	padding:5px;
	float:left;
	margin-right:5px;
	color: #34332f;
	background: #fdfbf1;
	border: 1px solid #d6d3c7;
}

.map {
	border:2px solid #c6c4b7;
	height:354px;
	width: 566px;
}


/* ------------------------------------ ######### Media (Blog) Only Pages ######### -------------------------------------------- */

/*  Post Meta Data Links  */

#bottom_posted_info{
	width: 570px;
	height: 30px;
	margin: 20px 0 0 0;
}
.posted_info{
	font: bold 10px "Arial", Verdana, Tahoma;
	color: #34332f;
	text-align: justify;
	padding: 10px 0 0 0;
	float: left;
	width: 570px;
}
.posted_info a{
	font: bold 10px "Arial", Verdana, Tahoma;
	color: #34332f;
	text-decoration: underline;
}
.postedinfo a:hover{
	text-decoration: none;
}
.posted_comments{
	font: bold 10px "Arial", Verdana, Tahoma;
	color: #34332f;
	text-align: justify;
	padding: 10px 0 0 0;
	float: right;
	width: 120px;
}
.posted_comments a{
	font: bold 10px "Arial", Verdana, Tahoma;
	color: #34332f;
	text-decoration: underline;
}
.posted_comments a:hover{
	text-decoration: none;
}
.post_more_pages{
	width: 570px;
	padding: 20px 0 20px 0;
}
.align_left {
	float:left;
	text-align:left;
	color: #34332f;
	font: bold 12px "Arial", Verdana, Tahoma;
}
.align_left a{
	color: #34332f;
	font: bold 12px "Arial", Verdana, Tahoma;
	text-decoration: none;
}
.align_left a:hover{
	text-decoration: underline;
}
.align_right {
	float:right;
	text-align:right;
	color: #34332f;
	font: bold 12px "Arial", Verdana, Tahoma;
}
.align_right a{
	color: #34332f;
	font: bold 12px "Arial", Verdana, Tahoma;
	text-decoration: none;
}
.align_right a:hover{
	text-decoration: underline;
}

/* Post Meta Data - Category & Comments  */
.postmetadata{
	width: 570px;
	font: bold 10px "Arial", Verdana, Tahoma;
	color: #34332f;
	line-height: 12px;
	padding: 5px;
	margin: 30px 0 50px 0;
	background-color: #d6d3c7;
	border: #c6c4b7 solid 1px;
}
.postmetadata a{
	font: bold 10px "Arial", Verdana, Tahoma;
	color: #a20a2c;
	text-decoration: none;
}
.postmetadata a:hover{
	text-decoration: underline;
}

/* Comment Meta Data - Date, Time & Posted By  */
.postmetaauthor{
	width: 570px;
	font: normal 10px "Arial", Verdana, Tahoma;
	color: #34332f;
	line-height: 12px;
	padding: 0;
	margin: 0 0 25px 0;
}

/* ######### Archive Page Title ######### */
#page_title{
	width: 570px;
	margin: 0 0 30px 0;
	border-bottom: 1px dashed #c6c4b7;
}
#page_title h3{
	font: bold 16px "Verdana", Arial, Tahoma; 
	color: #34332f;
}


/* ######### Comments Page Section ######### */
#nocomments{
	width: 570px;
	margin: 0 0 10px 0;
	background: #ffffff;
	padding: 5px;
	text-align: left;
}
#comments{
	width: 570px;
	margin: 0 0 10px 0;
	background: #ffffff;
	padding: 5px;
	text-align: left;
}
#comments img{
	float: left;
	margin: 0 20px 0 0;
}
#comments h3{
	font: bold 14px "Arial", Verdana, Tahoma;
	color: #a20a2c;
	padding: 20px 0 0 0;
}
#comments h4{
	font: bold 14px "Arial", Verdana, Tahoma;
	color: #34332f;
	padding: 0 0 0 0;
}
#comments h4 a{
	font: bold 14px "Arial", Verdana, Tahoma;
	color: #34332f;
	text-decoration: underline;
}
#comments h4 a:hover{
	font: bold 14px "Arial", Verdana, Tahoma;
	color: #34332f;
	text-decoration: none;
}
#comments h5{
	font: bold 11px "Arial", Verdana, Tahoma;
	color: #34332f;
	padding: 0 0 0 0;
}
#comments h5 a{
	font: bold 11px "Arial", Verdana, Tahoma;
	color: #34332f;
	text-decoration: underline;
}
#comments h5 a:hover{
	font: bold 11px "Arial", Verdana, Tahoma;
	color: #34332f;
	text-decoration: none;
}
#comments p{
	font: bold 11px "Arial", Verdana, Tahoma;
	color: #34332f;
}
#comments p a{
	font: bold 11px "Arial", Verdana, Tahoma;
	color: #34332f;
	text-decoration: underline;
}
#comments p a:hover{
	font: normal 11px "Arial", Verdana, Tahoma;
	color: #34332f;
	text-decoration: none;
}
.commentlist li.alt {
	border: solid 1px #d6d3c7;
	background: #f0eee2;
	list-style: none;
	list-style-type: none;
	padding: 10px;
	margin: 0 0 10px 0;
	text-align: left;
}

.commentlist li.alt a {
	font: normal 14px "Arial", Verdana, Tahoma;
	color: #a20a2c;
	text-decoration:none;
}

.commentlist li.alt a:hover {
	font: normal 14px "Arial", Verdana, Tahoma;
	color: #a20a2c;
	text-decoration:underline;
}
.commentlist li {
	border: solid 1px #d6d3c7;
	background: #f0eee2;
	list-style: none;
	list-style-type: none;
	padding: 10px;
	margin: 0 0 10px 0;
	text-align: left;
	color: #34332f;
	font: normal 14px "Arial", Verdana, Tahoma;
}

.commentlist li a {
	font: normal 14px "Arial", Verdana, Tahoma;
	color: #a20a2c;
	text-decoration:none;
}

.commentlist li a:hover {
	font: normal 14px "Arial", Verdana, Tahoma;
	color: #a20a2c;
	text-decoration:underline;
}



.commentmetadata {
	font: normal 11px "Arial", Verdana, Tahoma;
	color: #34332f;
}

.commentmetadata a {
	font: normal 11px "Arial", Verdana, Tahoma;
	color: #a20a2c;
	text-decoration:none;
}

.commentmetadata a:hover {
	font: normal 11px "Arial", Verdana, Tahoma;
	color: #a20a2c;
	text-decoration:underline;
}

/* Leave A Comment Form  */
#commentform{
	width: 560px;
	padding: 10px;
	margin: 10px 0 10px 0;
	text-align: left;
}
#commentform h3{
	font: bold 14px "Arial", Verdana, Tahoma;
	color: #a20a2c;
}
#commentform p{
	font: normal 11px "Arial", Verdana, Tahoma;
	color: #34332f;
	margin: 5px 0 10px 0;
}
#commensform p a{
	font: bold 11px "Arial", Verdana, Tahoma;
	text-decoration: none;
	color: #a20a2c;
}
#commentform p a:hover{
	text-decoration: underline;
}
#commentform .label{
	font: normal 11px "Arial", Verdana, Tahoma;
	padding-left: 0px;
	margin: 0 0 10px 0;
	color: #34332f;
}
#commentform .required{
	color: #a20a2c;
	font: bold 10px "Arial", Verdana, Tahoma;
}
#commentform .notpublished{
	color: #34332f;
	font: bold 10px "Arial", Verdana, Tahoma;
}
#commentform .inputbox{
	color: #34332f;
	background: #fdfbf1;
	border: 1px solid #d6d3c7;
	width: 300px;
	font: bold 12px "Arial", Verdana, Tahoma;
	padding: 2px 0 2px 4px;
	margin: 10px 0 0px 0;
}
#commentform .textbox{
	color: #34332f;
	background: #fdfbf1;
	border: 1px solid #d6d3c7;
	width: 550px;
	height: 200px;
	font: bold 12px "Arial", Verdana, Tahoma;
	padding: 2px 0 2px 4px;
	margin: 10px 0 0px 0;
}
#commentform .submit{
	background: url(images/button_comment.gif) no-repeat;
	border: none;
	width: 153px;
	height: 30px;
	display: block;
	cursor: pointer;
	margin: 10px 0 0px 0;
}

#respond {
	width: 570px;
	text-align:left;
	padding: 0;
	margin: 50px 0 10px 0;
	text-align: left;
}

#respond h3{
	font: bold 16px "Arial", Verdana, Tahoma;
	color: #34332f;
	padding: 0 0 10px 0;
}

#respond p{
	font: normal 14px "Arial", Verdana, Tahoma;
	color: #34332f;
	padding: 0 0 10px 0;
}

#respond p a{
	font: normal 14px "Arial", Verdana, Tahoma;
	color: #a20a2c;
	text-decoration:none;
}

#respond p a:hover{
	font: normal 14px "Arial", Verdana, Tahoma;
	color: #a20a2c;
	text-decoration:underline;
}


/* ------------------------------------ ######### Footer Area ######### -------------------------------------------- */

/*  ######### Footer Container #########  */
#footer {
	background: url('images/bg_footer.gif') no-repeat top;
	border: none;
	width: 975px;
	margin: 0 auto;
}

/*  Footer Nav One  */
.copyright{
	width: 975px;
	height: 12px;
	padding: 15px 0 0 0;
}
.copyright ul{
	width: 975px;
	height: 12px;
	display: inline;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
.copyright ul li.div{
	padding-right: 2px;
	padding-left: 2px;
	font: normal 9px "Verdana", Arial, Tahoma;
	color: #5d5c55;
	display: inline;
}
.copyright ul li{ 
	height: 12px;
	display: inline; 
	font: normal 11px "Verdana", Arial, Tahoma;
	color: #5d5c55;
	margin: 0 auto;
	text-align: center;
}
.copyright ul li a{
	height: 12px;
	display: inline;
	font: normal 11px "Verdana", Arial, Tahoma; 
	color: #5d5c55;  
	text-decoration: none;
	padding: 0;
	margin: 0 auto;
}
.copyright ul li a:hover{
	text-decoration: underline;
}

/*  Footer Nav Two  */
.footer_nav{
	width: 975px;
	height: 12px;
	padding: 15px 0 30px 0;
}
.footer_nav ul{
	width: 975px;
	height: 12px;
	display: inline;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
.footer_nav ul li.div{
	padding-right: 5px;
	padding-left: 5px;
	font: normal 9px "Verdana", Arial, Tahoma;
	color: #5d5c55;
	display: inline;
}
.footer_nav ul li{ 
	height: 12px;
	display: inline; 
	font: normal 11px "Verdana", Arial, Tahoma;
	color: #5d5c55;
	margin: 0 auto;
	text-align: center;
}
.footer_nav ul li a{
	height: 12px;
	display: inline;
	font: normal 11px "Verdana", Arial, Tahoma; 
	color: #5d5c55;  
	text-decoration: none;
	padding: 0;
	margin: 0 auto;
}
.footer_nav ul li a:hover{
	text-decoration: underline;
}