* { margin:0; padding:0; }

body {
background:url(topBorder.png) repeat-x;
font:0.8em arial;
}

a {
color:#000000;
}

a img {
border:0;
}
#back_button {
width: 80px;
height: 81px;
background-image: url(back_bg.gif);
background-repeat: no-repeat;
position: relative;
top: 140px;
left: -280px;
z-index:1000;
}

#back_button a{
float: left;
width: 60px;
height: 60px;
color: #000;
text-decoration: none;
text-align: right;
margin: -40px 0px 0px 10px;

}

#back_button a strong{
font-weight: bold;
font-size: 21px;
text-transform: uppercase;
}


*+html #back_button {
width: 80px;
height: 81px;
background-image: url(back_bg.gif);
background-repeat: no-repeat;
position: relative;
top: 140px;
left: -560px;
}

*+html  #back_button a{
float: left;
width: 60px;
height: 60px;
color: #000;
text-decoration: none;
text-align: right;
margin: 20px 0px 0px 10px;
}

*+html  #back_button a strong{
font-weight: bold;
font-size: 21px;
text-transform: uppercase;
}

*html #back_button {
width: 80px;
height: 81px;
background-image: url(back_bg.gif);
background-repeat: no-repeat;
position: relative;
top: 140px;
left: -560px;
}

*html  #back_button a{
float: left;
width: 60px;
height: 60px;
color: #000;
text-decoration: none;
text-align: right;
margin: 20px 0px 0px 10px;
}

*html  #back_button a strong{
font-weight: bold;
font-size: 21px;
text-transform: uppercase;
}
h1 {
z-index:10;
width:355px;
height:72px;
font-size:0;
text-indent:-2000px;
margin:33px auto 20px;
background:center url(logo.png) no-repeat;
position:relative;
}

h1 a {
display:block;
width:355px;
height:73px;
z-index:20;
}

#content {
position:relative;
margin:0 auto;
width:950px;
}

#content.home  {
width:90%;
text-align:center;
}

#content.other  {
width:950px;
text-align:left;
}

#content.project {
width:950px;
text-align:left;
}

.box {
display:inline-block;
position:relative;
width:300px;
height:400px;
border:1px solid #000000;
margin:0 5px 10px 5px;
vertical-align:middle;
text-align:left;
}
.top p { line-height:16px; }
#content.other .box {
display:block;
float:left;
margin:0 0 10px 0;
height:480px;
}

.hiddenbox {
display:inline-block;
position:relative;
width:302px;
height:1px;
vertical-align:middle;
text-align:left;
margin:0 5px 0 5px;
}

.home .box .top, .other .box .top {
height:200px;
border-bottom:1px solid #000000;
position:relative;
overflow:hidden;
}

.other .box .top {
height:210px;
}

.home .box .top.menu, .other .box .top.menu {
height:122px;
padding:35px;
border-bottom:9px solid #000000;
}

.other .box .bottom.menu {
height:121px;
padding:30px 35px;
}

.home .box .bottom.menu ul li, .other .box .bottom.menu ul li {
list-style-type:none;
font-size:1.5em;
font-weight:bold;
}

.home .box .bottom.menu a, .other .box .bottom.menu a {
text-decoration:none;
}

.home .box .bottom.menu a:hover, .other .box .bottom.menu a:hover {
	color:#666;
}

.home .box {
height:305px;
}

.home .box .bottom {
padding:18px 32px;
position:relative;
}

.home .box .bottom.menu {
padding:15px 35px;
}

.other .box .bottom {
height:129px;
padding:18px 32px;
position:relative;
}

.home .box .bottom h2, .other .box .bottom h2 {
font-size:1em;
}

.home .box .bottom h2 a, .other .box .bottom h2 a {
text-decoration:none;
}

.home .box .bottom h2 a:hover, .other .box .bottom h2 a:hover {
color:#666;
}

.home .box .bottom p , .other .box .bottom p {
font-size:0.8em;
color:#666666;
}

.overlayDetails {
background:url(details.png) no-repeat;
width:300px;
height:64px;
position:absolute;
bottom:0;
z-index:10;
}

.overlayDetails a {
display:block;
width:100%;
height:100%;
}

.project .sidebar {
float:left;
width:300px;
height:480px;
border:1px solid #000000;
position:relative;
}

.project .sidebar #projectThumb {
position:relative;
overflow:hidden;
}

.project .sidebar #projectThumb #projectThumbWrap {
width:5000px;
}

.project .sidebar #projectThumb #projectThumbWrap li {
width:152px;
height:206px;
overflow:hidden;
margin:0;
float:left;
}

.project .sidebar #projectThumb #projectThumbWrap a:hover img {
margin:0;
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity:0.7;
opacity:0.7;
}

.project .sidebar #projectThumb #projectThumbWrap a img {
filter:alpha(opacity=100);
-moz-opacity:1.0;
-khtml-opacity:1.0;
opacity:1.0;
}

.project .sidebar #projectThumb #projectThumbWrap a + a {
/*margin-left:36px;*/
}

.project .sidebar .images {
background:#000000;
height:234px;
position:relative;
}

#leftArrow {
position:absolute;
top:134px;
left:82px;
width:68px;
height:72px;
background:url(left.png) top no-repeat;
z-index:100;
outline-style:none;
}

#rightArrow {
position:absolute;
top:134px;
left:154px;
width:68px;
height:72px;
background:url(right.png) top no-repeat;
z-index:100;
outline-style:none;
}

#rightArrow:hover, #leftArrow:hover, #rightArrow:hover span, #leftArrow:hover span { text-decoration:none; background-position:bottom; color:#cccccc; }

#rightArrow:hover.half, #leftArrow:hover.half, #rightArrow:hover span.half, #leftArrow:hover span.half, #rightArrow span.half, #leftArrow span.half { background-position:top; color:#353535; cursor:default; }

#rightArrowText, #leftArrowText  {
text-decoration:none;
text-transform:uppercase;
font-weight:bold;
color:#595959;
font-size:0.85em;
position:absolute;
bottom:-19px;
left:6px;
display:block;
outline-style:none;
padding-top:6px;
}

#leftArrow #leftArrowText {
right:6px;
text-align:right;
}

.project .sidebar .links { padding:30px 35px; }

.project .sidebar .links ul li {
list-style:none;
font-size:1.5em;
font-weight:bold;
}

#projectslink {
margin-top:12px;
}

.project .sidebar .links a {
text-decoration:none;
}

.project .sidebar .links a:hover {
text-decoration:underline;
}

.project .content {
float:left;
width:635px;
height:480px;
margin-left:10px;
border:1px solid #000000;
overflow:hidden;
position:relative;
padding:0;
}

.other .content {
float:left;
width:555px;
height:360px;
padding:60px 40px;
margin-left:10px;
border:1px solid #000000;
overflow:hidden;
position:relative;
}

.other .content p {
margin:10px 0;
}

.other .content h2 {
font-weight:normal;
margin-bottom:15px;
}

.other .content li {
list-style:disc inside;
margin:10px 0;
}

.project .content #contentWrap {
height:480px;
overflow:hidden;
position:relative;
}

.project .content .contentitem {
float:left;
}

.project .content h2, .project .content h3 , .project .content h4 {
font-weight:normal;
margin-bottom:15px;
}

.project .content p {
margin-bottom:10px;
}

.project .content h3 {
font-size:1.3em;
}

.project .content h2 + h3, .project .content h3 + h4 {
margin-top:-15px;
}

.project .content .text {
padding:65px 45px;
width:350px;
}

.project .content .text p {
font-size:1em;
line-height:1.2em;
}

/** Slider **/
#trackWrap {
float:left;
clear:both;
width:637px;
height:22px;
background:transparent url(track-right.png) no-repeat top right;
position:absolute;
right:1px;
top:460px;
z-index:100;
}

#track-left {
position:absolute;
width:15px;
height:15px;
background:transparent url(track-left.png) no-repeat top left;
}

#track {
position:absolute;
width:637px;
height:15px;
}

#handle {
width:122px;
height:22px;
cursor:pointer;
}

#loading {
position:absolute;
top:42%;
left:200%;
text-align:center;
z-index:100;
}

form p {
clear:both;
padding-top:10px;
}

label {
float:left;
width:120px;
padding:1px;
text-align:right;
margin-right:5px;
}

input, textarea {
float:left;
border:1px solid #000000;
background:#ffffff;
padding:1px;
}

#track-notice {
display:block;
width:158px;
height:55px;
padding:10px;
background:url(notice.png) no-repeat;
color:#ffffff;
position:absolute;
bottom:15px;
}