/********************************
	Global
********************************/

body { margin: 0; padding: 25px 0 25px 0; margin: 0;  height: 100%; font: 62.5% Arial, Helvetica, sans-serif; color: #000; text-align: center; background-color: #76765e; }
/* 16px x 62.5% = 10px base font size - font sizing with em is now scale of 10 */

p { font-size: 1.1em; }

td { font-size: 1em; }

h1 { color: #990000; font-family: 'Arial Narrow', Arial, Helvetica, sans-serif; margin: 0; padding: 0; }

h2 { color: #7c7a6d; font-family: 'Arial Narrow', Arial, Helvetica, sans-serif; margin: 0; padding: 0; }

a, a:active, a:visited { color: #858375; }

a:hover { text-decoration: none; }

/* float clearing for IE6 */
* html .clearfix { height: 1%; overflow: visible; } 

/* float clearing for IE7 */
*+html .clearfix { min-height: 1%; }

/* float clearing for everyone else */
.clearfix:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; }

/********************************
	Containers
********************************/

div#container { padding: 26px 25px 16px 25px; margin: auto; width: 894px; background: #c9d3c4 url(/images/container_bg.jpg) top left repeat-y;text-align: left; position: relative; }

div#header { padding: 28px 0 0 0; }

div#logo { float: left; width: 295px; }

div#nav_container { float: left; width: 598px; height: 75px; border-bottom: 1px #9b9c8d solid; border-top: 1px #9b9c8d solid; border-right: 1px #9b9c8d solid; background-color: #dde2d8; }

div#contact { background: url(/images/contact_bg.gif) 1px 0; border-bottom: 1px #9b9c8d solid; height: 37px; text-align: right; position: relative; }

div#main { background: url(/images/subnav_bg.gif) repeat-y top left; border-bottom: #9b9c8d 1px solid; border-right: #9b9c8d 1px solid; }

div#flashcontent { padding-bottom: 88px; }

div#footer { color: #787669; padding: 10px 0 0 0; }

/* Columns */

div#col_left { width: 191px; padding: 43px 0 100px 0; float: left; }

div#col_center { width: 252px; float: left; padding: 15px 20px 0 30px; margin: 0; background-color: #fafbf9; height: 442px; overflow: auto; }

div#col_right { width: 399px; background-color: #fafcfa; float: left; }

/********************************
	Navigation
********************************/

div#tabs { top: 17px; left: 590px; position: absolute; }

div#tabs ul { margin: 0; padding: 0; list-style: none; }

div#tabs li { float: left; display: block; text-align: center; border-right: 1px #9b9c8d solid; border-left: 1px #9b9c8d solid; width: 124px; border-bottom: 1px #9b9c8d solid; background: url(/images/tab2_bg.jpg) top left; }

div#tabs li a { color: #990000; font-weight: bold; font-family: 'Times New Roman', Arial, Helvetica, sans-serif; font-size: 1.1em; letter-spacing: .1em; text-decoration: none; padding: 14px 0 10px 0; margin: 0; display: block; font-style: italic;  }

div#tabs li a:hover { color: #000; }

div#tabs li.active { background: url(/images/tab_bg.jpg) top left; border-bottom: 1px #cad3c4 solid; }

div#tabs li.active a { color: #000; }

div#tabs li.active a:hover { color: #990000; }

div#nav ul { margin: 0; padding: 0 0 0 5px; list-style: none; }

div#nav li { float: left; display: block; border-right: 1px dotted #9b9c8d; text-align: center; }

div#nav li a { color: #858375; font-weight: bold; font-family: 'Arial Narrow', Arial, Helvetica, sans-serif; font-size: 1.1em; letter-spacing: .1em; text-decoration: none; padding: 12px 10px; display: block; }

div#nav li a:hover { color: #000; }

div#nav li a.active { color: #000; }

ul#subnav { margin: 0 0 0 16px; padding: 0 0 79px 7px; list-style: none; border-bottom: #9b9c8d 1px solid; }

ul#subnav li { margin-bottom: 5px; }

ul#subnav li a { color: #787669; font-weight: bold; font-size: 1.1em; letter-spacing: .12em; font-family: 'Arial Narrow', Arial, Helvetica, sans-serif; text-decoration: none; text-transform: uppercase; }

ul#subnav li a:hover { color: #000; }

ul#subnav li a.active { color: #000; }

/********************************
	Content
********************************/

div#col_center p { color: #787669; line-height: 1.8em; margin: 0; padding: 0 0 15px 0; }

div#col_center ul { color: #787669; line-height: 1.8em; margin-top: 0; padding-top: 0; }

div#col_center h1 { color: #000; letter-spacing: .1em; font-weight: normal; margin: 0 0 10px 0; font-size: 1.8em; }

div#col_center ul { margin: 0; padding: 0; list-style: none; }

div#show { width: 346px; padding: 10px; border-right: #9b9c8d 1px solid; }

ul#thumbs { margin: 0; padding: 10px 0 0 0; list-style: none; text-align: center; }

ul#thumbs li { display: inline; padding: 0px 7px; }

div#project { border-left: #9b9c8d 1px solid; padding: 0; background-color: #c9d3c4; position: relative; }

div#project h1 { background: url(/images/projects_header_bg.gif) top left; font-size: 1.5em; letter-spacing: .1em; padding: 4px 0 4px 30px; border-top: #9b9c8d 1px solid; text-transform: uppercase; }

div#project table#project_data { width: 399px; background-color: #e7ece5; border-collapse: collapse; border-top: #9b9c8d 1px solid; }

div#project table#project_data td { font-style: italic; font-family: "Times New Roman", Times, serif; border-top: #9b9c8d 1px dotted; border-right: #9b9c8d 1px solid; padding: 3px 5px; font-weight: bold; letter-spacing: .03em; text-transform: uppercase; }

div#project table#project_data td.label { text-align: right; color: #787669; border-right: #9b9c8d 1px dotted; }

div#project table#project_data td.first { border-top: none; }

/* Overriding the default Slideshow thumbnails for the vertical presentation */

.slideshow-thumbnails { left: 10px; bottom: -3px; width: 346px; }

.slideshow-thumbnails ul { margin: auto; }    

.slideshow-thumbnails-active { background-color: #787669; }

.slideshow-thumbnails a:hover { background-color: #787669 !important; }

div#phone { float: right; padding: 8px 6px 0 0; position: relative; }

div#phone_img { width: 61px; height: 52px; background: url(/images/phone.png) top left; position: absolute; top: 0; left: -65px; }

* html div#phone_img { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/phone.png', sizingMethod='scale'); background: none; }

div#phone h1 { font-size: 2.3em; letter-spacing: .19em; margin: 0 0 0 7px; padding: 0; display: inline; }

div#phone h2 { font-size: 1.3em; letter-spacing: .15em; margin: 0; padding: 0; display: inline; }

#date {
	background: url("/images/projects_header_bg.gif") left top;
	padding: 6px; 
	height: 24px;
	font-size: 1.2em; 
	letter-spacing: .12em;
	font-family: 'Arial Narrow', Arial, Helvetica, sans-serif;
	border-left: 1px #9b9c8d solid;
	float: right; 
}
#date ul {
    margin: 0;
    padding: 0;
    list-style: none;
    }
#date li {
    float: left;
    margin: 0;
    padding: 0;
	height: 25px;
	font-weight: bold;
    }
#date span {
    display: block;
	padding: 6px 8px 5px 8px;
    }
#date li.day {
	background: #787669 url("/images/day2.gif") no-repeat right top; 
	color: #787669;  
}
#date li.day span {
	background: url("/images/day1.gif") no-repeat left top;
}
#date li.month {
	background-color: #787669;
	color: #e5debf; 
	text-transform: uppercase;
}
#date li.month span {
	background: url("/images/month2.gif") no-repeat left top;
}

div#status.completed { width: 132px; height: 35px; background: url(/images/completed.png) no-repeat top left; position: absolute; top: 50px; left: 260px; }

* html div#status.completed { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/completed.png', sizingMethod='scale'); background: none; left: 230px; }