BODY { background-color: white;
       font-family: arial, tahmoa, helvetica;
       font-size: 80%;
       color: gray; 
     }

TD { font-size: 80%;
     color: gray }

INPUT { font-size: 80%;
        font-family: arial; 
        } 

A:LINK, A:ACTIVE, A:VISITED { color: gray;
                                          text-decoration: none; 
                                          padding: 2px;}
A:HOVER { color: red;
          text-decoration: none; }

A:LINK.MENU, A:ACTIVE.MENU, A:VISITED.MENU { color: grey;
                                             text-decoration: none;}
A:HOVER.MENU { color: red; }

A:LINK.GALLERY, A:ACTIVE.GALLERY, A:VISITED.GALLERY { color: black; text-decoration: none; }
A:HOVER.GALLERY { color: red; }

A:LINK.FOOTER, A:ACTIVE.FOOTER, A:VISITED.FOOTER { color: black; text-decoration: none; }
A:HOVER.FOOTER { color: black; }

.photobg { position: fixed; top: 0; left: 0; width:100%; height:100%; z-index:-1;}

.portfolio { border: 1px #98AAB1 solid; }
.pagetitle { color: black; font-size: 110%; font-weight: bold; }

.cform input,
.cform textarea,
.cform select { 
	padding:4px;
	background: #e5e5e5!important; 
	border:none;
	vertical-align:top;
	font-size:12px;
	color:#666666;
}
.cform input:hover,
.cform textarea:hover,
.cform select:hover	{
	background:#d5d5d5!important; 
}

.cform input:focus,
.cform textarea:focus,
.cform select:focus	{ 
	background:#909090!important; 
}

.cform textarea,
.cform input,
.cform select {
	width:250px;

}
.cform select {
	width:258px; /* attempt to have equal length */
	padding:2px 0;
}  

.cform textarea {
	font-family: arial;
	overflow:auto;
}




#leftcontent {
		float:left;
		width:67%;
		background:#fff;
		border-right:2px solid #000;
		border-bottom:2px solid #000;
		margin-right:15px;
		padding-bottom:20px;
		}

#rightcontent {
		}
		
	p,h1,pre {
		margin:0px 30px 10px 30px;
		}

                   
#home_box { postition: absolute; 
            left: 0px;     text-align: left;
            top: 6px;       width:200px;
            height:80px;   overflow: auto;
            font-size: 8pt; padding: 3px 3px; 
            border: thin 5px black; }

#home_mx5 { 
            width:180px;    height:180px;   overflow: auto; text-align:center;
            }






a.p1 {text-decoration:none; background:#fff; border:0; margin:10px 0 0 10px; }
a.p1 img {border:0;}
a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000; position:relative; z-index:500;}
a.p1:hover b {top:65px; left:-200; padding:10px; border:1px solid #aaa; background:#fff; opacity:1.0;}

a.p1 b {display:block; position:absolute; left:-9999px; padding:10px; opacity:0;
-o-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-icab-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-khtml-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-o-border-radius: 8px;
-icab-border-radius: 8px;
-khtml-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-webkit-transition: opacity 0.6s ease-in-out;
}