/* CSS Document */

*{
	margin: 0;
	padding: 0;
}

html {
	height: 100%;
}

body {
	height: 100%;
	background:#00a9bc url('../images/background.jpg') no-repeat;
	background-position: center top;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;	
	color: #959799;
}

h2 {
	font-size: 13px;
	font-weight:bold;	
	color: #959799;
	text-align:center;
}

h3 {
	font-size: 11px;
	font-weight:normal;	
	color: #959799;
	text-align:center;
}

h4 {
	text-decoration: none;
	font-size: 8pt;
	color: #666666;
	display: block;
	width: 160px;
}

p {
	font-size: 10pt;
	text-align:justify;
	padding:15px 0 0 0;
}

#container {
	position: relative;
	width: 1024px;
	height: 100%;
	margin: -40px auto;
	margin-bottom: -38px;
	/*background:url('../images/container.png') no-repeat;*/
	clear: left;
}

#header {
	position: absolute;
	margin: 200px 0px;
}


/* BEGIN MAIN NAV */




#topbar {
	background:url('../images/navbar.gif') repeat-x;
	height: 99px;	
}



#logo	{
	position: relative;
	height: 56px;
	margin: -270px -40px;
	clear: left;
		
}

#navbar {
	position: relative;
	margin: 229px 235px;
	width: 812px;
	clear: left;
}

#nav {
	float:left;
   	width:100%;
	position:relative;
}


#nav ul {
	margin: 0 auto;	
	width: 209px;
	clear: left;
}

#nav li a{
	text-decoration: none;
	font-size: 12pt;
	font-weight:200;
	color: #959799;
	display: block;
	width: 50px;
}

#nav ul a {
	text-decoration: none;
	color: #fff;
	display: block;
	width: 175px;
}






/* END MAIN NAV */


#logo {
	padding: 0px 110px;
	}


/* START SIDE NAV */

#sidenav {
	float: left;
}

#pageheader {
	margin: 0px 75px;
	padding: 20px 0px;
	text-transform: uppercase;
	font-size: 10pt;
	font-weight:normal;	
	color: #ff9900;
}


#sidenav ul {
	margin: 0px 75px;
}
	
#sidenav ul a {
	text-decoration: none;
	font-size: 10pt;
	color: #666666;
	display: block;
	width: 160px;
}

#sidenav a:hover {
	background-color: #e0e0e0;
	display: block;
	width: 160px;
	
}

#sidenav a:selected {
	background-color: #e0e0e0;
}

#sidenav ul li {
	list-style: none;
	text-decoration:none;
	padding: 5px 0;
}

#sub_sidenav {
	margin: 50px 20px;
}

#sub_sidenav ul a {
	text-decoration: none;
	font-size: 9pt;
	color: #9b9b9b;
	display: block;
	width: 180px;
}

#sub_sidenav a:hover {
	background-color: #e0e0e0;
	display: block;
	width: 180px;
	
}

#sub_sidenav a:selected {
	background-color: #e0e0e0;
}

#sub_sidenav ul li {
	list-style: none;
	text-decoration:none;
	padding: 5px 0;
}



body.mission a.mission, body.overview a.overview, body.team a.team, body.awards a.awards, body.clientlist a.clientlist, body.startups a.startups, body.business a.business, body.restaurants a.restaurants, body.government a.government, body.nonprofit a.nonprofit, body.financial a.financial, body.realestate a.realestate, body.printads a.printads, body.hlpa a.hlpa, body.hec a.hec, body.smei a.smei, body.dongbu a.dongbu, body.tv a.tv, body.radio a.radio, body.collateral a.collateral, body.internet a.internet, body.clientnews a.clientnews, body.companynews a.companynews, body.media a.media, body.pr a.pr, body.creative a.creative, body.webdesign a.webdesign, body.directmarketing a.directmarketing, body.research a.research, body.contact a.contact, body.aking01 a.aking01, body.aking02 a.aking02, body.alzassoc01 a.alzassoc01, body.alzassoc02 a.alzassoc02, body.banditostv a.banditostv, body.banditosted a.banditosted, body.hecgeneral a.hecgeneral, body.hecglaucoma a.hecglaucoma, body.hecharold a.hecharold, body.hecjim a.hecjim, body.hlpapsa01 a.hlpapsa01, body.hlpapsa02 a.hlpapsa02, body.ihs01 a.ihs01, body.kamalei a.kamalei, body.kukahi a.kukahi, body.maluhia a.maluhia, body.memoriesb a.memoriesb, body.gaco a.gaco, body.wilkinsontv a.wilkinsontv, body.dongbuprint a.dongbuprint, body.hecprint a.hecprint, body.hlpaprint a.hlpaprint, body.smeiprint a.smeiprint, body.dongbucol a.dongbucol, body.macbcol a.macbcol, body.pw01col a.pw01col, body.pw02col a.pw02col, body.smeicol a.smeicol, body.akingr01 a.akingr01, body.akingr02 a.akingr02, body.banditosr01 a.banditosr01, body.banditosr02 a.banditosr02, body.banditosr03 a.banditosr03, body.banditosr04 a.banditosr04, body.desr a.desr, body.dongbur01 a.dongbur01, body.dongbur02 a.dongbur02, body.hlpar01 a.hlpar01, body.hlpar02 a.hlpar02, body.hlpar03 a.hlpar03, body.hlpar04 a.hlpar04, body.hlpar05 a.hlpar05, body.hecr01 a.hecr01, body.hecr02 a.hecr02, body.hecr03 a.hecr03, body.hecr04 a.hecr04, body.hecr05 a.hecr05, body.lotur a.lotur, body.nesianr a.nesianr, body.pacstorer01 a.pacstorer01, body.pacstorer02 a.pacstorer02, body.securityoner a.securityoner, body.wunlmtr a.wunlmtr, body.wilkinsonr01 a.wilkinsonr01, body.wilkinsonr02 a.wilkinsonr02, body.wilkinsonr03 a.wilkinsonr03 {
	background-color: #e0e0e0;
}

#contactinfo {
	position: absolute;
	margin: 0px 815px;
	width: 170px;
}

/* END SIDE NAV */

#box {
	width: 1037px;
	margin: 10px auto;
}

#box #top {
	height: 52px;
	background:url(../images/container_top.png) no-repeat;
}

#box #contentbox {
	background:url(../images/container_mid.png) repeat-y;
	min-height:389px;
}

.sausebros-height #box #contentbox{
	min-height: 900px;
}

#box #bottom {
	height: 101px;
	background:url(../images/container_bottom.png) no-repeat;
}

#contenticon  {
	position: absolute;
	margin: 0px 235px;
	width: 189px;
	height: 386px;
	clear: left;
}

#content {
	position: relative;
	width: 551px;
	margin: 0px 450px;
	padding: 20px 5px;
}

#contentheader {
	font-size: 24pt;
	font-weight: 100pt;
}

#contentgallery	{
	position: relative;	
	width: 551px;
	height: 310px;
	margin: 0px 450px;
	padding: 20px 5px;
	clear: left;
}

#content ul li	{
	text-decoration: none;
}

#contentlist li	{
	list-style: none;
	text-decoration:none;
	padding: 5px 0;
}

#video {
	position: absolute;
	margin: 0px;
}

#videolist {
	position: absolute;
	margin: 0px 330px;
	width: 220px;
	list-style: none;
	text-decoration:none;
}

#audio {
	position: absolute;
	margin: 20px 0px;
}

#social {
	clear: both;
	margin: 0px 1000px;
	padding: 7px 0px;
}


#social li {
	clear: both;
	list-style-type: none;
}

/*START PROJECT PAGE*/

#projectnav {
	position: absolute;
	margin: -93px 240px;
	width: 245px;
	height: 300px;
	clear: left;
}


#projectnav ul {
	position: absolute;
	margin: 150px 0px;
	width: 245px;
	height: 450px;
	overflow-y: scroll;
	overflow-x: hidden;
}

#projectnav ul li{
	padding: 0px 0px 0px 0px;
}
	
#projectnav a {
	text-indent: 10px;
	text-decoration: none;
	font-size: 9pt;
	color: #9b9b9b;
	display: block;
	width: 245px;
}

#projectnav a:hover {
	background-color: #e0e0e0;
	display: block;
	width: 245px;
	
}

#projectnav a:selected {
	background-color: #e0e0e0;
}

#projectnav ul li {
	list-style: none;
	text-decoration:none;
	padding: 5px 0;
}

#projectgallery {
	position: relative;
	width: 700px;
	height: 500px;
	margin: 0px 515px;
	padding: 55px 0px 5px 0px;
}

#click {
	position: relative;
	margin: 0px 0px 5px 375px;
}

#subtitle {
	padding: 40px 0px 0px 0px;
}

#websites {
	position: relative;
	width: 715px;
	margin: 0px -145px;
}

#websites li {
	float: left;
	text-decoration: none;
	font-size: 10pt;
	color: #666666;
	display: block;
	width: 235px;
	margin: 20px 2px 0px 0px;
}

#websites img{
	width: 225px;
	margin: 5px 2px;
}

#project {
	
}

#title {
	
}

#credits {
	
}

#info {
	
}

#websites {
	padding: 20px 0 50px 0;
}

/*END PROJECT PAGE*/

/*START LIGHTBOX*/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/*END LIGHTBOX*/

/*START FOOTER*/

#wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -38px;
}

.clearfooter {
height: 38px;
clear: both;
}

#main {
	/*overflow:auto;*/
	padding-bottom: 100px;}  /* must be same height as the footer */
							/* changed so footer doesn't overlap container */

#footer {
	position: relative;
	margin-top: -38px; /* negative value of footer height */
	height: 38px;
	background:url('../images/footerbar.gif') repeat-x;
	clear:both;} 
	
#footernav {
	position: relative;
	margin: 0 auto;
	list-style-type: none;
	font-size: 8pt;
	font-weight:300;
	color: #959799;
	display: block;
	width: 812px;
}

#footernav ul {
	float:left;
	width:100%;
	padding:0;
	margin:0;
	list-style-type:none;
}

#footernav a {
	float:left;
	width:50px;
	text-decoration:none;
	color:#959799;
	padding:10px 12px;
}

#footernav a:hover {
	color: #959799;
}

#footernav li {
	display:inline;
}

#copyright {
	position: absolute;
	clear:left;
	float:left;
	width:200px;
	text-decoration:none;
	margin:10px 700px;
}
	
/*
#footer {
	clear: both;
	position: relative;
	background:url('../images/container_bottom.png') no-repeat;
	width: 1037px;
	height: 101px;
	margin: 0px auto;
}

*/

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}



/*

Sticky Footer by Ryan Fait
http://ryanfait.com/

*/

/*END FOOTER*/

/*END CLASSES*/