@charset "utf-8";
/* CSS Document */

/*general styles*/

body {
	margin: 4px 0 0 0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1em;
}

p { font-size:.85em;}

a:link, a:visited  {
	color: #512928;
	font-weight:bold;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

a:active {
	text-decoration: none;
	color:#000;
}

h2, h3, h4 {
	background:url(../images/brushbg.png) no-repeat top left;
	color:#fff;
	font:bold 1em Arial, Helvetica, sans-serif;
	font-variant:small-caps;
	padding:2px 0 0 23px;
	margin:5px 0 10px 0;
}

/*home page*/

.welcomeStatement {
	padding:0 10px; margin:0 0 10px 0; border-bottom: 1px dashed #930; color:#310;
}


.boldHomeText {
	font-size:1em;
	font-weight:bold;
}


#services {
	list-style-type:none;
	font: bold 1.3em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	font-variant:small-caps;
	margin:0;
	padding:0;
}

#services li {
	padding:5px 0;
	margin:0;
}

#wrapper {
	width:100%;
}


ul#navlist {
margin: 3px 0 0 0;
padding-left: 0;
/*white-space: nowrap; doesnt work for ie*/
font:bold .9em Arial, Helvetica, sans-serif;
font-variant:small-caps;
}

#navlist li {
display: inline;
list-style-type: none;
}

#navlist a { padding: 3px 7px; }

#navlist a:link, #navlist a:visited {
color: #fff;
text-decoration: none;
}

#navlist a:hover{
color: #000;
background-color: #FFF;
text-decoration: none;
}

  /*Slideshow style rules.*/

#slideshow {
	margin:0 auto;
	width:750px;
	height:190px;
	/*background:transparent url(images/slider/bg_slideshow.jpg) no-repeat 0 0;*/
	position:relative;
}
#slideshow #slidesContainer {
	margin:0 auto;
	width:600px;
	height:170px;
	overflow:auto; /* allow scrollbar */
	position:relative;
}
#slideshow #slidesContainer .slide {
	margin:0 auto;
	width:700px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
	height:170px;
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:41px;
  height:263px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:40px;
  left:0;
  background:transparent url(../images/feat_leftarrow.png) no-repeat 0 0;
}
#rightControl {
  top:40px;
  right:0;
  background:transparent url(../images/feat_rightarrow.png) no-repeat 0 0;
}

.slide h1 {
  margin:3px 10px 5px 10px;
  padding:3px 3px;
}

.slide p {
margin:5px;
}

.slide a:link, .slide a:visited {
color: #512928;
font-weight:bold;
text-decoration: none;
}

.slide a:hover {
text-decoration: underline;
}

.slide h1 {
  font:normal 1.2em Arial, Helvetica, sans-serif;
  color:#000;
  /*letter-spacing:-1px;*/
  background:transparent url(../images/featheaderbg.png) no-repeat top left;
}
.slide img {
  float:left;
  margin:0 15px;
}

#FeaturedDiv {
	position:relative;
	/*left:0px;*/
	top:356px;
	width:100%;
	height:0px;
	z-index:1;
}

#FeaturedDiv .holder {
	width:965px; margin:0 auto;
}

#FeaturedDiv .shiftleft {
margin:0 0 0 180px;
}

#menu {
	position:absolute;
	margin:0;
	width:100%;
	height:20px;
	top:0;
}

#menu #wrapper {
	position:;
	top: 360px;
	left: 0;
	width:260px;
	height:50px;
}


#headerwrapper {
	width:100%;
	height:385px;
	background:#e21f1f url(../images/bgred.jpg) repeat-x;
}


#headerwrapper-sub {
	width:100%;
	height:300px;
	background:#e21f1f url(../images/bgred.jpg) repeat-x;
}
#header {
	margin:auto;
	width:964px;
	height:385px;
	background-image:url(../images/header.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

#header-sub {
	margin:auto;
	width:964px;
	height:300px;
	background-image:url(../images/header-subpage.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

#headerLeft {
	float:left;
	width:300px;
	height:280px;
	padding:10px 0 10px 30px;
}

#headerLeft-sub {
	float:left;
	width:300px;
	height:270px;
	padding:10px 0 10px 30px;
}

#headerRight {
	float:right;
	width:550px;
	height:280px;
	padding:15px 30px 10px 30px;
}

#headerRight-sub {
	float:right;
	width:550px;
	height:260px;
	padding:15px 30px 10px 30px;
}

#mainnavWrap {
	float:right;
	width:450px;
	height:30px;
	margin:10px 18px 0 0px;
	padding:0px;
}
#slogan {
	float:right;
	width:290px;
	height:85px;
	margin:60px 10px 0 0;
}

#slogan-sub {
	float:right;
	width:290px;
	height:85px;
	margin:60px 120px 0 0;
}

#quotebutton {
	float:right;
	width:290px;
	margin:0 10px 0 0;
}
#helpyougrow {
	float:left;
	width:100%;
	height:30px;
	padding:15px 0 0 0;
	margin:0 0 0 15px;
}
#featWorkswrapper {
	width:100%;
	height:200px;
	background-image:url(../images/featbg.jpg);
	background-repeat:repeat-x;
}

#quoteWorkswrapper-sub {
	width:100%;
	height:100px;
	background-image:url(../images/featbg.jpg);
	background-repeat:repeat-x;
	/*border-top:5px solid #960;*/
}

#featWorkswrapper #container {
	width:964px;
	margin:auto;
	padding:10px 0 0 0;
}
.divider {
	width:100%;
	height:10px;
	background-image:url(../images/mid-div-bar.png);
	background-repeat:repeat-x;
}

.dividertop-sub {
	width:100%;
	height:5px;
	background-image:url(../images/mid-div-bar.png);
	background-repeat:repeat-x;
}

#homecontentWrap {
	width:100%;
	/*height:350px;*/
	min-height:300px;
}
#homecontentWrap #inner {
	width:964px;
	margin:10px auto;
	/*float:left;*/
}
#homecontentWrap #left {
	float:left;
	width:445px;
	border-right:1px dashed #930;
	padding:10px;
}
.morelink {
	float:right;
	margin-right:50px;
}
#homecontentWrap #Right {
	float:right;
	width:455px;
	padding:8px;
}
#footerWrap {
	background:#ece6ca url(../images/footerlamp.png) no-repeat bottom left;
	width:100%;
	float:left;
	/*height:250px;*/
	border-top:1px solid #960;
}

#footerWrap-contact {
	background:#ece6ca url(../images/footerlamp.png) no-repeat bottom left;
	width:100%;
	float:left;
	min-height:200px;
	border-top:1px solid #960;
}


#footerWrap #inner {
	width:964px;
	margin:10px auto;
}
#footerWrap #Leftside {
	float:left;
	width:470px;
	/*height:200px;*/
	padding:10px 10px 0 10px;
	/*border-right: 1px dashed #930;*/
	background:transparent url(../images/divider-long.png) no-repeat 460px 50px;
}
#footerWrap #rightSide {
	float:right;
	width:450px;
	padding:10px 10px 0 10px;
}
#legal {
	float:left;
	width:100%;
	font-size:0.75em;
	padding:10px 0;
	color:#512928;
}

#legal p{
font-size:0.95em;
}
#twitter_div {
	width:395px;
	padding:4px 20px 4px 8px;
	font-size:0.8em;
	color:#2F1817;
	background:transparent url(../images/twitterbubble2.png) no-repeat top left;
}

#twitter_div ul {
	list-style-type:none;
	margin:0;
	padding:0 0 0 7px;
}
#twitterbutton {
	padding:30px 0 0 0;
}

#shoutContainer {
float:left; background:transparent url(../images/shoutfooter.png) no-repeat top left; width:440px;	
}

#shoutContainer p{
	float:right; color:#512928; padding:0 3px; margin:0; font: normal 0.8em Arial, Helvetica, sans-serif;
}

#paypal {
	float:left; width:440px; padding:10px 0; text-align:right;
}

#homeBubble {
	width:100px; float:right; margin:0 46px 0 0;
}

h1.home {
	float:left;
}

/*#homeBubble {
	position:absolute;
	left:0px;
	top:25px;
	width:500px;
	height:49px;
	z-index:1;
}

#homeBubble .holder {
	width:450px;
	margin:0 auto;
}

#homeBubble .shift {
	width:80px;
	margin:0 0 0 300px;
}*/


/*subpage content*/

#subpagecontentWrap {
	width:100%;
	/*height:350px;*/
}
#subpagecontentWrap #inner {
	width:964px;
	margin:10px auto;
}


#subpagecontentWrap #content {
	/*float:left;*/
	width:960px;
	/*border-right:1px dashed #930;*/
	padding:10px;
	min-height:300px;
}

#subpagecontentWrap  #content  h1{
float:left; margin:10px 0 0 0; padding:0 15px 5px 0;
}

#subpagecontentWrap p {
	/*width:960px;*/
	padding:5px 10px;
}

#subpagecontentWrap .aboutlist {
	font-size:.85em;
	font-weight:bold;
}

ul.aboutlist{
	list-style-type:square;
	/*padding:0 0 0 30px;*/
}

.aboutlist li {
	padding:3px 0;
}

.boldRedText {
	font-size:1em;
	font-weight:bold;
	color:#900;
}


#subpagecontentWrap .morelink {
	/*float:right;*/
	/*margin-right:50px;*/
}

#subpagecontentWrap .floatleft {
	float:left;
}

#subpagecontentWrap .floatright {
	float:right;
}

/*portfolio styles*/

/* Content - Portfolio Listing */

ul#portfolio-filter{
	margin: 5px 0;
	padding: 0;
	height: 34px;
	padding-left: 10px;
	line-height: 64px;
	background: transparent url(../images/icon-tag-green.png) left no-repeat;
	font-size:0.7em;
}
ul#portfolio-filter li{ display: inline; }

ul#portfolio-filter a{ margin-right: 0.5em; padding: 0.5em 1em; background: #FFF; color: #AAA; font-weight: bold; 
text-decoration: none; }

ul#portfolio-filter a:hover, ul#portfolio-filter a.current{ color: #888; }

ul#portfolio-filter a.current{ background-color: #DDD; }

ul#portfolio-list{ margin: 36px 0 20px 0; padding: 0; list-style: none; }

ul#portfolio-list li{ width: 290px; height: 180px; display: block; float: left; margin:0 18px 20px 0; overflow: hidden; border:3px solid #E3E3E3; padding:0; background: #eee;}

ul#portfolio-list li a{ display: block; margin:2px auto; width: 280px; height: 120px; /*overflow: hidden;*/ border: 1px solid #CDCDCD; background: #eee; }

/*ul#portfolio-list li a { }*/
ul#portfolio-list li p {
	font:normal  .9em Arial, Helvetica, sans-serif;
	/*background-color:#634;*/
	color: #333;
	margin: 5px 0;
	padding:10px 3px;
	text-align:left;
}


/*Community styles*/
.storyblock { width:900px; border:1px solid #512928; /*border-bottom:none; */ margin:15px auto; padding:5px 10px; color:#512928;
         text-align:center; float:right; min-height:100px; background:url(../images/comm-arrow.png) no-repeat 95% 50%;
}

.storyblock a:link, .storyblock a:visited {
	text-decoration:underline;
	color:#512928;
	font-weight:bold;
}

.storyblock a:hover {
	text-decoration:none;
}

.storyblock p.date {
	float:left; width:100px; border-right:1px solid #ddd;
}

.storyblock .month {
	font-size:1.3em; font-weight:bold;
}

.storyblock .day {
	font:bold 2.5em Arial, Helvetica, sans-serif;
}

.storyblock .year {
	font-size:1.3em; font-weight:bold;
}

.storyblock p.blurb {
	float:left; width:720px; text-align:left; padding:5px 15px; color:#333;
}

.hidden-content {
	width:900px;
	float:right;
	margin:5px 0 0 25px;
	text-align:left;
	background-color:#F4EBE1;	/*border-bottom:1px solid #512928;*/
}

.hidden-content p {
	padding:0;
	margin:5px 0;
}

.hidden-content img {
	padding:3px 10px 3px 5px;
}

.hidden-content  .close a:link, .hidden-content  .close a:visited {
	float:right;
	padding:5px;
	border:1px solid #333;
	margin:0 0 10px 0;
}

.hidden-content  .close a:hover {
	text-decoration:none;
	background-color:#F00;
	color:#FFF;
}

.topButton a:link, .topButton a:visited {
	float:right;
	width:60px;
	padding:5px;
	border:1px solid #ddd;
	text-align:center;
	background-color:#E7E7E7;
	color:#999;
	text-decoration:none;
}

.topButton a:hover {
	text-decoration:none;
	background-color:#fff;
	color:#f00;
}


/*Process styles*/
.processListBlock {
	width:900px; /*border:1px solid #512928;*/
	margin:3px auto;
	padding:5px 10px;
	color:#512928;
	float:right;
	min-height:90px; /*background:url(../images/process-numb1.gif) no-repeat 0% 50%;*/
}

.processListBlock p.numberLeft {
	float:left; width:200px; background:url(../images/process-numb1.gif) no-repeat 95% 50% ; min-height:90px; margin:5px 0;
}

.processListBlock p.numberLeft-three {
	float:left; width:200px; background:url(../images/process-numb3.gif) no-repeat 95% 50%; min-height:95px; margin:5px 0;
}

.processListBlock p.numberLeft-five {
	float:left; width:200px; background:url(../images/process-numb5.gif) no-repeat 95% 50%; min-height:95px; margin:5px 0;
}

.processListBlock p.numberRight {
	float:right; width:300px; background:url(../images/process-numb2.gif) no-repeat 95% 50%; min-height:90px; margin:5px 0;
}

.processListBlock p.numberRight-four {
	float:right; width:200px; background:url(../images/process-numb4.gif) no-repeat 95% 50%; min-height:90px; margin:5px 0;
}

.processListBlock p.numberRight-six {
	float:right; width:230px; background:url(../images/process-numb6.gif) no-repeat 95% 50%; min-height:95px; margin:5px 0;
}

.processListBlock p.contentRight {
	float:left; width:100px; border-right:1px solid #ddd; margin:5px 0;
}

.processListBlock .month {
	font-size:1.3em; font-weight:bold;
}

.processListBlock .day {
	font:bold 2.5em Arial, Helvetica, sans-serif;
}

.processListBlock .year {
	font-size:1.3em; font-weight:bold;
}

.processListBlock p.description-right  {
	float:right; width:650px; text-align:left; padding:5px 10px; color:#333; margin:5px 0 0 0; font-size:.95em;
}

.processListBlock p.description-left  {
	float:left; width:560px; text-align:left; padding:5px 10px; color:#333; margin:5px 0 0 0; font-size:.95em;
}

.processListBlock p.description-four  {
	float:left; width:650px; text-align:left; padding:5px 10px; color:#333; margin:5px 0; font-size:.95em;
}

ul.processlist{
	list-style-type:square; /*padding:0 0 0 100px;*/ font-size:.85em; float:right; width:630px; margin:0;
}

.processlist li { padding:3px 0; /*margin:0 0 0 100px*/; color:#333;}



/*contact page*/
#blockLeft {
	width:620px;
	float:left;
	margin:10px 10px 20px 5px;
	border-right:1px solid #ddd;
}


#blockLeft #fullquoteForm {
	/*float:left;*/
}

#blockLeft p.section{background:#E4DCB6; color:#000; font: bold .9em  Arial, Helvetica, sans-serif; 
padding:6px; margin:5px 0 0 0px; }


#blockLeft legend {background:#E4DCB6; color:#000; font: bold .9em  Arial, Helvetica, sans-serif; 
padding:0 10px; margin:5px 0 0 0px; }

#blockLeft label {
	font-size:0.8em;
	font-weight:normal;
	color:#000;
}

#blockLeft label.error { 
/*float: left;*/
color: #900;
/*vertical-align: top;*/ 
font-size:.6em;
}

#blockLeft label.opt {font-weight:normal;}
#blockLeft dl {clear:both;}
#blockLeft dt {
	float:left;
	text-align:left;
	width:200px;
	line-height:25px;
	margin:0 10px 10px 0;
	padding:0 0 0 4px;
}

#blockLeft dt.submit {
	
}

#blockLeft dt.submit input {
	float:left;
	width:86px;
	background-color:none;
}

#blockLeft dd {
	float:left;
	width:350px;
	line-height:25px;
	margin:0 0 10px 0;
}

#blockLeft input {
	padding:5px;
	width:220px;
	background-color: #E8E8E8;
	color: #333;
	border:none;
}

#blockLeft input#security {
	padding:5px;
	width:50px;
	background-color: #E8E8E8;
	color: #333;
	border:none;
}

#blockLeft input#sendbutton {
	width:86px;
	background-color:#fff;
}


#blockLeft input:focus {
	background-color: #FF9;
}

#blockLeft select {
	width:220px;
	padding:5px;
	background-color: #E8E8E8;
	color: #333;
	border:none;
}

#blockLeft select:focus {
	background-color: #FF9;
}

#blockLeft textarea {
	width:220px;
	padding:5px;
	background-color: #E8E8E8;
	color: #333;
	border:none;
}

#blockLeft textarea:focus {
	background-color: #FF9;
}

#blockLeft fieldset {
	background:#f2f2e6;
	font-size:0.95em;
	font-weight:bold;
	padding:3px 10px 3px 0;
	border:none;
	/*border:1px solid #E4DCB6;*/
	/*border-color:#fff #666661 #666661 #fff;*/
	margin-bottom:10px;
	width:600px;
}

#blockLeft button {
	background-color:#ddd;
}


#blockLeft .requiredF {
background:url(../images/requiredbut.gif) no-repeat top left; width:100px; height:21px;
}


#blockLeft p.blockHeader {
	margin:0; padding:3px; background-color:#512928; color:#fff; width:150px; font-weight:bold;
}

#blockLeft p.content { 
margin:0; padding:5px 3px;
}

#quote form {
	padding:0;
	margin:0;
}

#blockLeft .tableHead{ 
margin:0; padding:5px 3px; font-weight:bold;
}

#blockLeft .celldiv{ 
border-top:1px solid #ccc; margin:5px 0;
}

#blockLeft table {
	width:590px;
}

#blockLeft td {
	padding:6px 2px;
	vertical-align:top;
}

#blockLeft th {
	padding:4px 0 4px 10px;
	vertical-align:top;
	font-size:.75em;
	text-align:left;
}


.boxRight {
	width:300px; float:left; margin:10px 10px 0 5px;
}

.boxRight p.boxHeader {
margin:0; padding:3px; background-color:#512928; color:#fff; width:150px; font-weight:bold;
}

.boxRight p.boxHeaderLong {
margin:0; padding:3px; background-color:#512928; color:#fff; width:230px; font-weight:bold;
}

.boxRight p.content {
	margin:0; padding:5px 3px;
}

#blockLeft input#imageField {
	width:86px;
	background-color:#fff;
}


/*about page styles*/

.aboutImage {
	float:right; margin:5px 0 0 5px;
}

.imageCaption {
	float:right; clear:right; width:205px; margin:0 0 10px 5px; text-align:center; 
	font-size:.8em; font-weight:bold; color:#900;
}

.approachHeader {
	font-size:1.2em; color:#900; font-weight:bold;
}

#teamWrapper {
	width:960px;
	float:left;
	margin:5px 0 25px 0;
}

#teamWrapper p.member {
	width:290px;
	float:left;
	border:1px solid #dfdfdf;
	margin:0 3px;
	min-height:250px;
}

#teamWrapper .memberName {
font-size:1.2em; color:#900; font-weight:bold;
}

#teamWrapper .memberTitle {
font-size:.9em; color:#999;
}

/*services styles*/

.offerBlockLeft {
	width:460px; float:left; margin:5px 10px 0 5px; min-height:250px;
}

.offerBlockRight {
	width:460px; float:right; margin:3px 5px; min-height:250px;
}

.serviceHeader {
	margin:0 0 10px 0; padding:3px; background-color:#512928; color:#fff; width:210px; font-weight:bold;
}

.offerBlockLeft img, .offerBlockRight img{
	float:left;
	margin:0 5px;
}

.contentAlign {
padding:5px 3px;
margin:0;
float:right;
width:300px;
}

ul.offerings {
float:left;
margin:0 0 5px 0;
font-size:.8em;

}

ul.offerings li {
	padding:3px 0;
	/*display:block;*/
	white-space:nowrap;
}

a.viewP:link, a.viewP:visited  {
	float:left;
	width:119px;
	background:url(../images/viewportfoliobut_up.png) no-repeat top left;
	margin:0 10px 0 0;
	display: block;
	height:30px;

}

a.viewP:hover {
	background:url(../images/viewportfoliobut_over.png) no-repeat top left;
}

a.requestQ:link, a.requestQ:visited  {
	float:left;
	width:105px;
	background:url(../images/requestbutton_up.png) no-repeat top left;
	/*margin:0 10px 0 0;*/
	display: block;
	height:29px;

}

a.requestQ:hover {
	background:url(../images/requestbutton_over.png) no-repeat top left;
}


/*general styles*/


.brownblockHeader {
	margin:0; padding:3px; background-color:#512928; color:#fff; width:210px; font-weight:bold;
}


p.BrownblockHeader {
	margin:0; padding:3px; background-color:#512928; color:#fff; width:30%; font-weight:bold;
}


/*quote Form*/

/*.required {
	color:#900;
}*/

#quoteForm {
	min-height:200px;
	/*padding:10px 10px 0 10px;*/
}

/*#quoteForm h6{
	font-size:1em;
	font-weight:bold;
	color:#930;
	font-variant:small-caps;
}
*/

#thank_you {
	font-size:1.3em;
	font-weight:bold;
}

#thank_you h6 {
	float:left;
}

#thank_you img {
	float:left;
}


/*contact form*/