/*
   timwilson.css
   Tim Wilson Photography
   
   Created by Lee Tengum on 2009-02-10.
   Copyright 2009 bluebeetle creative. All rights reserved.
*/



body {
	font-family: helvetica,sans-serif;
	font-size: 12px;
	letter-spacing: 1.1pt;
	word-spacing: 1.2pt;
	line-height: 1.4;
	background:#fff url('../img/body-bg.jpg') center top fixed no-repeat;
	color:#fff;
	margin:0 auto;
	padding:0;
}
a {
	color:#617F9F;
	text-decoration:none;
}

a:active, a:focus {
	outline:none;
}

#wrapper {
	position:relative;
	top:77px;
	width:800px;
	height:360px;
	margin:0 auto;
}

#col1 {
	width:275px;
	float:left;
}

#col2 {
	width:520px;
	float:right;
}

#nav {
	margin:14px 0 0 0;
	width:273px;
	height:146px;
	background:url('../img/nav-bg.png') no-repeat;
	padding:160px 0 0 0;
}

#nav.stepdown {
	padding:133px 0 0 0;
}


#nav ul#mainNav {
	list-style:none;
	margin:0;
	padding:0;
	font-size:30px;

}

#nav ul#mainNav li {
	margin:0 0 -15px 0;

}

#nav ul#mainNav li.last {
	margin:0 0 0 0;

}

#nav ul#mainNav a {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	padding:0 0 0 30px;
	margin:0 0 -5px 0;
	text-transform:uppercase;
}

#nav ul#mainNav a:hover {

	background:url('../img/nav-arrows.png') no-repeat left bottom;

}

#nav ul#mainNav a.active {

	background:url('../img/nav-arrows.png') no-repeat left bottom;

}

#subNav {
	
}

#subNav ul {
	margin:0;
	display:inline;
	list-style:none;
	display:none;
}

#subNav ul li {
	float:left;
	color:#617F9F;
}

#subNav ul li.clientLogin {
	background:#617F9F;
	width:86px;
	height:22px;
	filter:alpha(opacity=50);
	-moz-opacity:.5;
	opacity:.5;
	text-align:center;
	
}

#subNav ul li, .controls  {
	font-size:10px;
	letter-spacing: 0.9pt;
	word-spacing: 0.9pt;
	line-height: 2.4;
}

#subNav ul li.clientLogin a {
	color:#fff;
	text-decoration:none;

}

#subNav ul li.phone {
	margin:0 auto;
	text-align:right;
	letter-spacing:1.9pt;
	width:184px;
	font-size:11px;
}

#subNav ul li.email {
	width:77px;
	float:right;
	text-align:center;

}

#col2.copy {
	background:#1F1C1C;
	padding:20px;
	width:480px;
	height:295px;
}

#col2.contact {
	background:#1F1C1C;
	padding:20px;
	width:480px;
	height:295px;
}

#col2.copy a, #col2.contact a {
	color:#fff;
	text-decoration:none;
}


#col2.copy h3, #col2.contact h3 {
	margin:15px 0 5px 0;
}

#col2.copy span, #col2.contact span {
	color: #617F9F;
}

#puller {
	position:absolute;
	top:310px;
	left:283px;
	width:300px;
}

#galleriesList {
	clear:left;
	float:left;
	width:86px;
	height:24px;
	background:#000;
	text-align:center;
	font-size:10px;
	letter-spacing: 0.9pt;
	word-spacing: 0.9pt;
	line-height: 2.4;	
}

#galleriesList a {
	color:#fff;
	text-align:center;
	width:86px;
	text-decoration:none;
}

ul.sf-menu {
	clear:left;
	float:left;
	width:86px;
	height:22px;
	background:#000;
	text-align:center;
	font-size:10px;
	letter-spacing: 0.9pt;
	word-spacing: 0.9pt;
	line-height: 2.4;
}

.ss-controls, .nav-controls {
	background:#000;
	filter:alpha(opacity=50);
	-moz-opacity:.5;
	opacity:.5;
}

.ss-controls a, .nav-controls a {
	color:#fff;
	cursor:pointer;
}

a.slideshow-btn {
	color:#fff;
	text-align:center;
	width:86px;
	text-decoration:none;
}


a.button, a.button:hover {text-decoration:none;}
a.button {color:#fffff9; background:#6582A2;padding:4px 5px;-moz-border-radius:2px;-webkit-border-radius:2px; text-decoration:none;}
a.button:hover {color:#fffff9; background-color:#993300;background-image:none;padding:3px 5px;-moz-border-radius:2px;-webkit-border-radius:2px;}