/*menu*/
/*=main layout and structure*/
/*=fonts*/
/*=classes - general classes*/
/*=links*/
/*=img*/
/*=slideshow*/
/*=forms*/
/*=service nav*/

/*clear all pre styles*/
p, a, em, li, ul, h1, h2, h3, h4 ,h5, h6{padding: 0; margin: 0; font-weight: normal;}
ul, li{list-style: none;}

body {
	margin: 0;	
	padding: 0;
	width: 100%;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 62.5%;
		}

#master{width: 100%; margin:0 padding: 0; background: url('images/back-repeat4.jpg'); background-repeat: repeat-x; background-position: top center; }
body#about #master, body#serv #master, body#port #master, body#about #master, body#con #master, body#loc #master, body#blog #master{background: url('images/back-repeat-inside3.jpg'); background-repeat: repeat-x; background-position: top center;}

#wrapper {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	width: 916px;
	padding: 0;
	/*border: 1px solid green
*/			}


#head {
	position: relative;
	margin: 0;
	padding: 0;
	width: 880px;
	height: 345px;
	background: url('images/redhead-top4.jpg') no-repeat top center; /*was redhead-top4.jpg*/
	}
body#about #head, body#serv #head, body#port #head, body#con #head, body#loc #head, body#blog #head{background: url('images/redhead-head-inside3.jpg') no-repeat top center; height: 185px;}

.main_content {	float: left;	margin: 0;	padding: 0;	width: 546px;/*border: 1px solid blue*/	}
body#home .main_content{	float: left;	margin: 0;	padding: 0;	width: 576px;	}
body#home .sidebar{	float: left;	width: 316px;	padding: 0;	margin: 0;	/*border: 1px solid #ccc*/ }
.sidebar{float: left;	width: 346px;	padding: 0;	margin: 0;/*border: 1px solid red*/}
body#home .sidegut{padding: 0 0 0 28px; margin-left: 20px; }
.sidegut{padding: 0 0 32px 8px; margin-left: 58px; }
body#home .innercontent{clear: left; padding-top: 56px; margin-bottom: 36px; /*border-top: 1px dashed #ca681f*/}
.innercontent{padding: 16px 0 62px 0; }
.innercontent ul li{list-style: disc; font-size: 1.3em}
.innercontent ul{margin: 0 0 0 20px; padding: 0 12px 0 20px}
.footer{
	clear: both;
	margin: 0;
	padding: 0;
	width: 100%;
	background: #ca681f url('images/foot-repeat.jpg') repeat-x center top;
}

.inside_foot{margin-left: auto; margin-right: auto; width: 880px;	}

.footer_1{width: 170px; padding-right: 30px}
.footer_2{float: right; width: 160px;  padding-right: 0px;}
.footer_3{float: right; width: 200px;  padding-right: 50px}
.footer_4{float: right; width: 200px;  padding-right: 50px}



/*=links*/
a {text-decoration: none}
a:hover{text-decoration: underline;}
p a{text-decoration: underline; color: #603}
p a:hover{text-decoration: underline; color: #ca681f}
p a:active{color: #9C3; background-color: #fff}

.toplinks a.orange{color: #ca681f; text-decoration: underline}
a.orange:hover{color: #fff; }
a.linkbut-gn{background: url('images/lnk-but.jpg') no-repeat right center; padding-right: 30px; line-height:1.3em}
a.linkbut-gn:hover{background: url('images/lnk-but-hov.jpg') no-repeat right center; color: #000; text-decoration:underline}
a.linkbut-gn:active{background: url('images/lnk-but-act.jpg') no-repeat right center}
.toplinks a{text-decoration: none; color: #fff}
.toplinks a:hover{text-decoration: underline}
a.clientz{background: url('images/client.jpg') no-repeat 139px 4px; padding: 0px 12px 12px 0px; display: block; font-size: .9em}
a.clientz:hover{text-decoration: underline}
a.newsletter{background: url('images/newsletter.jpg') no-repeat left center; padding-left: 25px; color: #ca681f; font-weight: bold}
a.newsletter:hover{background: url('images/newsletter-hov.jpg') no-repeat left center; padding-left: 25px}
#totop {background-color: #b35713; padding: 4px 8px; position: relative; top: -15px; left: 0; color: #fff; font-size: 1.3em}
li.last a{background: url('images/round-link.jpg') no-repeat right center; padding-right: 25px; font-size: 1.4em; color: #580200}
li.last a:hover {background: url('images/round-link-hov.jpg') no-repeat right center; text-decoration:underline}
.brochure a{font-size: 2.9em; color: #580200; padding: 0 0 0 24px; line-height: 2.9em; display: block}
#twitter_update_list a{color:#580200 }
#twitter_div a{color:#580200; font-size: 1.3em;}
#twitter_div li a{font-size: 1em}
#blog_list a{color:#580200}
#blog_div a{color:#580200; font-size: 1.3em;}
#blog_list li a{color: #000; line-height: 1.2em}
#blog_list li a:hover{color:#580200; text-decoration: underline}
.blog_list a{font-size: 1em; color: #fff}
.blog_list li a{color: #fff; text-decoration:underline}
a.rightlink{display: block; text-align: right}
a.manlink {padding-left: 18px; background: url('images/quote-man.jpg') no-repeat left center;}
.uptodate a{color: #ca681f}
.footer_2 p a{color: #fff}
.footer_2 p a:hover{color: #580200; background-color:#fff}
a.download{color: #580200; line-height: 1.6em; font-size: 1.3em;  display: block }
a.bloghome, a.blogfeed{color: #ca681f; font-size: 1.3em; background: url('images/quote-man.jpg') no-repeat left center; padding-left: 25px; margin-left: 78px}
/*menu*/
/*=navigation*/
#head ul.menu {
padding: 0;
margin: 0 0 0 0;
list-style: none;
width: 580px;
}

#head ul.menu li{
float: left;
padding: 0;
margin: 0;
background: url('images/righttab.jpg') no-repeat right top;
}

#head ul.menu li a{
color: #ca681f;
display: block;
text-decoration: none;
padding: 0;
font-size: 1.4em;
margin: 0 12px 0 0;
font-family: Arial, Helvetica, sans-serif;
}

/*#head ul.menu li#servhere a{color: #9d4808; padding: 0 2px}*/

#head ul.menu li a:hover{
color: #fff;border-bottom: 3px solid #880100
}

#head ul.menu li a:active{
background-color: #fff; color: #333}


body#home #homehere, body#port #porthere, body#serv #servhere, body#about #abouthere, body#blog #bloghere, body#con #conhere, body#loc #lochere{
float: left;
padding: 0;
margin: 0;

}

body#home #homehere a, body#port #porthere a,  body#serv #servhere a, body#about #abouthere a, body#blog #bloghere a, body#con #conhere a, body#loc #lochere a{
color: #fff;
display: block;
text-decoration: none;
/*background: url('images/leftnav.jpg') no-repeat left top;*/
padding: 0;
border-bottom: 3px solid #880100

}

ul.globalnav li{display: inline; font-size: 1.1em}
ul.globalnav li a{color: #000 }


#twitter_div{margin-bottom: 24px; overflow: hidden; width: 100%}
#blog_div{margin-bottom: 24px; font-weight: normal}
#quotes{margin-bottom: 24px}

/*=text*/
p{font-size: 1.3em; line-height:1.6em; color:#333; padding-bottom: 30px}
em.error{color: #F00; }
p.message{font-size: 2.4em; color: #fff; line-height: 1.2em; word-spacing: .20em; font-family:Georgia, "Times New Roman", Times, serif;clear: left; text-shadow: black 0 1px; }
.headmess p.message a{color: #ca681f; text-decoration: underline}
p.message em{font-size: 1.9em; color: #000; font-style: normal; line-height: 1.4em; letter-spacing: -1.2px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
.toplinks p{color: #ca681f; font-size: 1.3em;}
.toplinks p em{font-style: normal; font-size: 1.9em; letter-spacing: -.65px;}
#blog_list li a em{font-size: .9em; color: #ca681f; font-style: normal}
p.bigp{font-size: 2.7em; color: #000; line-height: 1em; letter-spacing: -1px;}
.leftportfolio p{ padding: 0 0 5px 0; margin-bottom: 46px; border-bottom: 1px dashed #ccc; padding-left: 0px}
.leftportfolio p em{color: #580200; }
p.address{line-height: 1.2em; padding-top:12px; padding-left: 66px}
blockquote{font-size: 1.2em; line-height: 1.7em; color: #580200; padding-bottom: 24px}
blockquote em{float: right; font-size: .8em; font-weight: bold; font-style: normal}
/*=headers*/
h1,h2,h3,h4,h5{font-weight: normal; color: #580200; font-family:Georgia, "Times New Roman", Times, serif; }
h1{font-size: 3.2em; letter-spacing: -.02; line-height: 1em; margin-bottom: 16px; /*background: url('images/grey-fade.jpg') repeat-x left bottom;*/ padding-bottom: 4px; font-family:Georgia, "Times New Roman", Times, serif; color: #333}

.main_content h2{margin-bottom: 6px; font-size: 2em; letter-spacing: -1px; font-family:Verdana, Geneva, sans-serif}
#blog_div h2{font-weight: normal; font-size: 1.5em}
#twitter_div h2{font-weight: normal; font-size: 1.4em}
#missing{padding-top: 0; margin-top: 0}
.footer p {color: white}
p.bigredfoot{font-size: 2.5em; line-height: 1.6em}
.footer_2 p{line-height: 1.2em}
.sidebar p{line-height: 1.3em}
#quotes p em{float: right; line-height: 1.7em; color: #580200;}

/*=lists*/
.sitemap ul{margin: 24px 0; font-size: 1.2em; float: left; width:240px; margin-left: 12px; margin-top: -12px}
.sitemap ul li{margin-bottom: 4px}
.sitemap ul li a{color: #000; text-decoration: underline; }
.sitemap ul li a:hover{color: #666}
.sitemap ul li.smaptitle{font-size: 1.4em; background-color: #580200; color: #fff; margin-bottom: 12px}
.sitemap ul li.smaptitle2{font-size: 1.2em; color: #580200; margin-bottom: 6px; margin-top: 12px}
ul.portlist {position: absolute; top: 122px; left: 700px}
ul.portlist li{list-style: none; margin: 0 0 6px 6px; float: left}
ul.portlist img{display: block;border: 1px solid #d2dfa0 }
ul.portlist img:hover{border: 1px solid #580200; }
ul.portlist li.portlink a{font-size: 1.4em; color: #fff; }
ul.footnav li{color:#fff}
.footer ul li.footlisthd{color: #fff; font-size: 1.5em; background: #b25714; padding: 4px 4px 4px 0; margin-bottom: 8px }
.footer ul li{font-family: Arial, Helvetica, sans-serif; font-size: 1.2em}
.footer ul li a{color: #fff; display: block}
.footer ul li a:hover{color: #580200; text-decoration: none; background-color: #fff}
.bread ul{ padding: 3px}
.bread ul li{display: inline; color: #fff}
.bread ul li a{color: #fff}
ul.home_splash {float: left;  width: 179px; /*border: 1px dashed #ca681f;*/ height: 215px; }
.left6{margin-left: 16px}
body#home .home_splash li h1, .home_splash li h2 {text-align: center; background: url('images/home-splash-headers.jpg') no-repeat center top; font-family:Georgia, "Times New Roman", Times, serif; font-size: 2.2em;  margin:0 -4px 8px -4px;   padding: 8px 0 14px 0;  color: #333; letter-spacing: 0px}
body#home .home_splash li h1{padding: 8px 0 14px 0; margin:0 -4px 3px -4px; text-shadow: 0 1px #fff }
.home_splash li h2.seo{  margin:0 -4px 0 -4px;    padding: 6px 0 14px 0; text-shadow: 0 1px #fff}
.home_splash li h2.vid{  margin:0 -4px 0 -4px;   padding: 6px 0 14px 0; text-shadow: 0 1px #fff}
.home_splash li p{font-size: 1.1em; line-height: 1.6em; text-align: left;  padding: 3px 4px 12px 4px;  }
.home_splash li p em{font-style: normal; font-weight: bold; color: #580200; font-size: 1em}
.home_splash li ul{margin: 6px 0 25px 0px; padding-left: 16px; font-size: 1.1em; color: #716b1d ;  }

.home_splash li ul li{background: url('images/list_arr.jpg') no-repeat center left; padding-left: 12px; margin: 4px 0}
.home_splash li ul li a{color: #580200; border-bottom: 1px dotted #580200}
.home_splash li ul li a:hover{border-bottom: 1px solid #ca681f; text-decoration: none; color:#ca681f }
li.last{text-align: center; margin: 12px 0 34px 0}
#twitter_update_list{margin-left: 80px; margin-bottom: 12px; font-size: 1.2em; padding-top: 6px}
#twitter_update_list li{font-size: 1.1em}
#blog_list{margin-left: 80px; margin-bottom: 12px; padding-top: 6px}
#blog_list li{color: #000; line-height: 1.2em; margin-bottom: 8px}
.footer_4 ul li{margin-bottom: 4px}
.sidebar ul{border-top: 1px dashed #ccc}
.innercontent ol, .post_container ol{font-size: 1.2em; margin: 0 0 12px 24px; padding: 12px; color: #333}
.innercontent ol li, .post_container ol li{list-style:decimal; margin-bottom: 8px; line-height: 1.5em}
.normallist, .normallist2, .post_container ul{line-height: 1em; margin: 0 6px 26px 0; font-size: 1em; color: #580200; background: url('images/grey-fade.jpg') repeat-x bottom left; padding: 24px 36px; border: 1px dashed #ccc; list-style: none}
.post_container ul{font-size: 1.3em}
.innercontent .normallist li{margin-bottom: 8px; list-style: none;  }
.innercontent ul.normallist{padding: 24px; margin-bottom: 24px; }
.innercontent ul.normallist2, .post_container ul{padding: 24px; margin-bottom: 24px; }
.normallist2 li, .post_container ul li{list-style: disc; margin-bottom: 8px; line-height: 1.2em }
.innercontent ul li a{color: #580200; text-decoration: underline}
.innercontent ul li a:hover{color: #333}

/*=service nav*/
#servnav{margin-bottom: 24px; border: none;padding: 2px; }
#servnav li{background: url('images/grey-fade.jpg') repeat-x bottom left; }
#servnav li.first p{ padding: 2px; color: #ca681f; border-bottom: 1px dashed #ccc}
#servnav li ul{border-top: none; margin: 0 0 12px 0; }
#servnav li ul li a{color: #333; font-size: 1.2em; border-left: 6px solid #ccc; padding: 2px 0 2px 10px;  display:block; width: 100%}
#servnav li ul li{background: none; margin: 2px 0; }
#servnav li ul li.active a{padding-left: 10px; border-left: 6px solid #ca681f; color: #580200; }
#servnav li ul li.active a:hover{padding-left: 10px; border-left: 6px solid #ca681f; color: #580200; text-decoration:none}
#servnav li ul li a:hover{border-left: 6px solid #333; }

#whyus {border-top: none; margin-bottom: 36px; background: url('images/grey-fade.jpg') repeat-x bottom center; padding-bottom: 12px}
#whyus li{background: url('images/greentick.jpg') no-repeat top left; padding-left: 25px; margin-bottom: 6px; font-size: 1.3em}
/*classes*/
p.clearright em{font-size: .8em; font-style: normal}
.clearright {clear: right}
.clear {clear: both}
.clearleft{clear: left}
.headmess{position: absolute; top: 116px; left: 0px; width: 38%; z-index: 1}
.toplinks{position: absolute; top: 14px; left: 700px; }
.uptodate{position: absolute; top: 138px; left: 672px; }
body#home .uptodate{position: absolute; top: 298px; left: 672px;}
.fadebox{padding: 12px; border: 1px dashed #ccc; background: url('images/grey-fade.jpg') repeat-x bottom left; margin-top: 22px}
.fadebox p{padding-bottom: 0px}
.video {text-align: center}
.uptodate{float: right; color: #ca581f; font-size: 1.3em}
.darker_foot{width: 100%; background: #b35713 url('images/orange-bubbles.jpg') no-repeat center top; }
.darker_foot p{width: 880px; margin-left: auto; margin-right: auto; padding-top: 50px}
.imgredmen{display: block; padding: 0 0 4px 8px}
.bread{position: absolute; top: 137px; left: 0px; z-index: 1; width: 500px}
.video {/*width: 280px; height: 242px;*/ padding: 0; margin-bottom: 20px}
.brochure{width: 574px; background: url('images/brochure-back.jpg') no-repeat bottom right; height: 200px; border: 1px dashed #ccc}
.visit{float: right; margin: 12px 166px 0 0; line-height: 1.3em}
.sidebubble{width: 280px; background: url('images/blog-side-repeat.jpg') repeat-y top left; margin-bottom: 24px; margin-top: 12px}
.sidebubble ul { border: none; padding:0 16px 0 78px; font-size: .8em; background: url('images/blog-side-foot.jpg') no-repeat bottom left; position: relative; margin-top: -36px; margin-bottom: 0}
.sidebubble h2{padding: 12px 0 46px 78px; background: url('images/blog-side-head.jpg') no-repeat top left; font-size: 1.9em; }
.sidebubble ul li {padding: 0; margin: 0 0 8px 0}
.sidebar .sidebubble  ul li p{padding: 0; margin: 0; }
.sidebar .sidebubble  ul li.lastbubble{margin: 24px 0 0 0; padding-bottom: 24px} 
.sidebar .sidebubble  ul li.lastbubble a{font-size: 1.4em; color: #580200; margin-right: 12px}
.sidebar .sidebubble  ul li.lastbubble a:hover{color: #ca681f; text-decoration: none; }

.sidebar .sidebubblered  ul li.lastbubble a img{margin-bottom: -2px}
.sidebubblered{width: 280px; background: url('images/blog-side-rep-red.jpg') repeat-y top left; margin-bottom: 24px}
.sidebubblered ul { border: none; padding:0 16px 0 78px; font-size: .8em; background: url('images/blog-side-foot-red.jpg') no-repeat bottom left; position: relative; margin-top: -36px; margin-bottom: 0}
.sidebubblered h2{padding: 12px 0 46px 78px; background: url('images/blog-side-head-red.jpg') no-repeat top left; font-size: 1.9em; }
.sidebubblered ul li {padding: 0; margin: 0 0 8px 0}
.sidebar .sidebubblered  ul li p{padding: 0; margin: 0; }
.sidebar .sidebubblered  ul li.lastbubble{margin: 24px 0 0 0; padding-bottom: 24px} 
.sidebar .sidebubblered  ul li.lastbubble a{font-size: 1.4em; color: #580200; margin-right: 12px}
.sidebar .sidebubblered  ul li.lastbubble a:hover{color: #ca681f; text-decoration: none; }

.sidebar .sidebubblered  ul li.lastbubble a img{margin-bottom: -2px}

/*images*/
a img{border: none}
.imgright{float: right; margin: 0 0 10px 20px}
.imgleft{float: left; margin: 5px 20px 10px 0px}
.logo{margin-top: 12px;}
.iconleft{float: right; margin: 4px 6px 6px 0px}
#twitter_div a img{margin-bottom: -2px}
#blog_div a img{margin-bottom: -2px}
#breakout{margin-left: -48px; margin-bottom: 16px }
/*span.firstletter{font-size: 2.6em; float: left; margin: 8px 0 -2px 0; font-family: Georgia, "Times New Roman", Times, serif; line-height: .4em;}*/
img.portimg{ padding: 2px; border: 1px solid #ccc; }
img.blogimg{float: left ; margin: 12px}
.bloghomeimg {float: left ; margin: 0 12px 12px 0; padding: 2px; border: 1px solid #ccc}

/*tables dbase*/


/*forms*/
.emailform {border: 1px dashed #ccc; padding: 16px; width: 60% }
.emailform label{font-size: 1.3em; color: #580200}
.emailform input{width: 250px; margin: 4px 0; font-size: 1.6em; }
.emailform input.submit{width: 100px; margin: 12px 0; font-size: 1.6em;  color: #580200; border-top: 1px solid #666; border-left: 1px solid #666; border-right: 2px solid #666; border-bottom: 2px solid #666; padding: 6px 2px; background: url('images/grey-fade.jpg') repeat-x bottom left; clear: left;}
.emailform input.checkbox{width: 20px; margin-right: 12px; margin-bottom: 24px;float: left }
.emailform label.campaign_name{padding-right: 70px; margin-bottom: 12px }

/*=blog*/
#commentform textarea{width: 90%}
.post_container h1 a{ color: #333}
.category_posted{border-top: 1px dashed #ccc; padding: 6px 0; font-size: 1.1em; clear: left}
.postinfull{text-align: right; display: block; padding: 0 0 12px 0; margin-top: -12px; color: #580200; font-size: 1.1em}
