* {
list-style:none;
border:0;
text-decoration:none;
margin:0;
padding:0;
}

body {
font-family:"Helvetica", Georgia;
font-size:75%;
font-variant:normal;
font-style:normal;
font-weight:400;
color:#fff;
background:#02080f url(../im/bkg.jpg) no-repeat scroll 0% 0%;
}

body input, body textarea{
color:#fff;
}


h1 {
font-size:3em;
line-height:1.15;
margin-bottom:.25em;
text-transform:none;
clear:left;
color:#fff;
}

h2 {
font-size:1.8em;
font-weight:200;
margin-bottom:.15em;
text-transform:none;
padding-left:0;
}

h2#work{
width:181px;
height:44px;
background:transparent url(../im/work.png) no-repeat top left;
margin-top:0;
margin-left:35px;
}

h2.contact{
width:120px;
height:44px;
background:url(../im/contact.png) no-repeat top left;
margin-top:0;
margin-left:35px;
}

h3 {
font-size:1.5em;
font-weight:400;
line-height:1;
margin-bottom:.50em;
text-transform:none;

}

h4 {
font-size:1.3em;
font-weight:200;
line-height:1.25;
margin-bottom:.25em;

}

h5 {
font-size:1em;
font-weight:200;
margin-bottom:1.5em;

}

h6 {
font-size:1em;
font-weight:700;
}

a {
color:#555;
font-weight:200;
text-decoration:none;
border:none;
text-align:left;
}

a:hover{
color:#fff;
text-decoration:none;
cursor:pointer;
border:none;
}

p{
line-height:1.6em;
font-size:1.1em;
margin:0 0 1.5em;
}

#head-wrap{
width:100%;
background-color:transparent;
margin:0 auto;
padding:0 0 15px 0;
position:relative;
z-index:100;
}

#head{
margin:auto;
margin-bottom:0;
margin-top:0;
width:940px;
padding:0 0 5px 0;
}

#logo{
position:absolute;
background:url(../im/masthead.png) no-repeat top left;
width:332px;
height:68px;
margin-top:25px;
margin-left:10px;
display:block;
}

#logo a{
display:block;
width:332px;
height:68px;
}

#nav {
float:right;
width:auto;
margin-top:50px;
margin-bottom:0;
margin-right:0;
padding:11px 0 5px 0;
}

#nav li {
float:left;
display:inline-block;
text-transform:none;
font-size:1.2em;
padding:0 20px 0 0;
}

#home-nav{
/*background:url(../im/home-nav.png) no-repeat scroll top left;*/
}

#flickr-nav{
/*background:url(../im/flickr-nav.png) no-repeat scroll top left;*/
}

#contact-nav{
/*background:url(../im/contact-nav.png) no-repeat scroll top left;*/
}

#nav li a{
display:block;
float:left;
text-decoration:none;
height:32px;
padding-left:4px;
padding-right:4px;
line-height:31px;
}

#nav li a:hover{
float:left;
display:block;
background:url() no-repeat scroll top left;
padding-left:4px;
padding-right:4px;
}

#nav li a span{
display:block;
padding:0 8px 0 5px;
}

#nav li a:hover span{
display:block;
background:url() no-repeat scroll top right;
padding:0 8px 0 5px;
}

#nav li.curr a{
border:none;
text-decoration:none;
background:url() no-repeat scroll top left;
padding-right:4px;
}

#nav li.curr a:hover span{
}

#nav li.curr a span{
display:block;
cursor:pointer;
border:none;
text-decoration:none;
background:url() no-repeat scroll top right;
padding-right:8px;
}

#nav li.last{
padding-right:0;
}

.page{
width:955px;
margin:0 auto;
margin-bottom:0;
padding:26px 0 0 0;
background:transparent url() no-repeat center top;
}

.page-inlay{
width:955px;
position:relative;
margin:0 auto;
padding:0 0 25px 0;
margin-bottom:0;
background:transparent url() repeat-y center top;
}

.page-main{
width:780px;
margin:0 auto;
}

.btm{
width:955px;
height:15px;
margin:0 auto;
margin-bottom:0;
background:transparent url() no-repeat center top;
}

.left {
float:left;
width:370px;
padding:0 0 0 0;
}

.right {
float:left;
width:400px;
padding:0;
}


/* Folio */

#bmw{
background:url(../im/bmw.gif) no-repeat top left;
}

#meow{
background:url(../im/meow.gif) no-repeat top left;
}

#gods{
background:url(../im/gods.gif) no-repeat top left;
}

#kirk{
background:url(../im/kirk.jpg) no-repeat top left;
}

#mbt{
background:url(../im/mbt.gif) no-repeat top left;
}

#beryl{
background:url(../im/beryl.gif) no-repeat top left;
}

#siro{
background:url(../im/siro.gif) no-repeat top left;
}

#mra{
background:url(../im/mra.gif) no-repeat top left;
}


#ng{
background:url(../im/ng.gif) no-repeat top left;
}

.work-sample{
width:242px;
float:left;
margin-right:25px;
margin-bottom:32px;
}

.work-page{
width:242px;
margin:auto;
padding-bottom:3px;
background-color:#eee;
}

.title{
text-align:center;
background-color:#eee;
padding:7px 0 2px 0;
}

.title h4{
color:#2b2b27;
font-size:.8em;
text-transform:uppercase;
}

.img-holder{
width:230px;
margin:auto;
height:68px;
border:1px solid #222;
}

dl.detail{
position:absolute;
color:#fff;
width:220px;
height:58px;
padding:10px 0 0 10px;
margin-top:0;
margin-left:0;
background-color:#0f151b;
font-size:1.0em;
}

dt{
padding:0 5px 5px 0;
font-weight:bolder;
}

dd{
padding:1px 0 0 0;
font-size:.9em;
}

.test-img{
background:transparent url(../im/test.gif) no-repeat top center;
}

.toggleNav{
width:242px;
margin-top:5px;
text-align:center;
padding-bottom:5px;
}

.toggleNav a{
height:13px;
font-size:.9em;
text-align:left;
display:inline-block;
padding-left:18px;
padding-top:1px;
}

.work-sample a{
display:inline-block;
}

.work-sample a:hover{

}
a.launch{
width:auto;
background:transparent url(../im/launch.png) no-repeat top left;
margin-right:0px;
height:13px;
}

a.launch:hover{
background:transparent url(../im/launch.png) no-repeat 0 -14px;
}

a.close{
background:transparent url(../im/close.png) no-repeat 0 -14px;
padding-left:18px;
margin-right:0px;
width:40px;
color:#fff;
}

a.zoom{
background:transparent url(../im/open.png) no-repeat top left;
padding-left:18px;
margin-right:0;
width:40px;
}

a.zoom:hover{
background:transparent url(../im/open.png) no-repeat 0 -14px;
}


/* Contact */

.comment{
width:400px;
text-align:center;
margin-top:60px;
padding:50px 0 50px 0;
background:transparent url() no-repeat center;
}

.comment p{
font-size:1.0em;
}

.questions-form{
width:300px;
float:left;
background:none; 
padding:0 0 0 0;
margin-top:0;
margin-bottom:15px;
}

fieldset{
float:left;
width:300px;
}

input{
display:block;
float:left;
width:275px;
height:20px;
padding:7px 0 0 5px;
margin-bottom:20px;
border:1px solid #888;
background-color:transparent;
font-family:Helvetica, "Trebuchet MS", Times;
font-size:.9em;
}

textarea{
width:275px;
height:100px;
padding:7px 0 0 5px;
float:left;
margin-bottom:20px;
border:1px solid #888;
background-color:transparent;
font-family:Helvetica, "Trebuchet MS", Times;
font-size:.9em;
}

a.tag{
display:block;
margin:auto;
width:82px;
height:32px;
background:url(../im/top.png) no-repeat top left;
cursor: pointer;
}

#type{
font-weight:600;
font-style:italic;
padding-bottom:10px;
}


/* Foot */

#foot {
width:955px;
height:35px;
margin:5px auto;
margin-bottom:25px;
text-align:left;
padding:0;
color:#555;
background:transparent url() no-repeat top center;
}

#foot p {
font-size:.7em;
letter-spacing:.025em;
padding-left:0;
text-align:right;
}

#copyright{
width:955px;
padding:12px 0 0 0;
margin-top:0;
}


/* Utility */

.last{
margin-right:0;
}

.hide {
display:none;
}

.clear {
clear:both;
}

.none {
border:none;
list-style:none;
background:none;
text-decoration:none;
margin:0;
padding:0;
}

.underline{
border-bottom:1px solid #dfdfdf;
padding-bottom:3px;
}

.overline{
border-top:1px solid #dfdfdf;
}
.no-margin{
margin:0px;
}

.no-margin-btm{
margin-bottom:0;
}

.floatRt{
float:right;
}

.floatLt{
float:left;
}
.small {
padding-top:5px;
color:#888;
font-size:1em;
}

.highlight {
color:#9ED3D3;
font-weight:200;
}

.red {
color:#C30;
}

.black {
color:#333;
}

.no-border{
border:none;
padding-top:0;
}

.striped{
background-color:transparent;
}