/* v1.0 | 20080212 Thanks Eric Meyer!  */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

body {
background: #000000 url('../images/bg-pattern.gif') top left repeat;
font:normal 1em arial, sans-serif;
color:#8f8583;
letter-spacing: 0.08em;
}

a:link, a:active {
text-decoration:none;
color:#b5b1af;

}

a:visited {text-decoration:none;color: #a59997;}
a:hover {text-decoration:none;color:#ffffff;
-webkit-transition:color .4s ease-in;}

/* ------ GENERIC TAGS ------ */
em {
color: #00fead;
font-style: normal;
font-size:10px;
}

i {color: #62897c;}

li {list-style:none;line-height: 16px;}

/* ------ ALL CONTENT ------ */
.content {
background: #000000 url('../images/bg.jpg') 0 0 no-repeat;
width:auto;
height: 800px;
}

.wrapper {
width:100%;
height: 160px;
}

/* LOGO SPRITE */
.logo {
margin:0px;
background: transparent url('../images/ISO.png') no-repeat;
background-position:0px 20px;
width: 95px;
height:94px;
text-decoration:none;
display:block;
float:left;clear:right;/* !!!*/
}

.logo:hover, .logo:active { background-position:-94px 20px; }

/* NAV */
#nav {
/*position:absolute;*/
text-align:right;
width: 252px;
padding-top: 32px;
}

h2 {
margin-bottom: 7px;
font: 300 105% 'Palatino Linotype', Palatino, Georgia, serif;
}

/* WORK */
#workLinks {
font: 100 10px "Helvetica Neue", Arial, Arial, sans-serif;
position: absolute;
top:0px;
left: 260px;
height: 160px;
}

#workLinks .jFlowSelected {color: #00fead;}
#workLinks ul {margin:0px; padding-left:20px;}

.jFlowControl {cursor:pointer;}
.jFlowControl:hover {color:#CAC4C1;}

h3 {
color:#cd0337;
font: 100 100% "Helvetica Neue", Helvetica, Arial, sans-serif;
display:inline;
text-transform:uppercase;
}

.left {
/*width:235px;*/
float:left;padding-top:34px;
}

.mid {
/*width:235px;*/
float:left;padding-top:34px;
/*padding-left: 15px;*/
}

.right {
width:235px;
float:left;padding-top:34px;
/*padding-left: 15px;*/
}

/* ------ SLIDESHOW ------ */
.slideshow-container {
background: transparent url('../images/bg-work.png') bottom left no-repeat;
/*position:absolute;
top:165px;*/
width: 955px;
height: 426px;
}

.hidden {display:none;}

#prevNext {margin-left: 180px;padding-top: 32px;}

#prevNext img {
position: relative;
z-index: 2;
cursor: pointer;
}

p.work-info {
padding-left:20px;
padding-top: 12px;
position: relative;
top: -300px;
height: 300px;
width: 228px;
text-align:right;
font: 100 11px "Helvetica Neue", Arial, sans-serif;
color: #8F8583;
}

.title {color:#CAC4C1;font-size:130%;font-weight:100;}
.title b {font-weight:100;color:#8F8583;}
p.work-info a {font:100 10px "Helvetica Neue", Arial, sans-serif;line-height: 9px;
}
p.work-info a:link, p.work-info a:active, p.work-info a:visited {color:#00fead;}
p.work-info a:hover {color:#009966;}

p.work-info .description {
display:block;
text-align:justify;
line-height:15px;
padding-top: 20px;
padding-bottom: 30px;
color:#585150;
}

/* ------ FOOTER ------ */
#footer {
background: transparent url('../images/bg-bottom.jpg') bottom left repeat-x;
/*position: relative;*/
/*bottom: 0px;*/
width: 100%;
height:714px;
/*text-align:right;*/
font: normal 125% 'Palatino Linotype', Palatino, Georgia, serif;
color: #bebab8;
}

.about {
height:600px;
width:430px;
margin-left:280px;
padding-top: 16px;
text-align:left;
/*float:right;*/
font: 100 11px "Helvetica Neue", Arial, Helvetica, sans-serif;
}

.about p {padding-top:15px;line-height: 14px;}

.about p.intro, i.intro {
color: #7b7371;
font: 100 118% "Helvetica Neue", Arial, Helvetica, sans-serif;

}

.inspiration {
width: 400px;
height: 150px;
padding-top: 85px;
/*margin-left:300px;*/
/*position:absolute;*/
float:right;
/*bottom:180px;*/
}

.about h2 {
text-align:right;
font-size: 140%;
}

sup {
font: 100 9px "Helvetica Neue", Arial, Helvetica, sans-serif;
vertical-align:text-top;
color: #00fead;
}

.inspiration div {
margin:8px;
width: 101px;
float:right;
overflow:hidden;
margin-right:0px;
}

.inspiration h2 {text-align:right;}
.inspiration h2, x:-moz-any-link, x:only-child {margin-top:-22px; } /*ff hack, aaah, don't judge me!*/

.contact {
width: 250px;
position:absolute;
top:820px;
text-align:right;
/*bottom:20px;*/
font: 300 85% 'Palatino Linotype', Palatino, Georgia, serif;
}

.contact ul a:link, .contact ul a:active {
text-decoration:none;
color:#bebab8;
}

.contact ul a:visited {text-decoration:none;color: #a59997;}
.contact ul a:hover {text-decoration:none;color:#ffffff;}

.contact ul, .contact ul ul {padding-top:12px;}
.contact ul ul {font: 100 10px "Helvetica Neue", Arial, Helvetica, sans-serif;}

.contact ul ul a:link, .contact ul ul a:active, .contact ul ul a:visited,  #about a:link,  #about a:active,  #about a:visited, .temp a:link, .temp a:visited {color: #00fead; text-decoration:none;}
.contact ul ul a:hover, #about a:hover, .temp a:hover  {color: #62897c;text-decoration:}

.copyright {padding-top:75px;font-weight:300;color:#333333;}
.copyLinks a:hover {color: black!important;}

/* ----- SLIMBOX ----- */
#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000000 url('../images/lightbox-bg.gif') top left repeat;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #000;
}

.lbLoading {background: #fff url('../images/loading.gif') no-repeat center;}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 0px solid #ccc;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;}

#lbPrevLink {left: 0;}
#lbPrevLink:hover {	background: transparent url('../images/prevlabel.gif') no-repeat 0 15%;}
#lbNextLink {right: 0;}
#lbNextLink:hover {background: transparent url('../images/nextlabel.gif') no-repeat 100% 15%;}

#lbBottom {
	font: 100 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
	line-height: 3em;
	text-align: left;
	text-indent: 20px;
	margin: 0px;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 63px;
	height: 24px;
	background: transparent url('../images/closelabel.gif') no-repeat center;
	margin: 0;
	outline: none;
}

#lbCaption, #lbNumber {margin-right: 71px;}

.temp{
font: 100 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
width: 35%;
height: 500px;
padding-top: 100px;margin-left:auto;margin-right:auto;
}

/* ----- reposition TK badge ----*/
.typekit-badge {display:none!important;}