/* CSS Document */
/*TEMPLATE*/
body,html {margin:0; padding:0; color:#899FBE; background:none; font-family:Helvetica, sans-serif; width:100%; height:100%; min-height:100%;}
html {background-color:#000;}
#wrapper {width:100%; height:100%; min-height:500px; min-width:980px; max-width:1280px; margin:0 auto 0 auto;}
#content {width:100%; position:relative; top:50px;}
a,a:visited {color:#FFF; text-decoration:none;}
a:hover {text-decoration:underline;}
img { border:none; }

/*HEADER*/
#header {position:relative; float:right; margin-right:5%; top:25px; display:inline-block;}
#header ul {list-style:none;}
#header li {display:inline-block; margin-left:30px; font-size:18px; height:21px; line-height:21px;}
#header li ul.menu {display:none; padding:0;}
#header li:hover ul.menu {display:inherit;}
#header li ul.menu {position:absolute; top:37px; z-index:100; list-style:none; float:left;}
#header li ul.menu li a {padding:1px 30px 1px 1px; background-color:#000;}
#header li ul.menu li, ul.menu li a {display:block; margin:0; color:#FFF;}
#header li ul.menu li a:hover {text-decoration:none; background-color:#899FBE; color:#000;}
li#current {text-decoration:underline; color:#FFF;}

/*HOME*/
#home-jana-hatcher {position:relative; margin-right:5%; float:right; padding-right:15px; top:150px; clear:both;}

/*ABOUT*/
p#about {position:relative; margin-right:5%; float:right; padding-right:85px; top:150px; clear:both; text-align:left; width:310px; font-size:20px; word-spacing:4px; font-size:20px;}

/*PORTFOLLIO*/
#portfolio {position:relative; margin-right:5%; float:right; padding-right:15px; top:150px; clear:both; width:355px; font-size:26px;}
#portfolio a {line-height:80px; display:block;}
h1#portfolio-title {font-weight:normal; top:48px; font-size:24px; position:absolute;}
#portfolio-gallery { width:950px; margin:0 auto 0 auto; }
#portfolio-slider { position:relative;left:0; right:0; top:42px; width:100%; overflow-y:hidden; white-space:nowrap; height:480px; }
#portfolio-slider img {display:inline;}
.design-slider { background-color:#FFF; }
#portfolio-info { width:950px; margin:0 auto 0 auto; position:relative; top:50px; }
#portfolio-sizes { margin:20px 0 0 0; padding:0; list-style:none;}
#portfolio-sizes li { display:inline; margin-right:25px; word-spacing:5px; }
#portfolio-sizes li b { font-weight:normal; color:#FFF;}



/*CONTACT*/
h1#contact-title {position:relative; font-weight:normal; float:right; margin-right:20px; top:50px; font-size:24px;}
#contact {position:relative; margin-right:5%; float:right; padding-right:15px; top:150px; clear:both; text-align:justify; width:355px; font-size:20px;}
#social { margin-top:90px; word-spacing:30px; line-height:86px; }
#social a:hover img { opacity:.75; filter:alpha(opacity=75); }