

/* This stylesheet for on-screen display in all modern browsers (not Netscape 4)
 */
 
/* Master Font/Size Definitions
 * First set the base font for all browsers */
body {font-family:Helvetica, Arial, sans-serif; color:#655e59;}
/* Set the base font size for standards compliant browsers */
body {font-size:78%; }
/* Only IE 5-6 will recognize the following rule - it incorrectly assumes html is a child of the 
 * universal selector.  Technically html has NO parent. Now we can feed a different base font
 * size to IE to fix its font-size discrepencies.*/
* html body {font-size:80%}
/* Now allow IE/Win & quirky browsers to inherit font-size into tables & form elements */
body table,select,option,input,textarea {font-size:100%;}

/*  HTML styles  */

/*  Color Reference: 

	Nav Text =  
	Nav Yellow = 
	Page Border = 
	
*/
body { background-color:#8f8f8f; }
.page_top_bg { background-image: url('../images/stage_bg_top.gif'); background-repeat: repeat-x; padding-top:10px; background-color: #d6d6d6;}
#page{ margin-left:auto; margin-right: auto; width: 768px; position:relative; top:0px; }

.pg_container { text-align:center;}
.pg_content { border: 1px solid #ababab; }
.pg_content_footer { background-image: url('../images/footer_bg_reflection4.gif'); background-repeat: no-repeat; height:28px; display:block; }
.page_bottom_bg { background-image: url('../images/stage_bg_bottom.gif'); background-repeat: repeat-x; background-position: left bottom; text-align:center; position:relative;  }

.header {background-color: #ffffff; height: 111px;}
.nav_bar {background-color: #c9242b; padding-top: 5px; padding-bottom: 4px;}
.green_stripe {background-color: #77be86; height: 5px;}
.main_content_area {background-color: #d4d4d4;}
.min_height {background-color: #d4d4d4; height: 493px; }
.footer {background-color: #b1afb0; height: 22px; border: 1px solid #d4d4d4; }

/* TEXT TREATMENT CLASSES */

h1 {font-family:Helvetica, Arial, sans-serif; font-size:1.9em; color:#16589e; font-weight:bold; line-height:0.8em; margin-top:30px; margin-bottom:25px;}
.subhead {color:#080304;}
h2 {font-size:0.8em; font-weight:bold; letter-spacing:0.1em; line-height:1.0em; margin-top:0px; margin-bottom:6px; margin-left:2px;}
h3 {font-size:1.1em; font-weight:bold;}
p {font-size:1.08em; line-height:1.6em; margin-bottom:18px;}
b {color:#4a433c;}
ul {font-size:1.0em; margin-top:0px; margin-left:15px; margin-bottom:0px; padding-left:0px; list-style: disc;}
li {font-size:1.0em; /*color:#000000;*/ margin-top:0px; margin-bottom:.5em;}
dl {font-size:1.1em;}
dt {margin-top:1.0em;margin-bottom:.5em; font-weight:bold;}
dd {margin-left:15px; padding-left:0px;}
blockquote {font-size:1.1em;}


/* Header */

.nav {font-size:1.05em; color:#ffffff;}
.nav a:link {color:#ffffff; text-decoration:none;}
.nav a:visited {color:#ffffff; text-decoration:none;}
.nav a:hover {color:#ffc94a; text-decoration:none;}
.nav a:active {color:#ffc94a; text-decoration:none;}

.navtrue {font-size:1.05em; color: #ffc94a;}
.navtrue a:link {color:#ffc94a; text-decoration:none;}
.navtrue a:visited {color:#ffc94a; text-decoration:none;}
.navtrue a:hover {color:#ffc94a; text-decoration:none;}
.navtrue a:active {color:#ffc94a; text-decoration:none;}

/* Left Column */

.leftcolumnbox {margin-top:21px;}
.contact {font-size:1.08em; margin-bottom:8px; line-height:1.2em;}
.contactemail a:link {font-size:0.90em; text-decoration: none;}

/*
.tagline {color:#fadf79; font-weight:bold; padding-top: 3px;}

.home_backdrop {
	background-image: url(../images/home_bg_1.jpg);
	background-repeat: no-repeat;
	height:386px;
	}

#hometextarea {
	position:relative;
	top:22px;
	left:363px;	
	}

#alertmessage {
	position:absolute;
	top:51px;
	left:255px;	
	z-index:2;
	color:#ffffff;
	font-size:1.5em;
	width:280px;
	}
*/

/*.sidebarborder {background: #dd2100;}*/

.inlinephoto {
	float: right;
	position: relative;
	left: 59px;
	top: 30px;
	padding: 0px;
	margin-top: 2px;
	margin-left: -35px;
	margin-right: 0px;
	margin-bottom: 4px;
	text-align: left;
/*	border: solid 1px grey;*/
	}

.photo {border: solid 1px grey;}

.photocredit {font-size:0.9em; color:#807770; line-height:130% }
.photocaption {font-size:0.9em; color:#080304;}
.captionspace {margin-top: 2px; margin-bottom: 2px;}

.intheworks {margin-bottom:30px;}


/* Left Column */
/*
.leftcolumn {
	width:160; 
	background-image: url(../images/leftcolumn_bg.gif);
	background-repeat: repeat-x;
	}

.leftcolumntext {
	padding-top:0px;
	padding-left:13px;
	padding-right:13px;
	padding-bottom:30px;
	font-size:0.8em;
	line-height: 1.6em;
	}
*/
	

/* Main Content Column */	
/*
.maincontent {
	width: 492px;
	padding-top: 26px;
	padding-left: 0px;
	padding-right:  0px;
	padding-bottom: 50px;
	line-height: 1.7em;
	}

.nowincell {
	margin-bottom: 50px;
	}
	
.prodname {
	font-size:1.1em;
	font-weight: bold;
	display: block;
	margin-top: 10px;
	text-transform: uppercase;
	line-height: 1.4em;
	}
.proddescription {
	font-size:1.1em;
	display: block;
	line-height: 1.4em;	
	}
.prodprice {
	font-size:1.1em;
	font-weight: bold;
	line-height: 1.4em;
	}
.prodcontact {
	font-size:1.0em;
	display: block;
	margin-bottom: 35px;
	}	

.map {border: 1px solid #999999;}
*/

/* Hypertext Styles  */

a:link{color:#16589e;text-decoration:underline;}
a:visited{color:#16589e;text-decoration:underline;}
a:hover {color:#77be86;text-decoration:underline;}
a:active{color:#77be86;text-decoration:underline;}

/* Bulleted Text Tables (e.g. on Services Page) */
/*
.displaytable {font-size:1.1em; margin-bottom: 0.6em;}
.headingrow {width:488; color:#000000; font-weight:bold;}
.headingcolumn {width:145px; color:#dd2100; padding-bottom: 0.4em; padding-right: 5px;}
.bulletcolumn {width:10px;}
.textcolumn {width:328; padding-bottom: 0.4em;}
.doublecolumn {width:131px;}
.doublecolumngutter {width:35px;}
*/

/* Footer */
.copyright {font-size:0.9em; color:#ffffff; padding-top: 5px; padding-bottom: 5px; padding-left: 0px;}
.copyright a:link {color:#ffffff;text-decoration:none;}
.copyright a:visited {color:#ffffff;text-decoration:none;}
.copyright a:hover {color:#16589e;text-decoration:underline;}
.copyright a:active {color:#16589e;text-decoration:underline;}



.projectblock {margin-bottom:20px;}

.projectheader {font-size: 1.08em; color: #16589e; font-weight : bold; line-height: 16px;}
.dataheader {font-size: 0.8em; color: #807770; line-height: 12px;}
.projecttext {font-size: 1.0em; color: #655e59; line-height: 15px;}
.projecttext a {font-weight : normal; text-decoration: underline; color: #16589e;}
.projecttext a:hover {text-decoration: underline; color: #16589e;}



.firstProjectPhotos {position:absolute;top:0px;left:0px;}
.secondProjectPhotos {position:absolute;top:0px;left:0px;}
.thirdProjectPhotos {position:absolute;top:0;left:0px;}
.fourthProjectPhotos {position:absolute;top:0;left:0px;}
.fifthProjectPhotos {position:absolute;top:0;left:0px;}
.sixthProjectPhotos {position:absolute;top:0;left:0px;}
.seventhProjectPhotos {position:absolute;top:0;left:0px;}
.eighthProjectPhotos {position:absolute;top:0;left:0px;}
.ninthProjectPhotos {position:absolute;top:0;left:0px;}
.tenthProjectPhotos {position:absolute;top:0;left:0px;}
.eleventhProjectPhotos {position:absolute;top:0;left:0px;}
.twelfthProjectPhotos {position:absolute;top:0;left:0px;}
.thirteenthProjectPhotos {position:absolute;top:0;left:0px;}

.number {margin-bottom:1px;}

#firstPhoto2Module, #firstPhoto3Module, #firstPhoto4Module, 
#secondPhoto2Module, #secondPhoto3Module, #secondPhoto4Module, 
#thirdPhoto2Module, #thirdPhoto3Module, #thirdPhoto4Module, 
#fourthPhoto2Module, #fourthPhoto3Module, #fourthPhoto4Module,
#fifthPhoto2Module, #fifthPhoto3Module, #fifthPhoto4Module,
#sixthPhoto2Module, #sixthPhoto3Module, #sixthPhoto4Module,
#seventhPhoto2Module, #seventhPhoto3Module, #seventhPhoto4Module,
#eighthPhoto2Module, #eighthPhoto3Module, #eighthPhoto4Module,
#ninthPhoto2Module, #ninthPhoto3Module, #ninthPhoto4Module,
#tenthPhoto2Module, #tenthPhoto3Module, #tenthPhoto4Module,
#eleventhPhoto2Module, #eleventhPhoto3Module, #eleventhPhoto4Module,
#twelfthPhoto2Module, #twelfthPhoto3Module, #twelfthPhoto4Module,
#thirteenthPhoto2Module, #thirteenthPhoto3Module, #thirteenthPhoto4Module
{display:none;}

#firstPhoto1Module, #secondPhoto1Module, #thirdPhoto1Module, #fourthPhoto1Module, #fifthPhoto1Module, #sixthPhoto1Module, #seventhPhoto1Module, #eighthPhoto1Module, #ninthPhoto1Module, #tenthPhoto1Module, #eleventhPhoto1Module, #twelfthPhoto1Module, #thirteenthPhoto1Module
{display:block;}


#firstPhoto1Module, #firstPhoto2Module, #firstPhoto3Module, #firstPhoto4Module, 
#secondPhoto1Module, #secondPhoto2Module, #secondPhoto3Module, #secondPhoto4Module, 
#thirdPhoto1Module, #thirdPhoto2Module, #thirdPhoto3Module, #thirdPhoto4Module, 
#fourthPhoto1Module, #fourthPhoto2Module, #fourthPhoto3Module, #fourthPhoto4Module,
#fifthPhoto1Module, #fifthPhoto2Module, #fifthPhoto3Module, #fifthPhoto4Module,
#sixthPhoto1Module, #sixthPhoto2Module, #sixthPhoto3Module, #sixthPhoto4Module,
#seventhPhoto1Module, #seventhPhoto2Module, #seventhPhoto3Module, #seventhPhoto4Module,
#eighthPhoto1Module, #eighthPhoto2Module, #eighthPhoto3Module, #eighthPhoto4Module,
#ninthPhoto1Module, #ninthPhoto2Module, #ninthPhoto3Module, #ninthPhoto4Module,
#tenthPhoto1Module, #tenthPhoto2Module, #tenthPhoto3Module, #tenthPhoto4Module,
#eleventhPhoto1Module, #eleventhPhoto2Module, #eleventhPhoto3Module, #eleventhPhoto4Module,
#twelfthPhoto1Module, #twelfthPhoto2Module, #twelfthPhoto3Module, #twelfthPhoto4Module,
#thirteenthPhoto1Module, #thirteenthPhoto2Module, #thirteenthPhoto3Module, #thirteenthPhoto4Module
{width:400px;height:334px;overflow:hidden;}


