/* --------------------------------------------------------------------------------------------------------
AUTHOR:			Ryan Marincovich
DATE CREATED:	2007.09.11
File Purpose:	Berg Drywall Stylesheet
REVISIONS:
-------------------------------------------------------------------------------------------------------- */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background: #ffffff;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

/* FONT DEFINITIONS */
table, tr, td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

img.float_left {
	border: 0px;
	float: left;
}

img.float_right {
	border: 0px;
	float: right;
}

img.multiple_section_image {
	margin: 0px 0px 10px 0px;
}

form {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

/* LINK DEFINITIONS */
a, a:visited { text-decoration: underline; font-weight: bold; color: #990033; }
a:hover, a:active { text-decoration: none; font-weight: bold; color: #990033; }

a.sub_header, a.sub_header:visited { font-size: 15px; text-decoration: underline; font-weight: bold; color: #990033; }
a.sub_header:hover, a.sub_header:active { font-size: 15px; text-decoration: none; font-weight: bold; color: #990033; }

a.right, a.right:visited { font-weight: normal; text-decoration: underline; color: #990033; float: right; }
a.right:hover, a.right:active { font-weight: normal; text-decoration: none; color: #990033; float: right; }

.textError {
	font-size: 11px;
	font-weight: bold;
	padding: 5px;
	color: #CC0000;
	background-color: #ffeeee;
}

.textErrorSmall {
	font-size: 11px;
	padding: 5px;
	color: #CC0000;
}

.error_text {
	font-size: 12px;
	font-weight: bold;
	padding: 5px 20px 5px 5px;
	margin: 0px 0px 15px 0px;
	color: #CC0000;
	background-color: #FFEEEE;
}

.error_text_inline {
	font-size: 11px;
	padding: 5px;
	color: #CC0000;
}

/* UNIVERSAL DEFINITIONS */
#div_main {
	width: 780px;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
	background: url(/_images/framework/bg_table_main.gif) top repeat-y;
}

#table_main {
	width: 780px;
	height: 100%;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
	background: url(/_images/framework/bg_gradient.gif) top no-repeat;
}

#table_main_home {
	width: 780px;
	height: 100%;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
	background: url(/_images/home/bg_home.gif) top no-repeat;
}

#table_header {
	width: 100%;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	background: #ffffff;
}

#table_body_wide {
	width: 760px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	line-height: 15px;
	vertical-align: top;
	background: url(/_images/framework/bg_container_top.gif) top left no-repeat;
}

#table_body {
	width: 760px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	line-height: 15px;
	vertical-align: top;
}

#table_body_home {
	width: 760px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	line-height: 15px;
	vertical-align: top;
}

#table_footer {
	width: 100%;
	height: 90px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	background: url(/_images/framework/bg_main_shadow_bottom.gif) top left no-repeat;
}

.table_left_shadow {
	width: 10px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	background: url(/_images/framework/bg_main_shadow_left.gif) top left repeat-y;
}

.table_right_shadow {
	width: 10px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	background: url(/_images/framework/bg_main_shadow_right.gif) top left repeat-y;
}

.div_side_shadow {
	width: 10px;
	height: 320px;
}

#header {
	width: 100%;
	height: 110px;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/_images/framework/bg_main_shadow_top.gif) top left no-repeat;
	position: relative;
}

.header_container {
	width: 740px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/_images/about/navbar.gif) bottom left no-repeat;
	position: relative;
}

#main_container_home {
	width: 760px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
}

#main_container {
	width: 760px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/_images/framework/bg_page_top.gif) top right no-repeat;
}

#main_container_wide {
	width: 760px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/_images/framework/bg_page_top_wide.gif) top right no-repeat;
}

.content_bg_home {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
}

.content_bg {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/_images/framework/bg_page_main.gif) top right repeat-y;
}

.content_bg_wide {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/_images/framework/bg_page_main_wide.gif) top right repeat-y;
}

/* --------------------------- COLUMN CONTAINERS FOR BUILD PAGE ----------------------------------- */
.container_full {
	width: 100%;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}

.container_left_column {
	width: 180px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}

.container_column_wleft {
	width: 560px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	vertical-align: top;
}

.container_column_wsquare {
	width: 560px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	vertical-align: top;
	background: url(/_images/framework/bg_square_image.gif) top right no-repeat;
}

.container_wleft_text {
	width: 530px;
	margin: 16px 0px 0px 15px;
}

.column_content_image {
	margin: 20px 0px 0px 0px;
	padding: 0px;
	float: left;
	display: inline;
}

.column_content_text {
	margin: 16px 0px 0px 0px;
	padding: 0px;
	float: left;
	display: inline;
}

.text_block {
	width: 100%;
	padding: 16px 0px 0px 0px;
}

.text_block_shadow {
	padding: 0px 5px 0px 5px;
}

/* --------------------------- HEADER DEFS ----------------------------------------- */
.page_header_container {
	width: 100%;
	height: 70px;
	margin: 0px;
	padding: 0px;
}

.sub_header_full {
	width: 100%;
	height: 70px;
	margin: 0px;
	padding: 0px;
}

.sub_header_text {
	margin: 0px 0px 0px 20px;
	padding: 39px 0px 0px 0px;
	font-weight: bold;
	font-size: 15px;
}

.sub_header_image {
	width: 320px;
	height: 70px;
	margin: 0px;
	padding: 0px;
	float: left;
}

.sub_header_square {
	width: 280px;
	height: 70px;
	margin: 0px;
	padding: 0px;
	float: left;
}

.sub_header_image_text {
	margin: 0px 0px 0px 5px;
	padding: 23px 0px 0px 0px;
	font-weight: bold;
	font-size: 15px;
}

.sub_header_resource {
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 15px;
}

/* --------------------------- LEFT NAV DEFS --------------------------------------- */
.left_nav_table {
	width: 100%;
	height: 300px;
	margin: 0px;
	padding: 0px;
	background: url(/_images/framework/bg_left_nav.gif) top left repeat-y;
}

.left_nav_td {
	width: 100%;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	background: url(/_images/framework/bg_left_nav_top.gif) top left no-repeat;
}

.left_nav_footer {
	width: 100%;
	height: 16px;
	margin: 0px;
	padding: 0px;
	background: url(/_images/framework/bg_left_nav_bottom.gif) top left no-repeat;
}

.left_nav_container {
	width: 160px;
	margin: 0px 0px 0px 20px;
	padding: 1px 0px 10px 0px;
	background: url(/_images/framework/left_nav_divider.gif) top left no-repeat;
}

.left_nav_link {
	width: 100%;
	margin: 0px;
	padding: 7px 0px 9px 0px;
	background: url(/_images/framework/left_nav_divider.gif) bottom left no-repeat;
}

.left_nav_text {
	width: 150px;
}

.site_bullet {
	margin: 0px 12px 0px 22px;
}

/* ---------------------------- HOME PAGE DEFS ------------------------------------- */
.home_image_container {
	width: 100%;
	height: 300px;
	margin: 0px;
	padding: 0px;
}

.home_flash {
	width: 760px;
	height: 300px;
	margin: 0px;
	float: left;
	display: inline;
}

.home_table {
	width: 720px;
	margin: 20px 0px 0px 20px;
	padding: 0px;
}

.home_table_welcome {
	width: 430px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}

.home_table_feature {
	width: 290px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}

.home_welcome_content {
	width: 420px;
}

.home_feature_content {
	width: 100%;
}

.home_feature_content_image {
	width: 100%;
	float: left;
	background: url(/_images/framework/thumb_frame.gif) top right no-repeat;
}

.home_feature_thumb {
	width: 110px;
	height: 110px;
	margin: 3px 0px 0px 0px;
	padding: 0px;
	float: right;
}

.home_feature_image {
	width: 100px;
	height: 100px;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	float: left;
	display: inline;
}

.home_table_bg {
	background: url(/_images/home/mod_bevel.gif) top left repeat-y;
}

.padded_content {
	margin: 0px;
	padding: 7px 10px 10px 10px;
}

/* --------------------------------------- SECTION MAIN DEFS -------------------------------------- */
.square_image_container {
	width: 250px;
	height: 250px;
	margin: 20px 0px 20px 20px;
	padding: 0px;
	float: right;
}

.thumb_frame {
	width: 120px;
	height: 120px;
	margin: 0px;
	padding: 0px;
	background: url(/_images/framework/thumb_frame.gif) top left no-repeat;
}

.thumb_container {
	width: 100px;
	height: 100px;
	margin: 0px 0px 0px 10px;
	padding: 10px 0px 0px 0px;
}

.thumb_table {
	width: 525px;
	margin: 0px;
	padding: 0px;
}

.thumb_td {
	width: 115px;
	margin: 0px;
	padding: 15px 0px 0px 0px;
	vertical-align: top;
}

.thumb_text {
	width: 410px;
	margin: 0px;
	padding: 17px 0px 0px 0px;
	vertical-align: top;
}

.thumb_text_noimage {
	width: 525px;
	margin: 0px;
	padding: 17px 0px 0px 0px;
	vertical-align: top;
}

.section_image_vertical {
	width: 205px;
	height: 245px;
	margin: 24px 0px 0px 0px;
	padding: 0px;
	text-align: right;
	float: right;
}

.section_image_multiple {
	width: 205px;
	margin: 24px 0px 5px 0px;
	padding: 0px;
	text-align: right;
	float: right;
}

.section_image_square_frame {
	width: 230px;
	height: 230px;
	margin: 24px 0px 15px 15px;
	padding: 0px;
	float: right;
	background-position: top right;
	background-repeat: no-repeat;
}

.section_image_square {
	width: 220px;
	height: 220px;
	margin: 5px 0px 0px 5px;
	padding: 0px;
	float: left;
	display: inline;
}

.table_two_cols {
	width: 520px;
	margin: 20px 0px 0px 0px;
	padding: 0px;
}

.table_td_half {
	width: 250px;
	margin: 0px;
	padding: 0px 0px 16px 0px;
}

.table_td_divider {
	width: 20px;
}