/* CSS Document */
.tip {font:11px/14px Arial,Helvetica,sans-serif; border:solid 1px #666666; width:270px; padding:5px; position:absolute; z-index:100; visibility:hidden; color:#333333; margin-top:-20px; left:90px; margin-left:100px; background-color:#ffffcc; layer-background-color:#ffffcc;}

#container {
	margin: 1em auto;
	width: 700px;
	border: 1px solid #000;
	padding: 1em;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
}
body {
	background-color: #999999;
}
#nav {
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	height: 150px;
	clear: both;
}
#nav ul
{
display: block;
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#nav ul li
{
display: block;
float: left;
text-align: center;
padding: 0px 8px 0px 0px;
}

#nav ul li a
{
	display: block;
	width: 110px;
	margin: 0px;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	font-size: 8.5pt;
	line-height:8pt;
	padding-top: 7px;
	padding-bottom: 7px;
	background-image: url(../images/nav_bg.jpg);
	background-repeat: repeat-x;
}

#nav ul li a:hover
{
	color: #FFFFFF;
	background-image: url(../images/nav_bg_over.jpg);
}
#nav ul li a.current
{
	color: #FFFFFF;
	background-image: url(../images/nav_bg_over.jpg);
	background-repeat: repeat-x;
}
#nav ul li.last {
	padding: 0px;
}
#bodysection {
}
#banner {
	margin-bottom: 10px;
	padding-top: 8px;
	clear: both;
}



#colleft {
	width: 430px;
	float: left;
	background-image: url(../images/pix_blue.jpg);
	background-repeat: no-repeat;
	padding-right: 10px;
	padding-bottom: 0px;
	background-position: left bottom;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
}
#colleft h1,#colwide h1 {
	font-size: 110%;
	color: #024387;
	padding-right: 10px;
	padding-left: 10px;
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 0px;
}
#colleft p,#colwide p,#colwide h6 {
	font-size: 80%;
	margin: 0px;
	padding: 10px;
}
#colleft li,#colwide p {
	font-size: 80%;
}
#colleft .bodycopy,#colwide p,#colwide .bodycopy,#colwide h6 {
	font-size: 80%;
}


#colwide {
	width: 700px;
	float: left;
	background-repeat: no-repeat;
	background-position: left bottom;
}



#colright {
	width: 250px;
	float: right;
	padding-top: 0px;
	padding-bottom: 0px;
	background-image: url(../images/pix_green.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
#colright h1 {
	font-size: 90%;
	color: #70AA22;
	padding-right: 10px;
	padding-left: 10px;
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 0px;
}
#colright .service {
	background-image: url(../images/service_bg.jpg);
	padding: 5px;
	margin-top: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-bottom: 10px;
}
#colright .service p {
	font-size: 75%;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px;
}
#colright .service h2 {
	font-size: 85%;
	color: #1E6124;
	margin: 0px;
}


#footer {
	clear: both;
	font-size: 65%;
	color: #666666;
	background-image: url(../images/icons.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
#footer a {
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
#footer p {
	margin: 0px;
	padding: 0px;
	line-height: 15px;
}
#nav img {
	padding-bottom: 8px;
}
#footer img {
	margin-top: 10px;
}
#footer a:hover {
	text-decoration: underline;
}
#colright a {
	text-decoration: none;
}
#bodysection a {
	font-weight: bold;
	color: #024387;
	text-decoration: none;
}
#colleft h2 {
	font-size: 90%;
	padding: 10px 10px 0px 10px;
	margin: 0px;
	color: #024387;
}
#exp_dust,#exp_border,#exp_retouch {
	font-size: 80%;
	padding-left: 10px;
	padding-bottom: 10px;
}
.hidedust,.hideborder,.hideretouch {
	display: none;
}
.showdust,.showborder,.showretouch {
	display: block;
}

a.info{
	position:relative; /*this is the key*/
	z-index:24;
	;
	color:#000;
	text-decoration:none;
}

a.info:hover{z-index:25;}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:0em; width:30em;
    border:1px solid #024387;
	background-color:#CEE7FF;
	padding:4px;
	color:#000000;
	font-weight:normal;
}
.halfwidth {
	float: left;
	width: 50%;
}
#col1 {
	width:50%; 
	float:left;
}
#col2 {
	background-color:#E8F3FF; 
	width:50%; 
	float:left;
}#colright p {
	font-size: 85%;
}
.dkblue {
	color: #024387;
}
#colleft p.smaller {
	font-size: 60%;
}
