/* CSS Document */

*{
margin:0;
padding:0;
}


body {
padding-top:40px;
font:100%/1.25 Verdana, helvetica, sans-serif;
color:#5A5A5A;
letter-spacing: 1px;
line-height: 1.2em;
background-color:#151415;

}

a img {border:0;}


a,
a:link,
a:visited,
a:hover {

color:#6e6e6e;
text-decoration: underline; 
text-transform:uppercase;
font-size: .7em;
}

/***** SETUP  *****/

/***** Positioning *****/

#container {
 margin-left: auto;
 margin-right: auto;
 width: 935px;
background-color:#151415;
}


/***** Global Settings *****/

#navlist
{
padding:0;
margin:0;
}

#navlist li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}

#navlist a, #navlist a:link {
color:#6e6e6e;
text-decoration: none; 
text-transform:uppercase;
font-size: .7em;
}

#navlist a:hover {
color:#9c9c9c;


}

#navlist a:visited {


}
ul #nav {color:red;}
li #nav {color:blue;}

ul li #nav4 a, ul li #nav4 a:link {
	color:#efefef;
}

ul li #nav4 a:hover {
	color:#efefef;
}

ul li #nav4 a:visited {


}
.active a {
color:#848484;
font-weight:bold;
}

#logo {
margin-bottom:2px;

}

#project1,#project2,#project3,#project4,#project5,#project6,#project7
{
width:110px;
float:left;
}

#project1,#project2,#project3,#project4,#project5,#project6
{margin-right:25px;
}

#project1{margin-top:120px;}
#project2{margin-top:60px;}
#project3{margin-top:140px;}
#project4{margin-top:80px;}
#project5{margin-top:100px;}
#project6{margin-top:75px;}
#project7{margin-top:130px;}



.projectwrap{
width:110px;
position:relative;
}

.caption  	
{ 
color:#5A5A59;
display:block;
position:relative;
text-transform:none;
z-index:2;
font-size:.9em;
text-decoration:none;

}

.clear         { clear:both; }



a.projectimage img {
filter:alpha(opacity=40); 
-moz-opacity: 0.4; 
opacity: 0.4;
position:relative;
border: 1px solid #999999;
width:115px;

}

a.projectimage:hover img {
filter:alpha(opacity=100); 
-moz-opacity: 1.0;   
opacity: 1.0;
position:relative;

}

a.projectimage span {
display:none;
}

a.projectimage:hover span {
display:block; position:absolute; bottom:12px; left:0; margin-bottom:-12px; background-color:#999999; padding-right:2px; text-decoration:none;

}

.projecttitle {
color:#aaaaaa;
text-transform:uppercase;
letter-spacing: 1px;
line-height: 1.2em;
font-size: .6em;
margin-bottom:5px;
display:block;
}

h2 {
font-size:.7em;
text-transform:uppercase;
margin-bottom:1.5em;
}

p {
font-size:.7em;
margin-bottom:2.5em;
line-height:1.5em;

}

/*#project1{
background: white url(underlay.gif) fixed center;
width:140px;
height:100%;
clear:both;
}

#project2{
background: white url(underlay2.gif) fixed center;
width:140px;
height:100%;

}*/

.projectwrap {
margin-bottom:11px;
}

#footer{padding-top:80px;}

.copyright {
padding:10px 0 5px 0;
color:#3e3e3e;
text-transform:uppercase;
font-size: .6em;
}

.copyright a {
color:color:#3e3e3e;
}

#contentbox {
position:relative;
margin-top:60px;
}

html>body .projecttitle {  /* ie hack*/
margin-top:-4px;
}


#imagebox {
float:right;
width:400px;
padding-left:20px;
margin-left:20px;

}

#textbox {
float:right;
width:292px;

}



#gohome {
position:absolute;
top:0;
left:0;
width:70px;
font-size:.7em;
color:#848484;
padding-top:7px;

/*border-right:1px solid #5A5A59;
border-left:1px solid #5A5A59;*/
}

#imagebox img {

border: solid 1px #999999;
}

.imagecaption {
display:block;
font-size: .7em;
width:350px;

}

.imagenav {
float:right;
font-size:0.7em;
width:100px;
margin-bottom:35px;
cursor: hand;
cursor: pointer;
}

.text {
margin-bottom:40px;
}

#next {
font-weight:bold;
width:10px;
}

#back {
width:10px;
}

#counter {
font-size: .7em;
float:right;
width:40px;
}

.contactform {
	width:300px;
	height:150px;
}

#leftbox {
width:365px;
float:left;
padding-right:35px;
}

#rightbox {
width:400px;
float:left;
}

h1 {
border-bottom: 1px solid #5e5e5e;
text-transform:uppercase;
font-size:.7em;
color:#9b9b9b;
margin-bottom:30px;

}

h3 {
font-size:.7em;
font-weight:bold;
margin-bottom:.5em;
}

.upper{
text-transform:uppercase;
color:#757575;
}

.imgborder {
border: solid 1px #3e3e3e;
}

.tgram {
text-transform:uppercase;
font-size:0.7em;
letter-spacing:.3em;

}
