@charset "utf-8";
/* 
CSS Document created for Web 2.0 and modern browsers

Version 1.3
Author: Benjamin Walker
Email: benjr18@gmail.com
Website: http://www.definitiveskill.com
*/


/* Typography
------------------------------------------------------------ */
* {font-family:Arial, Helvetica, sans-serif;}
p {font-size:80%; line-height:1.5em; color:#363636; text-align:justify;}
abbr {cursor:help;}
h2 {text-align:center;}

/* Hide */
.hide, h1 {position:absolute; left:-9999px;}


/* Links
------------------------------------------------------------ */
a {text-decoration:none; color:#f90; font-size:12px; outline:none;}
img {border-style:none}


/* Page Layout (Divisions, Content, Navigations, Footer)
------------------------------------------------------------ */
body {background-color:#f9f9f9; border-top:5px solid #696969; margin:0;}
#container {width:750px; margin:auto;}
#mainContent {margin-top:30px;}
#title {clear:both; height:100px; background: url(../images/benjaminwalker.jpg) center no-repeat;}

/* Navigation */
#mainNav {list-style-type:none; margin:0; padding:0; text-align:center;}
#mainNav li {display:inline;}
#mainNav li a {padding:.2em 1em; text-decoration:none; color:#F90; font-size:10px; text-transform:uppercase;}
#mainNav li a:hover {background-color:#696969; border-top:3px solid #696969; border-bottom:3px solid #696969; color:#FAE4BC;}

/* Footer */
#footer {text-align:center;}
#footer a {font-size:10px;}
.copyright {font-size:10px; color:#666; text-transform:uppercase;}

/* Briefcase */
.businesscards {background:url(../images/briefcase/bc/businesscards.jpg) no-repeat; padding-top:5px;}
.bc {width:185px; float:left; margin:1px;}
.bc p {text-align:center;}
br {clear:both;}

.postcards {background:url(../images/briefcase/pc/postcards.jpg) no-repeat;}
.pc {width:246px; float:left; margin:1.5px;}

.flyers {background:url(../images/briefcase/fl/flyers.jpg) no-repeat; padding-top:5px;}
.fl {width:246px; float:left; margin:1.5px;}

.websites {background:url(../images/briefcase/ws/websites.jpg) no-repeat;}
.ws {width:246px; height:246px; float:left; margin:1.5px;}
.ws p {text-align:center;}

.logos {background:url(../images/briefcase/lo/logos.jpg) no-repeat; padding-top:10px;}
.lo {width:185px; float:left; margin:1px;}

.digitalvideos {background:url(../images/briefcase/dv/digitalvideos.jpg) no-repeat; padding-top:10px;}
.dv {width:185px; float:left; margin:1px;}
.dv p {text-align:center;}

.digitalvideocases {background:url(../images/briefcase/dvc/digitalvideocases.jpg) no-repeat; padding-top:5px;}
.dvc {width:246px; float:left; margin:1.5px;}

.photomanipulation {background:url(../images/briefcase/pm/photomanipulation.jpg) no-repeat; padding-top:5px;}
.pm {width:246px; float:left; margin:1.5px;}


/* Gereral (Form Styles, Buttons, Boxes)
------------------------------------------------------------ */
label {display:block;}
input[type="text"] {width:400px; padding:3px;}
input[type="submit"] {margin-top:5px; float:right;}
textarea {width:400px; height:100px; padding:3px;}
#contactForm {width:405px; margin:auto;}
#contactForm p {margin:3px;}

.warning {font-weight:bold; color:#F00;}


/* JavaScript
------------------------------------------------------------ */
.highslide {cursor:url(javascript/highslide/graphics/zoomin.cur), pointer; outline:none;}
.highslide-active-anchor img {visibility:hidden;}
.highslide-wrapper {background:#f90;}
.highslide-image {/*border-bottom:1px solid white;*/}
.highslide-image-blur {}

.highslide-caption {display:none; border-bottom:1px solid white; font-family:Verdana, Helvetica; font-size:10pt; padding:5px; background-color:silver;}
.highslide-loading {display:block; color:black;	font-size:8pt; font-family:sans-serif; font-weight:bold; text-decoration:none; padding:2px;	border:1px solid black; background-color: white; padding-left:22px; background-image:url(javascript/highslide/graphics/loader.white.gif); background-repeat:no-repeat; background-position:3px 1px;}

a.highslide-credits, a.highslide-credits i {padding:2px; color:silver; text-decoration:none; font-size:10px;}
a.highslide-credits:hover, a.highslide-credits:hover i {color:white; background-color:gray;}
a.highslide-full-expand {background: url(javascript/highslide/graphics/fullexpand.gif) no-repeat; display:block; margin:0 10px 10px 0; width:34px; height:34px;}

/* These must always be last */
.highslide-display-block {display: block;}
.highslide-display-none {display: none;}