/* CSS Document */
html { height:100%; }
body {
margin:0 0 0 0;
border:0;
height:100%;
text-align:center;
background-color:#ebe7d6;
font-family:Arial, Tahoma, Helvetica, sans-serif;
font-size:62.5%;
line-height:1.6em;
color:#666;
}
#topTab { margin:0 auto -260px auto; height:50%; }
.ietrick { margin:0; padding:0; line-height: 0px; font-size:1px; }
.ietrick2 { margin:0; padding:1px 0 0 0; line-height: 0px; font-size:1px; }
.clear { clear:both; }
.clear_left { clear:left; }
.clear_right { clear:right; }
.floatLeft { float:left; }
.floatRight { float:right; }
.textAlignLeft { text-align:left; }
.textAlignRight { text-align:right; }
.special { display:none; }
img { border:none; }

.mainlist { margin:8px 0 0 0; padding:1px 0 0 0; background:#fcfcfa url(images/dots.jpg) no-repeat left top; list-style: none; width:185px; float:left; }
.mainlist li { padding:4px 0 6px 22px; margin:0 0 1px 0; background:#fcfcfa url(images/bulletBack.gif) no-repeat left bottom; font-weight:bold; color:#000; }
.mainlistOn { background:#fcfcfa url(images/gradBack.jpg) repeat-x bottom; }
.mainlistOff { background:#fcfcfa url(images/gradBack.jpg) repeat-x bottom; }

p { margin: 0.9em 0 0.9em 0; font-size: 1.1em; font-weight:bold; }
a:link { color: #666; text-decoration: underline; }
a:visited { color: #666; text-decoration: underline; }
a:hover { color: #666; text-decoration: none; }
a:active { color: #666; text-decoration: none; }
#backToMenu p { margin:3px 0 4px 20px; }
#backToMenu a:link { color: #787625; text-decoration: none; font-weight:bold; }
#backToMenu a:visited { color: #787625; text-decoration: none; font-weight:bold; }
#backToMenu a:hover { color: #4e4c0e; text-decoration: none; font-weight:bold; }
#backToMenu a:active { color: #787625; text-decoration: none; font-weight:bold; }
.green_text { color:#787625; }

.projectsBold { font-weight: normal; }

#container { width:950px; text-align:left; padding:20px 0 0 20px; margin:auto; }
#container_main { width:970px; height:520px; margin:auto; }
#columnMenu { width:210px; position:relative; height:480px; }
#columnContent { width:720px; height:480px; position:relative; }
#aboutContent { position:absolute; top:0; left:20px; height:480px; width:400px; }
#aboutContent p { font-weight:normal; margin:0 0 1em 0; }
#aboutSlideshow { position:absolute; top:0; left:495px; width:225px; height:480px; }
#projectsSlideshow { position:absolute; top:0; left:240px; }
#projectsImage { position:absolute; top:0; left:240px; height:360px; width:480px; z-index:1; }
#loading_animation { display: none; position: absolute; height: 40px; width: 40px; padding-left: 8px; padding-top: 8px; margin-left: 216px; margin-top: 156px; }
#projectImageHolderWrapper { height: 360px; width: 480px; background-color: #e3decb; overflow:hidden; }
#allProjectThumbs { position: absolute; top: 365px; left: 240px; height: 70px; width: 480px; z-index: 1; overflow: hidden;  }
#allProjectThumbs img { margin-top:-20px; }
.projectsThumbs { height: 70px; width: 480px; overflow: hidden; }
.projectsThumbsMargin { margin-right:5px; }
.controlsText { padding:0 5px 0 5px; }
a:link.controlsTextLink { color: #666; text-decoration: none; font-weight:normal; }
a:visited.controlsTextLink { color: #666; text-decoration: none; font-weight:normal; }
a:hover.controlsTextLink { color: #666; text-decoration: none; font-weight:normal; }
a:active.controlsTextLink { color: #666; text-decoration: none; font-weight:normal; }
.controlsHolder { width:220px; height:15px; margin:0; font-size: 1.1em; font-weight:normal; }
.controlsHolder img { margin: 2px 0 0 0; }
#projectsControls { position:absolute; top:455px; left:240px; height:15px; width:480px; z-index:1; }
#projectsControls p { margin:0; font-weight:normal; }
#projectsInfo { position:absolute; top:0; left:240px; height:440px; width:480px; z-index:2; background-color:#dcd7c3; display:none; }
#projectsInfo h2 { font-family:Arial, Helvetica, sans-serif; font-family:1.4em; width:325px; font-weight:bold; color:#787625; margin: 0; padding:20px 0 1em 20px; }
#projectsInfo p { margin: 0.9em 0 0.9em 20px; font-size: 1.1em; font-weight:normal; width:325px; }
#footer { width:190px; text-align:left; padding:0; line-height:1.5em; position:absolute; left:0; top:400px; }
#footer p { margin:0; color:#666; font-weight:bold; font-size:1em; }
#footer a:link { color: #666; text-decoration: underline; font-weight:bold; }
#footer a:visited { color: #666; text-decoration: underline; font-weight:bold; }
#footer a:hover { color: #666; text-decoration: none; font-weight:bold; }
#footer a:active { color: #666; text-decoration: none; font-weight:bold; }

/********* main menu *********/
#nav2 {
position: absolute;
top: 132px;
left:0px;
list-style: none;
margin: 0;
padding: 0 0 0 0;
display: inline;
overflow: hidden;
width: 190px;
}
#nav2 li {
margin: 0; 
padding: 0;
display: inline;
list-style-type: none;
}
#nav2 a {
float: left;
padding: 0 0 0 190px;
overflow: hidden;
margin:0 0 7px 0;
width: 0px !important; 
width /**/:190px; /* for IE5/Win */
text-decoration:none;
/*border:solid 1px #000;*/
}
#nav2 a:hover {
background-position: -190px 0;
text-decoration:none;
border:none;
}
#nav2 a:active {
background-position: 0 0;
text-decoration:none;
border:none;
}
#nav2 a.selected2 {
background-position: -380px 0;
text-decoration:none;
border:none;
}
/*#nav2 a:active, #nav2 a.selected2 {
background-position: -380px 0;
text-decoration:none;
border:none;
}*/

#nav01 a  {height:18px; width: 190px; background: url(images/nav01.gif) top left no-repeat;}
#nav02 a  {height:18px; width: 190px; background: url(images/nav02.gif) top left no-repeat;}
#nav03 a  {height:18px; width: 190px; background: url(images/nav03.gif) top left no-repeat;}
#nav04 a  {height:18px; width: 190px; background: url(images/nav04.gif) top left no-repeat;}
#nav05 a  {height:18px; width: 190px; background: url(images/nav05.gif) top left no-repeat;}
/********* main menu *********/

/********* projects menu ********/
.projectsNav { width: 190px; }
.projectsNav ul
{
margin: 0 0 10px 20px;
padding: 0;
list-style-type: none;
color:#787625;
font-weight:bold;
line-height:2.0em;
font-size:1.1em;
}
.projectsNav a
{
display: block;
padding: 0;
margin:0;
width: 190px;
text-decoration: none;
font-weight: normal;
}
.projectsListLinks:link
{
color: #666;
text-decoration: none;
font-weight:normal;
}
.projectsListLinks:visited
{
color: #666;
text-decoration: none;
font-weight:normal;
}
.projectsListLinks:hover
{
color: #666;
text-decoration: none;
font-weight:bold;
}
.projectsListLinks:active
{
color: #666;
text-decoration: none;
font-weight:bold;
}

.projectsNavActive:link, .projectsNavActive:visited { color: #666; text-decoration: none; font-weight: bold; }
.projectsNavActive:hover { color: #666; text-decoration: none; font-weight: bold; }

/********* projects menu ********/

/********* form *********/
form { margin:10px 0 0 0; }
.textfield {
font-family:Tahoma, Arial, Helvetica, sans-serif;
width: 370px;
font-size: 10px;
color: #666;
background:#fff url(images/gradBack2.jpg) repeat-x bottom; padding:5px 6px 10px 6px;
border-left: 1px solid #fcfcfa;
border-right: 1px solid #fcfcfa;
border-bottom: 1px solid #fcfcfa;
border-top: 1px solid #fcfcfa;
line-height: normal;	
margin: 0 0 -1px 0;
overflow:hidden;
}
.dropdown {
width: 200px;
border: 1px solid #CCC;
font-size: 10px;
color: #666;
line-height: normal;
margin: 4px 0 4px 0;
}	
.textfield_footer { background:#fcfcfa url(images/dots.jpg) no-repeat left bottom; width:382px; }
.address_textfield {
font-family:Tahoma, Arial, Helvetica, sans-serif;
width: 370px;
font-size: 10px;
color: #666;
background:#fff url(images/gradBack.jpg) repeat-x bottom; padding:5px 6px 10px 6px;
border-left: 1px solid #fcfcfa;
border-right: 1px solid #fcfcfa;
border-bottom: 1px solid #fcfcfa;
border-top: 1px solid #fcfcfa;
line-height: normal;	
margin: 0 0 -1px 0;
overflow:hidden;
}	
.td_textfield {
padding: 0 0 0 20px;
}
.button {
border: 0 solid transparent;
background:#ddd5bd;
font-size: 10px;
color: #666;
padding:6px 12px 6px 12px;
}
/*-----*/