body{
  margin:0px;
  padding:0px;
  background:white;
  font-family:arial, sans-serif;
  font-size:12px;
  color:#333333;
}
img{
  border:none;
}
a{
  text-decoration:none;
  color:#656342;
}

.inputText, .inputArea, .inputSubmit{
  border:1px solid #cccccc;
  font-family:arial;
  font-size:12px;
  padding:2px;
  color:#333333;
  background:white;
}
p{
  padding:0px;
  margin-top:0px;
  margin-bottom:10px;
}

#header{
  height:111px;
  position:relative;
}
#logo{
  position:absolute;
  left:45px;
  top:45px;
  width:282px;
  height:38px;
  background:url(img/logo.gif) no-repeat;
}
#center{
  background:url(img/centerBg.gif) 0px 0px repeat-y #e8e8e3;
  width:100%;
}
#nav{
  padding-top:15px;
  padding-bottom:15px;
  width:185px;
  height:100%;
  float:left;
}
#content{
  padding-top:15px;
  padding-bottom:15px;
  width:780px;
  float:left;
  margin-left:10px;
}
.block{
  width:990px;
  clear:both;
}
#footer{
  padding-top:10px;
  font-size:10px;
  text-transform:uppercase;
  color:#999999;
}
#footerBlock_1{
 padding-left:215px;
 float:left;
}
#footerBlock_2{
  float:left;
  margin-left:30px;
}
#footer a{
  color:#ff6600;
}
.clear{
  line-height:0px;
  font-size:0px;
  clear:both;
  height:0px;
}

.errorMessage{
  border:1px solid #cccccc;
  margin:2px;
  background:white;
  line-height:130%;
  padding:4px;
  color:#d00101;
}
.errorMessage ul{
  margin:0px;
  padding-left:18px;
}

/* navigation categories */

#nav ul{
  width:185px;
  float:left;
  display:block;
  margin:0px;
  padding:0px;
}
#nav li{
  width:100%;
  float:left;
  display:block;
  margin:0px;
  padding:0px;
  margin-top:2px;
  margin-bottom:2px;
}
#nav a{
  display:block;
  line-height:110%;
  padding:5px 10px 5px 45px;
  text-align:right;
}
.nav:hover{
  background:#e0e0e0;
  color:#333333;
}
#nav h1{
  display:block;
  margin:0px;
  padding:0px;
  font-size:12px;
  font-weight:normal;
}
a.nav_active{
  background:#ff6600;
  color:white;
}
/* navigation projects */

#subnav ul{
  z-index:0;
  width:150px;
  float:left;
  display:block;
  margin:0px;
  padding:0px;
}
#subnav li{
  width:100%;
  float:left;
  display:block;
  margin:0px;
  padding:0px;
  margin-top:2px;
  margin-bottom:2px;
}
#subnav a{
  display:block;
  line-height:110%;
  padding-top:5px;
  padding-bottom:5px;
  padding-right:5px;
}
#subnav h1{
  display:block;
  margin:0px;
  padding:0px;
  font-size:12px;
  font-weight:normal;
}
.subnav_1, .subnav_1_active{
  padding-left:18px;
  background-image:url(img/arrow_orange.gif);
  background-position:8px 8px;
  background-repeat:no-repeat;
}
.subnav_2, .subnav_2_active{
  padding-left:28px;
  background-image:url(img/arrow_orange.gif);
  background-position:18px 8px;
  background-repeat:no-repeat;
}
.subnav_3, .subnav_3_active{
  padding-left:38px;
  background-image:url(img/arrow_orange.gif);
  background-position:28px 8px;
  background-repeat:no-repeat;
}
.subnav_1:hover, .subnav_2:hover, subnav_3:hover{
  color:#333333;
  background-color:#dbdad3;
}
.subnav_1_active, .subnav_2_active, .subnav_3_active{
  background-image:url(img/arrow_white.gif);
  background-color:#a6a592;
  color:white;  
}

/* images */

#contentImages{
  float:left;
  width:304px;
  margin-left:13px;
  margin-right:13px;
}
#imageArea{
  width:304px;
  height:304px;  
  background:url(img/imageAreaBg.gif) no-repeat;
}
#imageArea td{ 
  background:url(img/loading.gif) center center no-repeat;
}
.imageThumbArea{
  width:70px;
  height:70px;
  float:left;
  margin-right:8px;
  margin-top:8px;
  background:url(img/imageThumbBg.gif) no-repeat;
}
#imageThumbArea td{ 
  background:url(img/loading.gif) center center no-repeat;
}


/* content Details -> text */
#contentDetails_subnav_and_images{
  float:left;
  width:300px;
  margin-left:0px;
}
#contentDetails_subnav{
  float:left;
  width:615px;
  margin-left:15px;
}
#contentDetails_images{
  float:left;
  width:450px;
  margin-left:0px;
}
#contentDetails{
  float:left;
  width:765px;
  margin-left:15px;
}


h1.cHead{
  margin:0px;
  padding:0px;
  font-size:20px;
  color:#656342;
  font-weight:normal;
  margin-bottom:20px;
}
#projectText, #imageText, .contentText{
  line-height:150%;
}
#imageText{
  padding-left:20px;
  margin-top:20px;
  padding-left:13px;
  background:url(img/imageTextBg.gif) no-repeat 0px 5px;
  font-size:11px;
  color:#666666;
}
#imageTitle{
  font-weight:bold;
  font-size:11px;
}