body { color: #999; font: .85em/1.4 'Helvetica Neue', Arial, Helvetica, sans-serif; background: #111 url(../img/bg-body.jpg) repeat-x; }
#wrap { width: 960px; margin: 0 auto; }

/*-------------------------------------------------
=TEXT / STYLES
-------------------------------------------------*/
a { color: #009345; text-decoration: none; }
a:hover { color: #FFF; }
@font-face { font-family: 'PrReg';
	src: url('../fonts/ProximaNovaReg.eot');
	src: local('proxima nova reg'),
	url('../fonts/proximanovareg.otf') format('opentype');
}

p { margin: .1em 0 1.5em; line-height: 1.4; }
strong { font-weight: bold; } 

h1, h2, h3, h4, h5, h6 { line-height: 1.2; margin: .1em 0; }
h1 { font-size: 1.4em; }
h2 { font-size: 16px; color: #FFF; }
h3 { font-size: 100%; font-weight: normal; }
h4 { font-size: 100%; color: #FFF; }

blockquote p { font-size: 92%; margin: 0 0 .75em; }

a.btn, li.send input { display: inline-block; padding: 3px 8px 2px; color: #FFF; font-size: 12px; background: #009345; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; position: relative; cursor: pointer; }
a:hover.btn, li.send input:hover { text-decoration: none; background: #FFF; color: #009345; }


/*-------------------------------------------------
=MASTHEAD
-------------------------------------------------*/
#masthead { width: 950px; padding: 60px 0 26px 10px; margin-bottom: 5px; border-bottom: 1px solid rgb(50, 50, 50); border-bottom: 1px solid rgba(60, 60, 60, .7); }
#masthead h1 { text-indent: -9999px; display: block; width: 900px; height: 50px; margin-top: 10px; background-repeat: no-repeat; }
#bHome #masthead h1 { height: 100px; }
#masthead h1.home1 { background-image: url(../img/h1-AModernApproach1.png); }
#masthead h1.port1 { background-image: url(../img/h1-Portfolio.png); }
#masthead h1.serv1 { background-image: url(../img/h1-Services.png); }
#masthead h1.notfound { background-image: url(../img/h1-404.png); }
#masthead h1.serv-smallbiz { background-image: url(../img/h1-Services-SmallBiz.png); }
#masthead h1.serv-freelance { background-image: url(../img/h1-Services-Freelance.png); }
#masthead h1.serv-marketing { background-image: url(../img/h1-Services-Marketing.png); }
#masthead h1.serv-identity { background-image: url(../img/h1-Services-Identity.png); }
#masthead h1.cont1 { background-image: url(../img/h1-Contact.png); }
#masthead nav { font-size: 30px; color: #555; margin: 4px 0 10px; font-family: PrReg, Arial, sans-serif; }



/*-------------------------------------------------
=CONTENT
-------------------------------------------------*/
#content { width: 960px; overflow: hidden; }
#twoCol { padding-left: 10px; overflow: hidden; }
#twoCol #content { width: 615px; float: left; margin: 25px 50px 40px 0; display: inline; }
#twoCol #content p a, blockquote a { color: #999; border-bottom: 1px dotted #555; }
#twoCol #content h3 { font-weight: normal; color: #FFF; font-size: 130%; line-height: 1.3; margin: 0 0 1.25em; padding-bottom: 1.25em; border-bottom: 3px solid #333; }
#bCont #twoCol #content p a { color: #009345; border-bottom: none; }

/* =Home */
#servicesOverview { width: 390px; padding-left: 10px; float: left; display: inline; }
#servicesOverview h2 { margin-top: 30px; }
#workOverview { width: 500px; padding-right: 10px; float: right; margin-top: 40px; }
#workOverview div { width: 230px; float: left; display: inline; margin-left: 20px; }
#workOverview div h3 { margin-top: 8px; }

.slideshow { position: relative; width: 225px; height: 140px; -webkit-box-shadow: 0 0 6px rgba(0,0,0,.4); -moz-box-shadow: 0 0 6px rgba(0,0,0,.4); box-shadow: 0 0 6px rgba(0,0,0,.4); }
.slideshow li { position: absolute; left: 0; top: 0; width: 225px; height: 140px; overflow: hidden; display: none; list-style: none; }
.slideshow li:first-child { display: block; }


/* =Portfolio */
.portfolio article { width: 940px; float: left; margin: 40px 0 0 10px; padding-bottom: 40px; border-bottom: 1px solid #333; }
.portfolio article:last-child { border: none; }
.portfolio article div { width: 615px; float: left; margin-left: 30px; display: inline; -webkit-box-shadow: 0 0 6px rgba(0,0,0,.4); -moz-box-shadow: 0 0 6px rgba(0,0,0,.4); box-shadow: 0 0 6px rgba(0,0,0,.4); }
.portfolio aside { width: 290px; height: 400px; float: left; font-size: 95%; position: relative; }
.portfolio aside h2 { font-size: 20px; margin: 0; font-family: PrReg, Arial, sans-serif; font-weight: normal; }
.portfolio aside h4 { font-weight: normal; color: #FFF; }
.portfolio aside ul { margin: .25em 0 1em; }
.portfolio aside li { margin-bottom: .25em; }
.portfolio aside li a { color: #999; border-bottom: 1px dotted #555; }
.portfolio aside li a:hover { color: #FFF; }
.portfolio aside blockquote { position: absolute; bottom: 0; left: 0; }
.portfolio aside div { width: 132px; height: 85px; margin: 0 12px 12px 0; overflow: hidden; }
.portfolio aside div img { opacity: .8; }
.portfolio aside div img:hover { opacity: 1; }


/* =Services */
#services article { float: left; width: 420px; padding: 35px 0 30px 50px; min-height: 120px; height: auto!important; height: 130px; }
#services article p { margin-bottom: .7em; }
#services article h2 a { color: #FFF; }
#services article.left { padding: 35px 50px 30px 10px; }



/*-------------------------------------------------
=SIDEBAR
-------------------------------------------------*/
#sidebar { width: 270px; float: left; margin: 29px 0; font-size: 95%; }
.sbNav { margin: 0 0 2em; }
.sbNav li a { display: block; padding: 6px 10px; width: 250px; background: #333; background: rgba(100, 100, 100, .2); color: #BBB; font-size: 94%; margin-bottom: 1px; }
.sbNav li a:hover { color: #FFF; background: #009345; }
.sbNav li.current a { font-weight: bold; color: #BBB; background: #444; background: rgba(100, 100, 100, .4); }

#sidebar aside { margin: 0 0 15px; font-size: 92%; }
#sidebar aside p { margin: 0 0 .75em; }
#sidebar aside img { margin: 0 0 1em; }
#davidross.sbNav { margin: 0 0 1em; }


/*-------------------------------------------------
=HEADER / =FOOTER
-------------------------------------------------*/
header { width: 960px; height: 60px; position: relative; margin: 0 auto; }
header h1 { position: absolute; top: 20px; left: 10px; margin: 0; width: 200px; }
header h1 a { display: block; width: 155px; height: 20px; text-indent: -9999px; overflow: hidden; background: url(../img/rossinteractive.png) no-repeat; }
header nav { position: absolute; top: 22px; right: 10px; font-size: 16px; white-space: nowrap; font-family: PrReg, Arial, sans-serif; }
nav li { display: inline; color: #555; }
header nav li a { padding: 3px; }
#bHome li.nHome a, #bPort li.nPort a, #bServ li.nServ a, #bCont li.nCont a { color: #FFF; }

footer { clear: both; width: 940px; padding: 7px 10px 50px; margin: 50px auto 20px; color: #555; font-size: 85%; border-top: 1px solid rgb(50, 50, 50); border-top: 1px solid rgba(60, 60, 60, .5); }
footer a { color: #656565; }
footer p { float: left; }
footer ul { float: right; font-size: 90%; }
footer ul li { display: block; float: left; margin: 3px 0 0 10px; }



/*-------------------------------------------------
=CONTACT
-------------------------------------------------*/
form { width: 615px; margin-top: 15px; }
label { display: block; }
input, textarea { color: #777; font-size: 14px; padding: 3px; border: 1px inset #AAA; background: #CCC; }
textarea { width: 594px; font: 14px Arial, Helvetica, sans-serif; }
input:focus, textarea:focus { color: #333; background: #FFF; }

form li { margin-bottom: 1.5em; }
li.textField { width: 290px; float: left; }
li.textField.firstField { margin-right: 20px; }
li.textField input { width: 284px; }
li.textField label, div.msg label { margin-bottom: 2px; }
li.msg { clear: both; }
li.checkbox { width: 150px; }
li.checkbox label { display: inline; vertical-align: middle; }
li.send input { float: left; border: none; width: auto; }

li.special { display: none; }
form .message li { margin: 0 0 .2em; }
.message { background: #333; background: rgba(100, 100, 100, .2); display: none; width: 574px; padding: 10px 14px; margin-bottom: 1em; }
.message h4 { margin-bottom: 4px; }
#alert li { margin-left: 12px; list-style: disc; width: 450px; font-size: .95em; line-height: 1.2; }



/*-------------------------------------------------
=FANCYBOX
-------------------------------------------------*/
div#fancy_overlay { position:fixed; top:0; left:0; width:100%; height:100%; display:none; z-index:30; }
div#fancy_loading { position:absolute; height:40px; width:40px; cursor:pointer; display:none; overflow:hidden; background:transparent; z-index:100; }
div#fancy_loading div { position:absolute; top:0; left:0; width:40px; height:480px; background:transparent url(../img/fbox/fancy_progress.png) no-repeat; }
div#fancy_outer { position:absolute; top:0; left:0; z-index:90; padding:20px 20px 40px; margin:0; background:transparent; display:none; }
div#fancy_inner { position:relative; width:100%; height:100%; background:#FFF; }
div#fancy_content { margin:0; z-index:100; position:absolute; }
div#fancy_div { background:#000; color:#FFF; height:100%; width:100%; z-index:100; }
img#fancy_img { position:absolute; top:0; left:0; border:0; padding:0; margin:0; z-index:100; width:100%; height:100%; }
div#fancy_close { position:absolute; top:-12px; right:-15px; height:30px; width:30px; background:url(../img/fbox/fancy_closebox.png) top left no-repeat; cursor:pointer; z-index:181; display:none; }
#fancy_frame { position:relative; width:100%; height:100%; display:none; }
#fancy_ajax { width:100%; height:100%; overflow:auto; }
a#fancy_left,a#fancy_right { position:absolute; bottom:0; height:100%; width:35%; cursor:pointer; z-index:111; display:none; background-image:url(data:image/gif;base64,AAAA); outline:none; overflow:hidden; }
a#fancy_left { left:0; }
a#fancy_right { right:0; }
span.fancy_ico { position:absolute; top:50%; margin-top:-15px; width:30px; height:30px; z-index:112; cursor:pointer; display:block; }
span#fancy_left_ico { left:-9999px; background:transparent url(../img/fbox/fancy_left.png) no-repeat; }
span#fancy_right_ico { right:-9999px; background:transparent url(../img/fbox/fancy_right.png) no-repeat; }
a#fancy_left:hover,a#fancy_right:hover { visibility:visible; background-color:transparent; }
a#fancy_left:hover span { left:20px; }
a#fancy_right:hover span { right:20px; }
#fancy_bigIframe { position:absolute; top:0; left:0; width:100%; height:100%; background:transparent; }
div#fancy_bg { position:absolute; top:0; left:0; width:100%; height:100%; z-index:70; border:0; padding:0; margin:0; }
div.fancy_bg { position:absolute; display:block; z-index:70; border:0; padding:0; margin:0; }
div#fancy_bg_n { top:-20px; left:0; width:100%; height:20px; background:transparent url(../img/fbox/fancy_shadow_n.png) repeat-x; }
div#fancy_bg_ne { top:-20px; right:-20px; width:20px; height:20px; background:transparent url(../img/fbox/fancy_shadow_ne.png) no-repeat; }
div#fancy_bg_e { right:-20px; height:100%; width:20px; background:transparent url(../img/fbox/fancy_shadow_e.png) repeat-y; }
div#fancy_bg_se { bottom:-20px; right:-20px; width:20px; height:20px; background:transparent url(../img/fbox/fancy_shadow_se.png) no-repeat; }
div#fancy_bg_s { bottom:-20px; left:0; width:100%; height:20px; background:transparent url(../img/fbox/fancy_shadow_s.png) repeat-x; }
div#fancy_bg_sw { bottom:-20px; left:-20px; width:20px; height:20px; background:transparent url(../img/fbox/fancy_shadow_sw.png) no-repeat; }
div#fancy_bg_w { left:-20px; height:100%; width:20px; background:transparent url(../img/fbox/fancy_shadow_w.png) repeat-y; }
div#fancy_bg_nw { top:-20px; left:-20px; width:20px; height:20px; background:transparent url(../img/fbox/fancy_shadow_nw.png) no-repeat; }
div#fancy_title { position:absolute; z-index:100; display:none!important; }
div#fancy_title div { color:#FFF; font:bold 12px Arial; padding-bottom:3px; white-space:nowrap; }
div#fancy_title table { margin:0 auto; }
div#fancy_title table td { padding:0; vertical-align:middle; }
td#fancy_title_left { height:32px; width:15px; background:transparent url(../img/fbox/fancy_title_left.png) repeat-x; }
td#fancy_title_main { height:32px; background:transparent url(../img/fbox/fancy_title_main.png) repeat-x; }
td#fancy_title_right { height:32px; width:15px; background:transparent url(../img/fbox/fancy_title_right.png) repeat-x; }