@charset "UTF-8";
/* CSS Document */
/*
	----------------------------
	GLOBAL WHITESPACE RESET
	____________________________
*/
body,img,p,h1,h2,h3,h4,h5,h6,form,table,td{margin:0;padding:0;border:0;}
p,h1,h2,h3,h4,h5,h6,ul{margin: 10px 0;}
/*
	----------------------------
	HTML SELECTORS
	____________________________
*/
body{margin:0;padding:0;font:11px/20px Verdana, Arial, Helvetica, sans-serif;color:#777;background-color:#000;text-align:center;}
h1,h2,h3,h4,h5,h6 { font: 22px/30px Trebuchet MS, Arial, Helvetica, sans-serif; color:#555; letter-spacing:-1px; }
h3,h4,h5 { font-size:14px; color:#aaa; }
a { color:#ccc; }
table { width:100%; }
table td { padding:1px 70px 1px 0; border-top: 1px solid #111; width:50%; }
tr { }
/*
	----------------------------
	LAYOUT STYLES
	____________________________
*/
#wrapper{
	width:780px;
	margin: 0 auto;
	text-align:left;/* corrects IE centering trick */
}
#content{
	float:right;
	padding:10px;
	width:540px;
	background: url(../media/note.jpg) no-repeat right bottom;
}
#sideBar{
	float:left;
	padding:10px 0 10px 10px;
	width:200px;
}
#footer{
	clear:both;
	padding:5px;
	border-top: 1px solid #111;
	color:#777;
	margin:10px 0;
}
h2#logo { margin:20px 0; height:175px; text-indent:-9999px; background: url(../media/snr_logo.jpg) no-repeat 50% 50%;}
p#intro { color:#ccc; line-height:22px; }
/*
	----------------------------
	NAVIGATION STYLES
	____________________________
*/
ul#navigation, ul#navigation li{
	margin:0;
	padding:0;
	list-style:none;
}
ul#navigation{
	margin: 10px 0;
	padding:0 5px;
}
ul#navigation li{
	padding:5px 10px;
	border-bottom:1px solid #222;
	text-align: right;
}
ul#navigation li.last{
	border-bottom:0;
}
ul#navigation li a{
	color:#999;
	text-decoration:none;
	text-transform: uppercase;
	letter-spacing: 3px;
	line-height: 20px;
	font-family: "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
}
ul#navigation li a:hover,
body.home ul#navigation li a.nav_home,
body.clients ul#navigation li a.nav_clients,
body.studio ul#navigation li a.nav_studio,
body.photos ul#navigation li a.nav_photos,
body.contact ul#navigation li a.nav_contact,
body.rates ul#navigation li a.nav_rates,
body.equipment ul#navigation li a.nav_equipment{ color:#fff; }
/*
	----------------------------
	PAGE SPECIFIC STYLES
	____________________________
*/
ul#clientList, ul#clientList li { padding:0; list-style:none; }
ul#clientList li { padding:2px 5px; float: left; width:170px; }

div#contactList h5 { margin:10px 0 0; }
div#contactList p { margin:0 10px; }
/*
	----------------------------
	CLASSES
	____________________________
*/
div.clear{
	overflow:hidden;
	height:1px;
	clear:both;
}