@charset "utf-8";
/* CSS Document */

/* COLOR KEY
#231F20: dark gray bg
#808184: light gray borders
#EB008B: pink
#00ADEE: blue

*/


.clear {
clear:both;
}

body {
background-color:#231F20;
font-family:Tahoma, Geneva, sans-serif;
font-size:11px;
color:#B4B4B4;
background-image:url('/imgs/grid.png');
background-repeat:repeat;
background-attachment:fixed;
}

a {
color:#B4B4B4;
}

p a {
text-decoration:none;
border-bottom:1px dotted #B4B4B4;
}

div#footer a {
text-decoration:none;
border-bottom:1px dotted #B4B4B4;
}

a:hover {
text-decoration:none;
color:#00ADEE;
}

div#wrapper {
width:900px;
margin:0 auto;
}

div#header {
width:900px;
position:relative;
top:20px;
z-index:100;
height:90px;
}

a#logo {
width:164px;
height:147px;
background-image:url('/imgs/logo.png');
text-indent:-9999px;
display:block;
}

ul#nav {
list-style:none;
position:absolute;
top:50px;
left:220px;
width:625px;
z-index:101;
}

ul#nav li {
float:left;
margin:0 50px 0 0;
width:75px;
}

ul#nav li a {
background-image:url('/imgs/nav.png');
display:block;
text-indent:-9999px;
width:75px;
height:46px;
}

li#navphotos a {background-position:0 0;}
li#navdesign a {background-position:-100px 0;}
li#navabout a {background-position:-200px 0;}
li#navcontact a {background-position:-300px 0;}
li#navblog a {background-position:-400px 0;}
li#navphotos:hover a {background-position:0 -50px;}
li#navdesign:hover a {background-position:-100px -50px;}
li#navabout:hover a {background-position:-200px -50px;}
li#navcontact:hover a {background-position:-300px -50px;}
li#navblog:hover a {background-position:-400px -50px;}
li#navphotos.selected a {background-position:0 -100px;}
li#navdesign.selected a {background-position:-100px -100px;}
li#navabout.selected a {background-position:-200px -100px;}
li#navcontact.selected a {background-position:-300px -100px;}
li#navblog.selected a {background-position:-400px -100px;}
li#navabout.selected:hover a {background-position:-200px -150px;}
li#navcontact.selected:hover a {background-position:-300px -150px;}
li#navblog.selected:hover a {background-position:-400px -150px;}

ul#photosubnav {
display:none;
position:absolute;
left:30px;
top:-35px;
width:280px;
height:50px;
background-image:url('/imgs/photosubnav.png');
padding:7px 0 0 14px;
}

ul#nav li:hover ul {
display:block;
}

ul#nav li ul.showit {
display:block;
}

ul#photosubnav li {
height:20px;
margin:0;
float:left;
}

ul#photosubnav li a {
background-image:url('/imgs/photosubnavbuttons.png');
text-indent:-9999px;
height:20px;
display:block;
}

ul#photosubnav li#featuresnav {width:63px;margin-right:14px;}
ul#photosubnav li#eventnav {width:46px;margin-right:14px;}
ul#photosubnav li#portraitsnav {width:72px;margin-right:14px;}
ul#photosubnav li#foodnav {width:42px;}
ul#photosubnav li#architecturalnav {width:98px;margin-left:6px;}
ul#photosubnav li#musicnav {width:46px;}
ul#photosubnav li#partynav {width:46px;}
ul#photosubnav li#forfunnav {width:58px;}

ul#photosubnav li#featuresnav a {background-position:0 0;width:63px;}
ul#photosubnav li#eventnav a {background-position:-100px 0;width:46px;}
ul#photosubnav li#portraitsnav a {background-position:-200px 0;width:72px;}
ul#photosubnav li#foodnav a {background-position:-300px 0;width:42px;}
ul#photosubnav li#architecturalnav a {background-position:-400px 0;width:98px;}
ul#photosubnav li#musicnav a {background-position:-500px 0;width:46px;}
ul#photosubnav li#partynav a {background-position:-600px 0;width:46px;}
ul#photosubnav li#forfunnav a {background-position:-700px 0;width:58px;}

ul#photosubnav li#featuresnav a:hover {background-position:0 -25px;}
ul#photosubnav li#eventnav a:hover {background-position:-100px -25px;}
ul#photosubnav li#portraitsnav a:hover {background-position:-200px -25px;}
ul#photosubnav li#foodnav a:hover {background-position:-300px -25px;}
ul#photosubnav li#architecturalnav a:hover {background-position:-400px -25px;}
ul#photosubnav li#musicnav a:hover {background-position:-500px -25px;}
ul#photosubnav li#partynav a:hover {background-position:-600px -25px;}
ul#photosubnav li#forfunnav a:hover {background-position:-700px -25px;}

ul#photosubnav li#featuresnav.selectedsub a {background-position:0 -25px;}
ul#photosubnav li#eventnav.selectedsub a {background-position:-100px -25px;}
ul#photosubnav li#portraitsnav.selectedsub a {background-position:-200px -25px;}
ul#photosubnav li#foodnav.selectedsub a {background-position:-300px -25px;}
ul#photosubnav li#architecturalnav.selectedsub a {background-position:-400px -25px;}
ul#photosubnav li#musicnav.selectedsub a {background-position:-500px -25px;}
ul#photosubnav li#partynav.selectedsub a {background-position:-600px -25px;}
ul#photosubnav li#forfunnav.selectedsub a {background-position:-700px -25px;}

ul#designsubnav {
display:none;
position:absolute;
left:150px;
top:-35px;
width:209px;
height:50px;
background-image:url('/imgs/designsubnav.png');
padding:7px 0 0 14px;
}

ul#designsubnav li {
height:20px;
margin:0;
float:left;
}

ul#designsubnav li a {
background-image:url('/imgs/designsubnavbuttons.png');
text-indent:-9999px;
height:20px;
display:block;
}

ul#designsubnav li#webnav {width:37px;margin-right:4px;}
ul#designsubnav li#brandingnav {width:70px;margin-right:4px;}
ul#designsubnav li#collateralnav {width:80px;margin-right:0px;}
ul#designsubnav li#postersnav {width:60px;margin-left:5px;}
ul#designsubnav li#infodesignnav {width:82px;}
ul#designsubnav li#miscnav {width:40px;}

ul#designsubnav li#webnav a {background-position:0 0;width:37px;}
ul#designsubnav li#brandingnav a {background-position:-100px 0;width:70px;}
ul#designsubnav li#collateralnav a {background-position:-200px 0;width:80px;}
ul#designsubnav li#postersnav a {background-position:-300px 0;width:60px;}
ul#designsubnav li#infodesignnav a {background-position:-400px 0;width:82px;}
ul#designsubnav li#miscnav a {background-position:-500px 0;width:40px;}

ul#designsubnav li#webnav a:hover {background-position:0 -25px;}
ul#designsubnav li#brandingnav a:hover {background-position:-100px -25px;}
ul#designsubnav li#collateralnav a:hover {background-position:-200px -25px;}
ul#designsubnav li#postersnav a:hover {background-position:-300px -25px;}
ul#designsubnav li#infodesignnav a:hover {background-position:-400px -25px;}
ul#designsubnav li#miscnav a:hover {background-position:-500px -25px;}

ul#designsubnav li#webnav.selectedsub a {background-position:0 -25px;}
ul#designsubnav li#brandingnav.selectedsub a {background-position:-100px -25px;}
ul#designsubnav li#collateralnav.selectedsub a {background-position:-200px -25px;}
ul#designsubnav li#postersnav.selectedsub a {background-position:-300px -25px;}
ul#designsubnav li#infodesignnav.selectedsub a {background-position:-400px -25px;}
ul#designsubnav li#miscnav.selectedsub a {background-position:-500px -25px;}

div#socmed {
position:absolute;
width:35px;
height:55px;;
top:40px;
left:860px;
z-index:101;
}

div#socmed a {
background-image:url('/imgs/socmed.png');
width:35px;
height:35px;
display:block;
text-indent:-9999px;
margin-bottom:-14px;
}

a#twitter {
background-position:0 0;
}

a#fb {
background-position:-40px 0;
}

a#twitter:hover {
background-position:0 -40px;
}

a#fb:hover {
background-position:-40px -40px;
}

div.headerline {
border-bottom:1px solid #808184;
width:730px;
height:1px;
margin-bottom:1px;
}

div#headerdividers {
position:absolute;
top:85px;
left:170px;
width:730px;
z-index:100;
}

div#content {
width:900px;
position:relative;
top:30px;
z-index:99;
}

div#homeoverlay {
width:830px;
height:553px;
background-image:url('/imgs/homepage-overlay.png');
display:block;
text-indent:-9999px;
z-index:101;
position:absolute;
left:0px;
top:0;
}

div.footerline {
border-bottom:1px solid #808184;
width:900px;
height:1px;
margin-bottom:1px;
}

div#footerdividers {
position:relative;
top:0px;
width:900px;
}

div#footer {
width:900px;
position:relative;
top:40px;
margin-bottom:75px;
}

div#footercontent {
background-color:#231F20;
border:1px solid #323232;
width:770px;
height:85px;
position:relative;
top:20px;
padding:20px;
box-shadow:0 0 12px #05303D;
-moz-box-shadow:0 0 12px #05303D;
-webkit-box-shadow:0 0 12px #05303D;
}

div#footercontent:hover {
box-shadow:0 0 12px #631146;
-moz-box-shadow:0 0 12px #631146;
-webkit-box-shadow:0 0 12px #631146;
}

div#copy {
margin-right:90px;
float:left;
}

div#littlecopy {
text-transform:uppercase;
font-size:9px;
color:#888;
margin-top:1px;
margin-bottom:10px;
}

div#footernav {
margin-right:60px;
float:left;
}

div#footernav ul {
list-style:none;
}

div#footer div#footercontent div#footernav ul li#fnphotos {
margin-right:-20px;
}

div#footer div#footercontent div#footernav ul li#fndesign {
margin-right:-30px;
}

div#footernav ul li {
float:left;
margin-right:30px;
}

div#footernav ul li a:hover {
color:#EB008B;
}

div#footernav ul li ul {
display:block;
margin-left:5px;
margin-top:4px;
}

div#footernav ul li ul li {
float:none;
font-size:9px;
text-transform:uppercase;
}

div#footernav ul li ul li a {
text-decoration:none;
border-bottom:none;
color:#888;
}

div#footernav ul li ul li a:hover {
text-decoration:none;
color:#00ADEE;
}

div#credit {
float:left;
}

div#credit div {
font-size:10px;
}

div#credit a#creditlogo {
background-image:url('/imgs/credit.png');
background-position:0 0;
width:60px;
height:40px;
display:block;
text-indent:-9999px;
position:relative;
left:113px;
border-bottom:none;
}

div#credit a#creditlogo:hover {
background-position:0 -40px;
}

div.box {
width: 830px;
height: 553px;
position:relative;
left:70px;
border:1px solid #323232;
-moz-box-shadow:0 0 12px black;
box-shadow:0 0 12px black;
-webkit-box-shadow:0 0 12px black;
}

div#about {
background-image:url('/imgs/aboutbg.jpg');	
}

div#contact {
background-image:url('/imgs/contactbg.jpg');	
}

div#error {
background-image:url('/imgs/errorbg.jpg');	
}

div.statictitle {
width:250px;
height:65px;
position:relative;
display:block;
text-indent:-9999px;
top:40px;
left:140px;
}

div#about div.statictitle {
background-image:url('/imgs/abouttitle.png');
}

div#contact div.statictitle {
background-image:url('/imgs/contacttitle.png');
}

div#error div.statictitle {
background-image:url('/imgs/errortitle.png');
}

div.staticcontent {
position:relative;
top:80px;
left:50px;
color:black;
text-shadow:0 0 2px white;
font-size:11px;
width:730px;
}

div.staticcontent a {
color:inherit;
text-decoration:none;
border-bottom:1px dotted black;
}

div.staticcontent a:hover {
color:#EB008B;
border-bottom:1px dotted #EB008B;
}

div#contact div.staticcontent, div#error div.staticcontent {
text-shadow:0 0 4px gray;
}

div#photosoverlay {
width:830px;
height:553px;
background-image:url('/imgs/photos-overlay.png');
display:block;
text-indent:-9999px;
z-index:101;
position:absolute;
left:0px;
top:0;
}

div#designoverlay {
width:830px;
height:553px;
background-image:url('/imgs/design-overlay.png');
display:block;
text-indent:-9999px;
z-index:101;
position:absolute;
left:0px;
top:0;
}