/*
------------------------------------------------------
PAGE RESET - DO NOT EDIT
------------------------------------------------------
*/

/*
First 2 lines, Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.0
*/
body{color:#000;background:#edeced;font-size:62.5%;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
body {font:13px/1.22 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:99%;}a:active, a:hover, a { outline: none; }



/*
------------------------------------------------------
SITE STYLE
------------------------------------------------------
*/

* :focus { 
outline:0; 
}

body {
margin:0;
padding:35px 0 0 0;
background:#666666;
font:9px/13px Arial, Helvetica, sans-serif;
color:#666666;
}

h1 {
margin:0;
padding:0;
text-transform:uppercase;
}

h2 {
margin:0;
padding:0;
}

h3 {
margin:0 0 3px 0;
padding:0;
font:11px/16px Arial, Helvetica, sans-serif;
color:#252525;
}

h4 {
margin:0 0 10px 0;
padding:0;
color:#666666;
}

h5 {
margin:10px 0 10px 0;
padding:0;
font-weight:bold;
}

p {
margin:0 0 10px 0;
padding:0;
}

a {
color:#666666;
text-decoration:none;
}

a:hover {
color:#252525;
}


/*
------------------------------------------------------
SITE LAYOUT
------------------------------------------------------
*/


#siteWrap1 {
margin:0 0 0 40px;
padding:0;
width:760px;
}

#siteWrap2 {
margin:15px 0 100px 0;
padding:0 30px 40px 30px;
background:#ffffff;
width:700px;
}


/*
------------------------------------------------------
SITE HEADER
------------------------------------------------------
*/


#headerWrap {
margin:0;
padding:20px 0 40px 0;
width:700px;
}

ul.headerList {
margin:0 20px 0 0;
padding:0;
width:220px;
float:left;
}

ul.headerList li {
margin:0;
padding:0;
width:220px;
color:#666666;
}

.headerList li.s a, .headerList li.s a:hover {
color:#252525;
}


/*
------------------------------------------------------
MAIN IMAGE AREA
------------------------------------------------------
*/


#imageWrap {
margin:0;
padding:0;
width:700px;
}

#imageWrap img {
margin:0 0 30px 0;
padding:0;
}


/*
------------------------------------------------------
MAIN CONTENT AREA
------------------------------------------------------
*/


#contentWrap {
margin:10px 0 0 0;
padding:0;
width:700px;
}


/*
------------------------------------------------------
FEATURED WORK LIST
------------------------------------------------------
*/

ul.featuredWork {
margin:0;
padding:0;
height:160px;
width:700px;
}

ul.featuredWork li {
margin:0 20px 0 0;
padding:0;
width:220px;
height:160px;
float:left;
}

ul.featuredWork li.last {
margin-right:0;
width:460px;
float:left;
}

ul.featuredWork li.link:hover {
background:url(../img/index/featuredWork_on.gif) top left no-repeat;
cursor:pointer;
}

ul.featuredWork li img {
margin:0 0 20px 0;
}

ul.featuredWork li p {
font:11px/16px Arial, Helvetica, sans-serif;
color:#666666;
}


/*
------------------------------------------------------
INDEX LAYOUT LIST
------------------------------------------------------
*/

ul.indexList {
margin:10px 0 60px 0;
padding:0;
border-top:1px solid #e6e6e6;
width:700px;
}

ul.indexList li {
margin:0;
padding:0;
float:left;
}

ul.indexList li p.projectYear, ul.indexList li p.projectName, ul.indexList li p.projectInfo {
margin:0;
padding:3px 20px 2px 0;
border-bottom:1px solid #e6e6e6;
font:11px/16px Arial, Helvetica, sans-serif;
width:220px;
float:left;
}

ul.indexList li p.projectYear {
color:#b8b8b8;
}

ul.indexList li p.projectName {
color:#252525;
}

ul.indexList li p.projectInfo {
padding-right:0;
color:#666666;
}

ul.indexList li a {
color:#666666;
}

ul.indexList li:hover {
background:#e6e6e6;
cursor:pointer;
}

/*
------------------------------------------------------
PROJECT PAGE INFO
------------------------------------------------------
*/

ul.projectInfo {
margin:0 0 60px 0;
padding:0;
height:160px;
width:700px;
}

ul.projectInfo li {
margin:0 20px 0 0;
padding:0;
width:220px;
height:160px;
float:left;
}

ul.projectInfo li.last {
margin-right:0;
width:460px;
float:left;
}

ul.projectInfo li img {
margin:0 0 30px 0;
}

ul.projectInfo li p {
font:11px/16px Arial, Helvetica, sans-serif;
color:#666666;
}





/*
------------------------------------------------------
PROJECT NAVIGATION
------------------------------------------------------
*/


ul.projectNav {
margin:0;
padding:0;
}

ul.projectNav li {
margin:0 5px 0 0;
padding:0;
font:9px/14px Arial, Helvetica, sans-serif;
color:#252525;
float:left;
}

ul.projectNav li.off {
color:#b8b8b8;
}


/*
------------------------------------------------------
PROJECT FOOTER
------------------------------------------------------
*/


#footerWrap {
margin:0 0 0 460px;
padding:0;
font:8px Arial, Helvetica, sans-serif;
text-transform:uppercase;
float:right;
}





/*
------------------------------------------------------
CLEARFIX
------------------------------------------------------
*/


.clearFix { 
display:inline-block; 
}

.clearFix:after {
visibility:hidden;
display:block;
font-size:0;
content:" ";
clear:both;
height:0;
}

* html .clearFix { 
height: 1%; 
}

.clearFix { 
display: block; 
}