/*	Desc: Master
	Author: Josh Hamilton
	Date: *5/2**/
	
	
/* === === === === === === === === === ===
=RESET
=== === === === === === === === === === */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }
h1,h2,h3,h4,h5,h6 { font-size : 100%; }
ol,ul { list-style : none; }
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }
table { border-collapse : collapse; border-spacing : 0; }
fieldset,img { border : 0; }
caption,th { text-align : left; }
q:before, q:after { content :''; }
a { outline: none; text-decoration:none; }
 
/* === === === === === === === === === ===
=STRUCTURE
=== === === === === === === === === === */

html { 
margin: 0; 
padding: 0; 
width: 100%;
}

body {
margin: 0; padding: 0;
font: 62.5%/1.5 Georgia, georgia, "Times New Roman", Times, serif; 
background: rgb(120,51,22) url(../img/body_bgd.jpg) repeat-x 50% 0;
color: #646451; /* default font color */
position: relative;
width: 100%;
}

#wrapper {
position:relative; 
width: 850px;
margin:0 auto;
}

.hide {
text-indent: -9999px; 
font-size: 1%;
display:none;
}

/* === === === === === === === === === ===
=MASTHEAD
=== === === === === === === === === === */

#masthead {
width: 850px; height:223px;
margin:0 auto;
position:relative;
overflow:hidden;
}

#masthead h1 a  {
position:absolute;
top:7px; left:15px;
background: transparent url(../img/h1_logo.jpg) no-repeat left 0;
width:464px; height:168px;
display:block;
z-index:9999; 
text-indent: -9999px; 
font-size: 1%;
}

#contact-info {
position:absolute;
top:0; right:36px;
z-index:99999;
padding:10px 20px;
background: rgb(216,203,178) url(../img/contact_bgd.gif) repeat-x 50% bottom;
-moz-border-radius-bottomleft: 8px;
-khtml-border-bottom-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
border-bottom-left-radius: 8px;
-moz-border-radius-bottomright: 8px;
-khtml-border-bottom-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
border-bottom-right-radius: 8px;
text-shadow: rgb(237,235,207) 1px 1px 1px;
}

#contact-info p {
font-size:1.9em;
font-wieght:bold;
font-style:italic;
color:rgb(120,51,22);
}


/* === === === === === === === === === ===
=NAVIGATION
=== === === === === === === === === === */

#nav  {
position:absolute;
bottom:0; left:36px; 
width:850px;
clear:both;
font: bold italic 1.5em Georgia, georgia, "Times New Roman", Times, serif;
z-index:9999;
}

#nav li  {
float:left;
display:inline;

}

#nav li a  {
color:rgb(116,78,56);
display:block;
padding:24px 10px 15px 10px;
margin:0 15px 0 0;
text-shadow: rgb(237,235,207) 1px 1px 1px;
}

#nav li a:focus, #nav li a:hover {
color:rgb(161,67,40);
}
	
#nav li.currentpage a {
color:rgb(250,246,238);
background: rgb(161,67,40) url(../img/current_bgd.gif) repeat-x left bottom;
border-top: 1px solid rgb(243,235,216);
border-right: 1px solid #000000;
display:block;
-moz-border-radius-topleft: 5px;
-khtml-border-top-left-radius: 5px;
-webkit-border-top-left-radius: 5px;
border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-khtml-border-top-right-radius: 5px;
-webkit-border-top-right-radius: 5px;
border-top-right-radius: 5px;
text-shadow: #000000 1px 1px 1px;
 }

/* === === === === === === === === === ===
=CONTENT AREA
=== === === === === === === === === === */

#content {
position:relative;
overflow:hidden;
clear:both;
z-index:99999;
width:776px;
background: transparent url(../img/content_bgd.jpg) repeat-y 50% 0;
margin:29px auto 0 auto;
}

.shadow {
width:776px; height:24px;
z-index:999;
margin:0 auto;
background: transparent url(../img/content_shadow.png) no-repeat 50% 0;
padding-bottom:25px;
border-bottom: 1px solid #000000;
}

#pic-rotator {
float:right;
width:432px; height:500px;
}

.pics {  
width:432px; height:500px; 
padding: 0;  
margin:  0;  
} 

.pics img {      
width: 432px; height: 500px; 
top:  0; left: 0; 
}

#intro {
float:left;
width:280px;
margin:50px 0 30px 25px;
_margin-left:15px;
}

#ginfo {
float:left;
width:300px;
margin:50px 0 36px 36px;
_margin-left:10px;
padding-bottom:36px;
}

#ginfo a{
color:rgb(110,36,5);
}

#ginfo a:focus, #ginfo a:hover{
text-decoration:underline;
}

h2 {
font-size:20px;
line-height:24px;
color: #6E2405;
z-index:99999;
text-indent:-999999px;
}

/* HEADLINES */

h2.thanks {
background: transparent url(../img/Thank-head.gif) no-repeat left 0;
width:268px; height:42px;
}

h2.request {
background: transparent url(../img/request_head.gif) no-repeat left 0;
width:268px; height:42px;
}

h2.about {
background: transparent url(../img/about_head.gif) no-repeat left 0;
width:268px; height:42px;
}

h2.specialties-head {
background: transparent url(../img/specialt_head.gif) no-repeat left 0;
width:268px; height:42px;
}

h2.welcome {
background: transparent url(../img/main_head.gif) no-repeat left 0;
width:282px; height:42px;
}

h2.gallery {
background: transparent url(../img/project_head.gif) no-repeat left 0;
width:268px; height:42px;
}

/*END*/

h4 {
font-size:1.3em;
padding:0 0 10px 0;
margin-bottom:10px;
color:rgb(110,36,5);
font-weight:normal;
border-bottom:1px solid rgb(110,36,5); 
}

#intro h4, #action h4 {
border-top:1px solid rgb(110,36,5);
padding-top:10px;
margin-top:20px; 
}

#action{
float:left;
margin:310px 0 36px 36px;
_margin-left:20px;
width:250px;
}

#intro h4 a, #action a {
color:rgb(110,36,5);
text-decoraion:none;
font-weight:bold;
}

#intro h4 a:focus, #intro h4 a:hover, #action a:focus, #action a:hover  {
text-decoration:underline;
}


#intro p, #main-content p, #gallery-content p, #ginfo p {
font-size:1.3em;
line-height:1.6em;
margin-bottom:10px;
}

#subimage {
position:absolute;
top:260px; left:0;
width:327px; height:306px;
z-index:999999;
}

#main-content {
float:right;
width:400px;
margin:50px 36px 36px 0;
_margin-right:25px;

}

.specialties {
margin-top:20px;
}

.specialties li {
display:block;
border-bottom:1px solid rgb(216,203,178);
line-height:2.2em;
font-size:1.3em;
color:rgb(110,36,5);
background: url(../img/check.gif) no-repeat left 50%;
padding-left:25px;
}

.specialties li:last-child {  
border-bottom:none;  
} 

.specialties li:hover {
background-color:rgb(216,203,178);
color:rgb(110,36,5);
}

/*gallery*/

#gallery-content {
width:726px;
margin:50px auto 0px auto;
}


#gallery {
width:726px;
margin:50px auto 15px auto;
}

#gallery li {
width:650px; height:120px;
margin:0 auto 20px auto;
border:#ffffff solid 5px;
}


#gallery li.directions {
font-size:1.3em; 
height:20px;
font-style:italic;
background-color:none;
margin:0 0 10px 30px;
border:none;
}

#gallery li.last {
margin-bottom:60px;
}


/* === === === === === === === === === ===
=FOOTER
=== === === === === === === === === === */

#footer  {
position:relative;
padding-bottom:100px;
border-top: 1px solid rgb(161,67,40);
width:776px;
margin:0 auto;
clear:both;
}

#footer #siteinfo  {
width:650px;
padding:15px 0 0 0;
}

#siteinfo p  {
font-size:9px;
font-weight:bold;
color: rgb(243,235,216);
}

#siteinfo p a  {
color: rgb(243,235,216);
}

#footer #siteinfo p a:focus, #footer #siteinfo p a:hover {
text-decoration:underline;
}

#credits  {
position:absolute;
top:15px; right:0;
}

#credits p  {
font-size:9px;
font-weight:bold;
color: rgb(243,235,216);
}

#credits p a  {
color: rgb(243,235,216);
}

#credits p a:focus, #credits p a:hover {
text-decoration:underline;
}

/* === === === === === === === === === ===
=FORM
=== === === === === === === === === === */

#form, #success {
float:right;
width:350px;
margin:50px 36px 36px 0;
_margin-right:15px;

}
	
.error { color:rgb(110,36,5); font-size: 1.4em ; line-height:1.6em; }

label.error { display: block; }

input.error, textarea.error { border: 1px solid rgb(110,36,5); }	
	
#form em, #form dl dt em {
color:rgb(110,36,5);
}

#form h2 {
padding-bottom:0px;

}

	
#form p, #success p {
margin-bottom:5px;
font-size: 1.3em ;
line-height:1.8em;
color: #646451;
}
	
#form dt {
color: #646451;
font-size: 1.4em ;
line-height:2.0em;
}

#form dt em {
color: #646451;
font-size: .8em;
}
	
fieldset dd { margin:0; }
	
#name, #email, #project, #phone, #info { width:350px; margin-bottom:5px; }

input, textarea { 
background:rgb(223,212,191) url(../img/form-bgd.gif) repeat-x left 0; 
border:1px solid #646451; 
padding:5px; 
color: #646451;
}

	
#submit { 
margin-top:15px;
padding:5px 10px;
border:1px solid rgb(216,203,178);  
}

input:hover, textarea:hover,
input:focus, textarea:focus,
#submit:focus, #submit:hover { border:1px solid rgb(161,67,40); cursor: pointer;  }