/* DESIGN OKAY NIGHTTIME STYLESHEET
// Created: 1/2010
// Author: Ethan McElroy ethan (at) designokay (dot) com
// Copyright 2010 Ethan McElroy. All rights reserved.
---------------------------------------------------------------*/
body {
	background: #3d3d3d url(../i/style/nighttime/bg.jpg);
	color: #cec;
	}
a:link {
	background: transparent;
	color: #cec;
	}
a:visited {
	background: transparent;
	color: #aca;
	}
a:hover {
	background: transparent;
	color: #dfd;
	}
a:active {
	background: transparent;
	color: #cec;
	}
h1 {
	background: url(../i/style/nighttime/logo.png) no-repeat;
	}
	
/* PAGE LOADING OVERLAY
------------------------------------*/
#curtain {
	background: #000 url(../i/style/nighttime/logo.png) no-repeat center center fixed;
	}
	
/* ABOUT SECTION
------------------------------------*/
#about {
	background: #000 url(../i/style/nighttime/abg.jpg) 0 80px no-repeat fixed;
	border-bottom: solid 5px #0e2220;
	}
#about h2 {
	background: url(../i/style/nighttime/ah.png) no-repeat 0 10px;
	}
	
/* MAIN CONTENT WRAPPER
------------------------------------*/
#container {
	background: url(../i/style/cbg.png);
	}
	
/* LOGO AND NAV LINKS
------------------------------------*/
ul#nav li {
	color: #6c957f;
	}
ul#nav li a {
	color: #6c957f;
	}
ul#nav li#current a {
	background: url(../i/style/cbg.png);
	color: #6c957f;
	}
ul#nav li a:hover {
	background: url(../i/style/cbg.png);
	color: #6c957f;
	}
h2#welcome {
	color: #6c957f;
	}

/* PAGE HEADINGS
-------------------------------------*/
h2#welcome strong {
	color: #c30;
	font-weight: normal;
	}
h2#page-title {
	color: #c30;
	}
/* SLIDESHOW
------------------------------------*/
#banner {
	background: url(../i/style/nighttime/bbg.jpg);
	color: #cec;
	}
#banner a {
	color: #cec;
	}
#ffm h3, #ffm2 h3 {
	background: url(../i/style/nighttime/ffmh.png) no-repeat 0 10px;
	}
#itex h3, #itex2 h3 {
	background: url(../i/style/nighttime/itexh.png) no-repeat 0 10px;
	}
#coade h3 {
	background: url(../i/style/nighttime/cuch.png) no-repeat 0 10px;
	}
#fhc h3, #fhc2 h3 {
	background: url(../i/style/nighttime/fhch.png) no-repeat 0 10px;
 	}
#ks h3 {
	background: url(../i/style/nighttime/ksh.png) no-repeat 0 10px;
 	}
#wbn h3, #wbn2 h3 {
	background: url(../i/style/nighttime/wbnh.png) no-repeat 0 10px;
 	}
#kb h3, #kb2 h3 {
	background: url(../i/style/nighttime/kbh.png) no-repeat 0 10px;
	}
#wpm h3 {
	background: url(../i/style/nighttime/wpmh.png) no-repeat 0 10px;
	}
#wdp h3 {
	background: url(../i/style/nighttime/wdph.png) no-repeat 0 10px;
	}
#fsc h3 {
	background: url(../i/style/nighttime/fsch.png) no-repeat 0 10px;
	}
#nea h3 {
	background: url(../i/style/nighttime/neah.png) no-repeat 0 10px;
	}
#ddp h3 {
	background: url(../i/style/nighttime/ddph.png) no-repeat 0 10px;
	}
#cffs h3 {
	background: url(../i/style/nighttime/cffsh.png) no-repeat 0 10px;
	}
#ecms h3, #ecms2 h3 {
	background: url(../i/style/nighttime/ecmsh.png) no-repeat 0 10px;
	}
#controls {
	background: url(../i/style/cbg.png);
	}
p#slide-controls a {
	background: transparent;
	color: #cec;
	}
p#slide-controls a:link {
	background: transparent;
	color: #cec;
	}
p#slide-controls a:visited {
	background: transparent;
	color: #cec;
	}
p#slide-controls a:hover {
	background: url(../i/style/cbg.png) !important;
	color: #cec;
	}
p#slide-controls a:active {
	background: transparent;
	color: #cec;
	}
p#slide-controls a#sc1 {
	background: url(../i/style/cbg.png);
	color: #cec;
	}
p#next a {
	color: #cec;
	}
#featured-work {
	background: url(../i/style/nighttime/fw.png) no-repeat;
	}

/* PHILOSOPHY & CLIENTS SECTION
------------------------------------*/
#clients h2#clients-head {
	background: url(../i/style/clh.png) no-repeat 10px 0;
	}
#philosophy h2#philosophy-head {
	background: url(../i/style/wdph.png) no-repeat 10px 0;
	}
#end {
	background: url(../i/style/logo-b.png) no-repeat center center;
	}

/* SERVICES SECTION
------------------------------------*/
#services-head {
	background: url(../i/style/ssh.png) no-repeat 10px 0;
	}
#sleft ul li, #sright ul li {
	background: url(../i/style/nighttime/check.png) no-repeat 0 1px;
	}

/* CONTACT FORM
------------------------------------*/
#contact {
	background: #12322f url(../i/style/nighttime/cbg.jpg);
	}
#contact h2 {
	background: url(../i/style/nighttime/cmh.png) no-repeat;
	}
#contact input {
	background: #cec;
	}
#contact input.button {
	background: url(../i/style/cbg.png);
	color: #ccdcdb;
	}
#contact textarea, #contact .text {
	background: #cec;
	}
#attention {
	background: transparent url(../i/ethan-mcelroy.jpg) no-repeat right bottom;
	}
	
/* PORTFOLIO PAGE
------------------------------------*/ 
.web-project {
	background: #12322f;
	border: solid 1px #12322f;
	}
.web-project:hover {
	background: #23433f;
	border: solid 1px #23433f;
	}
.web-project .screenshot img {
	border: solid 1px #12322f;
	}
#close {
	border: solid 1px #cec;
	color: #cec;
	}
#close a {
	color: #cec;
	}

/* PAGE FOOTER
------------------------------------*/
#footer {
	background: url(../i/style/cbg.png);
	color: #6c957f;
	}
#footer a {
	color: #6c957f;
	}