* { margin:0; padding:0; }
html {height: 100%; font-family: Helvetica, Arial; }
body { background-image:url('../images/background.jpg'); margin: 0px 0px 0px 0px; }
a { text-decoration: none; }
#modbod { width: 970px; height: 640px; margin: 0 auto; position: relative; top: 0px; left: 0px; }
img, div { behavior: url('js/iepngfix.htc'); }

#main { width:1000px; margin: 0 auto; position:relative; top: 0px; height: 700px;}	
#overlay-top    { position: absolute; z-index:100; left:29px; top:0px; }	
#overlay-left   { position: absolute; z-index:101; left:0px; top:0px; }	
#overlay-right  { position: absolute; z-index:102; left:970px; top:0px; }	
#overlay-bottom { position: absolute; z-index:103; left:29px; top:615px; }	
#overlay-logo   { position: absolute; z-index:204; left:744px; top:33px; }	
#frame { position: absolute; z-index:1; top:76px; left: 20px; background-color: #727272; }

#nav { z-index: 200; position:absolute; top: 39px; left: 30px; height: 50px; width: 800px; }

#contact-footer
{
	z-index: 105;
	position: absolute;
	top: 645px;
	left: 425px;
	font-size: 12px;
}

.navitem { float: left; width: 150px; z-index: 2; font-weight: bold; }
a { color: #def161; text-decoration: none; }

.subnavitem { width:159px; background-image: url('../images/nav_mid.png'); display:block; padding: 5px 10px 5px 15px; }
.subnavitem:hover { background-image: url('../images/nav_mid_over.png'); background-repeat: repeat-y;}
.subtitle { color: #000; display:block; font-size: 10pt; text-transform: uppercase; }
.subtext { color: #304134; font-size: 10pt; }

#home { width: 67px; float:left; }
#photo, #design, #client { width: 186px; float:left; }
#design, #client { margin-left: -70px; }
#nav_photo, #nav_design, #nav_client { width: 186px; }

#menu, #menu ul { float: left; list-style: none; line-height: 1; font-weight: bold; padding: 0; border: 0px solid #FFF; }
#menu a {
	display: block;
	text-decoration: none;
}

#menu li { float: left; padding: 0; }

#menu li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 184px;
	font-weight: normal;
	border: 0px solid #FFF;
	margin: 0;
	background-image: url('../images/nav_mid.png');
}

#menu li li { width: 13em }

#menu li ul ul { }
#menu li:hover ul ul, #menu li:hover ul ul ul, #nav li.sfhover ul ul, #menu li.sfhover ul ul ul { left: -999em; }
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #nav li li li.sfhover ul { left: auto; }
#menu li:hover, #menu li.sfhover {  }

.homedesc, .homedesc-empty {position: absolute; color: #FFF; padding: 8px 10px; background-image: url('../images/caption-solid.png'); background-repeat: no-repeat; z-index: 150; width: 210px; height: 50px; font-size: 10px; font-family: verdana; line-height: 14px; }
.homedesc a { color: #FCFF00; font-weight: bold; font-size: 10px; }
#desc0 { bottom: 20px; left: 30px; }
#desc1 { bottom: 20px; left: 255px; }
#desc2 { bottom: 20px; left: 480px; }
#desc3 { bottom: 20px; left: 705px; }
#slider{ bottom: 20px; left: 30px; padding: 8px 10px; position: absolute; background-image: url('../images/caption-solid.png'); background-repeat: no-repeat; z-index: 149; width: 210px; height: 50px; }
.hdtopleft {}
.hdtopright { top: 15px; left: 475px; }
.hdbottomright { bottom: 10px; left: 370px; }
.hdbottomleft { bottom: 40px; left: 40px; }

#gnav { display: none; position: absolute; bottom: 22px; left: 328px; color: #FFF; padding: 0px; background-image: url('../images/slider-background.png'); background-repeat: no-repeat; z-index: 150; width: 321px; height: 85px; font-size: 7pt; font-weight: bold; }

#gnavslide { position: absolute; top: 5px; left: 26px; width: 270px; clip: rect(0px, 270px, 60px, 0px); overflow: hidden; height: 60px; }

#gnavholder { white-space: nowrap; position: absolute; left: 0px; top: 0px; padding: 0 86px;}
#gnavholder img { margin: 3px; border: 1px solid #ffffff; position: relative;}
#gnavleft { position: absolute; top: 0px; left: 3px; height: 55px; padding: 2px; }
#gnavright { position: absolute; top: 0px; right: 3px; height: 55px; padding: 2px; }
#gnavleft a, #gnavright a { top: 30%; position: relative;}
#gnavleft img, #gnavright img { border: 0;}
#gtitle {text-transform: uppercase; position: absolute; top: 65px; left: 30px;}
#greturn {text-transform: uppercase; position: absolute; top: 65px; left: 253px;}

#gallerynav { position: absolute; top: 120px; left: 20px; width: 925px; height: 300px; z-index: 100; }
#gallerynav img {margin-top: 40px; border: 1px solid #FFF; }

#portfolionav { position: absolute; top: 30px; left: 30px; width: 800px; height: 40px; z-index:300; }
#portnavtitle { margin: 0; padding: 0; }
h1#port-title { color: #ffffff; text-transform: uppercase; font-size:20px; margin: 0; padding: 0; }
h1#port-title a { color: #fff; }
#portnav img { z-index: 200; }

#bottom-links 
{
	margin:0px 0 0 0;
}

#portnav-list, #mini-sites
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 12px;
}

#portnav-list li, #mini-sites li
{
	display: inline;
	color: #ffffff;
	padding: 0 10px 0 0;
}

#portnav-list li a, #mini-sites li a
{
	color: #F6FB03;
}

#portnav-list li a .active, #mini-sites li a .active
{
	color: #ffffff;
	font-size: 12px;
	visibility: hidden;
	font-weight:bold;
}
#portnav-list li a .selected, #mini-sites li a .selected
{
	color: #ffffff;
	font-size: 12px;
	visibility: visible;
	font-weight:bold;
}

#portnav-list li a:hover, #mini-sites li a:hover
{
	padding: 0;
}

#portnav-list li a:hover .active,
#portnav-list li a:hover .selected,
#mini-sites li a:hover .active,
#mini-sites li a:hover .selected
{
	display: inline;
	padding: 0;
	visibility: visible;
	font-weight:bold;
}

#portnav-list li a.gal-list-item-selected, 
#mini-site li a.gal-list-item-selected 
{
	color:white;
	font-weight:bold;
}

.design-port-item
{
	width: 307px;
	position: absolute; top: 62px;
}

.design-port-item img
{
	border: 0;
}

.design-port-text strong
{
	color: #fff;
}

.design-port-text
{
 	/*background-color: #72997a;*/
	width: 307px;
	height: 260px;
	font-size: 12px;
	color: #bdb;
}

.design-port-text img
{
	position: absolute;
	top: 198px;
	left: 0px;
	z-index: 2;
}

.design-port-text p
{
	position: relative;
	top: 0;
	left: 0;
	z-index: 3;
	margin: 15px;
	line-height: 20px;
}

.design-port-text a
{
	position: absolute;
	top: 420px;
	left: 0;
	z-index: 3;
	margin: 15px;
	color: #F6FB03;
}


#design-port-1
{
	left: 9px;
}

#design-port-2
{
	left: 327px;
}

#design-port-3
{
	left: 644px;
}

#port-detail-left
{
	position: absolute;
	top: 62px;
	width: 180px;
	margin: 0 0 0 30px;
	font-size: 11px;
	color: #fff;
}

#port-detail-left img
{
	border: 1px solid #ffffff;
	margin: 15px 15px 0 0;
}

#port-detail-blurb strong
{
	color: #fff;
}

#port-detail-blurb
{
	font-size: 11px;
	line-height: 20px;
	margin: 15px 20px 0 0;
	color: #bdb;
}

.hide
{
	display: none;
}

#port-detail-img
{
	position: absolute;
	top: 64px;
	left: 222px;
}

#port-return
{
	position: absolute;
	top: 450px;
	font-size: 11px;
	color: #F6FB03;
}

/*--------------Static Left/Right Pages---------------------*/
#left-text
{
	position: absolute;
	z-index: 1;
	top: 27px;
	left: 35px;
	width: 350px;
}

#left-text p { font: normal 12px/17px 'Trebuchet MS', Arial; color:#2d3d31; margin: 0 0 10px 0;}
#left-text h1 { font: normal 18px 'Trebuchet MS', Arial; color:white; }
#sidebar { position: absolute; z-index:1; top:0; left:482px; width:478px; height:552px; }
#left-text .footer { font: normal 9px/11px 'Trebuchet MS', Arial; color:#171f19; }

#loading { position:absolute; top:300px; left:260px; z-index:99; opacity:0; }
#loading img { width:440px; height:38px; }