@charset "utf-8";
/* CSS Document */

/*BEGIN CSS RESET*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}

ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/*END CSS RESET*/
* {
 padding: 0;
 margin: 0;
 }

html {
 overflow: -moz-scrollbars-vertical;
 overflow-y: scroll;
 overflow-x: auto;
 }
 
body{
	background-color:#000;
	 font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	color:#606060;
	font-smooth: always;
}

html, body {
 height: 100%;
 }

a{
	text-decoration:none;
	color:#0096b4;
}

#canvas{
	width:700px;
	background:url(images/paperBG.jpg) repeat;
min-height: 100%;
height: 100%;
height: auto !important;

	  margin:auto;
	  position:relative;
}

.push{
	height:50px;
	clear:both;
}

#footer{
	text-align:center;
	font-size:11px;
	color:#666;
	padding-bottom:5px;

	width:700px;
   position: absolute;
   bottom:0px;
   height:25px;
	margin:auto;
}

#header-main{
	width:100%;
	height:90px;
}

#header-green{
	background-image:url(images/navbg_green-2.jpg);
	width:100%;
	height:90px;
}

#header-blue{
	background-image:url(images/navgb_blue-1.jpg);
	width:100%;
	height:90px;
}

#logo{
	background-image:url(images/logoE.png);
	background-repeat:no-repeat;
	height:60px;
	width:225px;
	margin-left:15px;
	position:relative;
	top:15px;
}


/* ########## BEGIN NAV BAR CSS ########## */

#navBar{
	width:700px;
}

ul.menu {
list-style-type:none;
width:auto;
position:relative;
display:block;
height:25px;
font-size:13px;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
font-weight:400;
margin:0;
padding-left:35px;
}

ul.menu li {
display:block;
float:left;
margin:0;
padding:0;
}

ul.menu li a {
float:left;
color:#0096b4;
text-decoration:none;
height:21px;
padding:3px 15px 8px;
font-weight:normal;
}

ul.menu li a:hover{
color:#222;
text-decoration:none;
}

ul.menu li a:hover,.current {
color:#333;
text-decoration:none;
}

ul.menu .current a {
color:#333;
}

/* ########## END NAV BAR CSS ########## */

.clear{
	clear:both
}

#content-wrapper-main{
	background-image:url(images/home_bkgnd.png);
	background-repeat:no-repeat;

   width:100%;
}

#content{
}

#content-wrapper{

}

#content-main{
}

#bio-left{
	float:left;
	width:350px;
	padding-top:25px;
	padding-left:40px;
}

#bio-right{
	float:right;
	width:250px;
	padding:25px;
}

#bio-image-box{
	/*background-image:url(images/bio.png);
	height: 297px;
	width: 242px;
	text-align:center;*/
/*  -moz-box-shadow: 5px 5px 5px #ccc;
  -webkit-box-shadow: 5px 5px 5px #ccc;
  box-shadow: 5px 5px 5px #ccc;*/
  border:1px solid #999;
  padding-right: 40px;
}

#bio-image{
	border: 8px solid white;
}

#bio-caption{
	color:#555;
	font-size:13px;
	margin:10px 20px 10px 20px;
	text-align:center;
}

#main-quote{
	width:500px;
	color: #333;
	font-family: "HoeflerText-Regular", "Hoefler Text", "Times New Roman", "serif";
	font-size: 21px;
	line-height: 46px;
	opacity: 1;
	padding-bottom: 16px;
	text-align: left;
	padding-top:80px;
	padding-bottom:20px;
	margin:auto;
}

#main-quote-caption{
	width:430px;
	color: #555;
	font-family: "HoeflerText-Regular", "Hoefler Text", "Times New Roman", "serif";
	font-size: 14px;
	line-height:1.5em;
	opacity: 1;
	padding-bottom: 16px;
	text-align: left;
	padding-top:20px;
	padding-bottom:30px;
	padding-left: 327px;
}

.bigtext{
	font-size:18px;
}

.works-thin{
	float:right;
	width:210px;
	padding-top:30px;
	padding-right:30px;
}

.works-thick{
	float:left;
	width:400px;
	padding:30px;
}
.works-image{
	width:201px;
}

#listen{
	text-align:center;
	color:#555;
	font-size:13px;
}

#content{}

#contact{
	width:400px;
	margin:auto;
	text-align:center;
	margin-top:30px;
	line-height:1.3em;
}

#news{
	width:400px;
	margin:auto;
	margin-top:30px;
	line-height:1.3em;
}

#clear{clear:both;}

.workslist li{
	margin-bottom:.5em;
}

.workslist li ul li{
	font-size:.8em;
	margin-left:20px;
}

.news-thin{
	float:right;
	width:210px;
	padding-top:30px;
	padding-right:30px;
}

.news-thick{
	float:left;
	width:400px;
	padding:30px;
}