/* --------- redefined html tags --------- */
body {	background-color:#434c1e; background-image: url(../architecture-portfolio/res/bg_colorbars.gif); background-repeat: no-repeat; }
body, div, p, td { color:#12120e; }

/* -- default link -- */
a, a:link {color:#b8bc9b; text-decoration:none;}
a:hover {color:#ffffff; text-decoration:underline;}

/* -- SHOW: secondary nav  -- */
#nav_portfolio { display:block;}

/* -- tertiary nav  -- */
#subsubnav { background-color:#e8e9e4; }	
#nav_section{ margin-top: 30px; }
/* there is an inline style overriding the "display" in each sub section */
#nav_section1, #nav_section2, #nav_section3, #nav_section4, #nav_section5, #nav_section6 {margin-top: 30px; display:none;}


/* --------- body / content --------- */
#content { background-color: #cdd0b3;  overflow:hidden;} 	

#txtArea { position:absolute; top:0px; left:0px; width:254px; height:373px; border-right: 29px solid #ceeefb; background-color:#ffffff; }

#txtBox { padding: 11px 0px 0px 15px; color:#12120e; font-size:9px; line-height:13px; height:310px; overflow:-moz-scrollbars-vertical; overflow:auto; }
#txtBox p{ padding: 0px 0px 4px 0px; margin:0px;  font-size:9px; line-height:13px;  width:211px;}
#txtBox h3 { padding:0px; margin: 0px 0px 20px 0px; font-size:10px; color: #d4891c; font-weight:normal; width:211px; }	

/* ---- Image navigation ---- */
#imgNav { position:absolute; top:320px; left:7px; color: #d4891c; border-top: 1px dashed #12120e; width:212px; padding: 12px 0px 0px 0px;}

#img1 { float:right; height:10px; width:10px; border: 1px solid #e9c4be; background-color:#d4891d; margin-left:5px;  font-size: 1px;}

/* TEN IMAGES MAX!!! */
#img2, #img3, #img4, #img5, #img6, #img7, #img8, #img9, #img10 { float:right; height:10px; width:10px; border: 1px solid #ffffff; background-color:#eeeeee; margin-left:5px;  font-size: 1px;}
#imgTxt {  float:right;height:12px; color: #d4891c; margin-top: 1px; text-align:right; font-size: 9px; }

#goBigImgs {  float:right; height:12px; color:#d4891c; padding: 0px 4px 1px 4px; margin-top: 6px; border:1px solid #d4891c; clear:right; font-size: 9px; }
#goBigImgs a, #goBigImgs a:link {color:#d4891c; text-decoration:none;}
#goBigImgs a:hover {color:#d4891d; text-decoration:underline;}

#slides { position:absolute; top:0px; left:283px; height:373px; width:373px; overflow:hidden; margin:0px; padding:0px; }

/* -- semi-transparent blue square overlaying images -- */
#bluSq { position:absolute; top:0px; left:0px; width:17px; height:373px; background-color:#99CCFF;
filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; -khtml-opacity: 0.5; }

#footer { color:#6b6f39;}