html, body {
	height: 100%;
}
/* fixes IE6 */
* html #bg_gradient, 
* html #bg_hdlogo {
	height: 100%;
	width: 100%;
}
#bg_gradient,
#bg_hdlogo {
	min-height: 100%;
	min-width: 1020px; /* this fixes the issue with bg elements not expanding full width 
							when window is narrower than the main content region */
}
/* don't change css above - this makes the page bg stuff align correctly */

body, div, table, tr, th, td, form, img {
	border: 0;
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding: 0;
	position: relative; /* fixes issue in IE6 when headers some times disappear */
}
/* header styles */

h1, h2, h3, h4, h5, h6 {
	padding: 5px 0 5px 0;
}

/* a styles */

a {
	text-decoration: none;
}

/* p styles */

p {
	padding: 10px 0 10px 0;
}

/* hr styles */

hr {
}

input,
textarea 
{
	border: 0;
}

/*********************/
/* appearance styles */
/*********************/

/* 
Colors:
*/

/*--------------*/
/* color styles */
/*--------------*/

/* background-color styles */

#footer {
	background-color: #C5C1BF;
}
body {
	background-color: #D6D1CE;
}
.home_box,
.portfolio_box {
	background-color: #EBE8E7;
}

#tabbed_box {
	background-color: #E6E3E2;
}
#tabSelected,
#tabbed_box_inner 
{
	background-color: #F2F2F2;
}

/* border styles */

hr {
}
.portfolio_img,
.home_box_content
{
	border: 5px solid #FFF;
}
.portfolio_img img,
#contact_map #map_container
{
	border: 1px solid #C5C1BF;
}
/*
#contact_map #map_container {
	border: 1px solid #57351F;
}
*/

/* color styles */

body {
	color: #57351F;
}
a {
	color: #62513B;
}
h1, h1 a,
h3, h3 a,
h5, h5 a
{
	color: #EF4623;
}
h2, h2 a,
h4, h4 a,
h6, h6 a
{
	color: #62523B;
}
#header_right a,
#header_right a:visited,
.subnav a,
.subnav a:visited,
#footer a,
#footer a:visited 
{
	color: #62513B;
}
.button a {
	color: #FFF;
}
.menu_item a:hover,
.subnav a:hover,
.subnav a#subSelected,
#tabSelected a,
#footer a:hover
{
	color: #EF4623
}
#selected a,
.tab_nav a,
#footer a#bSelected
{
	color: #098395;
}
strong {
	color: #8B9224;
}

#home_content h4 a,
#bottom_content a,
#content a,
#admin_content a {
	color: #098395;
}
.red {
	color: #900;
}
.blue {
	color: #098395;
}
.orange_txt {
	color: #EF4623;
}
.subnav {
	color: #CCC;
}


/*------------------*/
/* font/text styles */
/*------------------*/

/* font styles */

body, div, table, tr, th, td, form, img, p,
#webdevelopment
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
}
h1 {
	font-size: 200%;
	font-weight: normal;
}
h2 {
	font-size: 180%;
}
h3 {
	font-size: 160%;
}
h4 {
	font-size: 140%;
	font-weight: normal;
}
h5 {
	font-size: 120%;
}
h6 {
	font-size: 100%;
}
.menu_item,
.tab_nav
{
	font-size: 16px;
	line-height: 16px;
}
#blog_box h3 {
	font-size: 18px;
	font-weight: normal;
}
.copyright {
	font-size: 12px;
}
.portfolio_box h4 {
	font-size: medium;
	font-weight: bold;
}


/* letter styles */

p, 
#welcome 
{
	line-height: 1.5em;
}

/* text styles */

p,
#welcome,
#main,
#main_menu,
#col_lt_top,
.align_left
{
	text-align: left;
}
.button,
.align_center
{
	text-align: center;
}
.subnav,
#blog_box h3,
.align_right,
#main #portfolio_featured_txt p
{
	text-align: right;
}



#main_menu .menu_item,
#blog_box h3 {
	text-transform: uppercase;
}

/*
#home_content a,
#bottom_content a,
#content a {
	text-decoration: underline;
}
#home_content .blog_home_box_hdr a {
	text-decoration: none;
}
*/


/*****************/
/* layout styles */
/*****************/

.float_left {
	float: left;
}
.float_right {
	float: right;
}
.clear_all {
	clear: both;
}

/*-------------------*/
/* background styles */
/*-------------------*/

#bg_hdlogo,
#bg_gradient {
	width: 100%;
}

/* bg_gradient styles */

#bg_gradient {
	background-image:url(../images/gradient_fill.jpg);
	background-repeat:repeat-x;
	background-position:top;
}

/* bg_hdlogo_trans styles */

#bg_hdlogo_trans {
	background-image: url(../images/HD_Web_pattern.gif);
	background-repeat:repeat;
	background-position:top;
	height: 500px;
	margin-bottom: -500px;
	position: relative;
	width: 100%;
	z-index: 100;
	
	/* transparency */
	filter: alpha(opacity=20);
	opacity: 0.2;
	-moz-opacity: 0.2;
	-khtml-opacity: 0.2;
}

/* bg_container_top styles */

#bg_container_top {
	background-image: url(../images/Transparent_top_section.gif);
	background-repeat: no-repeat;
	background-position:top;
	height: 450px;
	margin-top: 21px;
	margin-bottom: -450px;
	position: relative;
	width: 1010px;
	z-index: 200;

	/* transparency */
	filter: alpha(opacity=60);
	opacity: 0.6;
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
}


/********************/
/* container styles */
/********************/

#container {
	/*
	height: 735px; - height with container_btm
	height: 450px; - can't have this set cause it messes up the footer placement on the inside pages
	*/
	position: relative;
	width: 1010px;
	z-index: 500;
}

/*----------------------*/
/* container_top styles */
/*----------------------*/

#container_top {
/*
	height: 450px; - can't have this set cause it messes up the footer placement on the inside pages
*/
	width: 1010px; /* 1010px (total width) */
}

/* header styles */

#header {
	height: 127px; /* 450px (container_top height) - 323px (#main height) */
	width: 1010px; /* 1010px (total width) */
}

/*--------------------*/
/* header_left styles */
/*--------------------*/

#header_left {
	height: 93px; /* 127px (total height) - 20px (padding top) - 14px (padding bottom) */
	padding: 20px 0 14px 20px;
	width: 355px; /* 375px  (total height) - 20px (padding left) */
}

/* logo styles */

#logo {
	height: 83px; /* 93px (#header_left height) - 10px (padding top) - 0 (padding bottom) */
	padding: 10px 0 0 15px;
}

/*---------------------*/
/* header_right styles */
/*---------------------*/

#header_right {
	height: 93px; /* 127px (total height) - 20px (padding top) -14px (padding bottom) */
	padding: 20px 20px 14px 0;
	width: 600px; /* 620px (total width) - 20px (padding right) */
}

/* main_menu */

#main_menu {
	height: 25px; /* 56px (col_rt_top total height) - 30px (.subnav height) - 1px (padding top) */
	line-height: 25px;
	margin: 0;
	padding: 1px 0 0 15px;
}
.menu_item {
	float: left;
	height: 16px; /* 25px (total height) - 4px (padding top) - 5px (padding bottom) */
	line-height: 16px;
	padding: 4px 0 5px 0;
}
.menu_item a {
	display: inline-block;
	height: 16px;
	line-height: 16px;
	margin: 0 10px 0 10px;
}
#selected {
	background-image: url(../images/nav_pointer.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}
.subnav {
	clear: both;
	display: block;
	height: 20px; /* 30px (total height) - 5px (padding top) - 5px (padding bottom) */
	padding: 5px 15px 5px 0;
}



/* main styles */

#main {
/*
	height: 323px; /* 450px (container_top height) - 127px (#header height) - can't have this set cause it messes up the footer placement on the inside pages
*/
}

/* content styles */
#home_content {
	/* height: 305px; /* 355px (total height) - 10px (padding top) - 20px (padding bottom) */
	padding: 10px 0 20px 0;
}

#content {
	height: 305px; /* 355px (total height) - 10px (padding top) - 20px (padding bottom) */
	padding: 10px 20px 20px 20px;
}

/*----------------------*/
/* container_btm styles */
/*----------------------*/

#container_btm {
	height: 263px; /* 301px (total height) - 22px (padding top) - 16px (padding bottom) */
	padding: 22px 19px 16px 15px;
	width: 976px; /* 1010px (total width) - 19px (padding right) - 15px (padding left) */
}


/* tabbed_box */

#tabbed_box {
	float: left;
	height: 248px; /* 263px (total width) - 8px (padding top) - 7px (padding bottom) */
	padding: 8px 7px 7px 7px;
	width: 427px; /* 441px (total width) - 7px (padding right) - 7px (padding left) */
}

#tabbed_box_nav {
	height: 38px;
	width: 427px;
}
.tab_nav {
	float: left;
	height: 16px; /* 38px (total height) - 11px (padding top) - 11px (padding bottom) */
	padding: 11px 0 11px 0;
	width: 100px;
}
#tabbed_box_inner {
	height: 200px; /* 210px (total height) - 5px (padding top) - 5px (padding bottom) */
	padding: 5px;
	width: 417px; /* 427px (total width) - 5px (padding right) - 5px (padding left) */
}

/* blog_box */

#blog_box {
	background-image: url(../images/blog_box_bg.jpg);
	background-repeat: repeat-x;
	float: right;
	height: 263px;
	width: 514px;
}

#blog_box h3 {
	height: 18px; /* 23px (total height) - 5px */
	line-height: 18px;
	margin: 0;
	padding: 3px 10px 2px 0;
}

.blog_entry {
	padding: 15px 25px 15px 25px;
}

/*---------------*/
/* footer styles */
/*---------------*/

#footer {
	clear: both;
	height: 200px;
	margin-top: 10px;
	position: relative;
	width: 100%;
	z-index: 560;
}
#footer_area {
	padding: 10px;
	width: 990px; /* 1010px (total width) - 10px (padding right) - 10px (padding left) */
}
#footer_left {
	float: left;
	text-align: left;
}
#footer_right {
	float: right;
	text-align: right;
}
#adminpanel {
	clear: both;
}

/********************/
/* home page styles */
/********************/

#home_left {
	height: 283px; /* 323px (total height) - 20px (padding top) - 20px (padding bottom) */
	padding: 20px;
	width: 335px; /* 375px  (total height) - 20px (padding right) - 20px (padding left) */
}
#home_right {
	height: 283px; /* 323px (total height) - 20px (padding top) - 20px (padding bottom) */
	padding: 20px;
	width: 580px; /* 620px (total width) - 20px (padding right) - 20px (padding left)  */
}

#welcome {
	height: 263px; /* 283px (total height) - 20px (padding top) */
	padding: 20px 0 0 40px;
	width: 295px; /* 335px (total width) - 40px (padding left) */
}
.button {
	background-image: url(../images/btn_welcome.gif);
	background-repeat: no-repeat;
	height: 19px; /* 39px (total height) - 10px (padding top) - 10px (padding bottom) */
	padding: 10px 0 10px 0;
	width: 221px;
}

/* slideshow */

#slideshow {
	background-image: url(../images/slideshow_bg.gif);
	background-repeat: no-repeat;
	position: relative;
	z-index: 550;
}
.stepcarousel {
	height: 354px; /* 354px (slideshow_bg.gif height) - 283px (#home_right height) = 71px (top position) */
	margin: -71px 0 0 40px;
	overflow: scroll; /* leave this value alone */
	width: 514px; /* 592px (#col_left width) - 514px (slideshow_bg.gif width) = 78px (extra space) - 40px (left position) */
	position: relative; /* leave this value alone */
}
.stepcarousel .belt{
	left: 0;
	position: absolute; /* leave this value alone */
	top: 0;
}
.stepcarousel .panel {
	float: left; /* leave this value alone */
	height: 325px; /* 354px (total height) - 13px (margin top) - 26px (margin bottom) */
	overflow: hidden; /* clip content that go outside dimensions of holding panel DIV */
	margin: 13px 18px 26px 13px;
	width: 483px; /* 514px (total width) - 18px (margin right) - 13px (margin left) */
}
.slideshow_img {
	height: 298px; /* 325px (total height) - 7px (margin top) - 8px (margin bottom) */
	padding: 10px 16px 17px 12px;
	width: 455px; /* 483px (total width) - 14px (margin right) - 14px (margin left) */
}

/* home bottom content */

.home_row {
	clear: both;
	/* height: 357px; 357px (.portfolio_box height) */
	padding: 0 19px 0 20px;
	width: 951px; /* 990px (total width) - 951px (width needed for 3 .portfolio_box ) = 39px (left over for padding) */
}
.home_row2 {
	clear: both;
	padding: 0 19px 0 20px;
	width: 951px; /* 990px (total width) - 951px (width needed for 3 .portfolio_box ) = 39px (left over for padding) */
}
.home_box {
	float: left;
	 /*height: 327px; ( 287px (.portfolio_box img height) + 40px (for text) ) + 5px (margin top) + 5px (margin bottom) + 10px (padding top) + 10px (padding bottom) = 357px */
	margin: 5px;
	padding: 10px;
	width: 287px; /* 287px (.portfolio_box img width) + 5px (margin right) + 5px (margin left) + 10px (padding right) + 10px (padding left) = 317px */
}
.home_box_hdr {
	background-color: #F4F3F1;
	border: 5px solid #FFF;
	margin-bottom: 5px;
	padding: 10px;
}
.home_box_content {
	background-color: #F4F3F1;
	height: 465px; /* adjust as the home box content get longer or shorter */
	padding: 10px;
}

.short_box {
	border: 0;
	margin: 5px 0 5px 0;
	padding: 10px;
	width: 444px; /* 464px (total width) - 10px (padding right) - 10px (padding left) */
/*
*/
}
.left_box {
	border: 0;
	margin: 5px 0 5px 0;
	padding: 10px;
	width: 466px; /* 486px (total width) - 10px (padding right) - 10px (padding left) */
/*
*/
}
.short_box_bottom {
	clear: left;
	float: left;
}
.short_box_content {
	height: 300px;
}
.blog_home_box {
	margin: 5px 0 5px 0;
	padding: 10px;
	width: 435px; /* 455px (total width) - 10px (padding right) - 10px (padding left) */
/*
*/
}
.blog_home_box_hdr,
.subscribe_home_box_hdr {
	width: 405px; /* 445px (total width) - 10px (padding right) - 10px (padding left) */
}
.blog_home_box_content
{
	background-color: #F4F3F1;
	border: 5px solid #FFF;
	width: 425px; /* 445px (total width) - 5px (border right) - 5px (border left) */
}

/* subscribe form styles */

/* 
.blog_home_box width: 435px; 
.home_box_content width: 435px - 10px (padding right) - 10px (padding left) = 415px;
*/

.subscribe_home_box_hdr {
	padding-top: 1px;
	padding-bottom: 0;
}
.subscribe_box_left {
	float: left;
	padding: 5px 10px 5px 10px;
	width: 190px; /* 210px (total width) - 10px (padding right) - 10px (padding left) */
}
.subscribe_form
{
	background-color: #EEECE8;
	float: right;
	padding: 8px 5px 8px 10px;
	margin: 0;
	width: 190px; /* 205px (total width) - 5px (padding right) - 10px (padding left) */
}

/**********************/
/* inside page styles */
/**********************/

#top_content {
	height: 305px; /* 305px (#content height) */
	/* width: 970px; */
}
#bottom_content {
	padding: 0 10px 10px 10px;
	width: 990px; /* 1010px (total width) - 10px (padding right) - 10px (padding left) */
}


/* portfolio page styles */

#portfolio_featured2 {
	background-image: url(../images/yesmville-featured.png);
	background-repeat: no-repeat;
	height: 295px;
	width: 970px;
}
#portfolio_featured_content2,
#hdr_content2 {
}
#hdr_hdr2 {
}
#hdr_text2 {
}
#portfolio_featured_hdr2 {
	left: 40px;
	position: relative;
	top: 15px;
	width: 250px;
}
#portfolio_featured_txt2 {
	left: 40px;
	position: relative;
	text-align: left;
	top:20px;
	width: 460px;
}

.portfolio_row {
	clear: both;
	height: 357px; /* 357px (.portfolio_box height) */
	padding: 0 19px 0 20px;
	width: 951px; /* 990px (total width) - 951px (width needed for 3 .portfolio_box ) = 39px (left over for padding) */
}
.portfolio_box {
	float: left;
	height: 327px; /* ( 287px (.portfolio_box img height) + 40px (for text) ) + 5px (margin top) + 5px (margin bottom) + 10px (padding top) + 10px (padding bottom) = 357px */
	margin: 5px;
	padding: 10px;
	width: 287px; /* 287px (.portfolio_box img width) + 5px (margin right) + 5px (margin left) + 10px (padding right) + 10px (padding left) = 317px */
}
.portfolio_img {
	height: 277px; /* 277px (portfolio_img img width) + 5px (border top) + 5px (border bottom) = 287px */
	width: 277px; /* 277px (portfolio_img img height) + 5px (border right) + 5px (border left) = 287px */
}
.portfolio_img img {
	height: 275px; /* 275px (total img width) + 1px (border top) + 1px (border bottom) = 277px */
	width: 275px; /* 275px (total img height) + 1px (border right) + 1px (border left) = 277px */
}
.portfolio_box h4 {
	height: 20px;
	line-height: 20px;
	margin: 0;
	padding: 5px 0 0 0;
}
.portfolio_box p {
	height: 20px;
	line-height: 20px;
	margin: 0;
	padding: 0;
}

/* contact page styles */

#contact_info {
	height: 277px; /* 302px (total height) - 10px (padding top) - 5px (padding bottom) */
	padding: 10px 20px 5px 20px;
	width: 174px; /* 970px (#top_content width) - 756px (#contact_map width) - 20px (padding right) - 20px (padding left) */
}
#contact_map {
	height: 277px; /* 302px (total height) - 10px (padding top) - 5px (padding bottom) */
	padding: 10px 4px 5px 0;
	width: 752px; /* 756px (#contact_map width) - 4px (padding right) */
}
#contact_map #map_container {
	height: 275px; /* 277px (#map_container height) + 1px (border top) + 1px (border bottom) */
	width: 750px; /* 752px (#map_container width) + 1px (border right) + 1px (border left) */
}
.address {
}


#content_top_hdr {
	height: 295px;
}
.newsletter_hdr {
	background-image: url(../images/newsletter.gif);
}
#content_top_hdr_text {
	padding: 20px 20px 20px 40px;
	width: 250px;
}

/* newsletter archive */

#newsletter_archive {
	border: 10px solid #EBE8E7;
	background-color: #F4F3F1;
	padding: 5px;
}
#newsletter_archive table.list {
}
tr.highlight th {
	background-color: #EEECE8;
}
tr#main td, 
tr.highlight td, 
tr#highlight td {
	background-color: #E6E3E2;
}
table.list tr.ltgreyrow td {
	border-bottom: 1px solid #EEECE8;
}
table.list th, 
table.list td {
	padding: 3px 10px 3px 10px;
}
table.list th.list_icon,
table.list td.list_icon {
	text-align: center;
	width: 20px;
}
tr.highlight th, t
r.highlight td {
	text-align: left;
}
.red {
	color: #EF4623;
}


/* Logos page */

.logo_row {
	clear: both;
	height: 257px; /* 357px (.portfolio_box height) */
	padding: 0 19px 0 20px;
	width: 951px; /* 990px (total width) - 951px (width needed for 3 .portfolio_box ) = 39px (left over for padding) */
}
.logo_box {
	float: left;
	height: 205px; /* ( 287px (.portfolio_box img height) + 40px (for text) ) + 5px (margin top) + 5px (margin bottom) + 10px (padding top) + 10px (padding bottom) = 357px */
	margin: 5px;
	padding: 10px;
	width: 287px; /* 287px (.portfolio_box img width) + 5px (margin right) + 5px (margin left) + 10px (padding right) + 10px (padding left) = 317px */
}
.logo_img {
	height: 152px; /* 277px (portfolio_img img width) + 5px (border top) + 5px (border bottom) = 287px */
	width: 277px; /* 277px (portfolio_img img height) + 5px (border right) + 5px (border left) = 287px */
}
.logo_img img {
	height: 150px; /* 275px (total img width) + 1px (border top) + 1px (border bottom) = 277px */
	width: 275px; /* 275px (total img height) + 1px (border right) + 1px (border left) = 277px */
}
.logo_box h4 {
	height: 20px;
	line-height: 20px;
	margin: 0;
	padding: 5px 0 0 0;
}
.logo_box p {
	height: 20px;
	line-height: 20px;
	margin: 0;
	padding: 0;
}

.logo_box {
	background-color: #EBE8E7;
}

.logo_img img,
{
	border: 1px solid #C5C1BF;
}
.logo_box h4 {
	font-size: medium;
	font-weight: bold;
	color:#098395;
}
.logo_img,

{
	border: 5px solid #FFF;
}
/* Tiny MCE */
.picture_left{
	float:left;
	padding: 5px 10px 5px 0;
}
.picture_right{
	float:right;
	padding: 5px 0 5px 10px;
}