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

* {
padding: 0px;
margin: 0px;
}

html { 
overflow-y:scroll; 
} /* Firefox has an unfortunate habit of showing the right scrollbar when a page is long and hiding it when the page doesn’t reach below the fold, thus creating an undesireable “jump.” This snippet prevents that. */

body {
font: 62.5%  Verdana, Arial, Helvetica, sans-serif;
background: #000;
}

/* ------------------------------ Document Formatting -------------------------------- */
#container {
width: 960px;
margin-right: auto;
margin-left: auto;
background: #442D18;
}

input {
outline: none;	
}

a {
outline: none;
text-decoration:none;
}

a:link, a:visited {
color: #70001a;	
}

a:hover, a:active {
color: #FFF;	
}

ul{
list-style: none;
}

img {
border: none;	
}

.clear {
clear: both;
}

#formparse p {
font-size: 12px;
color: #FFF;	
}

/* ---------------------------------------------------------------------------------------
									Header Formatting
--------------------------------------------------------------------------------------- */

#header {
width:960px;
height: 119px;
background: url(../images/header_logo.jpg) no-repeat;
}
#header a {
height: 119px;
width: 740px;
display: block;
margin-left: 100px;
}
h1#header span {
display: none;
}

/* ---------------------------------------------------------------------------------------
									END of Header Formatting
--------------------------------------------------------------------------------------- */



/* ---------------------------------------------------------------------------------------
									Nav Formatting
--------------------------------------------------------------------------------------- */

#nav {
height: 105px;
width: 960px;
text-decoration: none;
background: url(../images/nav_sprite.jpg) no-repeat;
}
ul#nav li {
display: inline;
list-style-image: none;
list-style-type: none;
float: left;
}
ul#nav li a {
display: block;
height: 50px;
margin-top: 30px;
}
ul#nav li#nabout a {
width: 142px;
margin-left: 196px;
}
ul#nav li#nclients a {
width: 142px;
}
ul#nav li#ntestimonials a {
width: 142px;
}
ul#nav li#ncontact a {
width: 142px;
}

/* __________________________________________________Change hover and active button states on rollovers */
ul#nav  li#nabout a:hover,  ul#nav li#nabout a:active {
background-image: url(../images/nav_sprite.jpg);
background-repeat: no-repeat;
background-position: -196px -165px;
}
 ul#nav li#nclients a:hover,  ul#nav li#nclients a:active {
background-image: url(../images/nav_sprite.jpg);
background-repeat: no-repeat;
background-position: -338px -165px;
}
 ul#nav li#ntestimonials a:hover,  ul#nav li#ntestimonials a:active {
background-image: url(../images/nav_sprite.jpg);
background-repeat: no-repeat;
background-position: -480px -165px; 
}
 ul#nav li#ncontact a:hover,  ul#nav li#ncontact a:active {
background-image: url(../images/nav_sprite.jpg);
background-repeat: no-repeat;
background-position: -622px -165px;
}
 ul#nav li a span {
display: none;
}
/* __________________________________________________END OF Change hover and active button states on rollovers */

/* __________________________________________________To show highlighted button on each clicked page */

#dabout  ul#nav li#nabout a:link, #dabout  ul#nav li#nabout a:visited, #dabout  ul#nav li#nabout a:hover, #dabout  ul#nav li#nabout a:active {
background-image: url(../images/nav_sprite.jpg);
background-repeat: no-repeat;
background-position: -196px -165px;
}
#dclients  ul#nav li#nclients a:link, #dclients  ul#nav li#nclients a:visited, #dclients  ul#nav li#nclients a:hover, #dclients  ul#nav li#nclients a:active {
background-image: url(../images/nav_sprite.jpg);
background-repeat: no-repeat;
background-position: -338px -165px;  
}
#dtestimonials  ul#nav li#ntestimonials a:link, #dtestimonials  ul#nav li#ntestimonials a:visited, #dtestimonials  ul#nav li#ntestimonials a:hover, #dtestimonials  ul#nav li#ntestimonials a:active {
background-image: url(../images/nav_sprite.jpg);
background-repeat: no-repeat;
background-position: -480px -165px;
}
#dcontact  ul#nav li#ncontact a:link, #dcontact  ul#nav li#ncontact a:visited, #dcontact  ul#nav li#ncontact a:hover, #dcontact  ul#nav li#ncontact a:active {
background-image: url(../images/nav_sprite.jpg);
background-repeat: no-repeat;
background-position: -622px -165px;
}

/* __________________________________________________END OF Change hover and active button states on rollovers */


/* ---------------------------------------------------------------------------------------
									END of NAV Formatting
--------------------------------------------------------------------------------------- */



/* ---------------------------------------------------------------------------------------
									Body Formatting
--------------------------------------------------------------------------------------- */
#content {
width: 960px;
background-color: #442D18;
background-image: url(../images/rounded_back.jpg);
background-repeat: no-repeat;
background-position: top;
padding-bottom: 20px;
}

#dtestimonials #content {
width: 960px;
background: url(../images/round_gradient_bg.jpg) repeat-y;
padding-bottom: 0px;
}

#dtestimonials #content h2 a {
color: #000;
}

#dtestimonials #content p a {
background: url(../images/arrow.png) no-repeat right 3px;
padding-right: 12px;
font-weight: bold;
font-size: 10px;	
}

#dtestimonials #content h2 a:hover {
color: #FFF;
}

#dphotos #content {
width: 960px;
background-color: #442D18;
background: none;
padding-bottom: 20px;
}

.round_top {
width: 960px;
height: 111px;
background: url(../images/round_gradient_top.jpg) no-repeat;
}

.round_bottom {
width: 960px;
height: 53px;
background: url(../images/round_gradient_bottom.jpg) no-repeat;
}

#main_content {
width: 800px;
margin-left: auto;
margin-right: auto;
min-height: 620px;
}

.topic_box {
width: 560px;
margin-left: auto;
margin-right: auto;
}

.topic_box h2 {
font-size: 16px;
color: #000;
}

.topic_box h3 {
color: #70001a;
font-size: 12px;
margin-bottom: 10px;
}

.topic_box p {
font-size: 12px;
margin-bottom: 12px;
line-height: 16px;
}

#dclients .topic_box {
	background-color: #A8A19B;
	padding: 8px;
	height: 100px;
	margin-bottom: 5px;
	border: 1px solid #716B66;
	clear: both;
	background-image: url(../images/topic_bg.jpg);
	background-repeat: repeat-x;
}

#dclients .topic_box a {
color: #000;
}

#dclients .topic_box a:hover {
color: #FFF;
}

#dclients .topic_box .image_box a img {
border: 1px solid #999;
}

#dclients .topic_box .image_box a:hover img {
border: 1px solid #FFF;
}

#dcontact .topic_box {
width: 700px;
min-height: 500px;
margin-left: auto;
margin-right: auto;
background: url(../images/foreman.gif) no-repeat right 6px;
}

#dcontact .topic_box a {
font-weight: bold;
background: url(../images/arrow.png) no-repeat right 3px;
margin-left: 20px;
padding-right: 12px;
}

.response {
padding-top: 160px;
width: 340px;
}

.topic_box .image_box {
float: right;	
padding-left: 12px;
}

#dclients .topic_box h2 {
padding-top: 36px;	
}

.page_numbers {
padding-left: 110px;
float: left;
font-weight: bold;
}

.page_numbers2 {
float: right;
padding-right: 110px;
margin-bottom: 6px;
font-weight: bold;
}

.quote {
width: 310px;
font-size: 17px;
color: #70001a;
font-style: italic;
margin: 8px auto 16px auto;
text-align: center;
}

.divider {
border-bottom: 1px solid #A8A19B;	
margin-bottom: 48px;
clear: both;
}

#tagline {
background: url(../images/build_tag.png) no-repeat;
float: left;
height: 77px;
width: 400px;
margin: 30px 0px 10px 0px;
text-indent: -9999px;
}

#intro {
margin: 20px auto 0px auto;
width: 685px;
}

#intro p {
font-size: 13px;
color: #000000;
line-height: 18px;	
}

#intro h2.rust {
font-size: 18px;
color: #70001a;
text-align: center;
margin-bottom: 10px;
}

#footer {
padding: 60px 0px 0px 250px;
width: 540px;
margin: 0px auto;
font-size: 11px;
color: #FFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#footer ul li {
list-style-type: none;
margin-left: 4px;
margin-right: 4px;
display: inline;
}

#footer ul li a:link, #footer ul li a:visited {
color: #8D8178;
text-decoration: none;
}

#footer ul li a:hover, #footer ul li a:active {
color: #FFFFFF;
text-decoration: none;
}

#footer .hide  a  {
display: none;
}

#footer li {
color: #8D8178;
}

#dtestimonials #footer {
padding-bottom: 20px;	
}

#dtestimonials #footer ul li.hide a:link {
display: none;
}
/* ---------------------------------------------------------------------------------------
									END of Body Formatting
--------------------------------------------------------------------------------------- */



/*________________________________________________________________________________
									Image Gallery Formatting
________________________________________________________________________________*/
#myslides {
background: #000;
clear: both;
height: 333px;
width: 520px;
margin-left: auto;
margin-right: auto;
overflow: hidden;
}
 
#myslides img {  
padding: 10px;  
border:  1px solid rgb(100,100,100);  
background-color: rgb(230,230,230);
width: 500px;
height: 333px;
top:  0; 
left: 0 
}

/* ---------------------------------------------------------------------------------------
									END of Image Formatting
--------------------------------------------------------------------------------------- */

#page-wrap p a {
color: #D0B878;
background: url(../images/arrow_left.png) no-repeat left 3px;
font-size: 12px;
font-weight: bold;
padding-left: 12px;
}

#page-wrap p a:hover {
color: #FFF;	
}

#page-wrap h3 {
margin-bottom: 8px;	
}

/* ---------------------------------------------------------------------------------------
									Form Formatting
--------------------------------------------------------------------------------------- */

#dcontact .topic_box td {
padding: 2px 0px 2px 0px;	
}

#dcontact .topic_box td.right_col {
text-align: right;
padding-right: 8px;
font-weight: bold;
}

#dcontact .topic_box td.left_col input {
border: none;
width: 335px;
height: 26px;
background: url(../images/input.png) no-repeat;
color: #FFF;
font-family: Verdana, Geneva, sans-serif;
padding: 8px 4px 0px 6px;
font-size: 12px;
}

#dcontact .topic_box td.other textarea {
border: none;
width: 335px;
height: 96px;
background: url(../images/other_box.png) no-repeat;
color: #FFF;
font-family: Verdana, Geneva, sans-serif;
padding: 8px 4px 0px 6px;
font-size: 12px;
}

#dcontact .topic_box td.check_box input {
width: 80px;
float: left;
}
#dcontact .topic_box td.submit_btn input#submit_button {
width: 56px;
height: 25px;
background: url(../images/submit.png) no-repeat;
border: none;
cursor: pointer;
}
#dcontact .topic_box table td table#internal_form td.check_box {
padding-top: 3px;
}
#dcontact .topic_box table td table#internal_form td {
margin-bottom: 12px;
font-weight: bold;
}
#dcontact .topic_box table td table#internal_form td input {
width: 30px;
margin-top: 4px;
}