/* Created for Thomas DuBose & Associates, Inc., 2009 by Bloodhound Media */

body {
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
	color: rgb(211, 193, 191);
	background: rgb(56, 62, 58) url(../img/topbg.gif) top left repeat-x;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: x-small; /*for IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small; /*for compliant browsers */
	line-height: normal;
}

html>body { /* be nice to Opera */
	font-size: small;
}

/* Font size code adapted from Dan Cederholm's "Bulletproof Web Design: Improving flexibility and protecting against worst-case scenarios with XHTML and CSS", 2005 New Riders */



img		{
	border: 0;
	display: block;
	}
	


/* The #fishwrap is a wrapper that encapsulates the whole design */
#fishwrap	{
	margin: 0 auto;
	padding: 0;
	border: 0;
	width: 900px;
	text-align: left;
	background: transparent url(../img/new_blueprint.jpg) bottom right no-repeat;
	}
	
/* The #header encapsulates the H1 headwrap and the banner */
#header	{
	width: 900px;
	height: 232px;
	padding: 0;
	border: 0;
	margin: 0;
	background: transparent;
	}
	
/* The #headwrap allows the banner to be displayed as a background image while obscuring the H1 heading via image replacement. Specifically the overflow is used to achieve this. */
div#headwrap	{
	float: none;
	height: 232px;
	width: 900px;
	border: 0;
	padding: 0;
	margin: 0;
	cursor: pointer;
	}
	
 div#headwrap h1	{
	/* background: transparent url(../img/dubosehdr1.jpg) top left repeat-x; */
	margin: 0;
	border: 0;
	padding-left: 0;
	padding-top: 232px;
	overflow: hidden;
	height: 0px !important; /* for most browsers */
	height /**/:232px; /* for pre 6.0 IE Win */
	}
	
/* End #headwrap styles */

/* An extra wrapper to place around the main div for more CSS hooks. It would be possible to remove and just use the main div by itself. */
#content	{
	margin: 0;
	padding-top: 45px;
	border: 0;
	float: right;
	width: 650px;
	}
	
/* End of the #content container */

/* The #mainContent div is, as one might guess, the primary content area. */

#mainContent	{
	width: 650px;
	border-left: 1px solid #cccccc;
	float: left;
	}
	
#mainContent h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0;
	font-size: 160%;
	color: rgb(243, 243, 243);
	/* border-bottom: 1px solid #cccccc; */
}

#mainContent h3 {
	margin: 0;
	font-size: 155%;
	color: rgb(243, 243, 243);
}

#mainContent h3.spaceneeded {
		padding: 40px 40px;
}

#mainContent h1, h2, h3, h4{
	margin: 0;
	padding: 7px 50px;
	}
	
#mainContent p {
	/* width: 500px; */
	padding: 15px 50px 0 50px;
}

#mainContent p.legal {
	width: 575px;
	padding: 15px 50px;
	font-size: 10px;
}

/* A class to make the credit card logos appear horizontally across the bottom. Uneeded in this design. */

#mainContent p.inline img {
	display: inline;
	padding: 5px 15px;
}

/* #mainContent link styles */
#mainContent a {
	font-size: 100%;
	font-weight: normal;
	text-decoration: none;
}

#mainContent a:link {
	color: #b5dcc9;
	border-bottom: 1px dotted #35597d;
}

#mainContent a:active {
	color: #88722A;
	border-bottom: 1px dotted #88722A;
}

#mainContent a:hover {
	color: #88492A;
	border-bottom: 1px dotted #88492A;
	
}

#mainContent a:visited {
	color: #FFC;
	border-bottom: 1px dotted #7D3545;
}

#clientInfo {
	border: 0;
	padding: 0;
	display: block;
	margin-left: 50px;
	margin-bottom: 50px;
	clear: both;
}

#galleryConatiner {
	border: 0;
	padding: 0;
	display: block;
	padding: 20px;
}
/* End of #mainContent link styles */

/* Begin #mainContent #leftMain styels */
#leftMain {
		width: 300px;
		float: left;
		margin: 10px;
}

#rightMain {
		width: 300px;
		float: right;
		margin: 10px;
}

#leftMain_3column {
		width: 185px;
		float: left;
		margin-left: 20px;
		padding-top: 30px;
}

#leftMain_3column ul {
		margin: 10px;
		padding: 0;
}

#leftMain_3column p {
		margin: 0;
		padding: 10px;
		text-decoration: underline;
}
		

#midMain_3column {
		width: 185px;
		float: left;
		margin-left: 20px;
		padding-top: 30px;
}

#midMain_3column p {
		margin: 0;
		padding: 10px;
		text-decoration: underline;
}

#midMain_3column ul {
		margin: 10px;
		padding: 0;
}

#rightMain_3column {
		width: 185px;
		float: left;
		margin-left: 20px;
		padding-top: 30px;
}

#rightMain_3column ul {
		margin: 10px;
		padding: 0;
}

#rightMain_3column p {
		margin: 0;
		padding: 10px;
		text-decoration: underline;
}

.cleanList {
	margin: 0;
	list-style: none;
	padding: 7px 50px 25px 50px;
}

.cleanList li {
	padding-bottom: 20px;
}

table #azImages {
	padding-left: 80px;
}
	
/* End #main content area styles */
	
/* The #mainNav is where the navigation is obviously housed */
	
#mainNav {
	width: 200px;
	text-align: left;
	float: left;
	padding-top: 42px;
	border: 0;
	margin: 0;
	min-height: 300px;
	z-index: 3;
}

/* Begin Navigation Styles */



#mainNav ul 		{
			margin: 0;
			padding: 0;
			list-style: none;
			width: 200px;
			border: 0;
}

#mainNav ul li 	{
			position: relative;
			background: #383E3A;
			color: #ffffff;
}

#mainNav ul.level2 li {
		background-color: #cccccc;
	}

li ul 	{
			position: absolute;
			left: 199px;
			top: 0;
			display: none;
}

ul.level1 li a  {
			display: block;
			text-decoration: none;
			color: #999999;
			padding: 5px;
			padding-left: 20px;
			border-bottom: 1px solid #DFDFC4;
			border-left: 0;
}

ul.level2 li a {
			color: #383E3A;
}
	
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

li:hover ul, li.over ul { 
			display: block; 
}

ul li a:active {
	color: #ffffff;
}

ul li a:hover {
	color: #ffffff; 
	background: #383E3A; 
}

ul.level1 li a:hover {
	color: #383E3A;
	background: #999999;
	z-index: 5;
}

	 /* Hover Styles */

ul li a:visited {
	color: #999999;
}

#mainNav p {
	padding-left: 20px;
}

/* End Navigation Styles */

/* The #footer div holds infomation like copyright, validation, and policies */

#footer {
	clear: both;
	padding: 0;
	padding-bottom: 7px;
	margin-top: 75px;
	text-align: center;
}


#footer p {
	padding-top: 30px;
	color: #cccccc;
}

#footer a {
	text-decoration: none;
}

#footer a:link {
	color: #CCCCCC;
}

#footer a:active {
	color: #383E3A;
}

#footer a:hover {
	color: #844C4D;
}

#footer a:visited {
	color: #ffffff;
}

/* End #footer styles */


/* Generic selector styles */

h1, h2, h3, h4 {
	font-weight: normal;
}

h1, h2 {
	text-transform: capitalize;
}

h1 {
	font-size: 180%;
	color: #35597D;
	border-bottom-color: #d46d6d;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	padding-bottom: 4px;
}
h2 {
	font-size: 165%;
	color: rgb(243, 243, 243);
}

h3 {
	font-size: 135%;
	line-height: normal;
	color: rgb(243, 243, 243);
}

p {
	color: rgb(243, 243, 243);
	font-size: 100%;
}

a {
	font-size: 100%;
	font-weight: normal;
	text-decoration: none;
}

dl {
	padding: 10px;
}

abbr {
	speak: spell-out;
}

acronym {
	speak: normal;
}

abbr, acronym {
	border-bottom: 1px dotted;
	cursor: help;
}

/* End of generic styles */

/* Begin Image Styles */

.image_right {
	float: right;
	border: 0;
	padding: 0 0 10px 15px;
}

.image_left {
	float: left;
	border: 0;
	padding: 0 15px 10px 0;
}

.imagePortrait {
	float: left;
	border: 0;
	padding: 0 15px 7px 0;
}

/* End Image Styles */

/* Begin Header Styles */

h2.tdubose_ir {
	width: 500px; height: 50px;
	background: url(../img/tdubose_header.gif) top left no-repeat;
	text-indent: -9999px;
}

h2.contactus_ir {
	width: 500px; height: 50px;
	background: url(../img/contactus_header.gif) top left no-repeat;
	text-indent: -9999px;
}

h2.present_ir {
	width: 500px; height: 50px;
	background: url(../img/present_header.gif) top left no-repeat;
	text-indent: -9999px;
}

h2.structural_ir {
	width: 500px; height: 50px;
	background: url(../img/licensing_header.gif) top left no-repeat;
	text-indent: -9999px;
}

h2.licensing_ir {
	width: 500px; height: 50px;
	background: url(../img/licensing_header.gif) top left no-repeat;
	text-indent: -9999px;
}

h2.links_ir {
	width: 500px; height: 50px;
	background: url(../img/links_header.gif) top left no-repeat;
	text-indent: -9999px;
}

h2.hvac_ir {
	width: 500px; height: 50px;
	background: url(../img/hvac_header.gif) top left no-repeat;
	text-indent: -9999px;
}

/* Discilplines Header Styles */

h2.civilsite_ir {
	width: 500px; height: 50px;
	background: url(../img/civilsite_header.gif) top left no-repeat;
	text-indent: -9999px;
}

h2.commercial_ir {
	width: 500px; height: 50px;
	background: url(../img/commercial_header.gif) top left no-repeat;
	text-indent: -9999px;
}

h2.industrial_ir {
	width: 500px; height: 50px;
	background: url(../img/industrial_header.gif) top left no-repeat;
	text-indent: -9999px;
}

h2.institutional_ir {
	width: 500px; height: 50px;
	background: url(../img/institutional_header.gif) top left no-repeat;
	text-indent: -9999px;
}

h2.residential_ir {
	width: 500px; height: 50px;
	background: url(../img/residential_header.gif) top left no-repeat;
	text-indent: -9999px;
}

h2.renovations_ir {
	width: 500px; height: 50px;
	background: url(../img/renovations_header.gif) top left no-repeat;
	text-indent: -9999px;
}

/* End Disciplines Header Styles */

/* Journal Header Styles */

h2.mscenter_ir {
	width: 500px; height: 50px;
	background: url(../img/mscenter_header.gif) top left no-repeat;
	text-indent: -9999px;
}

/* End Journal Header Styles */

/* Personnel Header Styles */

h2.dubose_ir {
	width: 500px; height: 50px;
	background: url(../img/dubose_header.gif) top left no-repeat;
	text-indent: -9999px;
}

h2.brockman_ir {
	width: 500px; height: 50px;
	background: url(../img/brockman_header.gif) top left no-repeat;
	text-indent: -9999px;
}

h2.brunk_ir {
	width: 500px; height: 50px;
	background: url(../img/brunk_header.gif) top left no-repeat;
	text-indent: -9999px;
}

h2.devenney_ir {
	width: 500px; height: 50px;
	background: url(../img/devenney_header.gif) top left no-repeat;
	text-indent: -9999px;
}

h2.sayre_ir {
	width: 500px; height: 50px;
	background: url(../img/sayre_header.gif) top left no-repeat;
	text-indent: -9999px;
}

h2.sperry_ir {
	width: 500px; height: 50px;
	background: url(../img/sperry_header.gif) top left no-repeat;
	text-indent: -9999px;
}

h2.wedding_ir {
	width: 500px; height: 50px;
	background: url(../img/wedding_header.gif) top left no-repeat;
	text-indent: -9999px;
}

/* End Personnel Header Styles */

/* Portfolio Header Styles */

h2.brownstone_ir {
	width: 500px; height: 50px;
	background: url(../img/brownstone_header.gif) top left no-repeat;
	text-indent: -9999px;
}

h2.brownstoneplans_ir {
	width: 500px; height: 50px;
	background: url(../img/brownstoneplans_header.gif) top left no-repeat;
	text-indent: -9999px;
}

h2.forrester_ir {
	width: 500px; height: 50px;
	background: url(../img/forrester_header.gif) top left no-repeat;
	text-indent: -9999px;
}

h2.summit_ir {
	width: 500px; height: 50px;
	background: url(../img/summit_header.gif) top left no-repeat;
	text-indent: -9999px;
}

h2.tsc_ir {
	width: 500px; height: 50px;
	background: url(../img/tsc_header.gif) top left no-repeat;
	text-indent: -9999px;
}

h2.riverwest_ir {
	width: 500px; height: 50px;
	background: url(../img/riverwest_header.gif) top left no-repeat;
	text-indent: -9999px;
}

h2.owenslake_ir {
	width: 500px; height: 50px;
	background: url(../img/owenslake_header.gif) top left no-repeat;
	text-indent: -9999px;
}

h2.owensplans_ir {
	width: 500px; height: 50px;
	background: url(../img/owensplans_header.gif) top left no-repeat;
	text-indent: -9999px;
}

h2.suarez_ir {
	width: 500px; height: 50px;
	background: url(../img/suarez_header.gif) top left no-repeat;
	text-indent: -9999px;
}

h2.cassavar_ir {
	width: 500px; height: 50px;
	background: url(../img/cassavar_header.gif) top left no-repeat;
	text-indent: -9999px;
}

h2.sawicki_ir {
	width: 500px; height: 50px;
	background: url(../img/sawicki_header.gif) top left no-repeat;
	text-indent: -9999px;
}

h2.highland_ir {
	width: 500px; height: 50px;
	background: url(../img/highland_header.gif) top left no-repeat;
	text-indent: -9999px;
}

h2.pelican_ir {
	width: 500px; height: 50px;
	background: url(../img/pelican_header.gif) top left no-repeat;
	text-indent: -9999px;
}

h2.levis_ir {
	width: 500px; height: 50px;
	background: url(../img/levis_header.gif) top left no-repeat;
	text-indent: -9999px;
}

/* End Portfolio Header Styles */

/* Services Header Styles */

h2.architectural_ir {
	width: 500px; height: 50px;
	background: url(../img/architectural_header.gif) top left no-repeat;
	text-indent: -9999px;
}

h2.civil_ir {
	width: 500px; height: 50px;
	background: url(../img/civil_header.gif) top left no-repeat;
	text-indent: -9999px;
}

h2.electrical_ir {
	width: 500px; height: 50px;
	background: url(../img/electrical_header.gif) top left no-repeat;
	text-indent: -9999px;
}

h2.mechanical_ir {
	width: 500px; height: 50px;
	background: url(../img/mechanical_header.gif) top left no-repeat;
	text-indent: -9999px;
}

h2.plumbing_ir {
	width: 500px; height: 50px;
	background: url(../img/plumbing_header.gif) top left no-repeat;
	text-indent: -9999px;
}

h2.structural_ir {
	width: 500px; height: 50px;
	background: url(../img/structural_header.gif) top left no-repeat;
	text-indent: -9999px;
}

/* End Services Header Styles */


/* Begin Navigation Bar Header Styles */

h3.navigate_ir {
	width: 200px; 
	height: 50px;
	background: url(../img/navigate_header.gif) top left no-repeat;
	text-indent: -9999px;
}

h3.personnel_ir {
	width: 200px; 
	height: 50px;
	background: url(../img/personnel_header.gif) top left no-repeat;
	text-indent: -9999px;
}

h3.disciplines_ir {
	width: 200px; 
	height: 50px;
	background: url(../img/disciplines_header.gif) top left no-repeat;
	text-indent: -9999px;
}

h3.services_ir {
	width: 200px; 
	height: 50px;
	background: url(../img/services_header.gif) top left no-repeat;
	text-indent: -9999px;
}

h3.portfolio_ir {
	width: 200px; 
	height: 50px;
	background: url(../img/portfolio_header.gif) top left no-repeat;
	text-indent: -9999px;
}

h3.journal_ir {
	width: 200px; 
	height: 50px;
	background: url(../img/journal_header.gif) top left no-repeat;
	text-indent: -9999px;
}

h3.resources_ir {
	width: 200px; 
	height: 50px;
	background: url(../img/resources_header.gif) top left no-repeat;
	text-indent: -9999px;
}

/* End Navigation Bar Header Styles */



#cs_flashBody {
                background-color: #383E3A;
                font: .8em/1.3em verdana,arial,helvetica,sans-serif;
                text-align: left;
				padding-left: 50px;
            }

#cs_noexpressUpdate {
                margin: 0 auto;
                font-family:Arial, Helvetica, sans-serif;
                font-size: x-small;
                color: #003300;
                text-align: left;
                background-image: url(camtasia/tdubose_ppone2/tdubose_ppone2_nofp_bg.gif);
                background-repeat: no-repeat;
                width: 210px; 
                height: 200px;	
                padding: 40px;
         }
			

			
#cs_flashBody2
            {
                background-color: #383E3A;
                font: .8em/1.3em verdana,arial,helvetica,sans-serif;
                text-align: left;
				padding-left: 100px;
            }

#cs_noexpressUpdate2
            {
                margin: 0 auto;
                font-family:Arial, Helvetica, sans-serif;
                font-size: x-small;
                color: #003300;
                text-align: left;
                background-image: url(camtasia/tdubose_ppone2/tdubose_ppone2_nofp_bg.gif);
                background-repeat: no-repeat;
                width: 210px; 
                height: 200px;	
                padding: 40px;
            }
			
.table_padding {
		margin-left: 50px;
}


/* End class styles */