/*General and reset*/
body {
font:10pt "Lucida Sans Unicode", "Lucida Grande", sans-serif;
color:#999;
background:url(../_assets/bg.jpg) no-repeat #100702;
margin:0;
}

form,p,h1,h2,h3,h4 {
margin:0;
padding:0;
}

ul,ol {
list-style:none;
margin:0;
padding:0;
}

img {
border:0;
}

/*Content*/
#container {
padding-left:45px;
padding-top:20px;
width:940px;
}

div#logo {
background:url(../_assets/logo.jpg) no-repeat;
width:163px;
height:70px;
}

/*Rightbox*/
#rightBox {
width:405px;
float:right;
position:relative;
margin-top:-60px;
}

#rightBox h3 {
text-transform:uppercase;
font-weight:lighter;
font-size:9pt;
color:#626564;
position:absolute;
display:block;
width:100%;
}

.imageContainer {
height:135px;
margin-bottom:1px;
}

.imageContainer ul li {
float:left;
position:relative;
}

div.iHover {
width:395px;
height:150px;
border:5px solid #fff;
position:absolute;
}

div.iHover a {
width:395px;
height:150px;
text-indent:-9999px;
display:block;
}

.infoContainer ul li {
background:url(../_assets/icon_info.gif) no-repeat 10px #100702;
font-size:0.9em;
height:29px;
position:relative;
padding:11px 0 0 25px;
overflow: hidden; 
visibility: visible; 
z-index: 2; 
left: 0px; 
}

.infos {
overflow: hidden; 
float: none; 
width: 380px; 
height: 29px;
}

.digital, .photography, .print, {
	overflow: hidden;
	float: left;
	width: 405px;
	height: 166px;
}

img.digital, .photography, .print, {
	height:135; 
	width:405;
	opacity: 0.5;
}

a.visitLink {
background:url(../_assets/icon_cursor.gif) no-repeat 10px;
display:block;
border-left:1px solid #1b1f1e;
color:#39464a;
text-decoration:none;
right:0;
top:0;
position:absolute;
width:32px;
height:29px;
padding:11px 0 0 25px;
}

a.viewLink {
background:url(../_assets/icon_view.gif) no-repeat 10px;
}

ul.workNav {
position:absolute;
left:-35px;
}

ul.workNav li {
margin-bottom:8px;
}

ul.workNav li a {
display:block;
width:23px;
height:16px;
text-indent:-9999px;
outline:none;
}

h3#digital {
left:-92px;
top:-5px;
background-position:50px 5px;
}

h3#photography {
left:-86px;
top:177px;
background-position:50px 5px;
}

h3#print {
left:-55px;
top:358px;
background-position:50px 5px;
}

ul#dNav {
top:134px;
}

ul#fNav {
top:316px;
}

ul#pNav {
top:498px;
}

ul.workNav li a.prev,ul.workNav li a.pprev,ul.workNav li a.fprev {
background:url(../_assets/arrow_up_off.gif) no-repeat;
}

ul.workNav li a.prev:hover,ul.workNav li a.pprev:hover,ul.workNav li a.fprev:hover {
background:url(../_assets/arrow_up_on.gif) no-repeat;
}

ul.workNav li a.next,ul.workNav li a.pnext,ul.workNav li a.fnext {
background:url(../_assets/arrow_down_off.gif) no-repeat;
}

ul.workNav li a.next:hover,ul.workNav li a.pnext:hover,ul.workNav li a.fnext:hover {
background:url(../_assets/arrow_down_on.gif) no-repeat;
}

hr,div#logo h1,#rightBox h2,h2 span {
display:none;
}

#digitalWorks,#photographyWorks {
border-bottom:1px solid #313531;
padding-bottom:0;
margin-bottom:5px;
}

/*Leftbox*/
#leftBox {
padding-top:50px;
width:440px;
padding-left:10px;
position:relative;
height:433px;
}

#leftBox h2 {
cursor:pointer;
width:350px;
color:#c4c7bc;
font-size:1pt;
height:19px;
outline:none;
margin:0 0 10px -25px;
}

#leftBox p:first-child {
margin-top:0;
}

#leftBox p.intro {
color:#e2e6da;
}

h2#hWelcome {
background:url(../_assets/header_welcome.gif) no-repeat;
}

h2#hServices {
background:url(../_assets/header_services.gif) no-repeat;
}

h2#hDownloads {
background:url(../_assets/header_downloads.gif) no-repeat;
}

h2#hContact {
background:url(../_assets/header_contact.gif) no-repeat;
}

#leftBox h2.selected {
background-position:left -19px;
}
/*Footer*/
div#footer {
position:absolute;
bottom:0;
border-left:12px solid #100702;
left:-45px;
top:404px;
padding-left:45px;
background:url(../_assets/bg_footer.gif) no-repeat 15px top;
height:68px;
}

#footer p {
color:#65685f;
font-size:0.8em;
margin-bottom:13px;
}

/*Styling*/
.small {
font-size:7px;
}

h5 {
font-size:14px;
}

h6 {
font-size:12px;
}

.contentBox {
margin-bottom:12px;
}

div.content {
padding-right:15px;
font-size:0.9em;
}

.content p {
color:#afb2a8;
margin:10px 0;
padding:0;
}

p.fLeft {
display:block;
float:left;
width:150px;
margin-top:0;
}

p.textarea {
clear:both;
}

a {
color:#fff;
text-decoration:underline;
}