html, body {
margin: 0;
padding: 0;
background-color:#fff;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#4a443e;
text-align:center;/* IE hack to center page contents */
}
table, td, h1, h2, h3, p, a, span, ul, li, dl, dt, dd {text-align:left;}
.clearFloats {clear:both; line-height:0; height:0; font-size:1px;}
td {
vertical-align: top;
}
a {color:#595b7a; font-weight:bold; text-decoration:none;}
a:hover {color:#B13D17;}
a:active, a:focus{outline:none;}
p {margin:0 0 12px 0}
img {display:block;}
h2 { font-size:18px; color:#4a4e7d; font-weight:bold; margin:0 0 10px 0;padding:0;}
h3 { font-size:14px; color:#4A443E; font-weight:normal; margin:0 0 10px 0;padding:0;}
#frame {margin:0 auto;width:800px; height:500px;text-align:left;background-color:#B0A99D;}
#frame_back {background-color:#fff;}
#top_bar {width:800px; height:60px; line-height:0; font-size:1px;}
#top_bar h1 { text-indent:-4000em;margin:0; padding:0; line-height:0; font-size:1px;}
#top_bar h1 a {display:block; width:800px; height:60px;background: #FFFFFF url(../assets/images/topbar_off.gif) no-repeat left;}
#top_bar h1 a:hover {background: #FFFFFF url(../assets/images/topbar_on.gif) no-repeat left;}
#logozzzz {float:left; width:140px;}
#navdiv {
width:800px;
}
#nav {
float:left;
width:800px;
}
#nav ul {
margin:0;
padding:0;
}
#nav li {
margin:0;
padding:0;
list-style:none;
float:left;
}
#nav a {display:block;text-indent:-4000em;height:35px;}
#nav .nav_people a {width:63px;background: url(../images/nav_people_o.gif) no-repeat;}
#nav .nav_approach a {width:89px;background: url(../images/nav_approach_o.gif) no-repeat;}
#nav .nav_work a {width:57px;background: url(../images/nav_work_o.gif) no-repeat;}
#nav .nav_news a {width:56px;background: url(../images/nav_news_o.gif) no-repeat;}
#nav .nav_contact a {width:70px;background: url(../images/nav_contact_o.gif) no-repeat;}
#nav .nav_careers a {width:76px;background: url(../images/nav_careers_o.gif) no-repeat;}
#nav .nav_design a {width:90px;background: url(../images/nav_design_o.gif) no-repeat;}
#nav a:hover,
#nav a.nav_active { background-position:0 -35px;}
#sidenav {margin:0 0 20px 0;}
#sidenav ul {
margin:0;
padding:0;
}
#sidenav li {
margin:0 0 2px 0;
padding:0;
list-style:none;
}
#sidenav a {
text-decoration:none;
color:#958f84;
font-size:14px;
font-weight:normal;
}
#sidenav a:hover {color:#595b7a;}
#sidenav .active a {
color:#595b7a;
font-weight:bold;
}
#sidenav .active a:hover {color:#595b7a;}
#sidenav .sub li {
margin:0 0 2px 0;
padding:0;
list-style:none;
}
#sidenav .sub a:hover {color:#595b7a;}
#sidenav .sub a {
margin:0 0 0 20px;
text-decoration:none;
color:#666666;
font-size:12px;
font-weight:normal;
}
#employmentnav {margin:0 0 20px 30px;}
#employmentnav a {
color:#666666;
font-size:14px;
font-weight:normal;
}
#employmentnav a:hover {color:#595b7a;}
.employment_headline {font-style:italic; font-weight:bold; font-size:14px;}
#contentdiv {
clear:both;
width:800px;
background-color:#FFFFFF;
}
#content {clear:both;margin:20px 0 0 0;padding:0;}
/* Home styles */
#homebanner {
margin:0;
padding:0 0 0 10px;
vertical-align:middle;
background-color:#3399cc;
font-size:14px;
line-height:30px;
font-weight:normal;
color:#FFFFFF;
}
#homebanner a { font-weight:normal; color:#FFFFFF;}
#homebanner a:hover {color:#99FFFF;}
#banner {
width:800px;
height:10px;
margin:0 0 5px 0;
padding:0;
background-color:#ffffff;
font-size:14px;
font-weight:bold;
color:#958F84;
}
#banner .title_people,
#banner .title_contact,
#banner .title_careers,
#banner .title_work,
#banner .title_news,
#banner .title_design,
#banner .title_approach { float:left;margin:0;}
#banner .title_people a { display:block; width:102px; height:40px; background: url(../images/banner_people_o.gif) no-repeat; text-indent:-4000em;}
#banner .title_contact a { display:block; width:117px; height:40px; background: url(../images/banner_contact_o.gif) no-repeat; text-indent:-4000em;}
#banner .title_careers a { display:block; width:120px; height:40px; background: url(../images/banner_careers_o.gif) no-repeat; text-indent:-4000em;}
#banner .title_work a { display:block; width:85px; height:40px; background: url(../images/banner_work_o.gif) no-repeat; text-indent:-4000em;}
#banner .title_news a { display:block; width:83px; height:40px; background: url(../images/banner_news_o.gif) no-repeat; text-indent:-4000em;}
#banner .title_approach a { display:block; width:136px; height:40px; background: url(../images/banner_approach_o.gif) no-repeat; text-indent:-4000em;}
#banner .title_search a { display:block; width:105px; height:40px; background: url(../images/banner_search_o.gif) no-repeat; text-indent:-4000em;}
#banner .title_sitemap a { display:block; width:105px; height:40px; background: url(../images/banner_sitemap.gif) no-repeat; text-indent:-4000em;}
#banner .title_error a { display:block; width:105px; height:40px; background: url(../images/banner_error.gif) no-repeat; text-indent:-4000em;}
#banner .title_cp a { display:block; width:234px; height:40px; background: url(../images/banner_cp_o.gif) no-repeat; text-indent:-4000em;}
#banner .title_design a { display:block; width:142px; height:40px; background: url(../images/banner_design_o.gif) no-repeat; text-indent:-4000em;}
#banner .title_people a:hover,
#banner .title_contact a:hover,
#banner .title_careers a:hover,
#banner .title_work a:hover,
#banner .title_news a:hover,
#banner .title_sitemap a:hover,
#banner .title_error a:hover,
#banner .title_design a:hover,
#banner .title_approach a:hover { background-position:0 -40px;}
#banner .breadcrumb {font-weight:bold;float:left;padding:17px 0 0 0;color:#958F84;}
#banner .breadcrumb a { font-weight:bold; color:#958F84;}
#banner .breadcrumb a:hover {color:#595b7a;}
#cpdiv {padding:0;margin:0 0 5px 0; width:800px; height:20px;background:#EDEADC;}
#cpdiv .cpcontainer {background:#EDEADC;width:235px;height:20px;margin:0;padding:0 0 0 10px;float:right;color:#958F84;}
#cpdiv .cpback {display:inline;color:#958F84;font-size:11px; line-height:18px;}
#cpdiv .cpreturn {display:inline;font-size:14px; line-height:18px; font-weight:bold;}
#cpdiv .cpreturn a {font-weight:bold; color:#958F84;}
#cpdiv .cpreturn a:hover {color:#595b7a;}
.dashedbar {background: url(../images/bartan_dash_800.gif) no-repeat; height:11px;line-height:0; font-size:1px;clear:both;}
#featuredtable {width:800px;background: url(../images/hometan_3col_back.gif) repeat-y;}
.featuredheadline {
width:240px;
padding:0;
margin:0;
height:30px;
background: url(../images/bartan_dash_240.gif) bottom left no-repeat;
}
.featuredheadline h3 {
color: #999999;
font-size:14px;
line-height:18px;
font-weight:normal;
margin:0;
padding:0;
}
.featuredheadline h3 a {
color: #999999;
font-weight:normal;
padding:3px 0 0 0;
width:240px;
display:block;
}
.featuredheadline h3 a:hover {
background-color:#E6E6E6;
color: #999999;
}
.featuredbox {width:240px;}
.workexample {
padding-bottom:15px;
background: url(../images/bar_dash_240.gif) bottom left no-repeat;
}
.workexample p {margin:5px 0 0 0;}
.workexample a {margin:0;}
#clientsmedia {
background-color:#edeadc;
width:240px;
}
#clientsmedia .newsitem {
padding:10px;
color:#666666;
font-size:12px;
}
#clientsmedia .bar {
height:2px;
width:220px;
font-size:1px;
line-height:0;
margin:0 0 0 10px;
background: url(../images/bartan_220_light.gif) no-repeat;
}
#clientsmedia .newsitem .source {
font-weight:bold;
font-size:10px;
}
.industryfocusimg {background-color:#FFFFFF;padding-bottom:5px}
.industryfocus {
width:240px;
margin:0;
}
.industryfocus .newsitem {
padding:5px 0 5px 0;
font-size:12px;
}
.industryfocus .bar {
height:2px;
width:220px;
font-size:1px;
line-height:0;
margin:0 0 0 10px;
background: url(../images/bartan_220_dark.gif) no-repeat;
}
.industryfocus .title {
font-weight:bold;
font-size:11px;
line-height:14px;
margin:2px 0 4px 0;
color:#7A746B;
}
.industryfocus h4 {
font-weight:bold;
font-size:16px;
height:30px;
margin:0 0 4px 0;
color:#B0A99D;
background: url(../images/bartan_dash_240.gif) bottom left no-repeat;
}
#contactfocus {
width:240px;
margin:0;
}
#contactfocus .newsitem {
padding:10px 0 15px 0;
color:#666666;
font-size:12px;
background: url(../images/bartan_dash_240.gif) bottom left no-repeat;
}
#contactfocus .bar {
height:2px;
width:220px;
font-size:1px;
line-height:0;
margin:0 0 0 10px;
background: url(../images/bartan_220_dark.gif) no-repeat;
}
#contactfocus .newsitem h4 {
font-weight:bold;
font-size:14px;
margin:0 0 5px 0;
}
/* general styles */
.blueheadline, .blueheadline p {font-size:12px; font-weight:normal;color:#958F84;}
.bluebody {font-size:16px; line-height:18px; font-weight:normal;color:#958F84;margin-bottom:10px;}
.bluebody p {font-size:16px; line-height:18px; font-weight:normal;color:#958F84;}
/* footer styles */
#footer {width:800px; height:30px;margin-top:5px; font-size:10px;color:#333333; background-color:#A7A9AC;}
#bottom_bar {width:800px; height:2px; font-size:1px; line-height:0;}
#footer_locations {
float:left;
width:402px;
}
#footer_locations ul {
margin:0;
padding:0;
}
#footer_locations li {
margin:0;
padding:0;
list-style:none;
float:left;
}
#footer_locations a {display:block; text-indent:-4000em; height:25px;}
#footer_locations .terms a {width:102px; background: url(images/nav_terms_o.gif) no-repeat;}
#footer_locations .denver a {width:85px; background: url(images/nav_denver_o.gif) no-repeat;}
#footer_locations .phone a {width:102px; background: url(images/nav_phone_o.gif) no-repeat;}
#footer_locations .yoemail a {width:111px; background: url(images/nav_yoemail_o.gif) no-repeat;}
#footer_locations a:hover { background-position:0 -25px;}
#footer_copyright {float:right;margin:0;width:410px;}
#sitemap {float:left;width:160px;height:25px; margin-left:10px;}
#sitemap ul {
margin:0;
padding:0;
}
#sitemap li {
margin:0;
padding:0;
list-style:none;
float:left;
}
#sitemap a {float:left;text-indent:-4000em; height:25px;width:160px;background: url(images/nav_copyright.gif) no-repeat;}
#sitemap a:hover { background-position:0 -25px;}
/* END footer styles */
.style2 {
font-size: 12px;
font-weight: bold;
}
.column_divider { width:15px; background: url(../assets/images/bartan_column_divider.gif) repeat-y !important;}
/* -- admin styles-- */
#adminmenu {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
z-index: 50;
position: absolute;
right: 0px;
top: 0px;
width: 100px;
height: 125px;
background: #fff;
text-align: left;
border-top: 0px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
}
#admintab { background-color:#000000; padding:2px 5px 2px 5px; color:white; font-size:12px;}
#adminbody {
padding: 8px;
}
#adminbody a {
color: #FF8D40;
text-decoration: none;
}
/* PEOPLE
------------------------------------------------------------------*/
.silhouette{ float: right; margin: 0 20px; }
h2 em{ display: block; font-size: .7em; font-weight: normal; font-style: normal; }
ul.people { position: relative; width: 800px; height: 300px; background: url(../assets/images/head_people_off.jpg) bottom left no-repeat; margin: 0; padding: 0; overflow: hidden; line-height: 5000%; }
ul.people li { display: inline; float: left; margin: 0; height: 100px; }
ul.people li a { height: 290px; display: block; text-decoration: none; margin: 0; }
ul.people #p1{ width: 110px; }
ul.people #p2{ width: 130px; }
ul.people #p3{ width: 140px; }
ul.people #p4{ width: 140px; }
ul.people #p5{ width: 90px; }
ul.people #p6{ width: 90px; }
ul.people #p7{ width: 100px; }
.people li a span, .people li a:visited span { position: absolute; top: 250px; left: 130; visibility: hidden; line-height: 1.1; color: #4a4e7d; text-align: left; text-decoration: none; width: 100px; background: #fff;}
.people li a:hover span { display: block; visibility: visible; text-decoration: none; }
.people li a span strong { display: block; padding: 3px 0; font-size: 1.3em; }
h2.people{ position: absolute; top: 15px; left: 0; padding: 3px 0; font-size: 1.3em; margin: 0; font-weight: bold; line-height: 1.1; }