html, body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #FFF;
	background-color: #000000;
	margin: 0;
	padding: 0;
}
#wrap{margin:0 auto;width:850px;}
#wrapper{width:850px;}
#flashDiv { height:100%; }
#container{ background-image: url(images/floodlightsbg.jpg); background-repeat: no-repeat;}
#main{
}
#header,#navbar,#quote, #quote2{width:850px;}
#quote {border-top:2px solid #B5985B; height:135px; text-align:right; }
#quote img {border:none; margin:20px 50px 0px 0px;}
#quote2 {border-top:2px solid #B5985B; height:120px; text-align:right; }
#quote2 img {border:none; margin:2px 50px 0px 0px;}

#header td{vertical-align:top;}

.iwtitle {font-size: 110%;	color: #00204e;	font-weight: 600;}

.content1, .content2{padding: 10px 15px;vertical-align: top;}
.content3{padding:5px 8px 0px 8px;}

.sidepanel{width:220px;	vertical-align: top;}
.sidepanel2,.sidepanel3{padding:0;margin:0;width:306px;}
.sidepanel, .sidepanel2, .sidepanel3{text-align:right;vertical-align:top;}
.sidepanel img, .sidepanel2 img{border:none; margin: 15px 2px 0px 0px ;}
.sidepanel3{width:65px;}
.sidepanel3 img{margin:2px 5px;}

.numbers {
	background-image:url(images/righttopbg.jpg);
	background-repeat: no-repeat;
	height:94px;
	width:290px;
	vertical-align: top;
	text-align: center;
}
.numbers img {margin: 12px;}

.client {
	font-style: italic;
	text-align: right;
	margin: -10px 0 20px 0;
	line-height: 12px;
	font-size: 90%;
	color:#b5985b;
}
.clientdarker {
	font-style: italic;
	text-align: right;
	margin: -10px 0 20px 0;
	line-height: 12px;
	font-size: 90%;
	color:#826e41;
}


img{border:none;}

a {outline: none;}
a:link,a:active,a:visited,a:focus{text-decoration:underline;color: #ffffcc;}
a:hover{color:#002D66;	text-decoration: none;}

#footer {text-align:center;}
#footer a:link,#footer a:active{color:#fff;	font-weight: bold;text-decoration: none;}
#footer a:visited{font-weight: bold;color:#666666;text-decoration: none;}
#footer a:hover{color:#B5985B;font-weight: bold;text-decoration: underline;}

.bios td{vertical-align:top;padding:0 8px 0 8px;}
.bios p{padding-bottom:10px;margin:0;}

.contactinfo{font-size: 110%;line-height:22px;}
.contact a:link,.contact a:active,.contact a:visited{text-decoration:underline;color: #ffffcc;}
.contact a:hover{text-decoration:none; color:#b5985b;}

.portfolio {text-align: center; color:#FFFFCC;font-weight:bold;}

.gold {color:#b5985b;font-weight: bold;}
.goldfont {color:#b5985b;}
.goldfontlg {color:#b5985b;font-size:110%;}

.toppanel {	border-bottom: 2px solid #b5985b;}

.pubsimg {	border: 8px solid #333;}
.pubsimgsm {padding-top:10px;border:3px none;}
	
.linklist {margin-top:-10px;}
.linklist li {list-style-type: none; line-height:22px;}

.smaller {font-size: 85%;}


/*----- Styles for main navigation bar -----*/

#menu {position: relative; margin: 0px auto; padding: 0px; width: 850px; height: 46px; background: url(images/navbarbg.jpg);}
#menu li {height: 46px; position: absolute; top: 0px; background: url(images/menu.jpg) 0 0 no-repeat; display: block; list-style: none;}
#menu a {height: 46px; display: block;}
#menu a:hover {}
#menu #nav-home {width: 75px;left: 0px;}
#menu #nav-pubs {width: 125px;left: 75px; background-position: -75px 0;}
#menu #nav-design {width:145px;left: 200px; background-position: -200px 0;}
#menu #nav-marketing {width:100px;left: 345px; background-position: -345px 0;}
#menu #nav-leaders {width:85px;left: 445px; background-position: -445px 0;}
#menu #nav-test {width:115px;left: 530px; background-position: -530px 0;}
#menu #nav-work {width:125px;left: 645px; background-position: -645px 0;}
#menu #nav-contact {width:80px;left: 770px; background-position: -770px 0;}

/* declarations to style the hover and current states of main navigation bar*/

#home #menu #nav-home a, #menu #nav-home a:hover {background: url(images/menu.jpg) 0px -46px no-repeat;}
#publications #menu #nav-pubs a,#menu #nav-pubs a:hover {background: url(images/menu.jpg) -75px -46px no-repeat;}
#design #menu #nav-design a,#menu #nav-design a:hover {background: url(images/menu.jpg) -200px -46px no-repeat;}
#marketing #menu #nav-marketing a,#menu #nav-marketing a:hover {background: url(images/menu.jpg) -345px -46px no-repeat;}
#leaders #menu #nav-leaders a,#menu #nav-leaders a:hover {background: url(images/menu.jpg) -445px -46px no-repeat;}
#testimonials #menu #nav-test a,#menu #nav-test a:hover {background: url(images/menu.jpg) -530px -46px no-repeat;}
#work #menu #nav-work a,#menu #nav-work a:hover {background: url(images/menu.jpg) -645px -46px no-repeat;}
#contact #menu #nav-contact a,#menu #nav-contact a:hover {background: url(images/menu.jpg) -770px -46px no-repeat;}


/*----- Styles for bio side nav bar -----*/
#biomenu {position: relative; top: -160px;margin: 0px auto; padding: 0px; width: 50px;}
#biomenu li {min-width: 50px; height: 60px; position: absolute; top: 0; background: url(images/heads_sm.jpg) 0 0 no-repeat; display: block; list-style: none;}
#biomenu a {min-width: 50px; height: 47px; display: block;}
#biomenu a:hover {}
#biomenu #bio-jeff {width: 50px;left: 0px;}
#biomenu #bio-cara {width: 50px;left: 0px; top: 65px; background-position: 0 -65px;}
#biomenu #bio-lisa {width:50px;left: 0px; top: 130px; background-position: 0 -130px;}
#biomenu #bio-sherri {
	width:50px;
	left: 0px;
	top: 130px;
	background-position: 0 -195px;
}
#biomenu  #bio-jon {
	width: 50px;
	left: 0px;
}


/* declarations to style the hover and current states of side nav bar items*/

#jeff #biomenu #bio-jeff a, #biomenu #bio-jeff a:hover {background: url(images/heads_sm.jpg) -50px 0px no-repeat;height:60px;}
#cara #biomenu #bio-cara a,#biomenu #bio-cara a:hover {background: url(images/heads_sm.jpg) -50px -65px no-repeat;height:60px;}
#lisa #biomenu #bio-lisa a,#biomenu #bio-lisa a:hover {background: url(images/heads_sm.jpg) -50px -130px no-repeat;height:60px;}
#sherri #biomenu #bio-sherri a,#biomenu #bio-sherri a:hover {background: url(images/heads_sm.jpg) -50px -195px no-repeat;height:60px;}
#jon  #biomenu  #bio-jon  a, #biomenu  #bio-jon  a:hover {
	background: url(images/heads_sm.jpg) -50px 0px no-repeat;
	height:60px;
}

