/* CSS Document */
/*General format */
html { min-height: 100%; margin-bottom: 1px; }
body {background-image: url("../images/bg_djc_pink_darker.gif"); background-repeat: repeat-x; font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #333333; background-color: #FFCCCC; text-align: center; margin: 0px 0px 0px 0px;}
a { text-decoration: none; color: #FF6699;}
a:hover { text-decoration: underline;}
a img { border: 0px;}
p { color: #333; font-size: 12px; font-family: Georgia, Times, serif; margin: 0px 0px 0px 0px; line-height: 18px;}
b { font-family: Helvetica, Arial sans-serif; color: #333; font-size: 12px;}
.lrg { font-size: 14px;}
.med { font-size: 12px;}
.sm { font-size: 10px;}
.contact { font-family: Georgia, Times, serif; color: #666; padding-top: 5px; border-top: 1px solid #7E7B74;}
.contact p { margin: 0px 0px 0px 0px; color: #666;}
.contact a { color: #666;}
.about { font-family: Georgia, Times, serif; color: #666; padding-top: 0px;}
.about p { margin: 0px 0px 0px 0px; color: #666;}
.about a { color: #FF6699;}
h2, h2 a { font-size: 12px; color: #999; border-top: 1px solid #CCC; padding-top: 3px;}
h2, h2 a:hover { color: #333333; }
h3 { font-size: 16px; color: #999; font-weight: normal; margin: 15px 0px 0px 0px;}
div.clear { clear: both; height: 1px; font-size: 1px; line-height: 0px;}
/* Container and Columns */
#container {width: 1000px; background-image: url("../images/bg_container.gif"); background-repeat: repeat-y; text-align: left; margin: 0px auto 0px auto; /* display: none; */}
#header_container {margin: 0px 6px 0px 6px; width: 990px; background-image: url("../images/top_gradient.gif"); background-repeat: repeat-x; border-top: 2px solid #FFFFFF;}
#header { margin: 25px 30px 0px 30px;}
.column_1 { width: 120px; float: left; margin-right: 15px;}
.column_2 { width: 255px; float: left; margin-right: 15px;}
.column_2_5 {width: 322px; float: left; margin-right: 15px;}
.column_3 { width: 990px; float: left; margin-right: 0px; width: 960px;}
.column_4 { width: 525px; float: left; margin-right: 15px;}
.column_5 { width: 660px; float: left; margin-right: 15px;}
.column_6 { width: 795px; float: left; margin-right: 15px;}
.column_7 { width: 930px; float: left; margin-right: 15px;}
.lastcol { margin-right: 0px;}
#header_large_ruler { border-top: 3px solid #ED4E81; width: 660px;}
#header_small_ruler { border-top: 3px solid #ED4E81; height: 60px;}
.errors {color: #FF0000;}
/* Banner Images */
.banner {position:absolute; top:285px; left:29%; width:195px; height:160px; overflow:hidden;}
.banner A {position:absolute; width:195px; height:180px; font:95% Arial, sans-serif; color:#505048; text-decoration:none; background:url(../images/banner-three-xx.gif) no-repeat 0 0;}
.banner A:hover {background-position:0 -160px; margin:0 0 0 0;}
.banner SPAN {display:none; width:175px; height:75px; margin:95px 10px 10px 10px; cursor:pointer;}
.banner A:hover SPAN {display:block;}
.banner STRONG {font:bold 130% Arial, sans-serif; display:block; letter-spacing:-1px; cursor:pointer;}
.banner2 {position:absolute; top:445px; left:29%; width:195px; height:160px; overflow:hidden;}
.banner2 A {position:absolute; width:195px; height:180px; font:95% Arial, sans-serif; color:#505048; text-decoration:none; background:url(../images/banner-three-xx.gif) no-repeat 0 0;}
.banner2 A:hover {background-position:0 -160px; margin:0 0 0 0;}
.banner2 SPAN {display:none; width:175px; height:75px; margin:95px 10px 10px 10px; cursor:pointer;}
.banner2 A:hover SPAN {display:block;}
.banner2 STRONG {font:bold 130% Arial, sans-serif; display:block; letter-spacing:-1px; cursor:pointer;}
/* .single {top:25px; left:50%; width:595px;}
.single A {position:absolute; width:595px; background:url(../images/banner-single.gif) no-repeat 0 0;}
.single A:hover {background-position:0 -180px; margin:0;}
.single SPAN {display:none; width:595px; height:75px; margin:95px 10px 10px 10px; cursor:pointer;}
.single STRONG {font:bold 130% Arial, sans-serif; display:block; letter-spacing:-1px; cursor:pointer;}*/
.image, .image-1 {margin:0 0 0 -200px;}
.image-2 {margin:0 0 0 -5px;}
.image-3 {margin:0 0 0 190px;}
/* Photo Credits */
.photo-credits-tab {position:absolute; top:220px; left:29%; margin:0 0 0 225px; width:160px; height:25px;}
.photo-credits-tab A {display:block; width:160px; height:25px; background:url(../images/photo-credits-tab.gif) no-repeat 0 0; color:#FFFFFF; font:bold 80% Arial, sans-serif; text-decoration:none; text-align:center; line-height:35px;}
.photo-credits-tab A:hover, .photo-credits-tab A.toggle-button-on {background-position:0 -44px;}
.photo-credits-block {display:none; position:absolute; top:225px; left:29%; font:70% Arial, sans-serif; margin:0 0 0 -200px; width:585px; background:url(../images/photo-credits-block.gif) repeat-y; border-top:1px solid #6E6E62; border-bottom:1px solid #6E6E62;}
.photo-credit {float:left; width:195px; padding:0 0 15px 0;}
.photo-credit P {padding:10px 0 0 10px;}
.toggle-button-on {background:red;}
.toggle-active {display:block!important;}
.photo-credits-block-toggle-active {display:block!important; position:absolute; top:285px; left:29%; font:70% Arial, sans-serif; margin:0 0 0 -200px; width:585px; background:url(../images/photo-credits-block.gif) repeat-y; border-top:1px solid #6E6E62; border-bottom:1px solid #6E6E62;}
/* .single-block {width:565px; background:url(../images/photo-credits-block-single.gif) repeat-y; border-top:1px solid #6E6E62; border-bottom:1px solid #6E6E62; padding:10px;}
*/
/* Photo Credits Button */
.fc-button { outline: 0; margin:0 0 0 0; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; }
/* Navigation Row*/
#navigation_menu { margin: 0px 0px 0px 36px;}
ul.nav { list-style: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; height: 35px;}
ul.nav li { height: 35px; float: left;}
ul.nav li.last { margin: 0px 0px 0px 0px;}
ul.nav li.current_page_item a { background-image: url("../images/nav_bg_active_pink.gif"); background-repeat: repeat-x; color: #FFFFFF;}
ul.nav li a { text-decoration: none; border-top: 1px solid #7E7B74; margin: 0px 15px 0px 0px; padding: 5px 0px 0px 5px; width: 115px; color: #7E7B74; font-weight: bold; display: block; height: 35px;}
ul.nav li a:hover { background-image: url("../images/nav_bg_bw_pink.gif"); background-repeat: repeat-x; color: #FFFFFF; text-decoration: none; height: 35px;}
ul.nav li.last a { margin: 0px 0px 0px 0px;}
ul.nav li.current_page_item a { color: #FFFFFF;}
#home #nav-home a {background-image: url("../images/nav_bg_active_pink.gif"); background-repeat: repeat-x; color: #FFFFFF;}
#photo #nav-photo a {background-image: url("../images/nav_bg_active_pink.gif"); background-repeat: repeat-x; color: #FFFFFF;}
#web #nav-web a {background-image: url("../images/nav_bg_active_pink.gif"); background-repeat: repeat-x; color: #FFFFFF;}
#about #nav-about a {background-image: url("../images/nav_bg_active_pink.gif"); background-repeat: repeat-x; color: #FFFFFF;}
#contact #nav-contact a {background-image: url("../images/nav_bg_active_pink.gif"); background-repeat: repeat-x; color: #FFFFFF;}
#blog #nav-blog a {background-image: url("../images/nav_bg_active_pink.gif"); background-repeat: repeat-x; color: #FFFFFF;}
#client #nav-client a {background-image: url("../images/nav_bg_active_pink.gif"); background-repeat: repeat-x; color: #FFFFFF;}
#sitemap #nav-sitemap a {background-image: url("../images/nav_bg_active_pink.gif"); background-repeat: repeat-x; color: #FFFFFF;}
#testimonials #nav-testi a {background-image: url("../images/nav_bg_active_pink.gif"); background-repeat: repeat-x; color: #FFFFFF;}
/* Content */
#headline_content { border-top: 1px solid #CBCBCA; margin: 15px 0px 0px 37px; width: 930px; padding-top: 15px; height: 120px; border-bottom: 1px solid #CBCBCA;}
#headline_content h1 { color: #999; width: 650px; margin: 0px 0px 0px 0px; font-size: 24px;}
#headline_content_var { border-top: 1px solid #CBCBCA; margin: 15px 0px 0px 36px; width: 930px; padding-top: 15px;}
#headline_content_var h1 { color: #999; font-size: 28px; letter-spacing: -0.6px; line-height: 30px; margin: 0px 0px 0px 0px; width: 650px;}
#headline_content_var_01 { border-top: 1px solid #CBCBCA; margin: 15px 0px 0px 36px; width: 930px; padding-top: 15px; height: 120px;}
#headline_content_var_01 h1 { color: #999; width: 650px; margin: 0px 0px 0px 0px; font-size: 24px;}
#headline_content .col_5 b.black,
#headline_content_var .col_5 b.black,
#headline_content_var_01 .col_5 b.black { color: #000; font-size: 24px; }
.content { margin-left: 36px; width: 930px; padding-top: 15px;}
#content_var { margin-left: 36px; width: 930px; margin-top: 15px; padding-top: 0px;}
ul#services_list { list-style: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
ul#services_list li { color: #999; font-weight: bold; padding: 0px 0px 7px 0px;}
ul#services_list li.current_page_item,ul#services_list li:hover { color: #000000; font-weight: bold; padding: 0px 0px 7px 0px;}
ul#services_list li a { background-image: url("../images/arrow.gif"); background-repeat: no-repeat; background-position: left center; color: #999999; display: block; padding-left: 15px;}
ul#services_list li.current_page_item a { background-image: url("../images/arrow_highlight.gif"); background-repeat: no-repeat; color: #333333;}
ul#services_list li a:hover { background-image: url("../images/arrow_highlight.gif"); background-repeat: no-repeat; color: #222222;}
.newssection { margin-top: 10px;}
.newsheading { margin-top: 0px;}
/* Other Styling */
p.big { color: #666; margin: 15px 30px 15px 0; font-size: 18px; line-height: 21px;}
p.date { font-family: Helvetica, Arial sans-serif; color: #999; margin: 0px 0px 0px 0px; font-size: 11px;}
p.prev_red { color: #990000; font-family: Helvetica, Arial, sans-serif; color: #999; margin: 15px 0px 0px 0px; font-size: 9px; font-weight: bold; text-transform: uppercase;}
p.prev_red a:link,p.prev_red a:visited { color: #990000;}
p.prev_orange { color: #BF6628; font-family: Helvetica, Arial, sans-serif; color: #999; margin: 15px 0px 0px 0px; font-size: 9px; font-weight: bold; text-transform: uppercase;}
p.prev_orange a:link,p.prev_orange a:visited { color: #BF6628;}
p.prev_pink { color: #ED4E81; font-family: Helvetica, Arial, sans-serif; color: #999; margin: 15px 0px 0px 0px; font-size: 9px; font-weight: bold; text-transform: uppercase;}
p.prev_pink a:link,p.prev_orange a:visited { color: #ED4E81;}
p.prev_purple { color: #666699; font-family: Helvetica, Arial, sans-serif; color: #999; margin: 15px 0px 0px 0px; font-size: 9px; font-weight: bold; text-transform: uppercase;}
p.prev_purple a:link,p.prev_purple a:visited { color: #666699;}
p.prev_olive { color: #666633; font-family: Helvetica, Arial sans-serif; color: #999; margin: 15px 0px 0px 0px; font-size: 9px; font-weight: bold; text-transform: uppercase;}
p.prev_olive a:link,p.prev_olive a:visited { color: #666633;}
#main_marquee { padding: 0px 0px 0px 0px;}
.red a:link,.red a:visited { color: #990000;}
.orange a:link,.orange a:visited { color: #BF6628;}
.purple a:link,.purple a:visited { color: #666699;}
.olive a:link,.olive a:visited { color: #666633;}
/* Footer*/
#bottom_portion { margin: 0px 6px 0px 6px; width: 990px; background-image: url("../images/bottom_gradient.gif"); background-position: bottom; background-repeat: repeat-x; border-bottom: 2px solid #FFF; border-right: 0px solid #FFF; border-left: 0px solid #FFF; padding-bottom: 33px;}
#footer { margin: 40px 0px 0px 30px;}
/* #footer a { color: #990000;} */
#footer_content { border-top: 1px solid #7E7B74; width: 525px;}
/* Blog News Section */
/* Overrides for active link on home/news
*************************************************/
body.pageid-8 li.current_page_item a,
body.pageid-28 li.current_page_item a { background: white; color: #666 }