/*   
Theme Name: Department of Marketing
Theme URI: 
Description: 
Author: 
Author URI: http://www.TheDofM.com
Template: thematic
Version: 1.0
Tags: Thematic
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-r-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');

/* -------------------------------- body styles ---------------------------------------- */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #d1d1d1;
	line-height: 18px;

}

.body_bg {
	width: 100%;
	position: absolute;
	float: left;
}

#wrapper {
	min-width: 945px;
	width: 100%;
	position: relative;
}

/* -------------------------------- header styles ---------------------------------------- */

#blog-title a {
	text-indent: -5000px;
	height: 160px;
	width: 334px;
	display: block;
	background: url('images/dom_logo.png') no-repeat;
}

#blog-title {
	float: left;
}

#branding {
	padding: 15px 0 10px;
	display: table;
}

#big_icon {
	float: right;
	width: 440px;
	height: 170px;
	position: relative;
}

.slideWrapper{
float:right;
width: 440px;
height: 170px;
position: relative;
overflow:hidden;
}

ul.slides{
margin:0 !important;
padding:0 !important;
list-style:none !important;
}

ul.slides img{
/*
width: 402px;
height:168px;
*/
border: 0px;
}

div#contactCallout{
width: 202px;
float:right;
margin: 40px 6px 0 0;

}


#big_icon.search_engine_optimization {
	background: url('images/big_icon2.png') no-repeat;
}

#big_icon.award_winning_design {
	background: url('images/big_icon3.png') no-repeat;
}

#big_icon.social_networking {
	background: url('images/big_icon4.png') no-repeat;
}

#big_icon.multimedia_production {
	background: url('images/big_icon5.png') no-repeat;
}

#big_icon.branding_and_strategy {
	background: url('images/big_icon6.png') no-repeat;
}

#big_icon.default {
	background: url('images/big_icon1.png') no-repeat;
}

#big_icon.welcome {
	background: url('images/big_icon1.png') no-repeat;
}

/* -------------------------------- menu styles ---------------------------------------- */

#access {
	background: url('images/access_bg.gif') repeat-x;
	height: 33px;
	border-top: 2px solid #ffffff;
	border-bottom: none;
}

#access .menu {
	width: 950px;
}

.sf-menu {
}

.sf-menu li {
	border-left: 2px solid #ffffff;
}

.sf-menu li a {
	display: block;
	text-indent: -5000px;
	padding: 0;
	height: 33px;
	border: none;
}

.sf-menu li.page-item-14 a {
	background: url('images/about_dofm.jpg') no-repeat;
	width: 227px;
}

.sf-menu li.page-item-14 {
	background: url('images/about_dofm_hov.jpg') no-repeat;
}

.sf-menu li.page-item-16 a {
	background: url('images/our_marketing_services.jpg') no-repeat;
	width: 302px;
}

.sf-menu li.page-item-16 {
	background: url('images/our_marketing_services_hov.jpg') no-repeat;
}

.sf-menu li.page-item-18 a {
	background: url('images/our_portfolio.jpg') no-repeat;
	width: 212px;
}

.sf-menu li.page-item-18 {
	background: url('images/our_portfolio_hov.jpg') no-repeat;
}

.sf-menu li.page-item-20 a {
	background: url('images/contact_us.jpg') no-repeat;
	width: 189px;
}

.sf-menu li.page-item-20 {
	background: url('images/contact_us_hov.jpg') no-repeat;
}

#bignav {
	background: url('images/bignav_bg.gif') repeat-x;
	height: 60px;
	border-top: 1px solid #140857;
	border-bottom: 1px solid #140857;
}

#bignav li a {
	display: block;
	height: 60px;
}

#bignav li.search_engine_optimization a {
	background: url('images/nav_sem.jpg') no-repeat; 
	width: 207px; 	
	border: none;
}

#bignav li.search_engine_optimization  {
	background: url('images/nav_sem_hov.jpg') no-repeat;
	width: 207px;
	border-left: 1px solid #140857;
}

#bignav li.award_winning_design a {
	background: url('images/award_winning.jpg') no-repeat;
	width: 196px;
}

#bignav li.award_winning_design { 
	background: url('images/award_winning_hov.jpg') no-repeat;
	border-left: 1px solid #140857;
} 

#bignav li.social_networking a {
	background: url('images/nav_social_media.jpg') no-repeat;
	width: 172px;
}

#bignav li.social_networking {
	background: url('images/nav_social_media_hov.jpg') no-repeat;
	border-left: 1px solid #140857;
}

#bignav li.multimedia_production a {
	background: url('images/multimedia.jpg') no-repeat;
	width: 193px;
}

#bignav li.multimedia_production {
	background: url('images/multimedia_hov.jpg') no-repeat;
	border-left: 1px solid #140857;
}

#bignav li.branding_and_strategy a {
	background: url('images/branding.jpg') no-repeat;
	width: 172px;
}

#bignav li.branding_and_strategy {
	background: url('images/branding_hov.jpg') no-repeat; 
	border-left: 1px solid #140857;
}

#bignav ul {
	list-style: none;
	margin: 0 auto;
	width: 950px;
}

#bignav li {
	float: left;
}

h1#blog-description {
	display: none;
}

/* -------------------------------- content styles ---------------------------------------- */

p.linklove {
	display: none;
}

div#nav-below {
	display: none;
}

h1.page-title{
	color:#898989;
	font-size:16px;
}

h1.page-title span {
	color:#031141;
	font-size:18px;
	font-style:italic;
}

.entry-meta {
	display: none;
}

a:visited {
	color: #140857;
}

a {
	color: #031141;
}

#main {
	width: 950px;
	padding: 35px 0 0px;
	margin: 0 auto 30px;
}

#content {
	width: 720px;
}

body.home #container {
	width: 320px;
}

body.home #content {
	width: 320px;
	overflow: visible;
}

body.home .entry-content {
	width: 320px;
}

h1.entry-title {
	width: 730px;
	color: #031141;
	border-bottom: 1px solid #031141;
	font-size: 46px;
	line-height: 46px;
	padding: 0 0 2px;
	margin: 0 0 25px;
}

#comments {
	padding: 0;
}

.entry-content {
	padding: 5px 0 0;
}

.hentry {
	padding: 0;
}

body.single #content, body.single #container, body.single .entry-content {
	width: 900px;
}

.entry-utility {
	display: none;
}

body.pageid-3 #main {
	background: url('images/bSocialMarketing.png') no-repeat 0 0;
}

body.pageid-5 #main,body.pageid-1602 #main {
	background: url('images/bAward.png') no-repeat 0 0;
}

body.pageid-7 #main {
	background: url('images/bSocialMedia.png') no-repeat 0 0;
}

body.pageid-10 #main {
	background: url('images/bMultimedia.png') no-repeat 0 0;
}

body.pageid-12 #main {
	background: url('images/bBranding.png') no-repeat 0 0;
}

body.pageid-14 #main {
	background: url('images/bAbout.png') no-repeat 0 0;
}

body.pageid-16 #main {
	background: url('images/bServices.png') no-repeat 0 0;
}

body.pageid-20 #main {
	background: url('images/bContact.png') no-repeat 0 0;
	min-height: 370px;
}

body.pageid-874 #main,body.pageid-1598 #main  {
	background: url('images/bSocialMarketing.png') no-repeat 0 0;
}

body.pageid-1174 #main {
	background: url('images/bMultimedia.png') no-repeat 0 0;
}


tr, table {
	border: none;
}

th, td {
	padding: 5px;
}

body.pageid-18 .entry-content img {
	margin: 0;
}

td.explore_logos {
	background: url('images/button_logos_hov.jpg') center center no-repeat;
}

td.explore_identity_series {
	background: url('images/button_id_series_hov.jpg') center center no-repeat;
}

td.explore_print {
	background: url('images/button_print_hov.jpg') center center no-repeat;
}

td.explore_video {
	background: url('images/button_video_hov.jpg') center center no-repeat;
}

td.explore_websites {
	background: url('images/button_websites_hov.jpg') center center no-repeat;
}

td.explore_illustration {
	background: url('images/button_illustration_hov.jpg') center center no-repeat;
}

p.explore_testimonials {
	background: url('images/button_testimonials_hov.jpg') center center no-repeat;
}

p.testimonials2 {
	background: url('images/testimonials_hov2.jpg') center center no-repeat;
}

p.explore_blog {
	background: url('images/blog_hov.jpg') center center no-repeat;
}

p.blog2 {
	background: url('images/blog_hov2.jpg') center center no-repeat !important;
}

p.videoPortfolio{
	background: url('images/videoPortfolio_h.jpg') center center no-repeat !important;
}


/* -------------------------------- category styles ---------------------------------------- */

a.back_to_portfolio {
	height:32px;
	width:244px;
	display: block;
}

div#back_to_portfolio {
	background: url('images/back_to_port_hov.jpg') no-repeat;
	height:32px;
	width:244px;
	float: right;
	display: block;
}

body.category .entry-content {
	width: 720px;
}

body.category div.scrollable_content {
	position: relative;
	overflow: hidden;
	width: 760px;
	height: 670px;
}

body.category div.scrollable_content .hentry {
	height: 210px;
	overflow:hidden;
	margin-bottom: 20px;
}

body.category div.scrollable_content div.category_items {
	position: absolute;
	height: 20000em;
}
.entry-utility {
	margin: 0 0 40px;
}

body.category #main {
	background: none;
}

#actions a.disabled {
	background: none;
}

#actions a {
	position: absolute;
}
#actions a.prevPage {
	background: url('images/left.png') left 0 no-repeat;
	height: 18px;
	width: 50px;
	display: block;
	cursor: pointer;
	margin: -25px 0 0;
	text-align: right;
}

#actions a.prevPage:hover {
	background: url('images/left.png') left -18px no-repeat;
}

#actions a.nextPage {
	background: url('images/right.png') right 0 no-repeat;
	height: 18px;
	width: 50px;
	display: block;
	cursor: pointer;
	margin: -25px 0 0 125px;
	text-align: left;
}

#actions a.nextPage:hover {
	background: url('images/right.png') right -18px no-repeat;
}

/* -------------------------------- portfolio styles ---------------------------------------- */

body.pageid-18 #main {
	background: none;
	overflow: visible;
}

body.pageid-18 #container {
	width: 325px;
}

body.pageid-18 #content {
	width: 360px;
}

#image_wrap {
	width: 530px;
	margin: 0;
	padding: 0;
	float: right;
	z-index: 0;
}

#image_wrap img {
	-moz-box-shadow: 0px 0px 5px #666;
	-webkit-box-shadow: 0px 0px 5px #666;
	z-index:5;
}

#portfolio {
	width: 535px;
	float: right;
	position: relative;
	padding-bottom: 50px;
	margin-right: 15px;
}

.scrollable {
	float: right;
	overflow: hidden;
	position: relative;
	width: 530px;
	height: 78px;
}

.portfolio .ngg-album-compact {
	width: 100px;
	height: 75px;
	padding-right: 7px !important;
}

#portfolio .scrollable {
	margin-left: 62px;
	margin-bottom: 20px;
}

.scrollable .items {
	clear: both;
	width: 20000em;
	position: absolute;
}
 
.scrollable .items a {
	display: block;
	width: 100px;
	float: left;
	margin: 8px 7px 8px 0; 
}

.scrollable .active img {
	border: 2px solid #666 !important;
	position: relative;
	-moz-box-shadow: 2px 2px 5px #666;
	-webkit-box-shadow: 2px 2px 5px #666;
}

.scrollable .items img {
	margin: 0 !important;
	padding: 0 !important;
	border: 1px solid #333;

}

.scrollable ngg-gallery-thumbnail-box {
	float: left;
	height: 75px;
	width: 75px; 
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	margin: 20px 5px 20px 21px;
	padding: 2px;
}

#portfolio a.left {
	margin-left: 5px;
	clear: left;
}

#gallery_wrap a.left, #gallery_wrap a.right {
	margin: 0;
}

a.left:hover {
	background-position: -30px 0;
}

a.left:active {
	background-position: -60px 0;
}

a.browse {
	float: left;
	display: block;
	height: 30px;
	width: 30px;
	margin: -15px 0 40px 0;
	background: url('images/hori_large.png') no-repeat scroll 0 0;
}

#portfolio a.right {
	margin-right: 0;
}

a.right {
	background-position: 0 -30px;
	clear: right;
	float: right;
}

a.right:hover {
	background-position: -30px -30px;
}

a.right:active {
	background-position: -60px -30px;
}

.ngg-galleryoverview.scrollable {
	clear: none !important;
	width: 535px !important;
}

#dynatip, #dynatip_footer {
	background: url('images/white_arrow_big.png');
	height: 165px;
	width: 320px;
	padding: 25px;
	display: none;
	color: #000;
	font-size: 12px;
	z-index: 1;
}

#dynatip_footer {
	background: url('images/white_arrow.png');
	height: 70px;
	width: 160px;
	padding: 25px;
	display: none;
	color: #000;
	font-size: 12px;
	z-index: 1;
}

#dynatip.bottom {
	background: url('images/black_arrow.png');
	padding-top: 40px;
	height: 55px;
}

#dynatip.bottom {
	background: url('images/black_arrow.png');
}

a.disabled {
	background: none;
}

#image_wrap a {
	z-index: 9999;
	height: 300px;
	width: 530px;
	display: block;
	position: absolute;
	background: url('images/project_details.png') no-repeat center center;
	top: 0;
}

/*#image_wrap a:hover {
	z-index: 9999;
	height: 300px;
	width: 500px;
	display: block;
	position: absolute;
	background: url('images/project_details.png') no-repeat center center;
} */

/* -------------------------------- search engine optimization styles ---------------------------------------- */

.seo {
	width: 700px;
	height: 330px;
	cursor: pointer; 
	margin: 0px 0 0 0;
        position: relative;

}

.seo_wrap {
	width: 700px;
}

.seo div.mainSlide {
	display: none;
	margin: 0 0 0 0;
	padding: 15px;  
	background: #fdfdfd url('images/seo_bg.jpg') repeat-x bottom; 
	width: 670px;
	height: 300px;   
	border: 1px solid #3f4867;
	-moz-border-radius:5px;
	-moz-box-shadow:5px 5px 5px #666666;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 5px 5px 5px #666;
	border-radius:5px;
	box-shadow:5px 5px 5px #666666;
	overflow: hidden;
        float:left;
	position: absolute;
}

div.leftSlide{
width: 300px;
}
div.rightSlide{
width: 370px;
}

div.rightSlide, div.leftSlide{
float:left;
position: relative;
}


/*
.backward, .forward {
	text-indent: -9999em;
	width: 30px;
	background: url('images/hori_large.png') no-repeat;
	cursor: pointer;
	display: block;
	height: 30px; 
	position: absolute; 
}

.backward2{
float:left !important;
position:relative !important;
margin: 20px 0 0 0px !important;
clear:both;
}

.forward2{
float:right !important;
position:relative !important;
margin: 20px 0 0 0px !important;
}

.backward {
	margin: 395px 0 0 0px;
}
 
.forward { 
	background-position: 0 -30px;
	margin: 395px 0 0 675px;
	display: block;
}
.forward:hover {
	background-position: -30px -30px;
}

.forward:active {
	background-position: -60px -30px;
}

.backward:hover { background-position:-30px 0; } 

.backward:active { background-position:-60px 0; } 


*/

div.navigationButtons{width:700px;}



.tabs {
	clear: both;
	margin: 20px 0 30px 330px;
	float: left;
}

.tabs2{clear:none !important; margin: 20px 0 30px 350px;}

.tabs a {
	background: url('images/navigator.png') no-repeat;
	float: left;
	display: block;
	height: 8px;
	width: 8px;
	margin: 3px;
}

.tabs a.current {
	background-position: 0 -16px;
}

body.pageid-3 .entry-content {
	width: 700px;
}

.seo h2 {
	font-size: 16px;
	padding: 0px 0 15px;
	color: #140857;
	font-weight: bold;
	width: 385px;
}

body.pageid-3 .entry-title, body.pageid-5 h1.entry-title, body.pageid-12 h1.entry-title, body.pageid-10 h1.entry-title, body.pageid-7 h1.entry-title {
	border: none;
}


.seo p {
	margin: 10px 0 0 0 !important;
}

.seo img.cfi {
	margin-top: 0;
	margin-right: 10px;
}

.seo ul {
	list-style: none;
}
/* -------------------------------- sidebar styles ---------------------------------------- */



/* -------------------------------- single portfolio item styles ---------------------------------------- */

.gallery {
	float: left;
}

#gallery_wrap {
	width: 535px;
}

#gallery_wrap #image_wrap {
	float: left;
}

.gallery-item {
	width: auto !important;
}
/*
a.next, a.prev {
	position: absolute;
	top: 40%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 10px 20px;
	color: #fff;
	border: 1px solid #666;
	background: #333333;
	cursor: pointer;
}

.next {
	right: 0;
}



.prev {
	left: 0;
}

*/

div.backward{

margin: 135px 5px 0 0 !important;

}

div.forward{
margin: 135px 0px 0 8px !important;
}


div#slideShowWrapper{
width: 880px; 
margin: 0  0 0 0;
display:block;
min-height: 330px;
clear:both;
}

div#slideShow {
float:left;
}

div#prev, div#next{
display:block;
width: 30px;
height: 30px !important;
cursor: pointer;
float:left;
margin: 135px 0 0 0;
}

div#prev{
background: url("images/prev2.png") no-repeat scroll 0 0 transparent;
}

div#prev:hover{
background: url("images/prev_h.png") no-repeat scroll 0 0 transparent;

}

div#next{
background: url("images/next2.png") no-repeat scroll 0 0 transparent;
}

div#next:hover{
background: url("images/next_h.png") no-repeat scroll 0 0 transparent;

}

#gallery .info {
	position: absolute;
	font-size: 11px;
	left: 0;
	bottom: 0;
	padding: 10px 15px;
	color: #fff;
	background: #333333;
}

#gallery a.disabled {
	display: none !important;
}

#gallery .info span {
	display: none;
}

#gallery {
	display: none;
	z-index: 10000;
	-moz-box-shadow: 0 0 90px 5px #000;
	background-color: #333;
	border: 1px solid #666;
	min-height: 200px;
	width: 675px;
}

#gallery .close {
	background-image: url('images/apple-close.png');
	height: 25px;
	width: 25px;
	position: absolute;
	top: -15px;
	right: -15px;
	cursor: pointer;
}

.progress {
	position: absolute;
	top: 45%;
	left: 50%;
	display: none;
}

.gallery a.active img {
	outline: 1px solid #000;
	z-index: 9999;
	position: relative;
}

body.single #main {
	position: static;
}

#gallery_wrap {
	float: left;
	margin: 0 20px 30px 4px;
}

#gallery_wrap a.browse {
	position: absolute;
	top: 810px;
}

#gallery_wrap a.right {
	margin-left: 490px;
}

#gallery_wrap #image_wrap {
	margin: 0;
	padding: 0;
	width: 500px;
}

/* -------------------------------- footer styles ---------------------------------------- */
#footer {
	border: none;
}

#siteinfo {
	background: url('images/siteinfo_bg.png') repeat-x;
	width: 950px;
	border-top: 1px solid #140857;
	padding: 22px 0 44px 15px;
}

#siteinfo_text {
	float: left;
	width: 360px;
}

#awards {
	float: right;
	width: 550px;
	margin-right: 20px;
}

#siteinfo .footer_logo {
	position: absolute;
	margin: -37px 0 0 75px 
}

#awards ul {
	list-style: none;
}

#awards li {
	float: left;
}

#awards li a {
	display: block;
	margin: 0 6px;
}

#awards li.awards1 {
	text-align: right;
	padding-right: 10px;
}

#awards li.awards2 a {
	background: url('images/award1.png');
	height: 28px;
	width: 28px;
}

#awards li.awards2 a:hover {
	background: url('images/award1_on.png');
	height: 28px;
	width: 28px;
}

#awards li.awards3 a {
	background: url('images/award2.png');
	height: 30px;
	width: 55px;
}

#awards li.awards3 a:hover {
	background: url('images/award2_on.png');
	height: 30px;
	width: 55px;
}

#awards li.awards4 a {
	background: url('images/award3.png');
	height: 42px;
	width: 15px;
}

#awards li.awards4 a:hover {
	background: url('images/award3_on.png');
	height: 42px;
	width: 15px;
}

#awards li.awards5 a {
	background: url('images/award4.png');
	height: 22px;
	width: 49px;
}

#awards li.awards5 a:hover {
	background: url('images/award4_on.png');
	height: 22px;
	width: 49px;
}

#awards li.awards6 a {
	background: url('images/award_communicator.png');
	height: 25px;
	width: 62px;
}

#awards li.awards6 a:hover {
	background: url('images/award_communicator_hov.png');
	height: 25px;
	width: 62px;
}

#awards li.awards7 a {
	background: url('images/award_emerg_media.png');
	height: 40px;
	width: 25px;
}

#awards li.awards7 a:hover {
	background: url('images/award_emerg_media_hov.png');
	height: 40px;
	width: 25px;
}

#awards li.awards8 a {
	background: url('images/award7.png');
	height: 53px;
	width: 42px;
}

#awards li.awards8 a:hover {
	background: url('images/award7_on.png');
	height: 53px;
	width: 42px;
}

#awards li.awards9 a {
	background: url('images/award8.png');
	height: 30px;
	width: 31px;
}

#awards li.awards9 a:hover {
	background: url('images/award8_on.png');
	height: 30px;
	width: 31px;
}

#awards li.awards10 a {
	background: url('images/award_marcom.png');
	height: 64px;
	width: 25px;
}

#awards li.awards10 a:hover {
	background: url('images/award_marcom_hov.png');
	height: 64px;
	width: 25px;
}

/* -------------------------------- VMAIL styles ---------------------------------------- */
div.vmailBack
{

background: url('images/vmailBackDrop1.png') no-repeat;
height:380px;
width:730px;
margin-left:-5px;
position:relative;
z-index:1;


}

div.vmailLeft
{
position:relative;
float:left;
z-index:3;
width:300px;
height:80%;
margin-left:15px;
margin-top:20px;


}

div.vmailRight
{
position:relative;
float:right;
z-index:2;
width:330px;
padding-right:15px;


}

div.vmailRight p
{

padding-right:15px;
margin-top:-5px;

}

div.vmailRight h1
{

text-align:center;


}

div.vmailRight ul
{

margin-top:-10px;


}

div#videoDiv
{

margin-left:0px;
margin-top:5px;
}

div#previewVideos
{

float: right; 
margin-top:-10px;
padding-right:20px;

}

div#previewVideos a
{
  padding-left:2px;
  padding-right:5px;



}

div#previewVideos img
{

border:solid 1px black; 

}

div.slug-worldserve-testimonial
{
height: 300px !important;

}


div#sidebarRight{
float:right;
width: 150px;
}

.longTitle{
width: 360px !important;
}

div#service_area_block{
background:#3f4867;padding:10px;margin:5px 0;color:white;
display:block;
}

div.hideServiceArea{
display:none !important;

}