@charset "UTF-8"; /* CSS Document */
html, body { background-color: #e9e9e9; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#4a443e; text-align:center;/* IE hack to center page contents */ }
table { margin: 2; padding: 0; }
.clearFloats { clear:both; line-height:0; height:0; font-size:1px; }
td { vertical-align: top; }
a { font-size: 12px; font-family: "Lucida Grande", Verdana, Arial, sans-serif; color: #9aaf8e; font-weight:bold; text-decoration:none; }
a:hover { color: #f15f23; }
a:active, a:focus { font-weight: bold; color: #232323;}
p { font-family: Arial, Verdana, sans-serif; color: #666; font-size: 11px; margin-left: 0; margin-bottom: 4px; margin-right: 0; margin-top: 0; padding: 2px; }
img { display:block; }
.img-desc { position: relative; display: block; height:435px; width: 300px; }
.img-desc cite { background: #111; -moz-opacity:.55; filter:alpha(opacity=55); opacity:.55; color: #fff; position: absolute; bottom: 0; left: 0; width: 280px; padding: 10px; border-top: 1px solid #999; }
img.shadow { background: url(images/shadow-1000x1000.gif) no-repeat right bottom; padding: 5px 10px 10px 5px; }
img.photostyleleft { height: auto; width: auto; float: left; padding: 10px; }
img.photostyleright { height: auto; width: auto; float: right; padding: 10px; }
h1 { font-family: Helvetica, Verdana, Arial, sans-serif; font-style: normal; font-weight: normal; color: #4f2b1f; font-size: 30px; }
h2 { padding:4px 0 0 4px; font-family: Helvetica, Verdana, Arial, sans-serif; margin-left: 0; margin-bottom: 10px; margin-right: 0; margin-top: 4px; font-size:18px; color: #81d2ef; font-weight:bold; }
h3 { margin-left: 5px; margin-bottom: 1px; margin-right: 0; margin-top: 6px; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 18px; color: #4f2b1f; font-weight: bold; padding:0;}
h5 { padding-top: 16px; font-family: Helvetica, Verdana, Arial, sans-serif; margin-left: 0; margin-bottom: 10px; margin-right: 0; margin-top: 4px; font-size: 18px; color: #7e9075; font-weight:bold; }
h6 { margin-left: 5px; margin-bottom: 0px; margin-top: 10px; margin-right: 0px; font-weight: bold; font-style: italic; font-size: 12px; font-family: Helvetica, Verdana, Arial, sans-serif; }
#frame { margin-left: auto; margin-right: auto; width: 759px; height: auto; text-align:left; background-color: #9aaf8e; }
#frame_box { background-color:#FFF; }
#top_box { width:750px; height: 62px; line-height:0; font-size:1px; } #sidenav {min-height: 700px;} #sidenav ul { padding-top: 1px; } #sidenav li { margin-left: -20px; list-style:none; }
#sidenav a { text-decoration:none; color:#958f84; font-size:14px; font-weight:normal; } #sidenav a:hover {color: #81d2ef;}
#sidenav .active a { color: #81d2ef; font-weight:bold; } #sidenav .active a:hover {color: #81d2ef;}
#sidenav .sub li { margin:0 0 2px 0; padding:0; list-style:none; } #sidenav .sub a:hover {color: #f15f23;} #sidenav .sub a { margin:0 0 0 20px; text-decoration:none; color:#666666; font-size:12px; font-weight:normal; }
#search { float:right; width:auto; text-align:right; }
#searchfield { font-family: Arial, Helvetica, Verdana, sans-serif; margin-left: 5px; margin-bottom: 5px; margin-right: 0; margin-top: 0; display:block; padding: 1px; width:105px; border:0; background-color: #b6d3d1; font-size:11px; }
#contentdiv { clear:both; width: 760px; background-color:#FFFFFF; }
#content {clear:both;margin:20px 0 0 0;padding: 4px;}
/* banner styles */
#banner { width:750px; height:40px; margin:0 0 5px 0; padding:0; background-color:#EDEADC; font-size:14px; font-weight:bold; color:#958F84; }
#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: #f15f23;}
.bloglist { width: 250px; border-color: #eff2eb; border-style: solid; border-width: 2px; padding-left: 4px; padding-bottom: 4px; padding-right: 2px; padding-top: 3px; background-color: #eff2eb;} .dashedbar {background: url(../images/dash_bar.gif) no-repeat; height:11px;line-height:0; font-size:1px;clear:both;} .blogbar { padding-right: 15px; padding-left: 5px; height: auto; padding-bottom: 30px; padding-top: 4px; background-color: #c1e8f7;} .blogbox{ margin-bottom: 4px; padding-left: 4px; padding-bottom: 2px; padding-right: 2px; padding-top: 2px; width: 215px; height: 300px; background-color: #eff2eb; border-color: #4f2b1f; border-style: solid; border-width: 1px;} img.blogistyle{ margin: 5px; float: left;padding: 2px;}
.bloglinks a:link{color: #9aaf8e;}.bloglinks a:visited{color: #9aaf8e;}.bloglinks a:hover{color: #f15f23;}.bloglinks a:active{font-weight: bold; color:#333;}
.careerslink a { margin-left: 5px; margin-bottom: 1px; margin-right: 0; margin-top: 10px; font-family: Helvetica, Verdana, Arial, sans-serif; font-size:14px; color: #333333; font-weight: bold; padding:0;}
.careerslink a:hover { color: #f15f23; }
/* featured table styles */
#blogtable {width: 750px; text-align: left; margin-left: auto;}
#featuredtable {background-color: #f9fbfa; width: 750px;background: repeat-y;} .featuredheadline { background-color: #f9fbfa; width:240px; padding:0; margin:0; height:30px; background: bottom left no-repeat; } .featuredheadline h3 { background-color: #f9fbfa; color: #1a8bb3; font-size:14px; line-height:18px; font-weight:normal; margin:0; padding:0; } .featuredheadline h3 a { background-color: #f9fbfa; color: #1a8bb3; font-weight:normal; padding:3px 0 0 0; width:240px; display:block; } .featuredheadline h3 a:hover { background-color: #f9fbfa; color: #999999; }
.featuredbox { padding-left: 6px; padding-bottom: 4px; padding-right: 2px; padding-top: 4px; background-color: #f9fbfa; width: 250px;}
#clientsmedia { background-color: #eff2eb; width: 250px; } #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/blog_rule.gif) no-repeat; } #clientsmedia .newsitem .source { font-weight:bold; font-size:10px; } .industryfocusimg {margin: -1px;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: #81d2ef; } .industryfocus h4 { font-weight: bold; font-size:16px; height:30px; margin:0 0 4px 0; color: #81d2ef; background: 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; }
#footer { padding-right: 10px; padding-left: 1px; padding-bottom: 0px; padding-top: 6px; height: auto; width:750px; background-color: #4f2b1f; }
p#fineprint { font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 9px; color:rgb(180,180,180); text-align: right; }
#bottom_bar {width:750px; height:2px; font-size:1px; line-height:0;}
#sitemap {float:left;width:97px;height:25px; margin-left:10px;} #sitemap ul { margin:0; padding:0; } #sitemap li { margin:0; padding:0; list-style:none; float:left; } #sitemap a {display:block; text-indent:-4000em; height:25px;width:97px; background: url(../images/nav_sitemap.gif) no-repeat;} #sitemap a:hover { background-position:0 -25px;}
.column_divider { width:15px; background: url(../images/bartan_column_divider.gif) repeat-y !important;}
/* -- navigation -- */ #navbar { height: auto; padding-left: 1px; padding-bottom: 2px; padding-right: 4px; padding-top: 2px; width: 755px; background-color: #4f2b1f; }
ul#navlist { margin-left: 145px; font-family: Arial, Helvetica, Verdana, sans-serif; font-style: normal; font-weight: normal; width:auto; height:auto; text-align:center; font-size: 12px; }
ul#navlist li { padding-left: 10px; display:block; float:left; text-align:center; width: auto; height:auto; }
ul#navlist li a:link { display:block; color: #f1f1f1; text-decoration: none; text-align:center; }
ul#navlist li a:visited { display:block; color: #f1f1f1; text-decoration: none; text-align:center; }
ul#navlist li a:hover { display:block; color: #f15f23; text-decoration: none; text-align:center; }
ul#navlist li#active a { display:block; font-weight: bold; color: #9aaf8e; text-decoration: none; text-align:center; }
.homebar .homeboldtext a { padding: 3px; text-align: center; color: #f9f9f9; font-size: 18px; font-family: sans-serif; display: block; }
.homebar:hover .homeboldtext a { text-align: center; font-family: sans-serif; font-weight: bold; color: #666; font-size: 18px; display: block; }
.contactstylebox{ padding-left: 10px; background-repeat: no-repeat; background-position: center 204px; background-image: url(../images/contactimage.jpg); margin-bottom: 3px; margin-top: 5px; background-color: #eff2eb; } .approachstylebox{ padding-left: 10px; background-repeat: no-repeat; background-position: center 204px; background-image: url(../images/approachimage.jpg); margin-bottom: 3px; margin-top: 5px; background-color: #eff2eb; }
.careersstylebox{ padding-left: 10px; background-repeat: no-repeat; background-position: center 204px; background-image: url(../images/careersimage.jpg); margin-bottom: 3px; margin-top: 5px; background-color: #eff2eb; }
.visionstylebox{ padding-left: 10px; background-repeat: no-repeat; background-position: center 204px; background-image: url(../images/visionimage.jpg); margin-bottom: 3px; margin-top: 5px; background-color: #eff2eb; } .storystylebox{ padding-left: 10px; margin-top: 5px; margin-bottom: 3px; background-color: #eff2eb; }
#contactbar { height: auto; width: 192px; margin-left: -4px; padding-left: 1px; padding-bottom: 0px; padding-right: 2px; padding-top: 1px;}
ul#contactlist { font-family: Arial, Helvetica, Verdana, sans-serif; font-style: normal; font-weight: normal; font-size: 12px;}
ul#contactlist li { padding-left: 1px; padding-bottom: 4px; padding-right: 1px; padding-top: 1px; font-size: 11px; font-family: "Lucida Grande", Verdana, Arial, sans-serif; display:block; text-align: left; }
ul#contactlist li a { list-style-type: square; list-style-position: outside; background-position: 0; background-repeat: no-repeat; display: list-item; color: #333333; text-decoration: none; }
ul#contactlist li a:hover { display: list-item; color: #f15f23; text-decoration: none; list-style-position: outside; }
.expandmenu { padding-left: 0em; padding-bottom: 0.7em; padding-right: 0em; padding-top: 0.7em; margin-left: 0em; margin-right: 0em; margin-bottom: 1.0em; background-color: #eff2eb; }
.overview { border-top: 1px solid #D3D3D3; border-bottom: 1px solid #D3D3D3; margin-left: 1em; margin-right: 7em; background-color:rgb(240,240,240); margin-top: -1.5em; }
/* image rollover on sidebar */
.sidecontainer{ width: 216px; height: 90px; }
.rollout .captions { display: none; }
.rollout:hover .captions { font-weight: bold; color: #666; font-size: 10px; font-family: "Lucida Grande", Verdana, Arial, sans-serif; display: block; }