/*--- CSS Reset ---*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   font-weight: inherit;
   font-style: inherit;
   font-size: 100%;
   font-family: inherit;
   vertical-align: baseline;
}

a img {
border:none;
text-decoration:none;
}

:focus {
   outline: 0;
}
body {
   line-height: 22px;
}
ul {
   list-style: none;
}
table {
   border-collapse: separate;
   border-spacing: 0;
}
caption, th, td {
   text-align: left;
   font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
   content: "";
}
blockquote, q {
   quotes: "" "";
}

.left {float:left}
.right {float:right;margin-right:0!important;}
	
.clearfix:after {
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}

/* Hides from IE-max \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*--- Common ---*/

body {
	font-family:Arial, Verdana, sans-serif;
	color:#fff;
	background:#474747 url(../images/nav-bg.png) top left repeat-x
}

h1 {font-size:50px;letter-spacing:-10px}

h2 {
	width:300px;
	float:left;
	font-size:40px;
	line-height:58px;
	letter-spacing:-1px;
	margin:45px 0 0 70px;
	text-indent:-15px;
}
h3 {
	float:left;
	margin:0 0 30px 0;
	font-family:Times, Georgia, Serif;
	font-weight:normal;
	font-size:30px;
	line-height:30px;
	width:80%;
	color: #00B1FF;
}

h4 {float:left;margin:0 0 20px 0;font-size:20px;}

p {
	font-size:16px;
	line-height:24px;
	margin-bottom:24px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
}

em {font-style:italic;border-bottom:1px dashed;}
strong {font-weight:bold;color:#ff9000;text-transform:uppercase;}

a {color:#fff;border-bottom:1px solid;}
a:hover {
	color:#ff9000;
	text-decoration: none;
}

.o {color:#ff9000}

.number {
	float:right;
	color:#fff;
	font-family:Times, Georgia, Serif;
	font-size:30px;
	line-height:30px;
}


/*--- Layout ---*/

#wrapper {
	width:960px; 
	margin:0 auto; 
	background:url(../images/radial-bg.png) top left no-repeat;
}


/*--- Nav ---*/

#nav {
	list-style:none;
	margin:0;
	padding:7px 0 0 0;
	font-size:20px;
	letter-spacing:-1px;
	position:relative;
	z-index:50;
}

#nav li {float:left;margin:0 72px 0 0;}
#nav li a {text-decoration:none;padding:3px 10px;border:none;}
#nav li#first a {padding-left:0}
	

/*--- Header ---*/

#header {height:375px}
#logo {float:left;margin:65px 0 0 0}


/*--- Content ---*/

.box {
	float:left;
	width:100%;
	margin:45px 30px 0 0;
	padding:10px 0 0 0;
	background:url(../images/box-bg.png) top left repeat-x
}
.small {width:300px;}
.big {width:630px;}

.sidenote p {
	text-align:right;
	font-size:20px;
	line-height:24px;
	margin:-1px 0 24px 0;
	float:none;
}

#bandbox {
width:900px;
}

.bandmember {
padding: 5px 5px 5px 30px;
}

.bandmember h3 {
padding: 5px 5px 5px 30px;
}

.arteest {
width:100px;
	padding:0 20px 0 0;
	float: left;
}

	
		.row div.arteest {
		padding:10px;
		margin:0px;
		}
		
		.team div.arteest.over {
		background-color:#c3d3d6;
		}
		
		.main {
		padding:10px 0 0;

		}
		


		
		
.member p.page_tagline {
		width:460px;
		padding:0 240px;
		margin:0 0 20px;
		}
		
			p.page_tagline {
	font-size: 18px;
	line-height: 144%;
	font-family: "Georgia", "Book Antiqua", "serif";
	width: 500px;
	font-style: italic;
	color: #00B1FF;
	letter-spacing: -1px;
	margin:0;
	}
		
		.member div.two p.page_tagline {
		padding:0px;
		margin:0 0 20px;
		}

ul.member_nav {
padding:10px 0 0;
}

ul.member_nav li {
	padding:0px 0 0;
}

	.member_nav li a {
	font-size: 15px;
	letter-spacing: -0.5px;
	color:#777;
	padding:6px 0;
	display: block;
	}
	
	.four {
	width:220px;
	padding:0 20px 0 0;
	float: left;
	}

ul.member_nav {
	padding:10px 0 0;
}

	.member_nav li a {
	font-size: 15px;
	letter-spacing: -0.5px;
	color:#777;
	padding:6px 0;
	display: block;
	}
	
	.member_nav li.active a {
	color:#000;
	}
	
	.member_nav li a:hover {
	color:#1594dd;
	text-decoration: none;
	}
	
.two {
	width:410px;
	padding:0 20px 0 0;
	float: left;
	}
	
	.two p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#CCCCCC;
	float:none;
	}
	
.member p.anecdote {
	font-family: "Georgia", "Book Antiqua", "serif";
	font-style: italic;
	font-size:17px;
	line-height: 150%;
	position: relative;
	color: #CCCCCC;
	width:400px;
	margin-bottom:20px;
	}
	
		.member p.anecdote span.leftquote {
		background: url(../images/quotemark_left.png) bottom right no-repeat;
		display: block;
		position: absolute;
		top:0px;
		left:-35px;
		height:20px;
		width:29px;
		}
		
		.member p.anecdote span.rightquote {
		background: url(../images/quotemark_right.png) bottom right no-repeat;
		display: block;
		position: absolute;
		bottom:0px;
		right:-28px;
		height:20px;
		width:29px;
		}

.membercol {
width:230px;
}

.member img.mug {
margin:0 0 30px;
}


/*--- Footer ---*/

#footer {
	float:left;
	width:100%;
	height:355px;
	margin:50px 0 0 0;
	background:url(../images/footer-bg.png) bottom left repeat-x;
}
.inner {width:960px;margin:0 auto;padding:40px 0 0 0;}
#footer img, #footer p {margin:0 53px 10px 0; width:200px;float:left}

.credits {margin:35px 0 0 0;font-size:13px}
.credits a {text-decoration:none;}

#wcon {
width: 1000px;
float:left;
}

#wcon img{
float:left;
padding:0 7px 0 0px;
}

#wcon p {
	font-size:16px;
	line-height:20px;
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	width: 400px;
}