@import "header.css";
@import "sidebar.css";
@import "document2.css";
@import "submit2.css";
@import "submit.css";
@import "squeezebox.css";
@import "nv-top.css";
@import "nv-footer.css";

/* Generic */
html{
	font-size: 62.5%;
}
html, body{
	margin: 0;
	padding: 0;
}
/*
body{
	background: #2a3233 url(img/body.gif) repeat-x left 24px;
	color: #FFF;
	font: 1.1em/1.8em "Lucida Grande", Tahoma, Arial, sans-serif;
}
*/
body{
        background: #fff url(img/body2.jpg) repeat-x left 24px;
        color: #FFF;
        font: 1.1em/1.8em "Lucida Grande", Tahoma, Arial, sans-serif;
}


.autoclear:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}
.autoclear {display: inline-block;}

/* Hides from IE5/Mac \*/
* html .autoclear {height: 1px;}
.autoclear {display: block;}
/* End hide from IE5/Mac */

h1, h2, h3{
	font-weight: normal;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
h2{
	font-size: 1.6em;
	color: #F90;
}
h3{
	font-size: 1.3em;
}
a{
	color: #FFF;
}
a:hover{
	color: #F90;
}
a img{
	border: 0;
}
fieldset{
	padding: 0;
	margin: 0;
	border: 0;
}

hr{
	clear: both;
	border: 0;
	height: 10px;
	background: transparent url(img/separator.png) no-repeat center center;
}
/*
img.hr{
	clear: both;
	width: 443px;
	display: block;
	margin: 2em auto;
}
*/
hr.separator{
	background: transparent;
	visibility: hidden;
}
div.clear{
	height: 10px;
	clear: both;
	background: url(img/rounded.png) no-repeat left top;
}
/*
a.bt-big{
	display:-moz-inline-block;
	display:-moz-inline-box;
	display: inline-block;
	height: 30px;
	padding-right: 16px;
	background: transparent url(img/bt-big.png) no-repeat right top;
}
	a.bt-big span{
		display:-moz-inline-block;
		display:-moz-inline-box;
		display: inline-block;
		height: 30px;
		line-height: 30px;
		padding-left: 16px;
		background: transparent url(img/bt-big.png) no-repeat left top;
	}
a.bt-big:hover{
	background-position: right bottom;
}
	a.bt-big:hover span{
		background-position: left bottom;
	}
*/


#main a.action-button,
.signup a{
    display:-moz-inline-box; 
    display:inline-block;
    padding-right: 8px;
    height: 24px;
    background: transparent url(img/button.png) no-repeat right top;
    color: #FFF;
    font-weight: bold;
    text-decoration: none;
}

.signup a {
    height: 34px;
    padding-right: 10px;
    background: transparent url(img/nv-button.png) no-repeat right top;
}

#main a.action-button:hover,
.signup a:hover{
    color: #FFF;
    background-position: right bottom;
}
    #main a.action-button span,
    .signup a span {
        display: block;
        height: 18px;
        padding: 3px 3px 3px 11px;
        background: transparent url(img/button.png) no-repeat left top;
        cursor: pointer;
        line-height:18px;
        text-align: center;
        float: left;
    }
    .signup a span {
        height: 28px;
        line-height: 28px;
        background: transparent url(img/nv-button.png) no-repeat left top;
    }
    #main a.action-button:hover span ,
    .signup a:hover span{
        background-position: left bottom;
    }

/* Header
 ******************************************************************************/
#header{
	position: relative;
	margin: 0 auto;
	width: 900px;
}
	#header h1, #header h3 {
		margin: 0 auto;
		padding: 30px 0;
		width: 900px;
	}
	#header h1 a, #header h3 a {
		display: block;
		text-indent: -1000em;
		overflow: hidden;
		
		height: 40px;
		width: 300px;
		background: transparent url(img/header.png?v1) no-repeat left center;
	}
	
	#header ul.nav{
		position: absolute;
		top: 0;
		right: 0;
		width: 600px;
		height: 72px;
		line-height: 72px;
		margin: 0;
		padding: 0 20px 0 0;
		text-align: right;
	}
		#header ul.nav li{
			display: inline;
			margin-left: 2em;
		}
		#header ul.nav li a{
			text-transform: uppercase;
			text-decoration: none;
			color: #666;
		}
		#header ul.nav li.selected a{
			color: #F90;
			cursor: default;
		}
		#header ul.nav li a:hover{
			color: #CCC;
		}
		#header ul.nav li.selected a:hover{
			color: #F90;
		}

/* Content
 ******************************************************************************/
.content{
	margin: 0 auto 20px auto;
	width: 900px;
	font-size: small;
}
	.content h2{
		margin: 0 0 10px 10px;
		color: #d2d1d1;
		font-size: 2em;
		display: none;
	}


/* Main info
 ******************************************************************************/
#main{
    background: #FFF;
	color: #333;
	padding: 20px;
border-left:1px solid #e6e6e6;
border-right:1px solid #e6e6e6;

}
	#main .title{
		position: relative;
	}
		#main .title a{
			color: #666;
			position: absolute;
			right: 10px;
			top: -5px;
			text-decoration: none;
			height: 24px;
			line-height: 24px;
			padding-right: 20px;
			background: transparent url(img/next.png) no-repeat right top;
		}
		#main .title a:hover{
			color: #999;
			background-position: right bottom;
		}

	#main a{
		color: #333;
	}
	#main h2{
		margin-top: 10px;
		margin-bottom: 30px;
		color: #666;
	}