body{
    text-align: center; 
    background-color: #FFFFFF;
}


body, td {
    margin: 0;
    margin: auto;
    padding: 0;
    font-family: Verdana, Arial, sans-serif;
    font-size: 10pt; 
}

a {
    color: #00A156;
    text-decoration: none;
}

a:hover {
    color: #00A156;
    text-decoration: underline;
}

a.topnav{
    font-weight: bold;
    color: #07679c;
    text-decoration: none;
    font-size: 10pt;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:5px;
    padding-right:5px;

}

a.topnav:hover{
    font-weight: bold;
    color: #3db47d;
    text-decoration: none;  
}

a.topnavactive{
    font-weight: bold;
    font-size: 10pt;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:5px;
    padding-right:5px;
    color: #3db47d;
    text-decoration: none;
    background-image: url('../images/rainbow-highlight.jpg');
    background-position: top center;
    background-repeat: no-repeat;
}
a.subnav{
    font-weight: bold;
    color: #07679c;
    text-decoration: none;
    font-size: 8pt;
    padding-top:3px;
    padding-bottom:5px;
    padding-left:2px;
    padding-right:2px;

}

a.subnav:hover{
    font-weight: bold;
    color: #3db47d;
    text-decoration: none;  
}

a.subnavactive{

}

a.footnav{
    color: #07679c;
    text-decoration: none;
    padding-top:3px;
    padding-bottom:5px;
    padding-left:2px;
    padding-right:2px;

}

a.footnav:hover{
    color: #3db47d;
    text-decoration: none;  
}

a.projectlink{ font-size: 14px; color:#533b27; font-weight: bold; } 

a.projectlink:hover{ font-size: 14px; color:#b71d21; font-weight: bold;  text-decoration: none; }

a.projectlinkactive{ font-size: 14px; color:#b71d21; font-weight: bold; }

.projectlist{ list-style: none; padding: 0px; margin: 0px; }

li.projectli { padding-left: 25px; }
li.projectli:hover {  background-image:url('../images/fancy-bullet.jpg'); background-position: top left; background-repeat: no-repeat; }
li.projectliactive { padding-left: 25px;  list-style: none;  background-image:url('../images/fancy-bullet.jpg'); background-position: top left; background-repeat: no-repeat; }

#projectlist{ margin-left: 10px; }

/*----------- Main Layout Elements -----------*/
#maincontainer{     width: 900px;                background-color: #e6e8ea; background-image: url('../images/main-container-back.jpg'); background-position: top left; background-repeat: repeat-x; margin: auto; text-align: left; position: relative;}
#banner{            width: 870px; height: 119px; background-color: #e6e8ea; background-image: url('../images/top-banner-back.jpg');     background-position: top left; background-repeat: no-repeat;    margin-left: 15px; margin-right: 15px; text-align: right;}
#nav{               width: 690px;  margin-top: 15px; float: right; color: #FFFFFF;  font-size: 13pt;}
#contentcontainer{  width: 870px; background-color: #e6e8ea; margin-left: 15px; margin-right: 15px; background-image: url('../images/portfolio-left-logo.jpg'); background-position: top left; background-repeat: no-repeat;}
#contentarea{       width: 588px; background-color: #e6e8ea; margin:0px; float:left; padding:5px; margin-top: 100px;}
#rightcol{          width: 250px; margin: 10px; margin-left:0px; margin-top: 0px; float:right; margin-top: 50px;}
#footer{            width: 870px; height:90px; font-size: 8pt; margin-left: 15px; margin-right: 15px; margin-top: 5px; }

#mainphoto{ width: 588px; height: 450px; margin:0px;}
#projectTitle{ font-size: 18pt; margin-bottom: 20px; }

.bluebackground{ background-color: #e9f0f7; width:90%; padding: 5%; margin-top: 20px; }

#projectdescrip{ width:50%; }

#logolinkdiv{ width:200px; height:205px; display:block; position:absolute; top:0px; left:0px; cursor:pointer; }

#getflashbox{position:absolute;width:588px;height:56px;margin-top:6px;margin-top:-56px;}
#getflash{ width:162px;height:56px;background-image:url('../images/GetFlash.jpg');float:right;}

/*--------- Sub navs ------------------*/
#paintingsub{
    /* float:left; */
    margin-left: 17px;
	
    background-image: url('../images/navdropbg.jpg');  
    background-position: top left;
    background-repeat: repeat;

	background-color: #E6E8EA;
	width: 100px;
	border-color: #FFFFFF;
	
	left: 231px;
	top: 88px;
	
	text-align: left;
	
    height: 44px;
	visibility: hidden; 
	
	position: absolute;
}

#aboutsub{
/*    float:right;  */
    margin-left: 10px;

    background-image: url('../images/navdropbg.jpg');  
    background-position: top left;
    background-repeat: repeat;

	background-color: #E6E8EA;
	width: 126px;
	border-color: #FFFFFF;
	
	left: 746px;
	top: 88px;
	
	text-align: left;
	
    height: 66px;
	visibility: hidden; 
	
	position: absolute;
    
}

.rightcolheader{
    background-image: url('../images/right-col-header.jpg');
    background-position: top left;
    background-repeat: repeat-x;
    font-size: 16pt;
    width: 100%;
    padding: 2px;
}

.rightcolsubheader{
    background-image: url('../images/right-col-header.jpg');
    background-position: top left;
    background-repeat: repeat-x;
    font-size: 12pt;
    width: 100%;
    padding: 2px;
}

.greenheader{
    color:#00A156;
    font-size:11pt;
    font-weight:bold;
}

.portfolio_list{
    color:#00A156;
    font-size:10pt;
    font-weight:bold;

}

.quotecall{
    font-size: 16pt;
}

.quotenum{
    font-size: 14pt;
}


#topquote{
    height: 53px;
    width: 500px;
    float: right;
}

/*======================================================*/
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
    visibility: visible !important;
    margin: 0;
}

.sIFR-replaced {
    visibility: visible !important;
}

span.sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
    visibility: hidden;
}

.sIFR-hasFlash div#tproB {
    line-height: 24px;
}

.sIFR-hasFlash div#tproRED {
    height: 23px;
    visibility: hidden;
}

.sIFR-hasFlash div#tpro {
/* 
    height: 35px;
    font-size:36pt;
    line-height: 15px;
    letter-spacing: ;
    line-height: ;
    height: ;   
*/
    
    visibility: hidden;
}