﻿/* CSS Document */
body {
	background-color: #4B3935;
}

#wrapper {
	margin:0 auto;
	}
.style1 {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
}

ul.none {
	list-style-type:none;
	}
.style7 {font-family: Arial, Helvetica, sans-serif; color: #FCF4AC; font-size: 14px; }
.style9 {color: #DE4C27; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 18px; }
.style10 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
}
.style11 {color: #9C2F18}
.style12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.style13 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#FFCC66;
	
}
.style14 {font-family: Arial, Helvetica, sans-serif; font-size: 10px; }


img {
	border:0px;
	}




/*tool tip*/

a.info, a.secondinfo, a.thirdinfo, a.fourthinfo, a.fifthinfo{
    position:relative; /*this is the key*/
    z-index:24;
    color:#FCF4AC;
    text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	}

a.info:hover, a.secondinfo:hover, a.thirdinfo:hover, a.fourthinfo:hover, a.fifthinfo:hover{z-index:25;}

a.info span, a.secondinfo span, a.thirdinfo span, a.fourthinfo span, a.fifthinfo span{display: none}

a.info:hover span, a.secondinfo:hover span, a.thirdinfo:hover span, a.fourthinfo:hover span, a.fifthinfo:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #D94826;
    background-color:#cff; color:#000;
	background-image: url(tooltip/contentabstracting.jpg);
	height:159px;
	width:290px;
    text-align: center}
	
	
	

a.secondinfo:hover span{ /*the span will display just on :hover state*/
	background-image: url(tooltip/contentediting.jpg);
}

a.thirdinfo:hover span{ /*the span will display just on :hover state*/
	background-image: url(tooltip/contentrewriting.jpg);
	height:318px;
}

a.fourthinfo:hover span{ /*the span will display just on :hover state*/
	background-image: url(tooltip/documentfacelift.jpg);
}

a.fifthinfo:hover span{ /*the span will display just on :hover state*/
	background-image: url(tooltip/qualityauditing.jpg);
}
