/* [ PAGE LAYOUT STYLES ] ***0*****0*****0*****0*/
body {background: #fff url('http://www.scainteractive.com/img/bg_body.gif') top repeat-x; }
#frame {width: 808px; margin: 0 auto 6px auto; }
#wrap {width: 808px; margin: 0 auto; background: #fff url('http://www.scainteractive.com/img/bg_wrap.gif') top center repeat-y; }

#header {height: 120px; position: relative; background: url('http://www.scainteractive.com/img/bg_header.gif') top no-repeat; }
    #header .logo {margin: 24px; }    #header a {font-weight: bold; text-decoration: none; }
    #contactNum {position: absolute; top: 48px; right: 28px; color: #666; }

#nav ul {display: block; position: absolute; bottom: 0; right: 4px; background: url('http://www.scainteractive.com/img/bg_nav.gif') top left repeat-x; padding-top: 4px; padding-left: 1px; }
    #nav ul li {display: block; float: left; }

#nav .button {display: block; height: 34px !important; margin: 0 3px 0 3px; float: left; }
    #nav .button:hover, #nav .selected {background-position: 0 -37px !important; }
    #nav .home {width: 78px; background: url('http://www.scainteractive.com/img/btn_home.gif') no-repeat; }
    #nav .work {width: 79px; background: url('http://www.scainteractive.com/img/btn_work.gif') no-repeat; }
    #nav .capabilities {width: 111px; background: url('http://www.scainteractive.com/img/btn_capabilities.gif') no-repeat; }
    #nav .about {width: 79px; background: url('http://www.scainteractive.com/img/btn_about.gif') no-repeat; }
    #nav .contact {width: 96px; background: url('http://www.scainteractive.com/img/btn_contact.gif') no-repeat; }

#subnav ul {position: absolute; bottom: -31px; right: 12px; height: 30px; }
    #subnav ul li {line-height: 30px; float: left; }
	#subnav ul li a {display: block; line-height: 28px; padding: 1px 30px 3px 30px; color: #333; border-right: 1px solid #d8d8d8; text-transform: uppercase; font-size: 11px; font-family: 'Arial Narrow', Arial, sans-serif; }
 
    /* page specific */
    .work #subnav a {background: url('http://www.scainteractive.com/img/work/btns_subnav.gif') bottom center; }    .work #subnav ul {right: 192px; }
	.about #subnav a {background: url('http://www.scainteractive.com/img/about/btns_subnav.gif') bottom center; }
	.capabilities #subnav a {background: url('http://www.scainteractive.com/img/capabilities/btns_subnav.gif') bottom center; }

    /* hover-over */
	#subnav ul li a:hover, #subnav ul li a.selected {background-position: top center !important; color: #fff; }
    #subnav ul li.start a {background-position: bottom left !important; border-left: none; }
    #subnav ul li.start a:hover, #subnav ul li.start a.selected {background-position: top left !important; }
	#subnav ul li.end a {background-position: bottom right !important; border-right: none; }
    #subnav ul li.end a:hover, #subnav ul li.end a.selected {background-position: top right !important; }

#masthead {margin: 0 4px 0 4px; padding: 48px 24px 24px 24px; border-bottom: 1px solid #a8a8a8; border-top: 1px solid #a8a8a8;}
    #masthead * {font-size: 13px; }
    .home #masthead {padding: 0; border: none; height: 210px; padding-bottom: 6px; }
	.work #masthead {background-color: #ffe685; }
	.capabilities #masthead {background-color: #c2eb99; }
	.about #masthead {background-color: #99ebff; }
	.contact #masthead, .pages #masthead {padding-top: 24px; background-color: #d3d3d3; }
    
	.demos #masthead, .notfound #masthead {background: url('http://www.scainteractive.com/img/home/masthead.png') left center no-repeat; }

#content {margin: 0 4px; padding: 24px; }
    #l_col {float: left; width: 276px; }
	#r_col {margin-left: 300px; }
    
    /* page width exceptions */
    .home #l_col {width: 350px; }    .home #r_col {margin-left: 375px; margin-top: 144px; }
    .portfoliolist #l_col {width: 350px; }    .portfoliolist #r_col {margin-left: 375px; }

#footer {background: #fff url('http://www.scainteractive.com/img/bg_footer.gif') top center no-repeat; height: 32px; padding: 19px 24px 2px 24px; clear: both !important;}
    #footer, #footer * {font-size: 10px; line-height: 32px; text-decoration: none; margin: 0; }
    #footer ul li {display: inline; }
	#footer ul li a {font-size: 9px !important; text-transform: uppercase; padding-right: 6px; color: #767676; }
	#footer ul li a:hover {color: #464646 !important; }


/* [ PAGE SPECIFIC STYLES ] *0*****0*****0*****0*/
.home #masthead {position: relative; background: #fff url('http://www.scainteractive.com/img/home/masthead.png') 0 -2px no-repeat; }
    #flshm {width: 400px; position: absolute; top: 0; right: 0; }

.landing #masthead {padding: 0; border: none; height: 210px; padding-bottom: 6px; position: relative; background: #fff url('http://www.scainteractive.com/img/home/masthead.png') 0 -2px no-repeat; }
    .landing #masthead {padding: 0; border: none; height: 210px; padding-bottom: 6px}
    .landing #l_col {width: 350px !important; }    .landing #r_col {margin-left: 375px; margin-top: 144px; }


/* [ CUSTOM CLASSES AND IDS ] *****0*****0*****0*/

.fLeft {float: left; }
.fRight {float: right; }
.clear {clear: both !important; }
    span.clear {display: block !important; height: 0 !important; clear: both !important; margin: 0 !important; padding: 0 !important; }

.left {text-align: left; }
.right {text-align: right; }
.center {text-align: center; }