/* CSS Document */


/* Reset all HTML */
@import url('reset.css');

/* GLOBAL */
.clearall {clear:both;height:1px;margin-top:-1px;}
em, i {font-style:italic;}
b, strong {font-weight:bold;}
p {margin-bottom:1em;}

/* Absolute regions */
body {background-color:#a65437;background:#a65437 url(assets/bg-body.gif) no-repeat top center;} 
body #wrapper {margin:0 auto;width:996px;} 
body#home #main {margin-top:20px;position:relative;width:996px;height:500px;background:#a65437 url(assets/bg-main-home.jpg) top center;}
body#interior #main {margin-top:20px;position:relative;width:996px;height:500px;background:#a65437 url(assets/bg-main.jpg) top center;}
body #footer {margin:12px 12px 0 0;text-align:right;color:#7e1700;text-transform:uppercase;font-family: Verdana, Arial, Helvetica, sans-serif;font-size:13px;}

/* Relative regions - positioning */
body#home #main #siteid {position:absolute;top:182px;left:454px;width:448px;height:135px;}
body#interior #main #siteid {position:absolute;top:17px;left:24px;width:251px;height:146px;}

body #main #nav {position:absolute;top:163px;left:24px;width:251px;height:284px;}
body #main #subnav {position:absolute;top:392px;left:405px;width:533px;height:55px;}

body #main #contact {position:absolute;top:446px;left:24px;width:311px;height:35px;}
body#home #main #content {position:absolute;top:337px;left:454px;width:448px;height:143px;overflow:hidden;}
body#interior #main #content {position:absolute;top:45px;left:405px;width:322px;height:347px;padding-right:20px;overflow:auto;}
body #main #artwork {position:absolute;top:45px;left:767px;width:171px;height:347px;}

/* Relative regions - look & feel  */
body#home #main #siteid h1 {display:block;width:448px;height:135px;text-indent: -9999px;background:url(assets/siteid-home.jpg) top left;}
body#interior #main #siteid a {display:block;width:251px;height:136px;text-indent: -9999px;}
body #main #nav {text-align:right;}
body #main #nav a {display:block;margin:10px 7px 8px 0;color:#ffffff;text-transform:lowercase;text-decoration:none;font-size:16px;line-height:140%;font-family: Verdana, Arial, Helvetica, sans-serif;}
body #main #nav a:hover {color:#f2d17e;}
body #main #subnav {background:url(assets/bg-subnav.gif) top center;}
body #main #subnav #subnav-interior  {text-align:center;}
body #main #subnav #subnav-interior a {display:block;float:left;width:130px;padding:35px 10px 5px 10px;color:#a79a81;text-transform:lowercase;text-decoration:none;font-size:16px;font-family: Verdana, Arial, Helvetica, sans-serif;text-align:center;background:url(assets/bg-subnav-a.gif) no-repeat 0 0;overflow:visible;}
body #main #subnav #subnav-interior a:hover {color:#7e1700;background:url(assets/bg-subnav-a.gif) no-repeat 0 -55px !important;}
body #main #contact {color:#fff;font-family: Verdana, Arial, Helvetica, sans-serif;font-size:13px;}
body #main #contact a {color:#fff;text-decoration:none;}
body #main #contact a:hover {color:#f2d17e;}
body#home #main #content {text-align:center;font-family: Verdana, Arial, Helvetica, sans-serif;font-size:18px;line-height:150%;color:#9a1f03;}
body#home #main #content a {color:#9a1f03;}
body#home #main #content a:hover {color:#9a1f03;}
body#home #main #content abbr {cursor:pointer;border-bottom:1px dashed #9a1f03;color:#9a1f03;}
body#interior #main #content abbr {border-bottom:1px dashed #7e1700;color:#7e1700;}
body#interior #main #content {font-family: Verdana, Arial, Helvetica, sans-serif;font-size:12px;line-height:150%;}
body#interior #main #content h1 {margin-bottom:20px;font-size:14px;line-height:150%;}
body#interior #main #content h1 b,
body#interior #main #content h1 strong{font-weight:bold;font-size:120%;}
body#interior #main #content h2 {color:#7e1700;font-weight:bold;font-family: Verdana, Arial, Helvetica, sans-serif;font-size:14px;line-height:150%;}
body#interior #main #content ul {margin:1em 0 1em 0;}
body#interior #main #content ul li {margin:0 0 .5em 2em;list-style:disc;}
body#interior #main #content a {color:#7e1700;}
body#interior #main #content a:hover {color:#7e1700;}
body#interior #main #artwork {}

/* Active Navigation Styles  */
body.s-about #main #nav a.nav-about,
body.s-process #main #nav a.nav-process,
body.s-clients #main #nav a.nav-clients,
body.s-faq #main #nav a.nav-faq,
body.s-contact #main #nav a.nav-contact
 {color:#f2d17e !important;text-transform:uppercase !important;}
 
body.s-process #main #subnav #subnav-interior  {width:450px;margin:0 auto;} /* 450px = 3 buttons*/
body.s-clients #main #subnav #subnav-interior  {width:300px;margin:0 auto;} /* 450px = 3 buttons*/
body.s-faq #main #subnav #subnav-interior a {font-size:16px!important;}
body.s-faq #main #subnav #subnav-interior  {width:450px;margin:0 auto;} /* 450px = 3 buttons*/
body.s-faq #main #subnav #subnav-interior a {font-size:16px!important;}

body.p-clarity #main #subnav a.subnav-clarity,
body.p-planning #main #subnav a.subnav-planning,
body.p-execution #main #subnav a.subnav-execution
  {color:#7e1700 !important;background:url(assets/bg-subnav-a.gif)  no-repeat 0 -55px !important;}
  
body.p-client-list #main #subnav a.subnav-client-list,
body.p-feedback #main #subnav a.subnav-feedback
  {color:#7e1700 !important;background:url(assets/bg-subnav-a.gif)  no-repeat 0 -55px !important;}
  
body.p-services #main #subnav a.subnav-services,
body.p-rates #main #subnav a.subnav-rates,
body.p-retainers #main #subnav a.subnav-retainers
  {color:#7e1700 !important;background:url(assets/bg-subnav-a.gif)  no-repeat 0 -55px !important;}