/*
Filename:  tools.css
Website:  Win-Win Workplace Solutions
Description: CSS file for Tools
*/




.twoColFixCtrHdr #pageHeader {
	position: relative;
	top: 170px;
	left: 18px;
	z-index:5;
}

.twoColFixCtrHdr #toolsText1 {
	/* position: relative;
	top: 185px;
	left: 18px;
	width:550px; */
	float:left;
	margin:170px 0 0 18px;
	width:550px;
}


.twoColFixCtrHdr #list {
	position: relative;
	top: 0px;
	left: 30px;
	width:550px;
}

/* MADE ID'S GENERIC (FLOATING) CLASSES, FOR EASE OF INSERTING NEW MATERIAL (There should be an even more generic, semantically named class in style.css for all the whiteboxes and their headings and text throughout the site.) */

.clearfloat {
	clear: both;
}

.twoColFixCtrHdr .toolsboxH {
	/* position: relative;
	text-indent:20px;
	left:18px;
	top: 200px; */
	float:left;
	margin:20px 0 0 18px;
	width:553px;
	background-color:#ffffff;
	border:1px solid #616365;
	z-index:1;
}

.twoColFixCtrHdr .toolsboxHtitle { /* standards-compliant workaround for IE Box Model problem */
	margin:5px 18px;
	font-weight:bold;
	font-size:12px;
	color:#356a52;
}

.toolsboxHtitle a:link { color: #356a52; text-decoration: none; }
.toolsboxHtitle a:visited { color: #356a52; text-decoration: none; } 
.toolsboxHtitle a:hover { color: #356a52; text-decoration: none; }
.toolsboxHtitle a:active { color: #356a52; text-decoration: none; }  

.twoColFixCtrHdr .toolsbox {
	/* position: relative;
	left:18px;
	top: 200px; */
	float:left;
	margin:0 0 0 18px;
	padding-bottom:20px;
	padding-top:2px;
	width:553px;
	background-color:#ffffff;
	border-left:1px solid #616365;
	border-bottom:1px solid #616365;
	border-right:1px solid #616365;
	z-index:1;
}

.twoColFixCtrHdr .toolsboxtext {
	/* position: relative;
	top: 12px;
	left: 18px;
	width:510px; */
	width:510px;
	margin:12px 0 0 18px;
}

.backtotop {
	font-weight:bold;
	width:550px;
	text-align:center;
}

/* old ways  */

.twoColFixCtrHdr #boxH1 {
	position: relative;
	text-indent:20px;
	left:18px;
	top: 200px;
}

#boxH1 a:link { color: #356a52; text-decoration: none; }
#boxH1 a:visited { color: #356a52; text-decoration: none; } 
#boxH1 a:hover { color: #356a52; text-decoration: none; }
#boxH1 a:active { color: #356a52; text-decoration: none; }  

.twoColFixCtrHdr #box1 {
	position: relative;
	left:18px;
	top: 200px;
}

.twoColFixCtrHdr #text1 {
	position: relative;
	top: 12px;
	left: 18px;
	width:510px;
}

.twoColFixCtrHdr #boxH2 {
	position: relative;
	text-indent:20px;
	left:18px;
	top: 208px;
}

.twoColFixCtrHdr #box2 {
	position: relative;
	left:18px;
	top: 208px;
}

.twoColFixCtrHdr #text2 {
	position: relative;
	top: 12px;
	left: 18px;
	width:510px;
}

.twoColFixCtrHdr .photo {
	float:right;
	margin-bottom:5px;
	margin-left:10px;
}

.twoColFixCtrHdr .btn {
	position: relative;
	left: 400px;
	padding-bottom:5px;
}

.twoColFixCtrHdr #boxH3 {
	position: relative;
	left:18px;
	top: 207px;
}

.twoColFixCtrHdr #box3 {
	position: relative;
	left:18px;
	top: 207px;
}

.twoColFixCtrHdr #text3 {
	position: relative;
	top: 12px;
	left: 18px;
	width:510px;
}

.twoColFixCtrHdr #boxH4 {
	position: relative;
	text-indent:20px;
	left:18px;
	top: 206px;
}

.twoColFixCtrHdr #box4 {
	position: relative;
	left:18px;
	top: 206px;
}

.twoColFixCtrHdr #text4 {
	position: relative;
	top: 12px;
	left: 18px;
	width:510px;
}

.twoColFixCtrHdr #boxH5 {
	position: relative;
	text-indent:20px;
	left:18px;
	top: 206px;
}

.twoColFixCtrHdr #box5 {
	position: relative;
	left:18px;
	top: 206px;
}

.twoColFixCtrHdr #text5 {
	position: relative;
	top: 12px;
	left: 18px;
	width:510px;
}

.twoColFixCtrHdr #boxH6 {
	position: relative;
	text-indent:20px;
	left:18px;
	top: 206px;
}

.twoColFixCtrHdr #box6 {
	position: relative;
	left:18px;
	top: 206px;
}

.twoColFixCtrHdr #text6 {
	position: relative;
	top: 12px;
	left: 18px;
	width:510px;
}

.twoColFixCtrHdr #indentText {
	position: relative;
	top: 0px;
	left: 20px;
	width:510px;
}


/* ***************** RIGHT SIDE BAR CONTENT *************************/

.twoColFixCtrHdr #rightBarContent {
	position:absolute;
 	top: 200px;
	right: 0px;
  width: 170px;
	height:auto;
	z-index:2;
}

.twoColFixCtrHdr #sideH1 {
	position: absolute;
	top: -25px;
	Left: 0px;
	width:170px;
	height:55px;
	background-color:#356a52;
	z-index:2;
}

.twoColFixCtrHdr #H1text { /* This div nested in #sideH1 div */
	position: absolute;
	top: 3px;
	left: 11px;
	width:150px;
	color:#ffffff;
	font-weight:bold;
	font-size:11px;
	z-index:3;
}

.twoColFixCtrHdr #sideText1 {
	position: relative;
	top: 33px;
	left: 11px;
	width:150px;
	color:#356a52;
	z-index:3;
}

.twoColFixCtrHdr #clientList li{
	list-style-type: none;
	list-style-position:outside;
	background:url(../images/dot.gif);
	background-repeat:no-repeat;
	background-position:0px 5px; 
	padding-left:15px;
	margin-top: 15px;
}