/* CSS */

/**************** Global ******************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border:0pt none;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
list-style-type:none;
margin:0;
outline-color:invert;
outline-style:none;
outline-width:0;
padding:0;
vertical-align:baseline;
}

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


html {
background:url(images/header-bg.jpg) repeat-x;
}

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0 auto;
width:960px;
}

#body-wrapper {
width:960px;
}

/*********** header ************/

#header {
height:101px;
position:relative;
width:960px;
}

#logo {
position:absolute;
height:124px;
margin:10px 0 0 5px;;
width:267px;
}

#logo h1 {
display:none;
}


#phone h3 {
color:#b80105;
font-size: 12px;
position: absolute;
top: 14px;
right: 13px;
text-shadow: 1px 1px 1px #fff;
}

/*********** primary navigation ************/

#nav-box {
float:right;
margin:57px 0 0 0;
width:689px;
}

ul#nav {
float:right;
}

ul#nav li {
float:left;
font-weight:bold;
font-size:12px;
margin:5px 5px 0 22px;
}

ul#nav a {
background:none;
color:#ffffff;
padding:5px 5px 5px 5px;
}

ul#nav a:hover {
color:#b80105;
text-shadow: 1px 1px 1px #fff;
}

/***************/

#nav, #ul {
padding:0;
margin:0;
list-style:none
}

#nav li ul {
/*background: white url(images/nav-bg.jpg) repeat-x;*/
background-position:top;
border-left:1px solid #c9bdb1;
border-bottom:1px solid #c9bdb1;
/*border-right:1px solid #c9bdb1;
border-top:1px solid #c9bdb1;*/
margin:6px 0 0 0;
padding:7px 0 0 0;
position:absolute;
width:;
left:-999em;
}

#nav li:hover ul {
left: auto;
}

#nav li:hover ul, #nav li.sfhover ul {
left: auto;
}
#nav li:hover, #nav li.hover {  
position: static;  
}

#nav li ul li {
font-size:11px;
float:left;
margin:0 0 13px 0;
padding:0 10px 0 10px;
text-transform:lowercase;
}

#nav li ul li a {
background:none;
border:none;
color:#522B02;
margin:0;
padding:0;
}

#nav li ul li a:hover{
background:none;
border:none;
color:#B80105;
margin:0;
padding:0;
}

/***************/
h2 {
color:#522B02;
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
margin:0 30px 10px 30px;
}

p {
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
margin:5px 30px 7px 30px;
}

/*********** slider ************/

#slide-wrap{ 
width: 960px; 
/*padding: 50px 0 5px; */
}

#slider	{ 
background: white url(images/sliderbkgd.jpg); 
border-top:1px solid #c9bdb1;
border-right:1px solid #c9bdb1;
border-bottom:1px solid #c9bdb1;
border-left:1px solid #c9bdb1;
height: 227px; 
overflow: hidden;
position: relative; 
margin: 0 0 12px; 
box-shadow: 5px 5px 5px #ccc;
-moz-box-shadow: 5px 5px 5px #ccc;
-webkit-box-shadow: 5px 5px 5px #ccc;
}
								  
/* DEFAULT is for three panels in width, adjust as needed
This only matters if JS is OFF, otherwise JS sets this. */	
							  
#mover{ 
width: 2880px;
position: relative; 
}

.slide { 
padding: 40px 30px; 
width: 900px; 
float: left; 
position: relative; 
}

.slide h1 { 
font-family: Helvetica, Sans-Serif; 
font-size: 30px; 
letter-spacing: -1px;
color: #b90006; 
text-shadow: 1px 1px 1px #fff;
}

.slide p { 
color: #522b00; 
font-size: 12px; 
line-height: 18px; 
margin:5px 0 0 0;
width: 300px; 
}

.slide img{ 
position: absolute; 
top: -56px; 
left: 390px; 
}

#slider-stopper{ 
position: absolute; 
top: 5px; 
right: 5px; 
background: #b80105;; 
color: white;
padding: 3px 8px; 
font-size: 10px; 
text-transform: uppercase; 
z-index: 1000; 
}

#slider-stopper:hover {
background:white;
border:1px solid #b80105;
color:#b80105;
}

/*********** content area ************/

#featured {
border-right:1px solid #c9bdb1;
float:left;
margin:0 0 20px 0;
padding-bottom:3px;
width:474px;
}

#featured h2 {
color:#512c00;
font-size:14px;
font-weight:bold;
letter-spacing:.2em;
margin:0 0 5px 3px;
padding:30px 0 0 0;
text-align:left;
text-transform:uppercase;
}

#featured p {
font-size:11px;
line-height: 18px;
margin:0 13px 8px 3px;
}

#featured img {
border:1px solid #d3bfa7;
float:right;
margin:0 25px 30px 25px;
box-shadow: 5px 5px 5px #ccc;
-moz-box-shadow: 5px 5px 5px #ccc;
-webkit-box-shadow: 5px 5px 5px #ccc;
}

#featured a {
background:white;
border:1px solid #b80106;
color:#b80106;
font-size:10px;
margin:0 0 0 3px;
padding:3px 8px;
text-transform:uppercase;
}

#featured a:hover {
background:#b80106;
border 1px solid white;
color:white;
}

#quote {
float:left;
margin:0 0 20px 0;
width:484px;
}

#quote-desc {
float:left;
width:280px;
}

#quote h2 {
color:#512c00;
float:left;
font-size:14px;
font-weight:bold;
letter-spacing:.2em;
margin:0 0 5px 13px;
padding:30px 0 0 0;
text-align:left;
text-transform:uppercase;
}

#quote p {
clear:both;
float:left;
font-size:11px;
line-height: 18px;
margin:0 0 8px 13px;
width:260px;
}

#quote-form {
float:right;
width:200px;
}

#quick-contact-form {
float:right;
margin:24px 0 0 0;
}

#quick-contact-form legend {
display:none;
}

#quick-contact-form label {
display:block;
font-size:11px;
margin:5px 0 4px 0;
}

#quick-contact-form input, #quick-contact-form textarea {
background:url(images/nav-bg.jpg);
border:1px solid #C9BDB1;
width:192px;
}

#quick-contact-form input.submit {
background:white;
border:1px solid #b80106;
color:#b80106;
float:right;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:8px 3px 0 0;
padding:1px 4px;
text-transform:uppercase;
width:auto;
}


#quick-contact-form input.submit:hover {
background:#b80106;
border 1px solid white;
color:white;
cursor:pointer;
}



#quick-contact-form2 {
margin:0 0 0 0;
}

#quick-contact-form2 legend {
display:none;
}

#quick-contact-form2 label {
display:block;
font-size:11px;
margin:5px 0 4px 0;
}

#quick-contact-form2 input, #quick-contact-form2 textarea {
background:url(images/nav-bg.jpg);
border:1px solid #C9BDB1;
width:192px;
}

#quick-contact-form2 input.submit {
background:white;
border:1px solid #b80106;
color:#b80106;
display: block;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:8px 3px 0 0;
padding:1px 4px;
text-transform:uppercase;
width:auto;
}


#quick-contact-form2 input.submit:hover {
background:#b80106;
border 1px solid white;
color:white;
cursor:pointer;
}

#center-container-home {
padding-top:49px;
}

#center-container {
background:white;
border-left:1px solid #e6e2dd;
border-right:1px solid #e6e2dd;
border-bottom:1px solid #e6e2dd;
box-shadow: 5px 5px 5px #ccc;
-moz-box-shadow: 5px 5px 5px #ccc;
-webkit-box-shadow: 5px 5px 5px #ccc;
}

#content-area {
padding:49px 0 0 0;
}


#center-container h2{
color:#5e3a09;
font-family:Garamond,"Times New Roman", Times, serif;
font-size:30px;
font-weight:bold;
margin:0 30px 0 30px;
}

#center-container h3{
color:#b4271b;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
margin:10px 30px 10px 30px;
}

#center-container h3.case{
color:#b4271b;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
letter-spacing:.2em;
margin:0 30px 10px 30px;
text-transform:uppercase;
}

#center-container p{
color:#5e3a09;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0 30px 10px 30px;
}

#center-container p.last {
border-bottom:2px dotted #d1c9bf;
margin:0 30px 20px 30px;
padding:0 0 30px 0;
}

#center-container span.intro {
font-size:15px;
font-style:italic;
font-weight:bold;
margin:0 4px 0 0;
}

div.case-study {
float:left;
width:479px;
}

div.case-study img {
border:1px solid #d3bfa7;
float:right;
margin:0 0 20px 10px;
box-shadow: 5px 5px 5px #ccc;
-moz-box-shadow: 5px 5px 5px #ccc;
-webkit-box-shadow: 5px 5px 5px #ccc;
}

div.case-study img.branding {
border:none;
box-shadow: none;
margin:0 0 20px 10px;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}


#portfolio-wrap {
margin:25px auto;
width:793px;
}



/*********** footer ************/

#footer {
margin:5px auto 10px;
width:826px;
}

ul#footer-nav {
margin:0 0 0 136px;
}

ul#footer-nav li {
float:left;
font-size:11px;
margin:10px 15px 10px;
}

ul#footer-nav a {
color:#512c02;
}

ul#footer-nav a:hover {
color:#b80105;
}

#footer p {
clear:both;
color:#c7bdb1;
font-size:11px;
text-align:center;
}

#footer a.contact {
color:#c7bdb1;
}

#footer a.contact:hover {
color:#b80105;
}

/*********** form ************/

.form-line {
float:left;
margin:0 0 20px 0;
width:335px;
}

#form-container label {
float:left;
clear:both;
font-size:11px;
font-weight:bold;
margin:3px 0 0 0;
}

#form-container span.star {
color:red;
}

#contact-form label.error {
color:red;
}

#form-container input, #form-container textarea {
background:#f1f1f1 url(images/nav-bg.jpg);
background-repeat:repeat;
border:1px solid #c4c2c2;
float:right;
width:230px;
}

#form-container input.submit-button {
background:white;
border:1px solid #b80106;
color:#b80106;
float:right;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0 -8px 15px 0;
padding:1px 4px;
text-transform:uppercase;
text-align:center;
width:53px;
}


#form-container input.submit-button:hover {
background:#b80106;
border 1px solid white;
color:white;
cursor:pointer;
}