/* Cambio Consulting CSS by Design Station */
* { padding: 0; margin: 0; }
/* Global  ---------------- */
body { background-color: #FFFFFF; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0 auto 0 auto; background: url(../images/background/background-site.jpg) no-repeat center top; }
#container { width: 920px; margin: 0 auto 0 auto; }
#header { position: relative; width: 920px; height: 110px; margin: 13px 0 0 0; padding: 0; background: url(../images/background/background-header.jpg) no-repeat; }
#content { position: relative; width: 920px; height: auto; padding: 0; margin: 0; background: url(../images/background/background-page.jpg) repeat-y; }
#footer { clear: both; width: 100%; height: auto; padding: 0; margin: 0; }
#copyright { position: relative; width: 860px; height: auto; margin: 0 auto 0 auto; padding: 0 30px 20px 30px }
/* Nav ------------------- */
#nav { position: relative; width: 500px; height: auto; margin: 0; padding: 75px 30px 0 30px; }
#nav ul li { display: block; float: left; list-style: none; padding: 0; }
#nav ul li a { font-size: 13px; font-weight: bold; line-height: 12px; display: inline; margin-right: 30px; }
#nav a { color: #FFFFFF; text-decoration: none; }
#nav a:hover { color: #f9e7d0; text-decoration: none; }
#nav a:active { color: #f4a149; }
#page-welcome #nav-welcome a, #page-about #nav-about a, #page-services #nav-services a, #page-work #nav-work a, #page-contact #nav-contact a { color: #fbf0de; text-decoration: underline; }
/* Welcome ----------------- */
.welcome-top { width: 820px; height: auto; padding: 220px 50px 30px 50px; background: url(../images/welcome/main-background.jpg) no-repeat top; }
.tagline { margin: 35px 0 70px 0; }
.welcome-left { float: left; width: 560px; height: auto; }
.welcome-right { float: right; width: 238px; height: auto; margin: 9px 0 0 0; }
.welcome-bottom { width: 820px; height: auto; margin: 0; padding: 10px 50px 40px 50px; background: url(../images/background/background-footer.jpg) no-repeat bottom; }
.welcome-item-left { float: left; width: 250px; height: auto; }
.welcome-item-center { float: left; width: 250px; height: auto; margin: 0 35px 0 35px; }
.welcome-item-right { float: right; width: 250px; height: auto; }
.welcome-subhead { margin: 0 0 10px 0; }
/* Sub ------------------- */
.sub-top { width: 820px; height: auto; padding: 130px 50px 0 50px; background: url(../images/background/background-sub.jpg) no-repeat top; }
.sub-title { margin: 0 0 15px 0; }
.sub-segment-nm { margin: 0 0 0 0; }
.sub-segment { margin: 30px 0 30px 0; }
.sub-narrow-left { float: left; width: 200px; padding: 30px 20px 5px 0; }
.sub-narrow-left-np { float: left; width: 200px; padding: 4px 20px 5px 0; }
.sub-narrow-right { float: right; width: 200px; padding: 30px 0 5px 20px; }
.sub-narrow-right-np { float: right; width: 200px; padding: 4px 0 5px 20px; }
.sub-wide-left { float: left; width: 580px; margin: 0; padding: 0; }
.sub-wide-right { float: right; width: 580px; margin: 0; padding: 0; }
.sub-top-nav { width: 820px; height: auto; padding: 73px 50px 0 50px; background: url(../images/background/background-sub-nav.jpg) no-repeat top; }
.sub-two-left { float: left; width: 380px; }
.sub-two-right { float: right; width: 380px; }
.sub-three-left { float: left; width: 250px; }
.sub-three-center { float: left; width: 300px; margin: 0 0 0 30px; }
.sub-three-right { float: right; width: 200px; }
.sub-bottom { width: 820px; height: auto; margin: 0; padding: 0 50px 20px 50px; background: url(../images/background/background-footer.jpg) no-repeat bottom; }
.sub-bottom-small { width: 820px; height: 60px; margin: 0; padding: 0 50px 20px 50px; background: url(../images/background/background-footer-small.jpg) no-repeat bottom; }
.thumbnail { float: left; margin: 5px 25px 10px 0; }
.spacer { margin: 0 0 50px 0; }
/* Sub Nav --------------- */
.sub-nav { height: 30px; width: 500px; margin: 0 0 27px 0; }
.sub-nav ul li { display: block; float: left; list-style: none; padding: 0; }
.sub-nav ul li a { font-size: 13px; font-weight: bold; line-height: 12px; display: inline; margin-right: 30px; }
.sub-nav a { color: #462834; text-decoration: none; }
.sub-nav a:hover { color: #c1140e; text-decoration: none; }
.sub-nav a:active { color: #f4a149; }
/* Footer ---------------- */
#copyright ul { font-size: 10px; display: block; float: left; list-style: none; padding: 0; }
#copyright ul li { display: inline; padding-right: 15px; color: #9b9189; }
#copyright a { color: #9b9189; text-decoration: none; }
#copyright a:hover { color: #09517e; text-decoration: none; }
/* Other ----------------- */
.clear { clear: both; float: none; height: 0px; margin: 0; padding: 0; }
/* Link Colors ----------- */
a, a img { border: 0; }
.welcome-bottom a:link { color: #393b3d; text-decoration: none; }
.welcome-bottom a:visited { color: #393b3d; text-decoration: none; }
.welcome-bottom a:hover { color: #5f5f5f; text-decoration: underline; }
.welcome-bottom a:active { color: #c1140e; text-decoration: underline; }
.sub-segment-nm a:link, .sub-segment a:link { color: #af0012; text-decoration: underline; }
.sub-segment-nm a:visited, .sub-segment a:visited { color: #af0012; text-decoration: none; }
.sub-segment-nm a:hover, .sub-segment a:hover { color: #393b3d; text-decoration: underline; }
.sub-segment-nm a:active, .sub-segment a:active { color: #5f5f5f; text-decoration: underline; }
/* Font Styles ----------- */
/*P*/
p { font-size: 13px; font-style: normal; line-height: 19px; font-weight: normal; font-variant: normal; text-transform: none; margin: 0 0 15px 0; color: #393b3d; }
.welcome-left p { padding-right: 20px; }
.welcome-bottom p { font-size: 12px; line-height: 18px; margin-bottom: 5px; }
.sub-narrow-left p, .sub-narrow-left-np p, .sub-narrow-right p, .sub-narrow-right-np p { font-size: 11px; line-height: 15px; margin-bottom: 5px; }
/*H1*/
h1 { font-size: 26px; line-height: 26px; text-transform: none; color: #ffffff; font-weight: normal; }
/*H2*/
h2 { font-size: 15px; font-style: normal; line-height: 15px; font-weight: bold; margin: 0 0 8px 0; color: #393b3d; }
/*H3*/
h3 { font-size: 13px; font-style: normal; line-height: 16px; font-weight: bold; margin: 0 0 8px 0; color: #393b3d; }
/*H4*/
h4 { font-size: 13px; font-style: normal; line-height: 18px; font-weight: bold; margin: 20px 0 8px 0; color: #864952; }
/* Lists --------------------- */
.welcome-item-left ul { font-size: 12px; line-height: 16px; color: #393b3d; list-style: url(../images/other/bullet.png); }
.welcome-item-left ul li { margin: 0 0 5px 15px; }
.sub-segment-nm ul, .sub-segment ul { font-size: 13px; line-height: 19px; color: #393b3d; list-style: url(../images/other/bullet.png); margin: 0 0 15px 20px; }
.sub-segment-nm ul li, .sub-segment ul li { margin: 0 0 5px 15px; }