/*
Title: 		DME-studios.com 09' re-design - #92091 - screen default dark color scheme
Author:   DME - Matt Ollila
Version:  12.29.2009
---------------------------------------------------
Colors:
Electric Blue:				#1a98d9
Txt/link Bg's:			 	#000
Blk Borders: 					#000
Drk Grey Borders: 		#979797
*/


/*
=BODY ------------------------------------------ */
body { background: #fff; color: #000;}

/*
=LINKS ------------------------------------------ */
a, a:link { background: #1a98d9; color: #fff;}
a:hover { background: #000; #fff}

#head h1 a, #head h1 a:link { background: url(../img/Studio_logo_220x50_alt1.png) no-repeat top right;}
#foot a, #foot a:link { background: none; color: #444;}
#foot a:hover { color: #1a98d9;}

/*
=ELEMENTS ------------------------------------------ */
#head p { color: #1a98d9;}
#head p span { color: #000;}
#head p span a, #head p span a:link { background: none; color: #000;}
#head p span a:hover { background: none;}
#foot p.copyright { border-top: 1px solid #979797;}

h2, h3, h4, h5, h6 { color: #1a98d9;}
h3 { color: #000;}

/*
=LAYOUT ------------------------------------------ */
#wrap { background: /*url(../img/devGrid.gif)*/ repeat-y 0 0; /* Dev purposes only - delete */}
#head { color: #000;}
#foot { border-top: 1px solid #979797; color: #000;}

/* -- Banner -- */
#banner0 { background: url(../img/banners/banner_girl_new_940x250.jpg) no-repeat 0 0;}
#banner1 { background: url(../img/banners/banner_levers_blue_940x250.jpg) repeat-y 0 0;}
#banner2 { background: url(../img/banners/banner_tools_blue_940x250.jpg) repeat-y 0 0;}
#banner3 { background: url(../img/banners/banner_bags_blue_940x250.jpg) repeat-y 0 0;}

#banner0 p, #banner1 p, #banner2 p, #banner2 p, #banner3 p { border-bottom: 1px solid #1a98d9;}
#banner0 p.subP, #banner1 p.subP, #banner2 p.subP, #banner3 p.subP { border-bottom: none;}
#banner0 p strong, #banner1 p strong, #banner2 p strong, #banner3 p strong { color: #1a98d9;}

/* -- Social media links */
.social a.FB_btn { background-position: 0px -22px;}
.social a.Twit_btn { background-position: -22px -22px;}
.social a.YTube_btn { background-position: -44px -22px;}
.social a.FB_btn:hover { background-position: 0 0;}
.social a.Twit_btn:hover { background-position: -22px 0;}
.social a.YTube_btn:hover { background-position: -44px 0;}

/* -- News Clips */
.newsClip h3 { color: #1a98d9;}
.newsClip p.date { border: 1px solid #979797;}

/* -- Recent Work - 4up area on most pages -- */
.jobBlock a,
.jobBlock a:link { background: none; color: #000;}
.jobBlock a div { border: 1px solid #000;}
.jobBlock a h4,
.jobBlock a p { color: #000;}
span.new { background: url(../img/newFlag_36x36_alt1.png) no-repeat 0 0;}
/* hover styles */
.jobBlock a:hover div { border-color: #1a98d9;}
.jobBlock a:hover h4 span,
.jobBlock a:hover p span { background: #1a98d9; color: #fff;}

/* -- Portfolio - Jobs Showcase -- */
#showcase h2 { color: #000;}

/* -- Portfolio - Sample Images -- */
.sampImg1, .sampImg2, .sampImgLg { border: 1px solid #000;}

/* -- Services Page - Accordian Styles -- */
.accBorder { border: 1px solid #000;}
.accordion_toggle { color: #000;}
.accordion_toggle_active { background-color: #1a98d9; color: #fff;}

#accCon h5 { color: #000;}

.accordion_con img { border: 1px solid #000;}

/*
=NAVIGATION --------------------------------------------------------------- */
#nav { border-top: 1px solid #979797; border-bottom: 1px solid #979797;}
#nav ul li a, #nav ul li a:link { background: transparent; color: #000;}
/*-- MainNav: Over States --*/
#nav ul li a:hover { background: #1a98d9; color: #fff;}
/*-- active area - based on body ID --*/
#p_about #nav ul li#liAbout a { background: #000; color: #fff}
#p_services #nav ul li#liServices a { background: #000; color: #fff}
#p_products #nav ul li#liProducts a { background: #000; color: #fff}
#p_portfolio #nav ul li#liPortfolio a { background: #000; color: #fff}
#p_contact #nav ul li#liContact a { background: #000; color: #fff}

/* -- Services - Sub Navigation -- */
#navServices,
#navProds { border-top: 1px solid #979797;}
#navServices li,
#navProds li { border-bottom: 1px solid #979797;}
#navServices li a,
#navProds li a { background: none; color: #000;}
#navServices li a:hover,
#navProds li a:hover { background: #1a98d9; color: #fff;}
/*-- active area - based on body class --*/
.subp_creativeServices #navServices li#liCS a,
.subp_vidProduction #navServices li#liVP a,
.subp_IMarketing #navServices li#liIM a,
.subp_MBuying #navServices li#liMB a,
.subp_Presentations #navServices li#liPres a,
.subp_present4 #navProds li#liP4 a,
.subp_imv #navProds li#liPV a,
.subp_assembly #navProds li#liAV a { background: #000; color: #fff;}

/* -- Portfolio - Page Navigation -- */
#portNav li a, #portNav a:link { border: 1px solid #979797; background: transparent; color: #000;}
#portNav a:hover { border: 1px solid #1a98d9; background: #1a98d9; color: #fff;}
/*-- active area - based on body ID --*/
#port1 #portNav li#p_port1 a { background: #000; border-color: #000; color: #fff;}
#port2 #portNav li#p_port2 a { background: #000; border-color: #000; color: #fff;}
#port3 #portNav li#p_port3 a { background: #000; border-color: #000; color: #fff;}

/* -- Style Switcher -------------- */
div#settings {}

a.btn-settings, a:link.btn-settings { background: #000; color: #fff;}
a:hover.btn-settings { background: #1a98d9; color: #fff;}

/*
=FORM --------------------------------------------------------------- */
label em { color: #1a98d9;}
input, textarea { background: #fff; border: 1px solid #000; color: #1a98d9;}
input.fBtn { background: #1a98d9; border: none; color: #fff;}
input.fBtn:hover { background: #000; color: #fff;}
span.req { color: #1a98d9;}

/*
=MISC... ------------------------------------------ */
img.serSamp { border: 1px solid #000;}

/*
LightWindow Styles -------------------------------------- */
#lightwindow_loading span a,
#lightwindow_loading span a:link, 
#lightwindow_loading span a:visited { color: #fff;}
#lightwindow_loading span a:hover,
#lightwindow_loading span a:active { text-decoration: none; color: #fff;}

#lightwindow_title_bar_title { color: #1a98d9;}

a#lightwindow_title_bar_close_link,	
a:link#lightwindow_title_bar_close_link,
a:visited#lightwindow_title_bar_close_link { color: #fff;}
a:hover#lightwindow_title_bar_close_link,
a:active#lightwindow_title_bar_close_link { color: #fff;}