/*HTML Tags *************************************************************************************/
body {
	margin: 0;
	padding: 0;
	font: 76% Arial, Helvetica, sans-serif;
	color: #333333;
	background: #FFFFFF url(images/bg_body_01.jpg) repeat-x left -5px;
}
p {
	margin: 0;
	padding: 0 0 10px 0;
}
h1 {
	margin: 0 0 8px 0;
	padding: 2px 0 5px 0;
	font-size: 1.4em;
	font-weight: bold;
	color: #A1001E;
	background: url(images/bg_h1_01.gif) no-repeat right bottom;
}
h2 {
	margin: 0;
	padding: 10px 0 10px 0;
	font-size: 1.2em;
	font-weight: bold;
	color: #A1001E;	
}
h3 {
	margin: 0 0 10px 0;
	padding: 5px 0;
	border-bottom: 1px solid #999999;
	font-size: 1.1em;
	font-weight: bold;
	color: #A1001E;	
}
h4 {
	margin: 0;
	padding: 0 0 3px 0;
	font-size: 1em;
	font-weight: bold;
	color: #333333;	
}
h5 {
	font-size: 1.1em;
	font-weight: bold;
	color: #333333;
}


a { color: #A1001E; text-decoration: none; }
a:hover { text-decoration: underline; }
ul {
	margin: 0;
	padding: 5px 20px;
	list-style-type: none;
}
li {
	background: url(images/bullet_squares.gif) no-repeat left 2px;
	margin: 0;
	padding: 0 0 5px 20px;
}
object { margin: 0; padding: 0; }

/* Div's *********************************************************************************************/
#logo { display: none !important; }
#container {
	width: 770px;
	padding: 0;
	margin: 14px auto 20px auto;
	background-color: #FFFFFF;
}
#header {
 height: 161px;
 background: #000;
}
#headerTopBorder {
	height: 7px;
	border-bottom: 1px solid #FFF;
	font-size: 0px;
	overflow: hidden;
	background: #000;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 6px;
}body>#headerTopBorder { height: 6px;}

#headerPhoto {
	float: right;
	width: 490px;
	background: #CCCCCC;
	height: 154px;
}
#headerPhoto img { display: block; }
#contentHome {
	width: 770px;
	background: url(images/bg_content_home.gif) repeat-y left top;
}
#content {
	width: 770px;
	background: url(images/bg_content_01.gif) repeat-y left top;
}
#col1 {
	float: left;
	width: 280px;
	font-size: .9em;
	padding: 0 0 20px 0;
}
#col1Home {
	float: left;
	width: 280px;
	font-size: .9em;
	padding: 0 0 20px 0;
}
#col2 {
	float: right;
	width: 490px;
	padding: 0 0 20px 0;
	
}
#col1TopBorder {
	border-bottom: 1px solid #FFFFFF;
	height: 5px;
	background: #333333;
	width: 280px;
	overflow: hidden;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 4px;
}body>#col1TopBorder { width: 279px; height: 4px; }
#col2TopBorder { 
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF; 
	height: 5px; 
	background: #000000; 
	width: 490px;
	overflow: hidden;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 489px;
	height: 4px;
}body>#col2TopBorder { width: 489px; height: 4px;}
#colBoth {
	margin: 0;
	padding: 4px 0 20px 0;
	background: #FFFFFF url(images/bg_colBoth_top_01.gif) no-repeat left top;
}
#news {
	padding: 10px;
	background: #EBEBEB;
}
#login {
	padding: 10px;
	border-top: 1px solid #FFFFFF;
}
#contentMain {
	padding: 20px 30px 5px 30px;
}
#contentMainAlt {
	padding: 20px 15px 5px 15px;
}
#contentMainHome {
	padding: 20px 10px 1px 10px;
}

#footer {
	background: #999999;
	padding: 0;
	text-align: center;
	font-size: .9em;
	color: #FFFFFF;
}
#footer a { color: #FFFFFF; }
#footer p { padding: 12px 0; }
#footerTopBorder {
	background: #A1001E;
	border-bottom: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	height: 10px;
	overflow: hidden;
}
#footerBottomBorder {
	background: #000000;
	border-top: 1px solid #FFFFFF;
	height: 5px;
	overflow: hidden;
}

#productDownloads {
	margin: 0 0 25px 20px;
	font-size: 1em;
	padding: 0 0 6px 0;
	background: #E9E9E9 url(images/bg_side_nav_btm.gif) no-repeat left bottom;
	text-align: left;
}
#productDownloads h5 {
	margin: 0;
	padding: 0 0 3px 0;
	font-size: 1.1em;
	font-weight: bold;
	color: #333333;	
}
#slSidebar {
	padding: 0 20px 0 20px;
}

/* 1st Level Navigation *************************************************************************/
#navigation {
	float: left;
	padding: 0;
	margin: 0;
	width: 280px;
	background-color: #660000;
	height: 154px;
}
#navigation ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 280px;
}
#navigation li {
	width: 280px;
	padding: 0;
	margin: 0;
}
#navigation li a { 
	display: block; 
	height: 22px; 
	overflow: hidden;
	background: #A1001E url(images/bg_navigation_bullet.gif) no-repeat left top; 
	border-bottom: 1px solid #FFF;
	color: #FFFFFF; 
	text-decoration: none;
	font-size: 0.9em;
	font-weight: bold;
	padding: 4px 0 0 25px;
	margin: 0;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 17px;
}body>#navigation li a { height: 17px;}

#navigation li a:hover { background: #660000 url(images/bg_navigation_bullet.gif) no-repeat 0px -22px; }
#active { background-color: #480000 !important; }

/* 2nd Level Navigation *************************************************************************/
#navigation2 {
	padding: 0;
	margin: 0;
	font-size: 1em;
	width: 280px;
}
	
#navigation2 ul {
	list-style-type: none;
	margin: 0;
	padding: 20px;
	width: 280px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 240px;
}body>#navigation2 ul { width: 240px;}


#navigation2 li {
	border-bottom: 1px solid #999999;
	width: 240px;
	padding: 6px 0 4px 0;
	margin: 0;
	background: none;
}
#navigation2 li a { 
	display: block; 
	color: #666666; 
	font-weight: bold;
	text-decoration: none;
	padding: 1px 0 0 15px;
	margin: 0;
	background: url(images/bg_navigation_bullet2.gif) no-repeat left -30px;
}

#navigation2 li a:hover { background: url(images/bg_navigation_bullet2.gif) no-repeat left 1px; color: #990000; }
#navigation2 li a.on { color: #990000; background: url(images/bg_navigation_bullet2.gif) no-repeat left 1px; }

/* Home Solutions *******************************************************************************/
#solutions {
	font-size: .9em;
	padding: 1px 0 1px 0;
}
#solutionsLeft {
	float: left;
	width: 150px;
	margin: 0 10px 0 0;
	border-top: 2px solid #999999;
	padding: 0;
}
#solutionsMiddle {
	float: left;
	width: 150px;
	margin: 0 10px 0 0;
	border-top: 2px solid #999999;
	padding: 0;
}
#solutionsRight {
	float: left;
	width: 150px;
	border-top: 2px solid #999999;
	padding: 0;
}
#solutions img {
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}
.solutionsRedBlock {
	height: 23px;
	overflow: hidden;
	background: #A1001E url(images/bg_recent_solutions_dots.gif) no-repeat center bottom;
}
#solutions p { padding: 5px; background: none;}


/* Lists ***********************************************************************/
#news {
	list-style: none;
	margin: 0;
	padding: 10px;
}
#news li {
	background: url(images/icon_doc.gif) no-repeat left 2px;
	padding: 0 0 1px 17px;
	margin: 0 0 4px 0;
}
#jobs {
	list-style: none;
	margin: 0;
	padding: 0;
}
#jobs li {
	background: url(images/icon_doc.gif) no-repeat left 2px;
	padding: 0 0 1px 17px;
	margin: 0 0 4px 0;
}
#jobs li.admin {
	background: none;
	padding: 0 0 1px 17px;
	margin: 0 0 4px 0;
}
#specs {
	list-style: none;
	margin: 0;
	padding: 0;
}
#specs li {
	background: url(images/icon_forward_doc.gif) no-repeat left;
	padding: 0 0 1px 19px;
	margin: 0 0 4px 0;
}
#downloads {
	list-style: none;
	margin: 0;
	padding: 0;
}
#downloads li {
	background: url(images/icon_dwf.gif) no-repeat left 2px;
	padding: 0 0 1px 19px;
	margin: 0 0 6px 0;
}
#downloads li.pdf { 
	background: url(images/icon_pdf.gif) no-repeat left 2px !important; 
}
#downloads li.dwf { 
	background: url(images/icon_dwf.gif) no-repeat left 2px; 
}
#downloads li.general { 
	background: url(images/icon_download.gif) no-repeat left 2px; 
}
#downloads li.plain { 
	background: none; 
}
li.plain {
	background: none !important;
	padding: 0 0 1px 19px;
	margin: 0 0 6px 0;
}

#productDownloads li.pdf { background: url(images/icon_pdf.gif) no-repeat left 1px; }
#productDownloads li.dwf { background: url(images/icon_dwf.gif) no-repeat left 1px; }
#productDownloads li.general { background: url(images/icon_download.gif) no-repeat left 1px; }
#productDownloads li.plain { background: none; }

#productDownloads ul {
	list-style: none;
	padding: 10px 4px 10px 8px;
	margin: 0;
}
#productDownloads li {
	margin: 0 0 6px 0;
	padding: 0 0 0 18px;
}
#newsContent {
	
}
#newsContent ul {
	margin: 0;
	padding: 5px 10px 5px 5px;
	list-style-type: none;
}
#newsContent li {
	background: url(images/bullet_squares.gif) no-repeat left 2px;
	margin: 0 0 15px 0;
	padding: 0 0 10px 25px;
	border-bottom: 1px dashed #E7E7E7;
}

/* Administration Area *****************************************************/
#slMainContentAdmin {
	width: 695px;
	margin: 0 0 10px 0;
	padding: 0;
	clear: both;
}
#slMainContentAdmin p {
	text-align: justify;	
}
#slMainContentAdmin h1 {
	color: #74653B;
	font-size: 1.3em;
	text-transform: uppercase;
	padding: 0 0 8px 0;
	margin: 5px 0 15px 0;
	font-weight: bold;
	background: url(images/bg_h1_01.gif) no-repeat right bottom;	
}
#slMainContentAdmin h2 {
	color: #947c2f;
	font-size: 1.1em;
	margin: 10px 0 2px 0;
	text-transform: uppercase;
}
.btnEdit {
	background: url(images/icon_edit_doc.gif) no-repeat left;	
	padding: 0 15px 0 17px;
}	
.btnLogout {
	background: url(images/icon_logout.gif) no-repeat left;
	padding: 0 15px 0 15px;
}
.btnSidebar {
	background: url(images/icon_edit_doc.gif) no-repeat left;
	padding: 0 0 0 13px;
	color: #FF6600;
}
.btnMeta {
	background: url(images/icon_edit_doc.gif) no-repeat left;
	padding: 0 0 0 13px;
	color: #FF6600;
}
.btnEditDoc {
	background: url(images/icon_edit_doc.gif) no-repeat left;
	padding: 0 0 0 15px;
	color: #FF6600;
}
.btnDeleteDoc {
	background: url(images/icon_delete_doc.gif) no-repeat left;
	padding: 0 0 0 15px;
	color: #FF6600;
}
.btnAddDoc {
	background: url(images/icon_add_doc.gif) no-repeat left;
	padding: 0 0 0 17px;
	color: #FF6600;
}

.btnViewDoc {
	background: url(images/icon_view_doc.gif) no-repeat left;
	padding: 0 0 0 17px;
	color: #FF6600;
}
#adminTools {
	margin: 0;
	padding: 4px !important;
	background-color: #E7E7E7;
	border-bottom: 1px solid #999999;
}
ul#adminTools {
	color: #333333;
	list-style-type: none !important;
	margin: 10px 0;
	padding: 0;
	font-size: 1em;
	font-weight: bold;
}
#adminTools li {
	display: inline;
	list-style-type: none;
	background: none;
	padding: 0 10px 0 0;
}
#adminTools li a{
	font-weight: bold;
	color: #FF6600;
	text-decoration: none;
}
#adminTools li a:hover {
	text-decoration: underline;
}

/* Latest Works ******************************************************************************/
#col1Recent {
	float: left;
	width: 280px;
	font-size: .9em;
	padding: 0;
	overflow: hidden;
}
#col2Recent {
	float: right;
	width: 490px;
	padding: 0;
	overflow: hidden;
}
#colWhole {
	padding: 25px 40px 10px 40px;
	background-color: #FFFFFF;
}
#colWhole h1 {
	background: url(images/bg_h1_01.gif) no-repeat left bottom;
}
#featuredWork {
}
#featuredWork1 {
	float: left;
}
#featuredWork2 {
	float: left;
	padding: 0 0 0 20px;
}
#featuredDescription {
	padding: 5px 10px 20px 10px;
}
#archivedWork {
	padding: 5px 10px 0 10px;
}
.archiveGroup {
	padding: 8px 0;
	border-bottom: 1px solid #CCCCCC;
}
.archiveThmb {
	float: left;
	padding: 0 20px 0 0;
}
.archiveDescription {
	
}
td.label { font-weight: bold; }
table.featuredTable {

}
table.featuredTable tr td {
	border-bottom: 1px dashed #CCCCCC !important;
	padding: 5px 0;
}

.projectPhotoWrap1 {
	float:left;
	margin: 0;
	border-top: 2px solid #999999;
	border-bottom: 4px solid #A1001E;
}
.projectPhotoWrap2 {
	float: right;
	margin: 0;
	border-top: 2px solid #999999;
	border-bottom: 5px solid #A1001E;
}
.projectPhoto {
	padding: 0;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: none;
	border-right: none;
}

.projectPhoto img {  }
#featuredWorkPhotos {
	padding: 10px 8px 12px 8px;
}

/* Product Styles *******************************************************************************/
.productPhotos { padding: 0; }
.productPhotos img {
	margin: 0;
	padding: 0;
}
.productPhotoWrap {
	float:left;
	margin: 0 15px 10px 0;
	padding: 12px 0 0 0;
	/*border-top: 2px solid #999999;
	border-bottom: 4px solid #A1001E;*/
}
.productPhotoWrap img {
	/*border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;*/
}
.colProd1 {
	float: left;
	width: 195px;
}
.colProd2 {
	float: left;
	width: 215px;
}
.colProd3 {
	width: 450px;
}
.colProd2 h2 {
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 1.2em;
	font-weight: bold;
	color: #A1001E;	
}
.colProd1 img {
	clear: right;
	margin: 0 0 10px 0;
}

/* Image Styles *********************************************************************************/
.floatLeftImg {
	float: left;
	margin: 0 15px 15px 0;
	border-top: 2px solid #999999;
	border-bottom: 4px solid #A1001E;
	/*border-right: 1px solid #333333;
	border-left: 1px solid #333333;*/
}
.floatRightImg {
	float: right;
	margin: 0 0 15px 15px;
	border-top: 2px solid #999999;
	border-bottom: 4px solid #A1001E;
}
#imgWrap {
	float: right;
	margin: 0 0 10px 10px;
	width: 210px;
}
#imgWrap img {
	border-top: 2px solid #333333;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #666666;
	border-bottom: 4px solid #A1001E;
	margin: 0 0 8px 0;
}
#imgWrap p {
	padding: 0;
	margin: 0;
	font-size: 0.9em;
	color: #666666;
	font-style: italic;	
}

/* Pro Locator Styles ***************************************************************************/
#zipForm {
	background-color: #FFFFFF;
}
#zipForm h5, #locateResults h5 {
	font-size: 1.1em;
	font-weight: bold;
	color: #333333;
	background-color: #EBEBEB;
	border-bottom: 1px solid #666666;
	margin: 0;
	padding: 0 0 2px 0;
}
.locateSidebarPad {
	padding: 10px;
}
#zipForm form {
	padding: 0;
	margin: 0;
}
#locateResults {
	background-color: #FFFFFF;
}

/* Home Builder Login ***************************************************************************/
#login td { padding: 5px 0 0 0; }

/* Classes **************************************************************************************/
.clear { clear: both; }
.red { color: #A1001E; clear: none; }
.btnAddDoc {
	background: url(images/icon_add_doc.gif) no-repeat left;
	padding: 0 0 0 17px;
}
.prodInfo { padding: 0 20px; }
.divider { clear: both; padding: 8px 0 0 0; margin: 0 0 15px 0; font-size: 0; border-bottom: 1px dashed #CCCCCC; }
#locateResults .divider { clear: both; padding: 0; margin: 0 0 8px 0; font-size: 0; border-bottom: 1px dashed #CCCCCC;  }
.imgWrap {
	border-top: 2px solid #333333;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #666666;
	border-bottom: 4px solid #A1001E;
	float: left;
	margin: 0 10px 10px 0;
}
.imgWrap2 {
	border-top: 2px solid #333333;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #666666;
	border-bottom: 4px solid #A1001E;
	float: right;
	margin: 0 0 10px 10px;
}

/* Extranet Styles *******************************************************************************/
#contentExtranet {
	padding: 20px 15px 5px 15px;
}
#contentExtranet h1 {
	margin: 0 0 8px 0;
	padding: 2px 0 5px 0;
	font-size: 1.4em;
	font-weight: bold;
	color: #A1001E;
	background: url(images/bg_h1_01.gif) no-repeat left bottom;
}
#extranet2ndNav {
	background-color: #BFBFBF;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #333333;
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}
#extranet2ndNav ul {
	list-syle-type: none;
	padding: 5px 0 5px 15px;
}
#extranet2ndNav ul li {
	display: inline;
	background: none;
	margin: 0 15px 0 0;
	padding: 0;
}
#extranet2ndNav li a {
	font-weight: bold;
	font-size: .9em;
}
#extranetContent {
	margin: 10px 30px 10px 30px;
}
#extranet2ndNav .btnAddDoc {
	background: url(images/icon_add_doc.gif) no-repeat left;
	padding: 0 0 0 17px;
	color: #A1001E;
}
#extranet2ndNav .btnUserAdmin {
	background: url(images/icon_users.gif) no-repeat left;
	padding: 0 0 0 17px;
	color: #A1001E;
}
#extranet2ndNav .btnAddUser {
	background: url(images/icon_user_add.gif) no-repeat left;
	padding: 0 0 0 17px;
	color: #A1001E;
}
#extranet2ndNav .btnLog {
	background: url(images/icon_excel.gif) no-repeat left;
	padding: 0 0 0 17px;
	color: #A1001E;
}
#jobInfo {
	font-size: .9em;
	table-layout: fixed;
}
.inactive { background-color: #660000 !important; color: #8F5050 !important; }

/* Print Styling *********************************************************************************/
@media print {
	body {
		margin: 0 !important;
		padding: 0 !important;
		width: 100% !important;
	}
	#logo { display: block !important; }
	#news, #contentMainHome, #col1Home, #col2, #slMainContent, #slContent, #content, #footer, #containerSl {
		width: 99% !important;
		float: none !important;
		margin: 0 !important;
		padding: 0 !important;
		height: auto !important;
	}
	#div { width: 100% !important; }
	
	#navigation, #login, #header, #col1 {
		display: none !important;
	}
	table {
		width: 100% !important;
	}
	#jobInfo {
		width: 90% !important;
	}
	#jobInfo table {
		table-layout:fixed !important;
		width: 250 !important;
	}
}