/*  
Theme Name: The Sound Haven
Description: A custom theme developed for the Sound Haven music studio.
Version: 1.0
Author: Andrew Norcross
Author URI: http://andrewnorcross.com
 */



html {
height : 100%;
}


a {outline:none;}
a:hover {outline:none;}

body {
	margin : 0;
	padding : 0;
	background : url(images/nav/bg.jpg);
	color : #CCCCCC;
	font-size : 13px;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	line-height : 1.5em;
}

#wrapper {

position : relative;
width : 960px;
min-height : 100%;
margin : 0 auto;
padding : 0 !important ;
}

* html #wrapper {
height : 100%;
}

#header {
background: #000000 url(images/nav/slideback.png) repeat-x;
text-align:center;
}

.logo {
float:left;
position: absolute;
margin: 10px 0 0 10px;
top:0;
left:0;
text-align : left !important ;
}


.logo a {
float:left;
text-align : left !important ;
display : block;
width : 250px;
height : 110px;
background : url(images/nav/logo.png) no-repeat;
font-size : 5px;
text-indent : -9999px;
text-decoration : none;
}


.navmenu {
top : 30px;
right : 49px;
display : block;
width : 600px;
height : 75px;
margin : 0;
padding : 10px 0 10px 0;
list-style : none;
overflow : hidden;
float:right;

}

li.home {
float : right;
width : 75px;
height : 75px;
}

li.home a {
display : block;
width : 100%;
height : 100%;
background : url(images/nav/menu_home.png) no-repeat 0 0;
font-size : 5px;
text-indent : -9999px;
text-decoration : none;
outline:none;
}

li.home a:hover {
background-position : 0 -75px;
}

li.about {
float : right;
width : 75px;
height : 75px;
}

li.about a {
display : block;
width : 100%;
height : 100%;
background : url(images/nav/menu_about.png) no-repeat 0 0;
font-size : 5px;
text-indent : -9999px;
text-decoration : none;
outline:none;
}

li.about a:hover {
background-position : 0 -75px;
}


li.gear {
float : right;
width : 75px;
height : 75px;
}

li.gear a {
display : block;
width : 100%;
height : 100%;
background : url(images/nav/menu_gear.png) no-repeat 0 0;
font-size : 5px;
text-indent : -9999px;
text-decoration : none;
outline:none;
}

li.gear a:hover {
background-position : 0 -75px;
}


li.news {
float : right;
width : 75px;
height : 75px;
}

li.news a {
display : block;
width : 100%;
height : 100%;
background : url(images/nav/menu_news.png) no-repeat 0 0;
font-size : 5px;
text-indent : -9999px;
text-decoration : none;
outline:none;
}

li.news a:hover {
background-position : 0 -75px;
}

li.services {
float : right;
width : 75px;
height : 75px;
}


li.services a {
display : block;
width : 100%;
height : 100%;
background : url(images/nav/menu_services.png) no-repeat 0 0;
font-size : 5px;
text-indent : -9999px;
outline:none;
text-decoration : none;
}

li.services a:hover {
background-position : 0 -75px;
}

li.clients {
float : right;
width : 75px;
height : 75px;
}

li.clients a {
display : block;
width : 100%;
height : 100%;
background : url(images/nav/menu_clients.png) no-repeat 0 0;
font-size : 5px;
text-indent : -9999px;
text-decoration : none;
outline:none;
}

li.clients a:hover {
background-position : 0 -75px;
}

li.studio {
float : right;
width : 75px;
height : 75px;
}

li.studio a {
display : block;
width : 100%;
height : 100%;
background : url(images/nav/menu_studio.png) no-repeat 0 0;
outline:none;
font-size : 5px;
text-indent : -9999px;
text-decoration : none;
}

li.studio a:hover {
background-position : 0 -75px;
}

li.listen {
float : right;
width : 75px;
height : 75px;
}

li.listen a {
display : block;
width : 100%;
height : 100%;
background : url(images/nav/menu_listen.png) no-repeat 0 0;
font-size : 5px;
outline:none;
text-indent : -9999px;
text-decoration : none;
}

li.listen a:hover {
background-position : 0 -75px;
}

li.ads {
float : right;
width : 75px;
height : 75px;
}

li.ads a {
display : block;
width : 100%;
height : 100%;
background : url(images/nav/menu_ads.png) no-repeat 0 0;
font-size : 5px;
text-indent : -9999px;
outline:none;
text-decoration : none;
}

li.ads a:hover {
background-position : 0 -75px;
}

li.instudio {
float : right;
width : 75px;
height : 75px;
}

li.instudio a {
display : block;
width : 100%;
height : 100%;
background : url(images/nav/menu_instudio.png) no-repeat 0 0;
font-size : 5px;
text-indent : -9999px;
text-decoration : none;
outline:none;
}

li.instudio a:hover {
background-position : 0 -75px;
}

li.more {
float : right;
width : 75px;
height : 75px;
}

li.more a {
display : block;
width : 100%;
height : 100%;
background : url(images/nav/menu_more.png) no-repeat 0 0;
font-size : 5px;
text-indent : -9999px;
text-decoration : none;
outline:none;
}

li.more a:hover {
background-position : 0 -75px;
}

li.contact {
float : right;
width : 75px;
height : 75px;
}

li.contact a {
display : block;
width : 100%;
height : 100%;
background : url(images/nav/menu_contact.png) no-repeat 0 0;
font-size : 5px;
text-indent : -9999px;
text-decoration : none;
outline:none;
}

li.contact a:hover {
background-position : 0 -75px;
}


.slideshow {
text-align:center;
float:none;
}

.swfobject {
	text-align:center;
	}

.panoramic {
text-align:center;
float:none;
width:960px;
}

/* Content */

#content {
clear : both;
position : relative;
padding : 15px 0 0 5px;
text-align : left !important ;
}

.largegreen {
font-size:18px;
color:#99cc99;
font-weight:bold;
text-transform:uppercase;
}

#main {
float : left;
}

#sidebar {
width : 202px;
margin-left : 70px;
float : left;
}


#sidebar li {
	list-style:none;
	text-decoration:none;
	}

#sidebar li a {
	text-align:center;
	}

#sidebar li img{
	border:none;
	text-align:center;
	}

#article {
float : left;
width : 470px;
padding-left:15px;
}

#article h3 {
color:inherit;
font-size:18px;
font-weight:bold;
letter-spacing:-1px;
line-height:18px;
}

h1 {

margin : 0 !important ;
padding : 10px 0 0 10px !important ;
border : 0;
}

div {
margin : 0;
}

h1 {
font-size:30px;
line-height:normal;
color:#99cc99;
}

h2 {
margin : 5px 0;
padding : 3px 0;
font-size : 1.4em;
vertical-align : middle;
line-height : normal !important ;
color:#99cc99;
}

h4 {

margin : 5px 0;
padding : 3px 0;
padding-left : 13px;
color : #000;
font-size : 1em;
vertical-align : middle;
line-height : normal !important ;

}

h5 {
margin : 5px 0;
padding : 3px 0;
padding-left : 13px;
color : #000;
font-size : 1em;
vertical-align : middle;
line-height : normal !important ;
}

.top {
margin-top : 39px !important ;
}

.top2 {
margin-top : 60px;
}

h3 {
color:inherit;
font-size:18px;
font-weight:bold;
letter-spacing:-1px;
line-height:18px;
}

dl {
margin : 20px 0 0 0;
padding : 0;
width : 348px;
}

dd {
position : relative;
top : -1.4em;
left : 11em;
z-index : 1;
line-height : 1.5em;
}

.sidetitle {
float:left;
padding:25px 15px 0 15px;
}

.entry {
margin-bottom : 60px;
}

.entry img {
max-width : 470px;
}

.entryshort {
margin-bottom : 30px;
}



.pic {
margin : 20px 0;
}

.topspacing {
margin-top : 20px;
}

.hidden {
display : none;
}

.clear {
clear : both;
}

.clearfix:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}

.clearfix {
display : inline-block;
}

* html .clearfix {

height : 1%;

}

.clearfix {

display : block;

}

a:link {
color : #cccccc !important ;
text-decoration : none;
font-weight : bold;
}

a:visited {
color : #cccccc;
text-decoration : none;
font-weight : bold;
}

a:active {

color : #333333;

text-decoration : none;

font-weight : bold;

}

a:hover {

color : #99cc99 !important ;

text-decoration : none;

font-weight : bold;

}


#footer {
position : relative;
float: right;
padding: 20px 40px 20px 50px;
font-size:10px;
text-align : right;
}


* + html #footer {
padding-top : 30px;
padding-left : 40px;
}