@charset "UTF-8";

/* CSS Document */

/* resets */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,em,font,img,q,strong,sub,sup,center,ol,ul,li,form,label,table,caption,tbody,tfoot,thead,tr,th,td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
background: transparent;
}

ol,
ul { list-style: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}

html {
font-size: 62.5%;
line-height: 62.5%;
}

body {
font-family: Georgia, Times New Roman, Times, serif;
font-size: 1.3em;
line-height: 1.4em;
background-color: #4d2a04;
background-image: url(images/sidebar_pics-home.jpg);
background-repeat: no-repeat;
background-position: 0px 175px;
}

body.about { background-image: url(images/sidebar_pics-about.jpg); }

body.team { background-image: url(images/sidebar_pics-team.jpg); }

body.services { background-image: url(images/sidebar_pics-services.jpg); }

body.projects { background-image: url(images/sidebar_pics-projects.jpg); }

body.testimonials { background-image: url(images/sidebar_pics-testimonials.jpg); }

body.partners { background-image: url(images/sidebar_pics-partners.jpg); }

body.contact { background-image: url(images/sidebar_pics-contact.jpg); }

a:link {
color: #B86730;
font-weight: bold;
text-decoration: none;
}

a:visited {
color: #B86730;
font-weight: normal;
text-decoration: none;
}

a:hover {
color: #0060A9;
text-decoration: underline;
}

a:active { color: #66CCFF; }

p {
margin-top: .6em;
margin-bottom: .4em;
}

p span.initial { font-size: 160%; }

li {
margin-top: .2em;
margin-bottom: .2em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: bold;
line-height: 1.1em;
}

h1 {
font-size: 1.7em;
margin-bottom: 0.5em;
}

#content_main h1,
#content_main h2 { text-shadow: 3px 4px 4px #ccc; }

h2 {
font-size: 1.4em;
margin-top: 0.6em;
margin-bottom: 0.4em;
}

h3 {
font-size: 1.3em;
margin-top: 0.6em;
margin-bottom: 0.4em;
}

h4 {
font-size: 1.2em;
margin-top: 1.1em;
margin-bottom: 0.4em;
}

select,
input,
textarea { font: 99% arial, helvetica, clean, sans-serif; }

.hilite { color: #F00; }

.clearer {
font-size: 0px;
line-height: 0px;
clear: both;
height: 0px;
}
blockquote p {
font-style: italic;
}
.attribute {
margin: -.3em 0 1.2em;
}
#wrapper {
/* [disabled]width: 900px;
*/
/* [disabled]margin: 0 auto;
*/
/* [disabled]padding: 0 20px;
*/
/* [disabled]background-color: #4d2a04;
*/
}

#masthead {
text-align: left;
background-image: url(images/masthead_pic-home.jpg);
background-repeat: no-repeat;
overflow: hidden;
width: 900px;
background-position: 0px -16px;
}

.about #masthead { background-image: url(images/masthead_pic-about.jpg); }

.team #masthead { background-image: url(images/masthead_pic-team.jpg); }

.services #masthead { background-image: url(images/masthead_pic-services.jpg); }

.projects #masthead { background-image: url(images/masthead_pic-projects.jpg); }

.testimonials #masthead {
background-image: url(images/masthead_pic-testimonials.jpg);
background-position: 0px -22px;
}

.partners #masthead {
background-image: url(images/masthead_pic-partners.jpg);
background-position: 0px -22px;
}

.contact #masthead { background-image: url(images/masthead_pic-contact.jpg); }

#masthead h2 {
float: left;
margin: 0 0 0 300px;
height: 126px;
width: 121px;
padding: .6em 0 .9em;
}

#masthead h2 a {
display: block;
text-indent: -9999px;
font-size: 0;
background-image: url(images/masthead-logo.png);
background-repeat: no-repeat;
height: 126px;
width: 121px;
}

#masthead h4 {
text-indent: -9999px;
font-size: 0;
background-image: url(images/masthead-tagline.png);
background-repeat: no-repeat;
height: 33px;
width: 410px;
float: left;
margin-top: 68px;
margin-left: 30px;
}

#content_wrap { width: 900px; }

#content_main {
float: right;
width: 550px;
margin-top: 28px;
padding: 20px;
text-align: left;
background-image: url(images/content-bkg-img.jpg);
background-repeat: no-repeat;
background-position: center 60%;
background-color: #fbf9f6;
border: 5px solid #ceae74;
}

#content_main h1 span { font-size: 67%; }
#content_main .left {
float: left;
width: 40%;
margin-right: 5%;
}
#content_main .right {
float: right;
width: 55%;
}
#sidebar {
float: left;
width: 235px;
color: #fff;
padding: 18px 14px 0;
font-size: 95%;
text-align: center;
}

#content_main li {
background-image: url(images/bullet-cstm.png);
padding-left: 11px;
background-repeat: no-repeat;
background-position: 0px .4em;
}

#footer {
float: right;
width: 600px;
padding: 10px 0 18px;
color: #ECE0D4;
text-align: center;
overflow: hidden;
}

#footer_nav {
float: right;
width: 100%;
overflow: hidden;
}

#footer p {
font-family: Helvetica, Arial, sans-serif;
font-size: 85%;
line-height: 120%;
}

#footer p a { color: #fbf9f6; }

/* begin nav */

#nav_main_wrap {
width: 100%;
background-color: #E4D6B8;
border-top: 1px solid #FFF;
border-bottom: 1px solid #FFF;
text-align: left;
overflow: hidden;
}

#nav_main_wrap ul.nav { width: 900px; }

ul.nav li {
float: left;
margin: 0;
}

ul.nav li a {
text-align: center;
text-transform: uppercase;
padding: 3px 0;
color: #000;
font-weight: bold;
}

#nav_main_wrap ul.nav li { width: 12%; }

#nav_main_wrap ul.nav li a {
text-decoration: none;
display: block;
border-right: 1px solid #FFF;
width: 100%;
}

#nav_main_wrap ul.nav li.nav-testimonials { width: 16%; }

#nav_main_wrap .nav-home a,
#nav_main_wrap .nav-services a,
#nav_main_wrap .nav-partners a { background-color: #CCC8B8; }

#nav_main_wrap .nav-about a,
#nav_main_wrap .nav-projects a,
#nav_main_wrap .nav-contact a { background-color: #E4D6B8; }

#nav_main_wrap .nav-team a,
#nav_main_wrap .nav-testimonials a { background-color: #F3EDE0; }

.home #nav_main_wrap .nav-home a,
.team #nav_main_wrap .nav-team a,
.services #nav_main_wrap .nav-services a,
.projects #nav_main_wrap .nav-projects a,
.testimonials #nav_main_wrap .nav-testimonials a,
.partners #nav_main_wrap .nav-partners a,
.about #nav_main_wrap .nav-about a,
.contact #nav_main_wrap .nav-contact a {
background-color: #B86730;
color: #FFF;
}

#nav_main_wrap ul.nav li a:hover {
background-color: #9e501c;
color: #FFF;
}

#footer_nav ul.nav {
float: left;
position: relative;
left: 50%;
}

#footer_nav ul.nav li {
background-image: none;
position: relative;
right: 50%;
margin: 0;
padding: 0;
}

#footer_nav ul.nav li a {
color: #FFF;
font-size: 80%;
padding: 2px 6px;
}

/* end nav */

/* page-specific styles */
.about #content_main li {
background-image: none;
width: 29%;
text-align: center;
padding: 0 1em;
float: left;
margin: 1.5em 0;
font-size: 85%;
}
.services #content_main ul {
width: 30%;
float: left;
margin-right: 3%;
}
.services #content_main ul.last {
width: 31%;
margin-right: 0;
}
.team #content_main ul { font-size: 90%; }
.team #content_main li {
padding: 0;
text-align: center;
width: 29%;
margin: 1em 2%;
float: left;
background-image: none;
}
.team #content_main li.2col { width: 46%; }

.team #content_main li h4 { margin: .2em 0; }

.team #content_main li p {
margin-top: 0;
font-size: 90%;
line-height: 115%;
}

.team #content_main li img { border: 1px solid #4D2A04; }

.projects .anythingSlider {
font-size: 85%;
line-height: 110%;
}

.projects .project {
text-align: center;
float: left;
width: 45%;
padding: 7px 13px;
}
.projects #content_main h1 {
}
.projects .project h3 {
font-size: 1.4em;
margin-top: 0;
}

.projects .project h4 {
font-size: 1.1em;
margin-bottom: .1em;
}
.projects .project p {
margin-top: .2em;
}

.projects .project a { text-decoration: none; }

.projects .project img { padding-bottom: .4em; }

.contact #content_main .right td {
vertical-align: middle;
padding-bottom: 14px;
}
.contact #content_main p span {
color: #C00;
font-weight: bold;
}