/*
    ORANGE: e17604
    BLUE: 087e99
*/
body{
    font-family: "Trebuchet MS", sans-serif;
    font-size: 10pt;
    background: #000 url('../images/bkgd02.jpg?123') no-repeat top center;
    
}
label {
    display: block;
}
a {
    text-decoration: none;
    color: #087e99;
}
a:hover {
    text-decoration: underline;
}
#wrapper {
    width: 996px;
    margin: 0 auto;
}
#upper_header {
    background: #000 url('../images/upper_header_bkgd.png') no-repeat scroll top right;
    height: 50px;
    color: #fff;
    padding: 10px 25px;
}
#upper_header .tagline {
    margin: 15px 0 0 0;
    background: transparent url('../images/tagline.png') no-repeat top left;
    overflow: hidden;
    text-indent: -9999px;
    width: 371px;
    height: 25px;
    
}#upper_header .tagline2 {
    margin: 15px 0 0 0;
	font-size:140%;
	font-weight:bold;
    XXXbackground: transparent url('../images/tagline.png') no-repeat top left;
    overflow: hidden;
    XXXtext-indent: -9999px;
    width: 650px;
    height: 25px;
    
}
#upper_header .right {
    float: right;
    text-align: right;
}
#header {
    background: transparent url('../images/header_large_bkgd.jpg') repeat-y top center;
    padding: 36px 25px 40px 25px;
}
#logo {
}
#spotlight {
    margin: 13px 0 0 0;
    background: #b7b8bb url('../images/spotlights_bkgd.png') repeat top left;
}
#navigation {
    margin: 0 0 0 0;
}
#navigation li {
    display: inline;
}
#navigation a {
    display: block;
    padding: 18px 0 0 10px;
    float: right;
    border-top: 1px solid #eef5f5;
    color: #fff;
}
#navigation a span {
    background: transparent url('../images/nav.png') no-repeat 10px 18px;
    overflow: hidden;
    height: 33px;
    text-indent: -9999px;
    display: block;
}
#navigation li.home a span{
    width: 85px;
    background-position: 0 0;
}
#navigation li.home a:hover span, #navigation li.home a.active span{
    background-position: 0 -33px;
}
#navigation li.profile a span {
    width: 95px;
    background-position: -85px 0;
}
#navigation li.profile a:hover span, #navigation li.profile a.active span{
    background-position: -85px -33px;
}
#navigation li.services a span {
    width: 108px;
    background-position: -180px 0;
}
#navigation li.services a:hover span, #navigation li.services a.active span{
    background-position: -180px -33px;
}
#navigation li.portfolio a span {
    width: 105px;
    background-position: -288px 0;
}
#navigation li.portfolio a:hover span, #navigation li.portfolio a.active span{
    background-position: -288px -33px;
}
#navigation li.strategy a span {
    width: 130px;
    background-position: -393px 0;
}
#navigation li.strategy a:hover span, #navigation li.strategy a.active span{
    background-position: -393px -33px;
}
#navigation li.contact a span {
    width: 91px;
    background-position: -523px 0;
}
#navigation li.contact a:hover span, #navigation li.contact a.active span{
    background-position: -523px -33px;
}
#navigation a:hover, #navigation a.active {
    color: #cfd231;
    border-top-color: #cfd231;
    background: transparent url('../images/nav_pointer.png') no-repeat top center;
    
}
.spotlights {
}
.spotlights ul {
    list-style: none;
}
.spotlights li {
    float: right;
    clear: right;
    display: block;
    width: 200px;
    color: #424242;
    margin: 0;
    padding: 8px 10px;
    border-bottom: 1px solid #a9aaac;
    border-top: 1px solid #c4c4c6;
}
.spotlights li.top {
    border-top: none;
}
.spotlights li.bottom {
    border-bottom: none;
}
.spotlights h3 {
    color: #404040;
    font-size: 110%;
    font-weight: bold;
    padding: 5px 0;
}

.spotlights a {
    color: #087e99;
    text-decoration: none;
    font-weight: bold;
}
.spotlights a:hover {
    text-decoration: underline;
}


.spotlights2 {
}
.spotlights2 ul {
    list-style: none;
}
.spotlights2 li {
    float: right;
    clear: right;
    display: block;
    width: 395px;
    color: #424242;
    margin: 0;
    padding: 8px 10px;
    border-bottom: 0px solid #a9aaac;
    border-top: 0px solid #c4c4c6;
}
.spotlights2 li.top {
    border-top: none;
}
.spotlights2 li.bottom {
    border-bottom: none;
}
.spotlights2 h3 {
    color: #404040;
    font-size: 110%;
    font-weight: bold;
    padding: 5px 0;
}

.spotlights2 a {
    color: #087e99;
    text-decoration: none;
    font-weight: bold;
}
.spotlights2 a:hover {
    text-decoration: underline;
}
#video {
    height: 290px;
    width: 710px;
    border: 5px solid #fff;
    background-color: #000;
}
#video2 {
    height: 290px;
    width: 516px;
    border: 5px solid #fff;
    background-color: #000;
}
#features {
    background-color: #100f0d;
    padding: 0 25px;
    position: relative;
    height: 110px;
}
#features .feature {
    color: #999;
    padding: 5px 10px;
    background: transparent url('../images/features_box_bkgd.png') no-repeat top left;
    width: 165px;
    height: 100px;
    position: absolute;
    top: 0;
    left: 25px;
}
#features #feature_int{
    left: 205px;
}
#features #feature_soc{
    left: 390px;
}
#features #feature_sep{
    left: 575px;
}
#features #feature_video{
    left: 780px;
}

#features .feature h4 {
    color: #fff;
    font-size: 100%;
    padding: 5px 0;
    font-weight: bold;
}
#features .feature p {
    padding: 0 0 0 0;
}
#features .feature a {
    display: block;
    padding: 0 0 0 0;

    

}
#social_media_links {
    height: 102px;
    padding: 0 33px;
    background: transparent url('../images/social_media_bkgd.png') repeat-x top left;
}
#social_media_links a {
    display: block;
    padding: 20px 17px;
    float: left;
}
#footer {
    color: #fff;
    background: #000 url('../images/footer_bkgd.png') repeat-x top left;
    text-align: center;
    padding: 15px 10px;
}
#footer p {
    padding: 5px 0;
}
#footer .address {
    color: #ff8400;
}
#footer a {
    color: #fff;
}
#main_content {
    background-color: #fff;
}
#home #main_content, #profile #main_content, #contact #main_content {
    background: #fff url('../images/left_bkgd.png') repeat-y top left;
}
#left_content {
    margin: 0 657px 0 0;
    padding: 10px 20px;
    
}
#left_content ul {
    list-style: circle outside url('../images/bullet_pointer.png');
    padding: 0;
    margin: 0 0 0 23px;
}
#left_content li {
    padding: 10px 0;
    margin: 0 0 0 0;
}
#left_content h3 {
    margin: 0;
    font-size: 130%;
    border-bottom: 1px solid #ebebeb;
    padding: 10px;
    font-family: "Myriad Pro";
    color: #a6a906;
}
#left_content .section {
    margin: 0 0 40px 0;
}
#left_content .article {
    border-bottom: 1px solid #ebebeb;
   
}
#left_content .article h4 {
    color: #e17604;
}

#left_content .article p {
    padding: 5px 0;
}
#left_content .article .article_inner {
    margin-left: 125px;
}
#left_content .article .image {
    float: left;
}

.article .right_image {
    width: 70px;
    height: 70px;
    margin: 5px 0 5px 5px;
    float: right;
    padding: 5px;
}

.article .content {
    margin-right: 90px;
}
.article .full_content {
    margin: 0;
}
.article .large_right_image {
    width: 260px;
    height: 260px;
    margin-top: 5px;
    background-color: #333;
    float: right;
}

.article .large_right_photo {
    float: right;
    margin: 5px 0 5px 5px;
    background-color: #333;
    float: right;
    padding: 5px;
}
.article .large_content {
    margin-right: 270px;
}


.article2 .right_image {
    width: 70px;
    height: 70px;
    margin: 5px 0 5px 5px;
    float: right;
    padding: 5px;
}

.article2 .content {
    margin-right: 90px;
}
.article2 .full_content {
    margin: 0;
}
.article2 .large_right_image {
    width: 260px;
    height: 260px;
    margin-top: 5px;
    background-color: #333;
    float: right;
}

.article2 .large_right_photo {
    float: right;
    margin: 5px 0 5px 5px;
    background-color: #333;
    float: right;
    padding: 5px;
}
.article2 .large_content {
    margin-right: 270px;
}

#full_content {
    padding: 10px 20px;
	position:relative;
}
#right_content {
    width: 617px;
    padding: 10px 20px;
    float: right;
}
#right_content ul {
    list-style: circle outside;
    padding: 5px 20px;
}
#right_content ul li {
    padding: 5px;
}

#right_content h2, #full_content h2 {
    font-size: 150%;
    border-bottom: 1px solid #ebebeb;
    padding: 10px;
    font-family: "Myriad Pro";
    color: #a6a906;
}
#right_content h3, #full_content h3, #full_content h3 a {
    font-family: "Myriad Pro";
    color: #e17604;
    padding: 0;
}
.clear {
    height: 0;
    clear: both;
}

.article {
    padding: 10px;
    color: #666666;
}
.article a {
    color: #087e99;
    text-decoration: none;
    font-weight: bold;
}
.article a:hover {
    text-decoration: underline;
}

.article p {
    padding: 5px 0;
    
}
.article ul {
    list-style: circle outside;
    padding: 5px 20px;
}
.article ul li {
    padding: 5px;
}

.article .banner_image { 
    padding: 0 0 10px 0;
}
.article .left_image { 
    float: left;
}
.article .right_image {
    float: right;
}

.photo_right {
    float: right;
    padding: 0 0 10px 10px;
}
.article .left_image {
    float: left;
}

.article .small_right_content { 
    margin-left: 120px; 
}
.article .small_left_content { 
    margin-right: 120px; 
}
.article .right_content { 
    margin-left: 320px; 
}
.article .left_content { 
    margin-right: 320px;
}

#services .article h3, #portfolio .article h3 {
    font-size: 2em;
    text-transform: uppercase;
    color: #666;
    padding: .5em 10px;
}

#services .article {
    padding: 0 0 20px 0;
    border-bottom: 1px solid #666;
}
#services .article p {
    padding: 5px 10px;
}

.box {
    padding: 10px;
    color: #666666;
}

.box p {
    padding: 5px 0;
    
}
.map {

}
#portfolio .article h3 {
    padding-left: 0!important;
}
.portfolio_pieces {
    padding: 0;
    margin: 0;
}

.portfolio_pieces li {
    padding: 10px 0;
    margin: 0;
    width: 300px;
    display: block;
    float: left;
    border-bottom: 1px solid #ebebeb;
}
.portfolio_pieces2 li {
    padding: 10px 0;
    margin: 0;
    width: 425px;
	height:325px;
    display: block;
    float: left;
    border-bottom: 1px solid #ebebeb;
}
.portfolio_pieces li h4 {
    color: #e17604;
}
.portfolio_pieces li img {
    position: absolute;
}

.portfolio_pieces li a {
}
.portfolio_pieces li p {
    padding: 5px 0;
}
.portfolio_pieces li .article_inner {
    margin-left: 125px;
}

.portfolio_pieces li .article2_inner {
    margin-left: 0px;
	width:450px;
}
.portfolio_pieces li .image {
    float: left;
    width: 115px;
    height: 71px;
    background-color: #666;
}

.back_link {
    padding: 1em;
    float: right;
}
.full_article_link {
    display: block;
}
#who_we_are_video {
    float: right;
    padding: 0 0 10px 10px;
}