@charset "UTF-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
	margin: 0; 
	padding: 0;
	text-align: center;
	color: #000000;
}
#container {
	width: 860px;
	height: auto;  
	background: #fff;
	margin: 0 auto; 
	text-align: left; 
}
#rightColumn {
	width: 650px;
	padding: 0px;
	background-color:#fff;
	float: right;
}
#leftColumn {
    width: 200px;
	height: auto;
	padding: 0px;
	margin: 0px;
	background-color:#fff;
	
}
#content {
	width: 600px;
	height: auto;
	margin: 60px 0px 40px 20px;
	padding: 0;
	background-color:#fff
}
#footer {
    background-color:#fff;
	padding: 10px 0 20px 0;
}
#logo {
	width: 200px;
	clear: left;
}
#scroller {
	width: 200px;
	margin: 15px 0 10px 15px;
	text-align: right;
	background-color:#fff;
}
#reel { margin-left: 35px;}
#reel a, h1 a, ul#nav li a, #copyright { display: block; text-indent: -9999px; }
#reel a{ background: url(../images/reel.png) no-repeat; height: 118px; width: 138px; }
#reel a:hover{ background-position: -229px 0; }

/* Styles for Nav Menu */

#navMenu {
	width: 619px;
	height: 39px;
	margin-left: 10px;
}
:focus{ outline: 0; }

ul#nav{ 
	float: right; 
	height: 29px; 
	list-style: none; 
	margin-top: 80px;
	width: 619px; }
ul#nav li{ display: inline; }
ul#nav li a{ background: url(../images/nav.png) no-repeat; float: left; height: 29px; }

ul#nav li#n-home a{ background-position: 0 0; width: 95px; }
ul#nav li#n-home a:hover{ background-position: 0 -48px; }

ul#nav li#n-about a{ background-position: -95px 0; width: 96px; }
ul#nav li#n-about a:hover{ background-position: -95px -48px; }

ul#nav li#n-studio a{ background-position: -191px 0; width: 101px; }
ul#nav li#n-studio a:hover{ background-position: -191px -48px; }

ul#nav li#n-clients a{ background-position: -293px 0; width: 119px; }
ul#nav li#n-clients a:hover{ background-position: -293px -48px; }

ul#nav li#n-awards a{ background-position: -412px 0; width: 115px; }
ul#nav li#n-awards a:hover{ background-position: -412px -48px; }

ul#nav li#n-contact a{ background-position: -527px 0; width: 91px; }
ul#nav li#n-contact a:hover{ background-position: -527px -48px; }


/*End styles for nav menu*/

#copyright { background: url(../images/copyright.png) no-repeat; height: 15px; margin: 0 auto; width: 345px; }
#copyright:hover { background-position: 0px -21px; }

/* Styles for Awards page */

#awardsColumnLft {
	width: 115px;
}
#awardsColumnCntr {
	width: 370px;
	float:right;
}
#awardsColumnRgt {
	width: 115px;
	float: right;
}
#awardsColumnLft img {
	padding-bottom: 39px;
}
#awardsColumnRgt img {
	padding-bottom: 30px;
}


	/* STUDIO PHOTO GALLERY */
		#studioGallery{ height: 288px; margin: 40px 80px 60px 80px; position: relative; width: 432px;  }
	
		#studioGallery div.scrollableArea *{ float: left; margin: 0; padding: 0 5px; position: relative; }
		
		.scrollWrapper{ 
			background-color: #FFFFFF; 
			border: 0px solid #FFFFFF; 
			height: 300px; 
			overflow: hidden;
			position: relative;
	 		width: 595px; }
			
		.scrollableArea{ height: 300px; position: relative; width: auto; }	
		
		div.scrollingHotSpotLeft{
			cursor:  pointer;
			height: 100%;
			margin-top: 300px;
			min-width: 20px;
			position: absolute;
			z-index: 200;
			left: 0;
			width: 20px; }
		
		div.scrollingHotSpotLeftVisible{
			background: url("../images/gallery/arrow-left.png") no-repeat;
			float: right;				
			zoom: 1; }
		
		div.scrollingHotSpotRight{
			cursor:  pointer;
			height: 100%;
			margin-top: 300px;
			position: absolute;
			left: 97%;
			right: 0;
			width: 20px;
			z-index: 200; }
		
		div.scrollingHotSpotRightVisible{
			background: url("../images/gallery/arrow-right.png") no-repeat;
			zoom: 1; }
		
		div.scrollableArea{ height: 100%; position: relative; width: auto; }