sBODY {	
			background-color: #fff; 
			background-position: 0% 8%;
			color: #15393d;
			margin-top: 0px;
}

p	{		font-family: "Trebuchet MS", Trebuchet, "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans, Arial", sans-serif;
			font-size: 0.75em;	
			color: #273b3d;
}

a	{		color: #2f7f8a;	
			text-decoration: none;	
}

h1	{		
			font-family: "Trebuchet MS", Trebuchet, Tahoma, Arial, sans-serif;
			font-weight: bold;	
			color: #2f7f8a;	
}

li		{
			font-size: .8em;
			font-family: "Trebuchet MS", Trebuchet, Tahoma, Arial, sans-serif;
			color: #2f7f8a;	
}


.city	{	background-image: url(_assets/img/city.png);
			background-position: center top;
			background-repeat: repeat-x;
			height: 140px;
			min-width: 860px;
}

.city h1	{					
			margin: 0 auto 0 auto;
			position: relative;
			top: 11%;
			width: 860px;
			height: 180px;
			background-image: url(_assets/img/logo.png);
			background-position: 0% 0%;
			background-repeat: no-repeat;
}

.city a	{
			text-indent: -9999em;
			display:block;	
			background-color: transparent;		
			height: 160px;
			width: 355px;
}


.containertop	{	
			background-image: url(_assets/img/snapshots.png);
			background-repeat: no-repeat;
			background-position: 4% 30%;
			width: 860px;
			min-width: 860px;
			max-width: 860px;
			height: 185px;
			margin: 18px auto 0 auto;		
}

.topleft	{	
			background-image: url(_assets/img/pline.png);
			background-repeat: no-repeat;
			margin: -10px 10px 0 0;
			position: relative;
			float: right;
			width: 240px;		
			text-indent: -9999em;
}

.topleft h1 {
			font-size: 1.4em;
}

.topright	{	
			margin: -63px 0 0 0;
			position: relative;
			float: right;
			width: 230px;
}

.portfoliol	{	
			height: 60px;
			width: 175px;			
			margin-top: 16px;
			float: right;			
			display: inline;
}

.portfoliol h1	{
			background-image: url(_assets/img/folder.png);
			background-repeat: no-repeat;
			font-size: .9em;
			text-indent: 20px;
}

.portfoliol p 	{
			text-indent: 0;
			
}

.portfolior	{	
			height: 60px;
			width: 165px;			
			margin-top: 17px;
			float: right;			
			display: inline;
}

.portfolior h1	{
			background-image: url(_assets/img/folder.png);
			background-repeat: no-repeat;
			font-size: .9em;
			text-indent: 20px;
}

.portfolior p 	{
			text-indent: 0;
			line-height: 175%;
			
}


.webico	{
			background-image: url(_assets/img/web.png);
			background-repeat: no-repeat;
			margin-top: 18px;
			width: 54px;
			height: 53px;
			float: left;
}

.webico	a{
			display: block;
			text-indent: -9999em;
			width: 54px;
			height: 53px;
			float: left;
}

.graphicico	{
			text-indent: -9999em;
			background-image: url(_assets/img/print.png);
			background-repeat: no-repeat;
			margin-top: 20px;
			width: 54px;
			height: 53px;
			float: left;
}		

.graphicico	a{
			display: block;
			text-indent: -9999em;
			width: 54px;
			height: 53px;
			float: left;
}
	
.photoico	{
			background-image: url(_assets/img/photo.png);
			background-repeat: no-repeat;
			margin: 24px 0 0 0px;
			width: 54px;
			height: 53px;
			float: left;
}

.photoico	a{
			display: block;
			text-indent: -9999em;
			width: 54px;
			height: 53px;
			float: left;
}	

.videoico	{
			background-image: url(_assets/img/video.png);
			background-repeat: no-repeat;
			margin: 20px 0 0 0px;
			width: 54px;
			height: 53px;
			float: left;
}

.videoico	a{
			display: block;
			text-indent: -9999em;
			width: 54px;
			height: 53px;
			float: left;
}	

.personalico	{
			background-image: url(_assets/img/personal.png);
			background-repeat: no-repeat;
			margin: 21px 0 0 0px;
			width: 54px;
			height: 53px;
			float: left;
}

.personalico	a{
			display: block;
			text-indent: -9999em;
			width: 54px;
			height: 53px;
			float: left;
}	

.containerbottom	{	
			background-image: url(_assets/img/snaptitle.png);
			background-repeat: no-repeat;
			background-position: 100% 0%;
			width: 860px;
			min-width: 860px;
			max-width: 860px;
			height: 500px;
			margin: 0px auto 0 auto;	
			position: relative;	
}

.siteinfo 	{
			margin: 5px 14px 0 150px;
			height:50px;	
			width: 600px;			
			clear: left;
			float: left;
			color: #2f7f8a;
			text-align: center;
			position: absolute;
			bottom: 0;
}

.siteinfo p	{
			text-align: center;
			margin-top: 3px;
			font-size: .7em;
			font-family: "Trebuchet MS", Trebuchet, Tahoma, Arial, sans-serif;
			color: #2f7f8a;
}

#footer li	{
			margin-top: 50px;
			display: inline;
			border-right:1px solid;
			padding: 0 0.33em;
}

#footer li:last-child	{
			border-right:0px solid;
}

#player	{
			text-align: center;
			position: absolute;
			top: 20%;
			left: 30%;
}

#container {background-color: #fff; position:relative; width:700px; height:435px; margin:10px auto;}
#container b {font-weight:normal; width:600px; text-align:center; position:absolute; bottom:250px; left:0; color:#eee; font-family:tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif; letter-spacing:1px; line-height:1.7em; z-index:1;}

a.gallery, a.gallery:visited {display:inline; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:75px; float:left; margin:7px 11px 0 11px;; position:relative; cursor:default;}

a.slidea {background-image: url(_assets/snapshots/pma09a.jpg);}
a.slideb {background-image: url(_assets/snapshots/deepsea03a.jpg);}
a.slidec {background-image: url(_assets/snapshots/deepsea22a.jpg);}
a.slided {background-image: url(_assets/snapshots/vegas04a.jpg);}
a.slidee {background-image: url(_assets/snapshots/vegas08a.jpg);}
a.slidef {background-image: url(_assets/snapshots/vegas24a.jpg);}
a.slideg {background-image: url(_assets/snapshots/vegas27a.jpg);}

a.gallery span {background-color: #fff; visibility:hidden; display:block; position:absolute; width:580px; height:335px; top:170px; left:9px; color:#000; text-align:center; border:1px solid #fff; font-family:tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif; letter-spacing:1px; cursor:default; font-size: .8em;}

a.slidea span {left:50px; top:100px;}
a.slideb span {left:-50px; top:100px;}
a.slidec span {left:-150px; top:100px;}
a.slided span {left:-250px; top:100px;}
a.slidee span {left:-350px; top:100px;}
a.slidef span {left:-450px; top:100px;}
a.slideg span {left:-550px; top:100px;}

a.gallery:hover {white-space:normal; border:1px solid #fff; z-index:100; }

a.gallery:hover span {visibility:visible; z-index:100; }

a.gallery:hover span img {margin-bottom:10px; border:1px solid #000; position:relative; z-index:100; }

a.gallery:active, a.gallery:focus {border:1px solid #c00; z-index:10; }

a.gallery:active span, a.gallery:focus span {visibility:visible; z-index:10; }

a.gallery:active span img, a.gallery:focus span img {border:1px solid #000; position:relative; z-index:10; margin-bottom:10px; }