/* About  Date Created 10/16/2007 */	

/************************************************************ Layout About Overview *************************************************************/
div#aboutServices, div#contactUs {
	padding: 100px 0 40px 40px;
	width: 947px;
	background: url(../img/header/about.top.jpg) no-repeat;
}
	div#aboutServices #h1, div#contactUs #h1 {
		padding: 0 0 18px 0;
		background: url(../img/header/about.gif) no-repeat;
		border-bottom: 1px solid #d9d9d9;
		text-indent: -9999px;
	}
a.watchVideo {
	background: url(../img/icons/watch-video.gif) no-repeat left top;
	padding: 0 0 0 20px;
	display: block;
	height: 10px;
	width: 70px;
	line-height: .9em;
}
a.watchVideo:hover {
	background-position: left bottom;
}	
/***************************************************************** Right Column *****************************************************************/		
	div#aboutServices .colB {
		float: right;
		width: 310px;
	}
		div#aboutServices .colB div {
			padding: 0 0 0 111px;
			background: #F1F1F1 url(../img/mugshot/jMuirSmll.jpg) no-repeat;
			height: 149px;
		}
			div#aboutServices .colB h2 {
				background: #e8e8e8 url(../img/header/jMuir.gif) 20px center no-repeat;
				height: 26px;
				border-bottom: 2px solid #e1e1e1;
				text-indent: -9999px;
			}
			div#aboutServices .colB h4 {
				padding: 15px 0 5px 20px;
				font-size: 1.1em;
				font-weight: bold;
				color: #666666;
			}
			div#aboutServices .colB p {
				padding: 0 15px 0 20px;
				line-height: 1.4em;
			}
			div#aboutServices #nightclub {
					background: url(../img/fpo/nightclub.jpg) no-repeat;
					height: 393px;
					text-indent: -9999px;
				}
			div#aboutServices #sohoFlat {
					background: url(../img/fpo/sohoflat.jpg) no-repeat;
					height: 393px;
					text-indent: -9999px;
				}
/***************************************************************** Left Column *****************************************************************/		
	div#aboutServices .colA {
		float: left;
		width: 580px;
	}
		ul#topNav li {
			float: left;
			padding: 15px 18px 0 15px;
			_padding-left: expression((this==this.parentNode.firstChild)? "0":"15px");
			_border-left: expression((this==this.parentNode.firstChild)? "none":"1px solid #d9d9d9");
			border-left: 1px solid #d9d9d9;
		}
		ul#topNav li:first-child {
			padding-left: 0;
			border-left: none;
		}
		ul#topNav li a {
				display: block;
				height: 7px;
				_line-height: 7px;
				text-indent: -9999px;
			}
			ul#topNav li a:hover {
				background-position: center;
			}
			ul#topNav li a:active {
				background-position: top;
			}
				li#company a {
					background: url(../img/btn/company.gif) no-repeat;
					width: 112px;
				}
				li#team a {
					background: url(../img/btn/team.gif) no-repeat;
					width: 86px;
				}
			div#aboutServices .colA .p1 {
				padding: 30px 0 15px 0;
			}
			div#aboutServices .colA p  {
				padding: 0 0 15px 0;
				line-height: 1.5em;
			}
				div#aboutServices .colA p a {
					font-size: 1em;
					color: #969696;
				}
				div#aboutServices .colA p a:hover {
					color: #1096c8;
				}
			div#aboutServices .colA h2 {
				margin: 8px 0 0 0;
				width: 240px;
				min-height: 35px;
				_height: 35px;
				background: url(../img/header/consultation.gif) 0 15px no-repeat;
				text-indent: -9999px;
				border-top: 1px solid #d9d9d9;
			}
			div#aboutServices .colA .contact {
				padding: 0 15px 0 0;
				background: url(../img/icons/gray.arrow.gif) right center no-repeat;
				color: #1096C8;
				font-weight: bold;
			}

/************************************************************** Layout About Team **************************************************************/		

/***************************************************************** Right Column******************************************************************/
	div#aboutServices .bCol {
		float: right;
		padding: 50px 0 0 0;
		width: 250px;
	}
		ul#rList li {
			padding: 0 0 1px 0;
		}
			ul#rList li  a {
				display: block;
				margin: 0 0 0 27px;
				width: 223px;
				height: 48px;
				_line-height: 48px;
				text-indent: -9999px;
			}
			ul#rList li  a:hover {
				background-position: center;
			}
			ul#rList li a:active {
				background-position: left;
			}
				li#jMuir a{
					background: url(../img/btn/jMuir.gif) no-repeat;
				}
				li#sJones a {
					background: url(../img/btn/sJones.gif) no-repeat;
				}
				li#mKriak a {
					background: url(../img/btn/mKriak.gif) no-repeat;
				}
/***************************************************************** Left Column******************************************************************/
	div#aboutServices .aCol {
		float: left;
		width: 640px;
	}
		div#aboutServices .mugshot {
			padding: 30px 0 0 0;
		}
			div#aboutServices .mugshot img {
				position: absolute;
			}
			div#aboutServices .mugshot div {
				position: absolute;
				padding: 230px 0 0 0;
			}
				div#aboutServices .mugshot a {
					display: block;
					margin: 0 0 10px 0;
					padding: 0 0 0 17px;
					background: url(../img/icons/envelope.gif) left center no-repeat;
					color: #1096C8;
					font-weight: bold;
				}
				div#aboutServices .mugshot span {
					padding: 0 0 0 17px;
					background: url(../img/icons/phone.gif) left center no-repeat;
				}
		.desc {
			margin: 0 0 0 125px;
			padding: 20px 50px 20px 0;
			min-height: 600px;
			_height: 600px;
			background: #f1f1f1;
		}
			.desc h1 {
				padding: 13px 0px 13px 120px;
				width: 170px;
				text-indent: -9999px;
				background-position: 65px 50%;
				background-repeat: no-repeat;
				background-color: #fff;
			}
				.desc h1#justin {
					background-image: url(../img/header/jMuirLrg.gif);
				}
				.desc h1#scott {
					background-image: url(../img/header/sJonesLrg.gif);
				}
				.desc h1#michael {
					background-image: url(../img/header/mKriakLrg.gif);
				}
			.desc h4 {
				padding: 2px 0 2px 67px;
				font-size: 1.1em;
				width: 100px;
				background: #ddd;
				color: #000;
			}
			.desc p {
				padding: 17px 0 0 67px;
				line-height: 1.6em;
			}
			
/************************************************************* Layout Services Detail ************************************************************/
/* Service Detail  Date Created 11/08/2007 */
body#servicesDetail #aboutServices {
	background: url(../img/header/services.top.jpg) no-repeat;
}
	body#servicesDetail #h1 {
		background: url(../img/header/servicesLrg.gif) no-repeat;
	}
		div#aboutServices #zen {
			background: url(../img/fpo/zen.jpg) no-repeat;
			height: 419px;
			text-indent: -9999px;
		}

/************************************************************ Layout Case Studies Detail **********************************************************/
/* Case Studies Detail  Date Created 11/09/2007 */
div#caseDetail {
	padding: 0 0 60px 0;
}

/***************************************************************** Right Column******************************************************************/
	div#caseDetail .bCol {
		float: right;
	}
		div#caseDetail #rList a { 
			margin: 0;
			width: 253px;
		}
			li#rHonda a {
				background: url(../img/btn/honda.gif) no-repeat;
			}
			li#rDiver a {
				background: url(../img/btn/diver.gif) no-repeat;
			}
			li#rHedgefund a {
				background: url(../img/btn/hedgefund.gif) no-repeat;
			}
			li#rDenmark a {
				background: url(../img/btn/denmark.gif) no-repeat;
			}
			li#rDallas a {
				background: url(../img/btn/dallas.gif) no-repeat;
			}
			li#rShipwrecked a {
				background: url(../img/btn/shipwrecked.gif) no-repeat;
			}
			li#rBlaine a {
				background: url(../img/btn/blaine.gif) no-repeat;
			}
			li#rHeiress a {
				background: url(../img/btn/heiress.gif) no-repeat;
			}
			/* Services Btns */
			li#rAquariums a {
				background: url(../img/btn/aquariums.gif) no-repeat;
			}
			li#rMaintenance a {
				background: url(../img/btn/maintenance.gif) no-repeat;
			}
			li#rConsulting a {
				background: url(../img/btn/consulting.gif) no-repeat;
			}
			li#rMedia a {
				background: url(../img/btn/media.gif) no-repeat;
			}
			li#rProjects a {
				background: url(../img/btn/projects.gif) no-repeat;
			}

/***************************************************************** Left Column******************************************************************/
	div#caseDetail .aCol {
		float: left;
		width: 669px;
		padding: 227px 0 0 0;
	}
		div.mastHonda {
			background: url(../img/masthead/honda1.jpg) top left no-repeat;
		}
		div.mastDiver {
			background: url(../img/masthead/diver1.jpg) top left no-repeat;
		}
		div.mastHedgefund{
			background: url(../img/masthead/hedgefund1.jpg) top left no-repeat;
		}
		div.mastDenmark {
			background: url(../img/masthead/denmark1.jpg) top left no-repeat;
		}
		div.mastShipwrecked {
			background: url(../img/masthead/shipwrecked1.jpg) top left no-repeat;
		}
		div.mastBlaine {
			background: url(../img/masthead/blaine5.jpg) top left no-repeat;
		}
		div.mastHeiress {
			background: url(../img/masthead/heiress1.jpg) top left no-repeat;
		}
		div.mastDallas {
			background: url(../img/masthead/dallas1.jpg) top left no-repeat;
		}
		/* Services Masthead */
		div.mastAquariums {
			background: url(../img/masthead/aquariums.jpg) top left no-repeat;
		}
		div.mastMaintenance {
			background: url(../img/masthead/maintenance.jpg) top left no-repeat;
		}
		div.mastConsulting {
			background: url(../img/masthead/consulting.jpg) top left no-repeat;
		}
		div.mastMedia {
			background: url(../img/masthead/media.jpg) top left no-repeat;
		}
		div.mastProjects {
			background: url(../img/masthead/projects.jpg) top left no-repeat;
		}
		div#caseDetail .desc {
			float: left;
			margin: 0;
			min-height: 300px;
			_height: 300px;
			width: 550px;
		}
			div#caseDetail .desc h1 {
				background-position: 25% center;
				background-color: #fff;
			}
				h1#honda  {
					background: url(../img/header/hondaLrg.gif) no-repeat;
					width: 247px;
				}
				h1#diver  {
					background: url(../img/header/diverLrg.gif) no-repeat;
					width: 133px;
				}
				h1#hedgefund  {
					background: url(../img/header/hedgefundLrg.gif) no-repeat;
					width: 310px;
				}
				h1#denmark {
					background: url(../img/header/denmarkLrg.gif) no-repeat;
					width: 348px;
				}
				h1#shipwrecked {
					background: url(../img/header/shipwreckedLrg.gif) no-repeat;
					width: 174px;
				}
				h1#blaine{
					background: url(../img/header/blaineLrg.gif) no-repeat;
					width: 169px;
				}
				h1#heiress {
					background: url(../img/header/heiressLrg.gif) no-repeat;
					width: 101px;
				}
				h1#dallas {
					background: url(../img/header/dallasLrg.gif) no-repeat;
					width: 80px;
				}
				/* Services Aquariums */
				h1#aquariums  {
					background: url(../img/header/aquariumsH.gif) no-repeat;
					width: 148px;
				}
				h1#maintenance {
					background: url(../img/header/maintenanceH.gif) no-repeat;
					width: 505px;
				}
				h1#consulting {
					background: url(../img/header/consultingH.gif) no-repeat;
					width: 471px;
				}
				h1#media {
					background: url(../img/header/mediaH.gif) no-repeat;
					width: 245px;
				}
				h1#projects {
					background: url(../img/header/projectsH.gif) no-repeat;
					width: 220px;
				}
			div#caseDetail .desc p {
				padding-left: 32px;
			}
			div#caseDetail .desc a {
				font-size: 1em;
				color: #969696;
			}
			div#caseDetail .desc a:hover {
				color: #1096C8;
			}
		ul#thmbGallery {
			float: right;
			width: 69px;
		}
			/* Start Honda Thmbs */
			li#honda1 a {
				background: url(../img/thmb/honda1.gif) top right no-repeat;
			}
			li#honda2 a {
				background: url(../img/thmb/honda2.gif) top right no-repeat;
			}
			li#honda3 a {
				background: url(../img/thmb/honda3.gif) top right no-repeat;
			}
			li#honda4 a {
				background: url(../img/thmb/honda4.gif) top right no-repeat;
			}
			li#honda5 a {
				background: url(../img/thmb/honda5.gif) top right no-repeat;
			}
			/* Start Diver Thmbs */
			li#diver1 a {
				background: url(../img/thmb/diver1.gif) top right no-repeat;
			}
			li#diver2 a {
				background: url(../img/thmb/diver2.gif) top right no-repeat;
			}
			li#diver3 a {
				background: url(../img/thmb/diver3.gif) top right no-repeat;
			}
			li#diver4 a {
				background: url(../img/thmb/diver4.gif) top right no-repeat;
			}
			li#diver5 a {
				background: url(../img/thmb/diver5.gif) top right no-repeat;
			}
			/* Start Hedgefund Thmbs */
			li#hedgefund1 a {
				background: url(../img/thmb/hedgefund1.gif) top right no-repeat;
			}
			li#hedgefund2 a {
				background: url(../img/thmb/hedgefund2.gif) top right no-repeat;
			}
			li#hedgefund3 a {
				background: url(../img/thmb/hedgefund3.gif) top right no-repeat;
			}
			li#hedgefund4 a {
				background: url(../img/thmb/hedgefund4.gif) top right no-repeat;
			}
			li#hedgefund5 a {
				background: url(../img/thmb/hedgefund5.gif) top right no-repeat;
			}
			/* Start Denmark Thmbs */
			li#denmark1 a {
				background: url(../img/thmb/denmark1.gif) top right no-repeat;
			}
			li#denmark2 a {
				background: url(../img/thmb/denmark2.gif) top right no-repeat;
			}
			li#denmark3 a {
				background: url(../img/thmb/denmark3.gif) top right no-repeat;
			}
			li#denmark4 a {
				background: url(../img/thmb/denmark4.gif) top right no-repeat;
			}
			li#denmark5 a {
				background: url(../img/thmb/denmark5.gif) top right no-repeat;
			}
			/* Start Heiress Thmbs */
			li#heiress1 a {
				background: url(../img/thmb/heiress1.gif) top right no-repeat;
			}
			li#heiress2 a {
				background: url(../img/thmb/heiress2.gif) top right no-repeat;
			}
			li#heiress3 a {
				background: url(../img/thmb/heiress3.gif) top right no-repeat;
			}
			li#heiress4 a {
				background: url(../img/thmb/heiress4.gif) top right no-repeat;
			}
			li#heiress5 a {
				background: url(../img/thmb/heiress5.gif) top right no-repeat;
			}
			/* Start Dallas Thmbs */
			li#dallas1 a {
				background: url(../img/thmb/dallas1.gif) top right no-repeat;
			}
			li#dallas2 a {
				background: url(../img/thmb/dallas2.gif) top right no-repeat;
			}
			li#dallas3 a {
				background: url(../img/thmb/dallas3.gif) top right no-repeat;
			}
			li#dallas4 a {
				background: url(../img/thmb/dallas4.gif) top right no-repeat;
			}
			li#dallas5 a {
				background: url(../img/thmb/dallas5.gif) top right no-repeat;
			}
			/* Start Shipwrecked Thmbs */
			li#shipwrecked1 a {
				background: url(../img/thmb/shipwrecked1.gif) top right no-repeat;
			}
			li#shipwrecked2 a {
				background: url(../img/thmb/shipwrecked2.gif) top right no-repeat;
			}
			li#shipwrecked3 a {
				background: url(../img/thmb/shipwrecked3.gif) top right no-repeat;
			}
			li#shipwrecked4 a {
				background: url(../img/thmb/shipwrecked4.gif) top right no-repeat;
			}
			li#shipwrecked5 a {
				background: url(../img/thmb/shipwrecked5.gif) top right no-repeat;
			}
			/* Start Shipwrecked Thmbs */
				li#blaine1 a {
					background: url(../img/thmb/blaine1.gif) top right no-repeat;
				}	
				li#blaine2 a {
					background: url(../img/thmb/blaine2.gif) top right no-repeat;
				}	
				li#blaine3 a {
					background: url(../img/thmb/blaine3.gif) top right no-repeat;
				}	
				li#blaine4 a {
					background: url(../img/thmb/blaine4.gif) top right no-repeat;
				}	
				li#blaine5 a {
					background: url(../img/thmb/blaine5.gif) top right no-repeat;
				}	
				ul#thmbGallery li a {
					display: block;
					margin: 12px 0 0 0;
					text-indent: -9999px;
					height: 30px;
				}
				ul#thmbGallery li a:hover {
					border-left: 3px solid #969696;
				}
				ul#thmbGallery li a:active {
					border-left: 3px solid #24b5eb;
				}