/*
Filename:  style.css
Website:  Win-Win Workplace Solutions
Description: Main stylesheet for Win-Win website
*/


html, body {
	font-family:Verdana, Arial, sans-serif;
	font-size:11px;
	line-height:15px;
	color:#616365;
	background-color: #cfc59d;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}

/* removes borders from linked images */
a img,
:link img,
:visited img {
	border:none;
	text-decoration: none;
}

a.brownLink, .brownLink {color:#903803;}
a.greenLink, .greenText {color:#356a52; font-weight:bold;}

.greenH {font-size:12px;}
.greenNewsH {font-size:16px; color:#356a52; font-weight:bold;}
a.greenLink.squeeze {letter-spacing:-1px;}

.gray { color:#616365;}
.grayBold { color:#616365; font-weight:bold;}

a:link { color: #616365; text-decoration: underline; }
a:visited { color: #616365; text-decoration: underline; } 
a:hover { color: #616365; text-decoration: underline; }
a:active { color: #616365; text-decoration: underline; }   

P {	margin-top: 1.00em;	margin-bottom: 1.00em; }

.twoColFixCtrHdr #container {
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	width: 760px;
	text-align: left;
}

.twoColFixCtrHdr #header {
	padding: 0; /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	position: absolute;
	height: 85px;
	width: 760px;
	z-index:9999; /* so the dropdown menu goes over the social media buttons */
}

.twoColFixCtrHdr #nav {
	padding: 0;
	position: absolute;
	top: 85px;
	Left: 0px;
	width: 760px;
	margin: 0;
}


/* Main content for all other subpages */
.twoColFixCtrHdr #mainContent2 {
	padding-bottom: 250px;
	background-image: url(../images/tree_watermark.gif);
	background-repeat: no-repeat;
	background-position: 0px 137px; /* position of tree watermark */
	background-color:#fcf7e4;
	position: relative;
	top: 0px;
	width: 760px;
	margin: 0;
	z-index: 1;
}

.twoColFixCtrHdr #rightBar {
	position:absolute;
	top: 0px;
	left: 590px;
	width: 170px;
	height:100%;
	background-color: #ccdad4;
	z-index: 2; }

ul { padding: 0; margin: 0; }

.twoColFixCtrHdr .bullet1 {	background:url(../images/bullet.gif); }
.twoColFixCtrHdr .bullet2 { background:url(../images/bullet2.gif); }


.twoColFixCtrHdr #links1{ /* This div nested inside #box1 div */
	position: relative;
	top: 0px;
	left: 20px;
	width:510px;
	white-space:nowrap;
	display:block;
	z-index:2;
}

.twoColFixCtrHdr .links1 li {
	list-style-type: none;
	list-style-position:outside;
	background-repeat:no-repeat;
	background-position:0px 5px; 
	padding-left:15px;
	margin-top: 15px;
}

.twoColFixCtrHdr .links2 li{
	list-style-type: none;
	list-style-position:outside;
	background-repeat:no-repeat;
	background-position:0px 5px; 
	padding-left:15px;
	margin-top: 2px;
}

/* Shadow under submenu */
.twoColFixCtrHdr #shadow_beige1 {
	position: absolute;
	top: 136px;
	left: 0px;
	width: 760px;
	z-index:5;
}

/* Shadow under main menu */
.twoColFixCtrHdr #shadow_beige2 {
	position: absolute;
	top: 115px;
	left: 0px;
	width: 760px;
	z-index:5;
}

/* Shadow under sub menu */
.twoColFixCtrHdr #shadow_green {
	position: absolute;
	top: 136px;
	right: 0px;
	width: 170px;
	z-index:6;
}

/* Shadow under main menu */
.twoColFixCtrHdr #shadow_green2 {
	position: absolute;
	top: 115px;
	right: 0px;
	width: 170px;
	z-index:6;
}


.twoColFixCtrHdr #boxH1 {
	text-indent:20px;
	left:18px;
}

/* White Boxes Headings*/
.twoColFixCtrHdr .whiteboxH {
	left: 22px;
	width:553px;
	font-weight:bold;
	background-color:#ffffff;
	font-size:12px;
	color:#356a52;
	padding-top: 3px;
	padding-bottom:5px;
	border:1px solid #616365;
	z-index:1;
}

/* White Boxes (For all except Store pages) */
.twoColFixCtrHdr .whitebox {
	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;
}


/*************************  MAIN MENU BUTTONS ***************************/

/*Home*/
.twoColFixCtrHdr #apDiv1 {
  position:absolute;
  top: 0px;
  left: 0px;
  height: 30px;
  width: 110px;
  z-index:11;
}

/*About Us*/
.twoColFixCtrHdr #apDiv2 {
  position:absolute;
  top: 0px;
  left: 110px;
  height: 30px;
  width: 108px;
	z-index:10;
}

/*Services*/
.twoColFixCtrHdr #apDiv3 {
 position:absolute;
  top: 0px;
  left: 218px;
  height: 30px;
  width: 108px;
  z-index: 9;
}

/*Tools*/
.twoColFixCtrHdr #apDiv4 {
  position:absolute;
  top: 0px;
  left: 326px;
  height: 30px;
  width: 108px;
  z-index: 8;
}

/*Store
.twoColFixCtrHdr #apDiv5 {
	position:absolute;
	top: 0px;
	left: 652px;
	height: 30px;
	width: 108px;
	z-index: 7;
} */

/*Contact Us*/
.twoColFixCtrHdr #apDiv6 {
	position:absolute;
	top: 0px;
	left: 434px;
	height: 30px;
	width: 107px;
	z-index: 6;
}

/*Newsletter*/
.twoColFixCtrHdr #apDiv7 {
	position:absolute;
	top: 0px;
	left: 541px;
	height: 30px;
	width: 111px;
	z-index: 5;
}

/*Search*/
.twoColFixCtrHdr #apDiv8 {
	position:absolute;
	top: 0px;
	left: 652px;
	height: 30px;
	width: 108px;
	z-index: 7;
}

/*************************  FOR SUBMENU LINKS  ***************************/


/* To Change text to blue and background to white on rollover */
.about_us_links a:hover, .about_us_links2 a:hover, .overState a:visited {
  background-color: #FFFFFF;
	line-height:9pt;
	color:#0066cc;
}


.about_us_links a, .about_us_links2 a, .about_us_bar {
	padding-top: 4px;
	padding-bottom: 5px;
	padding-left: 8px;
	padding-right: 5px;
	text-decoration:none;
	color:#666666;
	line-height:9pt;
	display:block;
	white-space:nowrap;
}


/* *************************** ABOUT US MENUS *******************************/

/* About Us Drop Down menu */
.twoColFixCtrHdr #about_us_submenu {
	position:absolute;
	top:30px;
	left: 110px;
	width: 170px;
	border-left: 1px solid #8dc7e7;
	border-right: 1px solid #8dc7e7;
	border-top: 1px solid #8dc7e7;
	background-color: #c4dbe8;
	z-index: 40;
	visibility: hidden;
}

/* About Us Drop Down Links */
.about_us_links a {
  border-bottom: 1px solid #8dc7e7;
	font-size:9.5px;
}

/* About Us Horizontal menu */
.about_us_links2 a, .about_us_bar  {
	background-color: #c4dbe8;
	font-size:11.5px;
	text-align:center;
	white-space:nowrap;
	line-height:9pt;
}

.twoColFixCtrHdr #as1 { /* Our Vision */
  position:absolute;
	top:30px;
  left: 0px;
  width: 108px;
 	z-index: 9;
}

.twoColFixCtrHdr #as2 { /* Our People button */
  position:absolute;
	top:30px;
  left: 108px;
  width: 112px;
  z-index: 8;
}

.twoColFixCtrHdr #as3 { /* Clients button (used to be #as4); see also nav.js */
  position:absolute;
	top:30px;
  left: 220px;
  width: 70px;
  z-index: 7;
}

.twoColFixCtrHdr #as4 { /* Warranties & Disclosures button (used to be #as3); see also nav.js */
  position:absolute;
	top:30px;
  left: 290px;
  width: 222px;
  z-index: 6;
}

.twoColFixCtrHdr #as5 { /* Blank blue bar */
  position:absolute;
	top:30px;
  left: 512px;
  width: 235px;
  z-index: 5;
}

.twoColFixCtrHdr #footer {
	padding-left: 5px;
	position: relative;
	top:200px;
	padding-right:175px;
	padding-top: 80px;
	text-align:center;
	font-size:9px;
	line-height:9pt;
	color:#616365;
	margin: 0;
	z-index: 2;
}

/* FOR ADDTHIS SOCIAL MEDIA BUTTONS (Variations for varied page structures) */

/* Typical Variation */

.addthis_toolbox.addthis_pill_combo {
 	position: absolute;
	top: 130px;
	left: 18px;
	width: 550px;
	height:25px;
	border-bottom:1px dotted #616365;
	z-index:6;
} 
 
.addthis_toolbox.addthis_pill_combo .share_this_label {
	position:absolute;
	top:4px;
	left:0px;
	z-index:6;
	color:#356a52;
	font-weight:bold;
} 

.addthis_toolbox.addthis_pill_combo a { 
    /* float: left; */
}

.addthis_toolbox.addthis_pill_combo a.addthis_button_compact {
	position:absolute;
	top:0px;
	left:80px;
	z-index:6;
}

/* .addthis_button_compact .at15t_compact {
    margin-right: 4px;
    float: left;
} */

.addthis_toolbox.addthis_pill_combo a.addthis_button_tweet {
    /* margin-top: -2px; */
	/* float:left; */
	position:absolute;
	top:-2px;
	left:110px;
	z-index:6;
}

.addthis_toolbox.addthis_pill_combo a.addthis_button_facebook_like {
	position:absolute;
	top:0px;
	left:230px;
	z-index:6;
}

.addthis_toolbox.addthis_pill_combo .follow_us {
	position:absolute;
	top:0px;
	left:329px;
	z-index:6;
	color:#356a52;
	font-weight:bold;
}

/* Variation for Home Page (Buttons in Footer) */ 
 
.addthis_toolbox.addthis_pill_combo_home {
	clear:both;
	float:left;
	margin:60px 105px -60px 105px;
	height:30px;
	padding-top:12px;
	border-top:1px dotted #616365;
	border-bottom:1px dotted #616365;
}

.addthis_toolbox.addthis_pill_combo_home .share_this_label {
	/* position:absolute;
	top:4px;
	left:0px;
	z-index:6; */
	float:left;
	margin:4px 6px 0 0;
	color:#356a52;
	font-weight:bold;
} 

.addthis_toolbox.addthis_pill_combo_home a { 
    /* float: left; */
}

.addthis_toolbox.addthis_pill_combo_home a.addthis_button_compact {
	/* position:absolute;
	top:0px;
	left:80px;
	z-index:6; */
	float:left;
	margin-right:15px;
}

/* .addthis_button_compact .at15t_compact {
    margin-right: 4px;
    float: left;
} */

.addthis_toolbox.addthis_pill_combo_home a.addthis_button_tweet {
    /* margin-top: -2px; */
	/* float:left; */
	/* position:absolute;
	top:-2px;
	left:110px;
	z-index:6; */
	float:left;
	margin:-2px 10px 0 0;
}

.addthis_toolbox.addthis_pill_combo_home a.addthis_button_facebook_like {
	/* position:absolute;
	top:0px;
	left:230px;
	z-index:6; */
	float:left;
	margin:0 16px 0 0;
}

.addthis_toolbox.addthis_pill_combo_home .follow_us {
	/* position:absolute;
	top:0px;
	left:340px;
	z-index:6; */
	float:left;
	margin:0 0;
	color:#356a52;
	font-weight:bold;
}
 
/* Variation for Pages with Dropdown Submenu (About Us) */ 
 
.addthis_toolbox.addthis_pill_combo_submenu {
 	position: absolute;
	top: 150px;
	left: 18px;
	width: 550px;
	height:25px;
	border-bottom:1px dotted #616365;
	z-index:6;
} 
 
.addthis_toolbox.addthis_pill_combo_submenu .share_this_label {
	position:absolute;
	top:4px;
	left:0px;
	z-index:6;
	color:#356a52;
	font-weight:bold;
} 

.addthis_toolbox.addthis_pill_combo_submenu a { 
    /* float: left; */
}

.addthis_toolbox.addthis_pill_combo_submenu a.addthis_button_compact {
	position:absolute;
	top:0px;
	left:80px;
	z-index:6;
}

/* .addthis_button_compact .at15t_compact {
    margin-right: 4px;
    float: left;
} */

.addthis_toolbox.addthis_pill_combo_submenu a.addthis_button_tweet {
    /* margin-top: -2px; */
	/* float:left; */
	position:absolute;
	top:-2px;
	left:110px;
	z-index:6;
}

.addthis_toolbox.addthis_pill_combo_submenu a.addthis_button_facebook_like {
	position:absolute;
	top:0px;
	left:230px;
	z-index:6;
}

.addthis_toolbox.addthis_pill_combo_submenu .follow_us {
	position:absolute;
	top:0px;
	left:329px;
	z-index:6;
	color:#356a52;
	font-weight:bold;
}
 
/* Variation for Newsletter (and Search) Pages */ 
 
.addthis_toolbox.addthis_pill_combo_newsletter {  /* For newsletter and search pages (positioned relative to #wrapper2, not #maincontent2, as in the two variations above) */
 	position: absolute;
	top: -23px;
	left: 18px;
	width: 550px;
	height:25px;
	border-bottom:1px dotted #616365;
	z-index:6;
} 
 
.addthis_toolbox.addthis_pill_combo_newsletter .share_this_label {
	position:absolute;
	top:4px;
	left:0px;
	z-index:6;
	color:#356a52;
	font-weight:bold;
} 

.addthis_toolbox.addthis_pill_combo_newsletter a { 
    /* float: left; */
}

.addthis_toolbox.addthis_pill_combo_newsletter a.addthis_button_compact {
	position:absolute;
	top:0px;
	left:80px;
	z-index:6;
}

/* .addthis_button_compact .at15t_compact {
    margin-right: 4px;
    float: left;
} */

.addthis_toolbox.addthis_pill_combo_newsletter a.addthis_button_tweet {
    /* margin-top: -2px; */
	/* float:left; */
	position:absolute;
	top:-2px;
	left:110px;
	z-index:6;
}

.addthis_toolbox.addthis_pill_combo_newsletter a.addthis_button_facebook_like {
	position:absolute;
	top:0px;
	left:230px;
	z-index:6;
}

.addthis_toolbox.addthis_pill_combo_newsletter .follow_us {
	position:absolute;
	top:0px;
	left:329px;
	z-index:6;
	color:#356a52;
	font-weight:bold;
}