/* CSS Document for www.kimpuliti.com (Kim Puliti Photogrpahy :: Santa Barbara, California :: 805. 886. 1346) */

/*Copyright:©2008 Polite Design Inc :: 2116 locust Street, Philadelphia, PA 19103, USA :: 215. 985. 4818 :: www.politedesign.com
Date Created:	Sep 2008
Date Modified: July 2009 */

/* body */
<!--
* {
	margin:0;
	padding:0;
}
html, body {
	height:100%;
	width:100%;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	font-weight:normal;
	font-style:normal;
	font-variant:normal;
	color:#000000; 
	background-color:#667E81;
	text-align:center; /* horizontal centering for IE Win quirks */
}
body div.divpageloadfadein {
  display: none;
  border:0px;
  margin:0px;
}
#distance { 
	width:1px;
	height:10%;
	background-color:#667E81;
	float:left;
}
#wrapper {
	margin:0 auto;
	position:relative; /* puts container in front of distance */
	text-align:left;
	clear:left;		
	width:950px;
	height:auto;
	background-color:#667E81;
}
/*general typography */
body img {
	border-style:none;
	padding:0px;
	margin:0px;
	outline:none;
	text-align:left;
	vertical-align:top;
}
body a {
	border:none;
	outline:none;
	text-decoration:none;
	padding:0px;
	margin:0px;
	color:#000000;
}
/*body img {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
}*/
body a:hover, a:focus {
	color:#EF591D;
	background-color:#transparent; 
}

/*header*/
#header {
	background-color:#667E81;
	float:left;
	width:950px;
	height:55px;
	padding:0px;
}
#header img { 
	border:0px;
	margin:0px;
	padding:0px;
	outline:none;
}

/* content wrapper*/
#contentWrapper {
	float:left;
	width:750px;
	height:auto;
	color:#000000;
	background-color:#A2AFB8;
}

/*top navigation*/
#contentWrapper #topNavWrapper {
	float:left;
	width:750px;
	height:auto;
	margin:0px;
	color:#000000;
	background:transparent;
	font-weight:lighter;
	font-size:10px;
}
#contentWrapper #topNavWrapper .norule {
	border:none;
}

/*About nav area*/
#aboutNav {
	position:relative;
	float:left;
	width:250px;
	height:auto;
	margin:0px;
	color:#000000;
	background-color:#FFFFFF;
	font-weight:lighter;
}
#aboutNav ul, 
#aboutNav ul li {
	list-style:none;
	margin:0px;
	padding:0px;
}
#aboutNav ul li a {
	display:block;
	width:230px;
	padding:2px 0px 1px 20px;
	border-bottom:solid 1px #999999;
	color:#000000;
	background-color:#FFFFFF;
}
#aboutNav ul li a:hover,
#aboutNav ul li a:focus {
	width:230px;
	color:#EF591D;
}

/*Porfolio nav area*/
#portfolioNav {
	position:relative;
	float:left;
	width:250px;
	height:auto;
	margin:0px;
	color:#FFFFFF;
	background-color:#61717B;
	font-weight:lighter;
}
#portfolioNav ul, 
#portfolioNav ul li {
	list-style:none;
	margin:0px;
	padding:0px;
}
#portfolioNav ul li a {
	display:block;
	width:230px;
	padding:2px 0px 1px 20px;
	border-bottom:solid 1px #FFFFFF;
	color:#FFFFFF;
	background-color:#61717B;
}
#portfolioNav ul li a:hover,
#portfolioNav ul li a:focus {
	width:230px;
	color:#EF591D;
}

/*Other nav area*/
#otherNav {
	position:relative;
	float:left;
	width:250px;
	height:auto;
	margin:0px;
	color:#FFFFFF;
	background-color:#222222;
	font-weight:lighter;
}
#otherNav ul, 
#otherNav ul li {
	list-style:none;
	margin:0px;
	padding:0px;
}
#otherNav ul li a {
	display:block;
	width:230px;
	padding:2px 0px 1px 20px;
	border-bottom:solid 1px #FFFFFF;
	color:#FFFFFF;
	background-color:#222222;
}
#otherNav ul li a:hover,
#otherNav ul li a:focus {
	width:230px;
	color:#EF591D;
}
#contentWrapper #topNavWrapper a#current {
	color:#FFFFFF;
	background-color:#EF591D;
}

/*main content area*/
#contentWrapper #content {
	float:left;
	padding:50px 20px 20px 20px;
	width:690px;
	height:auto;
	margin:0px;
	color:#000000;
	background-color:#A2AFB8;
	font-size:11px;
	line-height:16px;
}
#contentPortfolio {
	float:left;
	padding:15px 0px 20px 20px;
	margin:0px;
	height:410px;
	width:710px;
	background-color:#A2AFB8;
	font-size:11px;
	line-height:16px;
} 
#contentWide {
	float:left;
	padding:0px;
	width:730px;
	height:auto;
	margin:0px;
	color:#000000;
	background-color:#A2AFB8;
	font-size:11px;
	line-height:16px;
}
#contentWide #homeSlideShowContainer {
	float:left;
	margin:0px;
	position:relative;
	width:730px;
	height:375px;
	padding:0px;
	z-index:0;	
}
#homeSlideShowContainer #bkgImg {
	position:absolute;
	top:0;
	left:0;
	padding:0px;
	margin:0px;
	border-style:none!important;
	outline:none!important;
	border:0px!important;
	z-index:0;
}
#content ul {
	list-style:none;
	margin-top:0px;
	padding:0px;
} 
#content li {
	list-style:none;
	margin:0px;
	padding:0px;
	font-weight:normal;
	font-size:11px;
} 
#content ul.news {
	list-style:none;
	margin-top:0px;
	padding:0px;
} 
#content ul.news li {
	list-style:none;
	display:block;
	width:665px;
	margin:0px;
	padding:5px 0px 5px 25px;
	background:#A2AFB8 url(../img/arrow.gif) no-repeat 6px 7px;
	font-size:11px;
} 
#contentWrapper #content ul.col_one {
	float:left;
	list-style:none;
	margin-right:30px;
	width:150px;
	padding:0px;
	color:#000000;
}
#contentWrapper #content ul.col_one li {
	list-style:none;
	margin:0px;
	padding:0px;
	font-size:11px;
	line-height:16px;
	letter-spacing:1px;
	font-weight:normal;
	color:#000000;
}
#content h1 {
	font-weight:normal;
	font-size:15px;
	line-height:18px;
	color:#FFFFFF;
	padding-bottom:0px;
	margin:0px;	
}
#content p {
	font-size:11px;
	line-height:16px;
	font-weight:normal;
	letter-spacing:1px;
	color:#000000; 
	padding-bottom:10px;	
}
#content img {
	padding-bottom:40px;
}
#content a.backtotop {
	color:#FFFFFF;
	text-decoration:underline;
}
#content a.backtotop:hover, a.backtotop:focus {
	color:#61717B;
	background-color:#transparent; 
}
#content .topbutton {
	font-weight:bold;
	color:#FFFFFF;
}
/*picture slides*/
#container {
	overflow:hidden;
	width:730px;
	margin:10px 0px 0px 20px;
	padding:0px;
}
#picture-slides-container {
	/* Width HAS to be here for IE to render the filter */
	width: 100%;
}
#picture-slides-frame {
	float: left;
	width:715px;
	padding:0px;
}
#picture-slides-image {
	margin:0px;
	border:none;
}
#picture-slides-image-text {
	float:right;
	color:#FFFFFF;
}
#navigation-controls {
	float: left;
	width:400px;
	list-style:none;
	margin:0px 0px 14px 230px;
	padding:0px;
	color:#FFFFFF;
}
#navigation-controls li {
	float: left;
	margin-right:10px;
	color:#FFFFFF;
}
#navigation-controls li a {
	color:#FFFFFF;
}
#navigation-controls li#image-counter {
	float: left;
	margin-right:10px;
	color:#FFFFFF;
}
ul#navigation-controls a.disabled {
	color:#88949C;
}

/*image grid for Behind the Scenes*/
#content .indent_ten {
	padding-left:10px;
}
#content .boldheading {
	color:#FFFFFF;
	font-weight:bold;
} 
#contentWrapper #imagegrid {
	float:left;
	width:570px;
	height:auto;
	margin:0px;
	padding:50px 0px 20px 20px;
	font-size:11px;
}
#imagegrid p {
	font-size:11px;
	letter-spacing:1px;
	color:#000000;
	background-color:#A2AFB8;
}
#imagegrid ul {
	float:left;
	list-style:none;
	height:auto;
	padding:0px;
	color:#000000;
	background-color:#A2AFB8;
}
#imagegrid ul li {
	display:inline;
	float:left;
	height:220px;
	width:170px;
	padding:0px 20px 0px 0px;
	margin-bottom:10px;
	color:#000000;
	font-size:11px;
	line-height:16px;
	letter-spacing:1px;
}
#imagegrid ul li img {
	padding:0px 0px 5px 0px;
	border:none;
	margin:0px;
}

/*left div*/
#left {
	clear:both;
	float:left;
	width:200px;
	height:auto;
	margin:0px;
	padding:0px;
	color:#FFFFFF;
	background-color:#667E81;
	text-align:left;
	vertical-align:top;
}
#left ul {
	font-size:9px;
	font-weight:normal;
	list-style:none;
	margin-top:0px;
	padding:250px 0px 0px 30px;
}
#left ul li {
	font-size:9px!important;
	line-height:14px;
	list-style:none;
	margin:0px;
	padding:0px;
	font-weight:normal;
	background-color:#667E81;
	color:#FFFFFF;
}
#left ul li a {
	color:#CBC04D;
	background-color:#667E81;
	text-decoration:underline;
	border:none;
}
#left ul li a:hover,
#left ul li a:focus {
	color:#EF591D;
}

/*footer*/
#footer {
	clear:both;
	float:left;
	width:950px;
	height:260px;
	padding-top:5px;
	background-color:#667E81;
	margin:0px;
	color:#FFFFFF;
}
#footer p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	letter-spacing:1px;
	padding-top:5px;
	margin:0px;
	text-align:right;
	vertical-align:middle;
}
#footer a {
	color:#FFFFFF;
	padding:0px;
	border:0px;
	margin:0px;
}
#footer a:hover, 
#footer a:focus {
	color:#FB4402;
}
/*Typography*/
h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-size:18px;
	letter-spacing:1px;
	font-weight:lighter;
	color:#000000;
}
div#largeText {
	float:left;
	height:auto;
	padding-bottom:20px;
}
div#largeText p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:24px;
	letter-spacing:normal;
	font-weight:lighter;
	color:#61717B;
}
/*News
/*Project Lists page*/
table#listWrapper {
	width:700px;
	border:none;
	height:auto;
}
table#listWrapper td {
	text-align:left;
	vertical-align:top;
}
table#listWrapper td.thumbs {
	border-top:solid 1px #FFFFFF;
	width:65px;
	padding-top:10px;
}
table#listWrapper td.empty {
	border-top:solid 1px #FFFFFF;
	width:65px;
	padding-top:10px;
}
table#listWrapper td.intro {
	border-top:solid 1px #FFFFFF;
	padding-top:10px;
}
h2.headline {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#EF591D;
}
table#listWrapper a,
table#listWrapper a:hover,
table#listWrapper a:focus {
	text-decoration:underline;
	color:#88949C;
}
/* News Details page*/
#gallery {
	clear:both;
	float:left;
	width:475px;
	height:auto!important;
}
#main_image {
	float:left;
	width:230px;
	height:auto!important;
	margin:5px 15px 0px 0px;
}
#main_image img {
	margin-bottom:10px;
	padding:0px;
}
#thumb_wrapper {
	float:left;
	height:auto;
}
#thumbs  {
	float:left;
	border:0px;
	padding:0px;
	margin:0px;
}
#thumbs td {
	text-align: left;
	vertical-align:top;
	padding:0px;
	margin:0px;
}
#thumbs img {
	border:none;
	padding:0px;
	margin:0px;
}
#thumbs a {
	border:none;
	padding:0px;
	margin:0px;
}
#thumbs a.thumbNav,
#thumbs a.thumbNav:hover,
#thumbs a.thumbNav:focus {
	color:#61717B;
	outline:none;
	text-decoration:underline;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
#newsInfoWrapper {
	clear:both;
	float:left;
	width:685px;
	margin:0px;
	padding:0px;
}
#description {
	float:left;
	width:685px;
	margin:0px;
	padding:0px;
}
#description p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-bottom:15px;
	padding:0px;
}
/* Current Work Details page -- for thumbs use thumbs class above*/
#currentGallery {
	clear:both;
	float:left;
	width:700px;
	height:auto!important;
}
#currentMainImage {
	float:left;
	width:480px;
	height:auto!important;
	margin:5px 15px 0px 0px;
}
#currentMainImage img {
	margin:0px;
	padding:0px;
}
/*Client List*/
ul.clientList {
	clear:right;
	float:left;
	list-style:none;
	margin:0px 30px 15px 0px;
	width:150px;
	padding:0px;
	color:#000000;
}
ul.clientList li {
	list-style:none;
	margin:0px;
	padding:0px;
	font-size:11px;
	line-height:16px;
	letter-spacing:1px;
	font-weight:normal;
	color:#000000;
}
ul.clientList li a {
	text-decoration:underline;
}
ul.clientList li a:hover,
ul.clientList li a:focus {
	color:#EF591D;
}
/*Behind the Scenes*/

#contentWrapper #scenesImgWrapper {
	float:left;
	width:555px;
	height:auto;
	margin:0px;
	padding:50px 0px 20px 20px;
}
div.scenes {
	float:left;
	width:170px;
	height:220px;
	margin:0px 15px 10px 0px;
	padding:0px;
	color:#000000;
}
div.scenes img {
	margin:0px 0px 5px 0px;
}
div.scenes p {
	color:#000000;
	font-size:11px;
	letter-spacing:1px;	
}

/*All classes*/
.boldText {
	font-weight:bold;
}
.divider685 {
	display:block;
	border-top:1px solid #FFFFFF;
	margin:5px 0px 5px 0px;
	width:700px;
	height:1px;
}
.red {
	color:#EF591D;
}
.lightgray {
	color:#A2AFB8;
}
.darkgray {
	color:#61717B;
}
.greengray {
	color:#536C6D;
}
.white {
	color:#FFFFFF;
}