/* Force a scrollbar to prevent jumping. */
html {
    overflow-x:auto;
    overflow-y:scroll;
    height:100%;
    margin-bottom:1px;
} 

body {
    margin:0;
    padding:0;
    font:13px/15px "Trebuchet MS", Trebuchet, Verdana, Arial;
    color:#626469;
}
body.home {
    background:#FFFFFF url(../images/wheat_bg.jpg) center 70px no-repeat; 
}
body.offerings {
    background:#FFFFFF url(../images/tabasco_bg.jpg) center 70px no-repeat; 
} 
body.work {
    background:#FFFFFF url(../images/juniper_bg.jpg) center 70px no-repeat; 
} 
body.us {
    background:#FFFFFF url(../images/wheat_bg.jpg) center 70px no-repeat; 
} 
body.ideas {
    background:#FFFFFF url(../images/tabasco_bg.jpg) center 70px no-repeat; 
} 
body.careers {
    background:#FFFFFF url(../images/wheat_bg.jpg) center 70px no-repeat; 
} 
body.contact {
    background:#FFFFFF url(../images/juniper_bg.jpg) center 70px no-repeat; 
} 
body.modal {
    padding:5px;
}
body.modal h2 {
    color:#c64977;
    margin:10px 0 0 0; 
    padding:0;
    font-size:1.1em;
    font-weight:bold;
} 
form, dl, ul, ol, li, fieldset {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    list-style-type:none;
}
input, select, option {
    margin:1px;
    padding:0;
    font:13px/15px "Trebuchet MS", Trebuchet, Verdana, Arial;
    color:#394A59;
}
ul.bulleted {
    margin:0 10px 15px 10px;
    padding:0; 
}
ul.bulleted li {
    list-style-type:disc;
    margin:0 10px;
    padding:0;
}
h1 {
    color:#626469;
    font-size:1.5em;
    font-weight:bold;
    padding:10px 0 0 0;
    margin:0;
}
h2 {
    color:#626469;
    font-size:1.3em;
    font-weight:bold;
    padding:10px 0 0 0;
    margin:0;
}
h3 {
    color:#626469;
    font-weight:bold;
    font-size:1.1em;
    line-height:1.2em;
    padding:0;
    margin:0;
}
h4 {
    color:#626469;
    font-size:1.1em;
    font-weight:bold;
    padding:10px 0 0 0;
    margin:0;
} 
h5 {
    color:#c64977;
    font-size:1.1em;
    font-weight:normal;
    margin:0 0 10px 0; 
    padding:0;
}
p {
    font-size:1.0em;
    padding:10px 0 0 0;
    margin:0; 
}
th, td {
    font-size:1.0em;
    vertical-align:top;
}
img, a img, a:link img {
    border:0;
    outline:0;
}
a, a:link, a:active {
    outline:0;
}
sup {
    vertical-align:text-top;
    font-size:0.8em;
}

#container {
    position:relative;
    width:980px;
    margin:20px auto 0 auto;
    background:#FFFFFF;
}

/* header area */
#header {
    height:85px;
}
#header div.logo {
    width:204px;
    float:left;
    padding:10px;
    display:inline;
}
#header ul {
    float:right;
    margin-top:20px;
    width:581px;
    list-style-type:none;
    display:inline;
}
#header ul li {
    float:left;
    display:inline;
}
#header ul.sn_offerings {
    float:right;
    display:inline;
    width:559px;
    margin:0;
}
#header ul.sn_work {
    float:right;
    display:inline;
    width:476px;
    margin:0;
}
#header ul.sn_us {
    float:right;
    display:inline;
    width:398px;
    margin:0;
}
#header ul.sn_ideas {
    float:right;
    display:inline;
    width:322px;
    margin:0;
}
#header ul.sn_careers {
    float:right;
    display:inline;
    width:576px;
    width:435px;
    margin:0;
}

/* Home page */
#homeContent {
    position:relative;
    height:490px;
    padding-left:10px;
}
#homeContent div.left {
    float:left;
    width:645px;
    margin-top:12px;
    margin-right:6px;
    background:#FFFFFF;
    display:inline;
}
#homeContent div#imagewrapper {
    width:619px;
    height:362px;
}
#homeContent div.left div.text {
    position:absolute;
    top:191px;
    left:12px;
    width:325px;
    font-size:0.9em;
    line-height:1.3em;
    color:#626469;
}
#homeContent div.left p.link {
    margin-top:5px;
    text-align:right;
}
#homeContent p.link a, #homeContent p.link a:link {
    color:#9E9E9E;
    font-size:1.0em;
}
#homeContent div.right {
    float:left;
    width:319px;
    margin-top:12px;
    display:inline;
}


/* Offerings page */
#offerContent {
    position:relative;
    height:540px;
    padding-left:10px;
}
#offerContent div.left {
    float:left;
    width:635px;
    margin-right:16px;
    margin-top:12px;
    background:#FFFFFF;
    display:inline;
}
#offerContent div.left a, #offerContent div.left a:link {
    color:#454346;
    text-decoration:none;
}
#offerContent div.left a:hover {
    text-decoration:underline; 
}
#offerContent div.left .copy p {
    margin:0 0 15px 0;
    padding:0;
    font-size:1.0em;
    color:#5e5e5b;
}
#offerContent div.left .copy h4 {
    margin:0;
    padding:0;
    font-weight:bold;
    font-size:1.0em;
    color:#CA9F47;
}
#offerContent div.left .copy a, #offerContent div.left .copy a:link {
    font-weight:bold;
    font-size:1.0em;
    color:#CA9F47;
}
#offerContent div.right {
    width:319px;
    margin-top:12px;
    float:left;
    display:inline;
}

/* Our Work page */
#workContent {
    position:relative;
    height:543px;
    padding-left:10px;
}
#workContent div.left {
    float:left;
    width:954px;
    margin-right:16px;
    margin-top:12px;
    background:#FFFFFF;
    display:inline;
}
#workContent div.left h3 {
    font-family:Verdana, sans-serif;
    font-size:1.1em;
    font-weight:bold;
    color:#c64977;
    margin:0 0 5px 0;
    padding:0;
}
#workContent div.left a, #workContent div.left a:link {
    color:#454346;
    text-decoration:none;
}
#workContent div.left a:hover {
    text-decoration:underline; 
}
#workContent div.left p.plink {
    margin:0;
    padding:0;
}
#workContent div.left p.plink a, #workContent div.left p.plink a:link {
    color:#9E9E9E;
    font-size:1.2em;
    text-decoration:underline;
} 
#workContent div.right {
    width:319px;
    margin-top:12px;
    float:left;
    display:inline;
} 
#workContent div.inner_left {
    width:216px;
    float:left;
    text-align:right;
}
#workContent div.inner_mid {
    width:380px;
    float:left;
    margin-left:24px;
    margin-top:24px;
}
#workContent div.inner_right {
    width:330px;
    float:right;
    font:10px "Trebuchet MS", Trebuchet, Verdana, Arial;
}
#workContent div.inner_right select,
#workContent div.inner_right option {
    font:10px "Trebuchet MS", Trebuchet, Verdana, Arial;
    color:#CC9C4A;
    margin:0;
}
#workContent div.bottom {
    position:relative;
    margin-top:40px;
}
#workContent #progbar {
    display:none;
    position:absolute;
    top:295px;
    left:470px;
}
#workContent div.logos {
    height:312px;
}
#workContent div.logos ul {
    margin:0;
    padding:0;
    list-style-type:none;
    text-align:center;
}
#workContent div.logos li {
    width:130px;
    height:78px;
    display:inline;
} 
#workContent div#casestudy div.left {
    float:left;
    display:inline;
    width:246px;
    padding-right:18px;
}
#workContent div#casestudy div.right {
    float:left;
    display:inline;
    width:351px; 
}
#workContent div#awards div.left2 {
    float:left;
    display:inline;
    width:216px;
    padding-right:18px;
}
#workContent div#awards div.right2 {
    float:left;
    display:inline;
    width:394px; 
    padding-top:30px;
}
#workContent div#casestudy p,
#workContent div#awards p {
    margin:0 0 15px 0;
    padding:0;
}
#workContent div#casestudy h5,
#workContent div#awards h5 {
    margin:0 0 5px 0;
    padding:0;
    color:#CA9F47;
    font-weight:bold;
    font-size:1em;
}
#workContent div.awardlist {
    margin-top:40px;
}
#workContent div#awards a {
    color:#c74978;
    font-size:1em;
    font-weight:bold;
    margin:0;
}
#workContent div.awardlist img {
    text-align:center;
    padding:0 3px 10px 3px;
}


/* About Us */
#usContent {
    position:relative;
    height:543px;
    padding-left:10px; 
}
#usContent div.left {
    float:left;
    display:inline;
    width:635px;
    margin-right:16px;
    margin-top:12px;
    background:#FFFFFF;
}
#usContent div.left a, #usContent div.left a:link {
    color:#CA9F47;
    text-decoration:none;
}
#usContent div.left a:hover {
    text-decoration:underline; 
}
#usContent div.inner_left {
    float:left;
    display:inline;
    width:216px;
    padding-right:18px;
    padding-top:2px;
    text-align:right;
}
#usContent div.inner_right {
    float:left;
    display:inline;
    width:394px; 
    width:401px; 
    padding-top:22px;
} 
#usContent div.inner_right a, #usContent div.inner_right a:link {
    font-weight:bold;
}
#usContent div.inner_right h2 {
    color:#A1335A;
    font-size:1.1em;
    margin:10px 0 0 0;
    padding:0;
}
#usContent div.inner_right big {
    font-size:1.0em;
    color:#CA9F47;
}
#usContent div.right {
    float:left;
    display:inline;
    width:319px;
    margin-top:12px;
}


/* Ideas */
#ideasContent {
    position:relative;
    height:543px;
    padding-left:10px; 
} 
#ideasContent div.left {
    float:left;
    display:inline;
    width:635px;
    margin-right:16px;
    margin-top:12px;
    background:#FFFFFF;
}
#ideasContent div.left a, #ideasContent div.left a:link {
    color:#CA9F47;
    text-decoration:none;
}
#ideasContent div.left a:hover {
    text-decoration:underline; 
}
#ideasContent div.left .copy p {
    margin:0 0 15px 0;
    padding:0;
    font-size:1.0em;
    color:#5e5e5b;
}
#ideasContent div.right {
    float:left;
    display:inline;
    width:319px;
    margin-top:12px;
}
#ideasContent div.inner_left {
    float:left;
    display:inline;
    width:216px;
    padding-right:18px;
    padding-top:2px;
    text-align:right;
}
#ideasContent div.inner_right {
    float:left;
    display:inline;
    width:394px; 
    width:401px; 
    padding-top:22px;
} 
#ideasContent div.inner_right a, #ideasContent div.inner_right a:link {
    font-weight:bold;
}
#ideasContent div.inner_right h2 {
    color:#A1335A;
    font-size:1.1em;
    margin:10px 0 0 0;
    padding:0;
}


/* Careers page */
#carContent {
    position:relative;
    height:543px;
    padding-left:10px;
}
#carContent div.left {
    float:left;
    display:inline;
    width:635px;
    margin-right:16px;
    margin-top:12px;
    background:#FFFFFF;
}
#carContent div.left a, #carContent div.left a:link {
    color:#CA9F47;
    text-decoration:none;
}
#carContent div.left a:hover {
    text-decoration:underline; 
}
#carContent div.left .copy p {
    margin:0 0 15px 0;
    padding:0;
    font-size:1.0em;
    color:#5e5e5b;
}
#carContent div.right {
    float:left;
    display:inline;
    width:319px;
    margin-top:12px;
}
#carContent div.inner_left {
    float:left;
    display:inline;
    width:216px;
    padding-right:18px;
    padding-top:2px;
}
#carContent div.inner_right {
    float:left;
    display:inline;
    width:394px; 
    width:401px; 
    padding-top:22px;
}
#carContent div.inner_right a, #carContent div.inner_right a:link {
    font-weight:bold;
}
#carContent div.inner_right h2 {
    color:#A1335A;
    font-size:1.1em;
    margin:10px 0 0 0;
    padding:0;
}



/* Contact page */
#contactContent {
    position:relative;
    height:543px;
    padding-left:10px;
}
#contactContent div.left  {
    float:left;
    width:330px;
    padding:30px 6px;
    display:inline;
}
#contactContent div.profile  {
    float:left;
    width:80px;
    padding:30px 6px;
    display:inline;
	padding-right: 20px;
	padding-top:13px;
}

#contactContent div.left a, #contactContent div.left a:link {
    color:#454346;
}

#contactContent div.profile a, #contactContent div.profile a:link {
    color:#636469;
}

#contactContent div.phone  {
    font-size:10px;
}

#contactContent div.right {
    float:right;
    width:610px;
    padding:6px 0;
    display:inline;
}
#contactContent div#maparea {
    position:absolute;
    top:57px;
    right:0;
    width:608px;
    height:324px;
    border:1px solid #acacac;
} 
#contactContent div.lower {
    margin-top:350px;
    margin-bottom:10px;
}
#contactContent div.lower div {
    position:relative;
    padding:0;
    margin:0;
    background:#636469;
    color:#FFF;
}
#contactContent div.lower div.left {
    float:left;
    width:305px;
    height:145px;
    border-top:1px solid #FFF;
    overflow:auto;
    display:inline;
}
#contactContent div.lower div.right {
    float:left; 
    width:304px;
    height:145px;
    border-left:1px solid #FFF;
    border-top:1px solid #FFF;
    overflow:auto;
    display:inline;
}
#contactContent div.lower h3 {
    padding:12px 10px 0 30px;
    margin:0;
    color:#FFF;
}
#contactContent div.lower p {
    padding:10px 10px 10px 30px;
    margin:0;
    font-size:1em;
}
#contactContent div.lower a, #contactContent div.lower a:link {
    color:#FFF;
    text-decoration:underline;
}
#contactContent span.marker {
    position:absolute;
    top:5px;
    left:3px;
}
#contactContent span.mapit {
    position:absolute;
    top:5px;
    right:5px;
    cursor:pointer;
} 


/* min-height fix for body areas */
html>body #homeContent,
html>body #workContent,
html>body #usContent,
html>body #ideasContent,
html>body #carContent,
html>body #contactContent {
    height:auto;
    min-height:490px;
}

html>body #offerContent {
    height:auto;
    min-height:545px; 
}

/* promo areas */
div.promo {
    width:319px;
    margin-bottom:20px;
    background:#FFFFFF;
    color:#626469;
}
div.promohead.expandable {
    margin-bottom:10px;
}
div.promo.expandable {
    display:none;
}
span.tobascoBold {font-weight:bold;
color: #a1335a;
}

div.text a, div.text a:link,
div.promohead a, div.promohead a:link,
div.promo a, div.promo a:link {
    color:#626469;
    text-decoration:none;
}
div#carContent a:hover,
div.text a:hover,
div.promohead a:hover ,
div.promo a:hover {
    text-decoration:underline;
}
div.promohead a, div.promohead a:link {
    color:#FFF;
    font-weight:bold;
    font-size:1.1em;
}
div.promo p {
    padding:10px 0 0 0;
}
div.promo p.medium {
}
div.promo p.reversed {
    background:#394A59;
    color:#B3B3B3;
    font-size:1.0em;
}
div.promo p.reversed a, div.promo p.reversed a:link {
    font-size:0.9em;
    color:#FFF;
    text-decoration:underline;
}
div.promo p.plink {
    padding:0;
    margin-top:5px;
    text-align:right;
}
div.promo p.plink a, div.promo p.plink a:link {
    color:#9E9E9E;
    font-size:1.0em;
}
div.promohead {
    width:299px;
    height:28px;
    color:#FFF;
    background:#394A59;
    text-align:right;
}
/* end promo areas */

/* footer area */
#footer div {
    float:left;
    display:inline;
    padding-top:10px;
    color:#626469;
    background:#FFFFFF;
}
#footer a, #footer a:link {
    color:#626469;
    padding:0 10px;
    text-decoration:none;
}
#footer a:hover {
    text-decoration:underline;
}

#sn_icons {
    width:20%;
    text-align:right;
}
#sn_icons a, #sn_icons a:link {
    text-decoration:none;
    outline:0; 
    padding:0 5px;
}

#footer2 {
    font-size:0.9em;
    color:#999;
    margin:5px 0;
    padding-left:10px;
}

/* misc classes */
.clear {
    clear:both;
    float:none;
    height:0;
    line-height:0;
    font-size:0;
    margin:0;
    padding:0;
    border:0;
}
#reset_all {
    display:none;
    cursor:pointer;
    text-align:right;
    margin-top:10px;
    margin-right:15px;
    margin-right:180px;
    color:#9E9E9E;
    font-size:1.2em;
}
#reset_all:hover {
    /*text-decoration:underline; */
}
.hide {
    display:none;
}
#portfolio_list {
    visibility:hidden;
}