* { margin:0; padding:0; list-style:none outside; }
body { background:#000 url(images/bac6.jpg) fixed top center no-repeat; color:#fff;}

img { border:0; }
a { color:#fff996; }
p { font:.95em Arial, Helvetica, sans-serif; margin:0 0 20px 0; line-height:155%; }

.valign-top { vertical-align:top; }
.float-left { float:left; width:auto; }
.float-right { float:right; width:auto; }
.padBot-25 { margin-bottom:25px; }



/* HEADER */
#tBar { background:url(images/top-shade-blocka.png) repeat-x; min-height:128px; /*ie6 min-height hack--->*/ height:auto !important; height:128px;  }
#header { width:900px; margin:0 auto;}
#logo { float:left; width:343px; /*background:url(images/jason-harle-freelance-web-design-video-production-multimedia.png) no-repeat;*/ min-height:107px; /*ie6 min-height hack--->*/ height:auto !important; height:107px; }
#nav {background:url(images/top-nav-bac.png) no-repeat; float:right; width:536px; min-height:128px; }

#nav ul { margin:25px 0 0 20px; }
#nav li { padding:3px 0; font: .85em Arial, Helvetica, sans-serif; }
#nav ul li { float:left; display:block; }


#nWork { margin-left:0px; width:120px; }
#nAbout { margin-left:22px; width:80px; }
#nContact { margin-left:38px; width:70px; }
#nBlog { margin-left:64px; width:70px; }


#nWork a:link { text-decoration:none; color:#d4442a; }
#nWork a:visited { text-decoration:none; color:#d4442a; }
#nWork a:hover,active { text-decoration:underline; }

#nAbout a:link { text-decoration:none; color:#dda21a; }
#nAbout a:visited { text-decoration:none; color:#dda21a; }
#nAbout a:hover,active { text-decoration:underline; }

#nContact a:link { text-decoration:none; color:#fefabe; }
#nContact a:visited { text-decoration:none; color:#fefabe; }
#nContact a:hover,active { text-decoration:underline; }

#nBlog a:link { text-decoration:none; color:#21e454; }
#nBlog a:visited { text-decoration:none; color:#21e454; }
#nBlog a:hover,active { text-decoration:underline; }



/* VERTICALLY EXPANDABLE BOXES */
.box { margin: 22px auto; width:869px; padding:32px 0 0 0; background: url(images/top.png) no-repeat top;  }
.bBot { padding:0 32px; background: url(images/bottom.png) no-repeat 50% 100%; overflow:hidden;  }

/* FOOTER */
#bBar { background:url(images/bot-shade-blocka.png) repeat-x; min-height:128px; /*ie6 min-height hack--->*/ height:auto !important; height:128px;  }
#footer { width:869px; margin:0 auto; padding:20px; font:.8em Arial, Helvetica, sans-serif; }
#validate { margin:10px 0; font:.75em Arial, Helvetica, sans-serif; }
#validate li  { margin:5px 20px 0 0; display:inline; }

.green-link a:link { text-decoration:none; color:#21e454; }
.green-link a:visited { text-decoration:none; color:#21e454; }
.green-link a:hover,active { text-decoration:underline; }

.orange-link a:link { text-decoration:none; color:#dda21a; }
.orange-link a:visited { text-decoration:none; color:#dda21a; }
.orange-link a:hover,active { text-decoration:underline; }


/* PAGES CSS */
/* HOME PAGE */
#homeB-1 { width:460px; float:right;  font-size:1.15em;  padding:5px 15px 0 0; }
#homeB-2 { width:300px; float:left; padding-bottom:27px; }
#homeB-3 { width:300px; float:left; padding-bottom:27px;}


/* EASYSLIDER for samples */
span#prevBtn { font:.75em Arial, Helvetica, sans-serif; float:left; margin:0 0 0 15px; }
span#nextBtn { font:.75em Arial, Helvetica, sans-serif; float:right; }
.ezSliderSamples { width:469px; overflow:hidden; height:196px; float:right; position:relative; }
.ezSliderWho { width:304px; overflow:hidden; height:196px; float:left; position:relative; }




/* CODA SLIDER */
#slider p { margin:0 0 10px 0; }
#slider h1 { font:1.5em Arial, Helvetica, sans-serif; color:#fff996; margin:0 0 13px 0; }
.scroll { float:right; overflow:auto; position:relative; width:535px; height:220px; background:url(images/services-description-bac.gif) no-repeat; }
.panel { padding: 10px 10px 10px 30px; height: 140px; width: 500px; }	


/* WEB PRODUCTION PAGE */
#webBox-1 { width:320px; padding-bottom:17px; float:left; } 
#webBox-2 { width:270px; padding-bottom:17px; float:left; } 
#servicesWeb { font:.9em Arial, Helvetica, sans-serif; margin-left:-15px; padding-bottom:6px;  }
#servicesWeb img { display:inline; }



#servicesWeb li { padding:5px 0 7px 0; }
#servicesWeb span  { padding:0 0 0 28px;}

#servicesWeb a {  text-decoration:none; color:#fff; padding:5px 0 6px 0; }

#servicesWeb a:link { background:url(images/btnServices-off.gif) no-repeat;}
#servicesWeb a:link.selected { background:url(images/btnServices-selected.gif) no-repeat; }
#servicesWeb a:visited { background:url(images/btnServices-off.gif) no-repeat; }
#servicesWeb a:hover, active { background:url(images/btnServices-rollover.gif) no-repeat; }


.SVCweb_design { margin-right:178px; }
.SVCweb_e-commerce { margin-right:138px; }
.SVCweb_uidesign { margin-right:121px; }
.SVCweb_frontenddev { margin-right:107px; }
.SVCweb_cms { margin-right:121px; }
.SVCweb_templates { margin-right:128px; }
.SVCweb_seo { margin-right:82px; }

.SVCvideo_videography { margin-right:180px; }
.SVCvideo_cameraman { margin-right:180px; }
.SVCvideo_editing { margin-right:174px; }
.SVCvideo_motion { margin-right:154px; }
.SVCvideo_voice { margin-right:142px; }
.SVCvideo_webDVD { margin-right:135px; }
.SVCvideo_cherished { margin-right:80px; }

.SVCgraphic_printDesign { margin-right:115px; }
.SVCgraphic_logoDesign { margin-right:177px; }
.SVCgraphic_copywriting { margin-right:184px; }
.SVCgraphic_illustration { margin-right:193px; }
.SVCgraphic_photography { margin-right:176px; }
.SVCgraphic_photoScan { margin-right:68px; }
.SVCgraphic_branding { margin-right:70px; }



/* CONTACT INCLUDE */
#contactBox { width:270px; float:left; list-style:none; }
.social { margin:0 0 5px 0; }
#contactBox li { display:inline; margin:0 7px 0 0; }
#contactForm { width:534px; padding-bottom:29px; float:right; font:.75em Arial, Helvetica, sans-serif; color:#ccc; }
.formStyle { width:250px; margin:2px 0 11px 0; padding:3px; background-color:#fff; color:#000; border:solid 1px #ccc; font:1.3em Arial, Helvetica, sans-serif; }

.input { background:url(images/form-input-bac.gif) repeat-x; }
.textarea { background:#fff url(images/form-input-bac.gif) repeat-x; height:187px; } 


/* WHO AM I PAGE */

#whoBox-1 { width:320px; float:left; padding-bottom:6px; }
#whoBox-2 { width:465px; float:right; padding-top:26px; }

#whoBox-3 { width:465px; float:right; padding:0 0 27px 0; font:1em Arial, Helvetica, sans-serif; line-height:180%; }