/* CSS Document */

/* Css for CFO2Go.com */

body {
	font-family:"Lucida Grande", geneva, arial, sans-serif;
	font-size: 85%;
	color: #666666;
	background-color: #FFF;
	line-height: 180%;
	margin: 0;
	padding: 0;
	text-align: center;
}

/* Set the page width */
#wrapper-menu-top, #header, #wrapper-content, #wrapper-footer {
	width: 900px;
	margin: 0 auto;
	text-align: left;
}

#wrapper-menu-top {
	background: white url('../images/bg02-white-left.png') no-repeat left top;
}

#wrapper-logo-top {
	margin: 0 0 0 0;
	border: none;
	}
	
a img {border:none;}

#menu-top {
	background: transparent url('../images/bg02-white-right.png') no-repeat right top;
	overflow: hidden; /* FF hack */
	height:60px;
	width: 900px;
	position:relative;
}

#seattletext {
	position: absolute;
	top: 37px;
	left: 200px;
	width: 295px;
	height: 23px;
	}

#menu-top a.headimage {
	width: 200px;
	height: 80px;  /* height of top section */
	margin: 3px 0 0 45px;
	text-decoration:none;
	color: #464b5a;
	float: left;
	background: none;
	font-size:1.5em;
	padding: 0 0 0 0;
	z-index: 999;
	}

#menu-top ul {
	margin: 0 20px;
	padding: 1.5em 0 0 0;  /* height of tabs */
	list-style: none;
	font-size: 85%;
	float: right;
}

#menu-top li {
	display: inline;
	float: left;
	padding: 15px 0 0 0;
}

#menu-top a {
	float: left;
	background:url(../images/menuleft.png) no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	line-height: 2em;
}

#menu-top a span.menu {
	background: transparent url(../images/menuright.png) no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#000030;
	display: block;
	float: left;
	cursor: pointer;
	font-weight: normal;
}

#menu-top a.select span {color:#FF7A03;}

 #menu-top a:hover { background-position:0% -42px; }
 #menu-top a:hover span {	background-position:100% -42px; color:#FF7A03; }

#wrapper-header {
	background: transparent url('../images/bg_ltblu.png') top center repeat-x;
}

#header {
	background: #fff url('../images/people_line_7_5.jpg') no-repeat right top;
}

#wrapper-header2 {
	background: transparent url('../images/bg02_ltblue_left_02.png') top left no-repeat;
}

#wrapper-header3 {
	background: transparent url('../images/bg02_ltblue_right_02.png') top right no-repeat;
}

#container {
	margin: 0px 20px -10px 0;
	height: 140px;
	width: 600px;
	line-height: 1.5em;
	padding: 55px 0 0 0;
	padding-top: 50px;
	color:#000000;
	}

.fade-box {
	position:absolute;
	top:50px;
	height:140px;
	width: 500px;
	}

#box-1 { }
#box-2 { }
#box-3 { }
#box-4 { }

.fade-box h1 {
	margin: 0px 20px 0 40px;
	height: 140px;
	line-height: 1.5em;
	color: #000000;
	padding: 55px 0px 0px 40px;
	padding-top: 50px;
}

.fade-box h1 span {
	padding-left:70px;
 	color: #FF7A03;
				 }	
				 
.fade-box h1 img {
	padding-left: 80px;
	padding-top: 20px;
	}

.fade-box h1.cfo {
	font-size:3em;
	padding-left: 50px;
	padding-top: 25px;
	}

.fade-box p {
	margin: 20px 20px 0 70px;
	height: 140px;
	line-height: 1.5em;
	color: #000000;
	padding: 55px 0px 0px 40px;
	padding-top: 50px;
	font-style: italic;
	}
				 
#header h1 {
	margin: 0px 20px 0 40px;
	height: 140px;
	line-height: 1.5em;
	color: #464B5A;
	padding: 55px 0px 0px 40px;
	padding-top: 50px;
}

#header h1 span {
	padding-left:70px;
 	color: #FF7A03;
				 }
				

#wrapper-content {
	background: white url('../images/bg02-white-left.png') no-repeat left top;
  	min-height:500px;
  	height:auto !important;
  	height:500px;

}
#wrapper-content.five {height: 200px;}

html #wrapper-content {
	height: 1%;
}

#content {
	background: transparent url('../images/bg02-white-right.png') no-repeat right top;
	padding: 5px 260px 5px 40px;
	height: auto;
}

#content.clients {
	padding: 5px 50px 5px 40px;
	}

#content p { font-size: 100%; padding: 0 10px 0 15px; line-height:1.5;}

#content a {text-decoration:underline;}

#wrapper-menu-page {
	float: right;
	width: 200px;
	margin: 0px 30px 3em 0em;
	/*line-height: 140%;*/
	font-family:"Lucida Grande", geneva, arial, sans-serif;
	
}

* html #wrapper-menu-page { margin-right: 15px; height:300px; }

#menu-page { padding-top: 5px; background: url('../images/menu3.png') no-repeat;}

#menu-page ul.left {
	font-size: 1em;
	text-align: left;
}

#menu-page ul.left li{
	min-height:30px;
  	height:auto !important;
 	height:30px;
	font-size: 0.9em;
}

#menu-page ul.left li img a {
	font-size:1em;
	text-decoration:none;
	}

#menu-page ul.left li a:hover {
	text-decoration:underline;
	}

#menu-page ul.left li.small{
	font-size: 1em;
}

#menu-page ul.cfos li{
	min-height:20px;
  	height:auto !important;
 	height:20px;
	font-size: 0.9em;
	padding: 0 0 0 5px;
}

#menu-page ul.cfos li img a {
	font-size:1em;
	text-decoration:none;
	}

#menu-page ul.cfos li a:hover {
	text-decoration:underline;
	}

#menu-page ul.cfos li.small{
	font-size: 1em;
}


#menu-page ul.center {
	padding-left: 12px;
	list-style: none;
	text-align: center;
}

#menu-page h3 {
	font-size: 90%;
	text-transform: uppercase;
	margin: 1em 0 0.7em 0;
	color: #FF7A03;
	font-weight: bold;
	letter-spacing: 0.15em;
	text-align: center;
}

#menu-page li {display:block; margin: 5px 0 0 -30px; list-style:none;}

#menu-page li img.number{margin: 5px 5px -5px 0px; line-height: 20px; z-index:50;}
#menu-page li img.member{margin: 5px 5px -5px 0px; line-height: 20px; text-align:center; z-index:50;}

#menu-page h3.showcase {
	padding-bottom: 10px; text-decoration: underline;}

#menu-page a:link, #menu-page a:visited { color: #888; }
#menu-page a:hover, #menu-page a.selected { color: #FF7A03; }

a.showcase:hover { color: #FF7A03;}
a.showcase:link, a.showcase:visited { color: #888;}
a.selected:link, a.selected:visited { color: #FF7A03;}

.Slide {
	height: 500px;
	width: 95%;
	margin-top: -20px;
		}

.Slide2 {
	height: 500px;
	width: 95%;
	margin-top: 10px;
		}
.Slide3 {
	height: 650px;
	width: 95%;
	margin-top: 10px;
		}

/* Footer */

#wrapper-footer {
	margin-top: 1em;
	text-align: center;
}

/*#footer {
	margin: 0 20px;
	color: #000030;
	background: url(../images/bg_ltblu_footer_2.png) repeat-x top left;
	clear: both;
	height: 60px;
}*/

#footer {
	color: #000030;
	background: #f2f2f2;
	border-top: solid thin #D5D9E2;
	border-left: solid thin #D5D9E2;
	border-right: solid thin #D5D9E2;
	clear: both;
	height: 90px;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 20px;
}

#footer a:link, #footer a:visited {text-decoration:underline; color:#000030;}
#footer a:hover {color:#FF7A03;}

/* Generic Styles */

.blue {
	color:#687188;
	font-size: 110%;
}
.orange {color:#FF7A03;}
.orangeclient {color:#FF7A03; font-size:16px;}
.bigorange {
			font-weight: bold;
			font-size: 140%;
			color:#FF7A03;
			}
.ltorange {color:#FF7A03;}
.italic {font-style: italic;}
h2 { font-size: 160%; color:#464B5A; margin-bottom:-7px;}
h2.top { font-size: 160%; color:#464B5A; margin-top: 0px;}
h3 { font-size: 100%; }
img.center {margin: 0 auto;}
.bold {font-weight: bold;}
a:link.underline {text-decoration: underline;}

a:link, a:visited { color: #FF7A03; text-decoration: none; font-weight:bold; }
a:hover{ color: #000030; text-decoration: none; }
img.portrait {margin: 7px 10px -3px 0;}
a img.readmore {padding: 3px 0 0 0;}
a img.center {margin: 0 auto;}


img.homebutton {
	padding-top: 5px;
	}

#uppermenu {
	width: 490px;
	background: #F4F5F8;
	float:left;
	margin: 10px 0 15px 0;
	padding: 5px 50px 5px 40px;
	font-size:12px;
	border: solid thin #D5D9E2;
	}

#notice {
	border: solid thin #006;
	background:#EAEDF7;
	color: #006;
	width: 570px;
	height: 75px;
	padding-left: 10px;
	font-size: 12px;
	line-height:17px;
	padding: 4px 5px 0 5px;
}