/* browser reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img,
small, strike, strong, sub, sup, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0px none;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline
}
:focus { outline: 0; }
body { line-height: 1; }
ol, 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 {  }
blockquote, q {  }

/* common styles */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}


body { background: #000; font-family: arial, helvetica, sans-serif; font-size: 12px; text-align: center; }
p { margin: 5px 0 10px 0; font-family: arial, helvetica, sans-serif; font-size: 12px; font-style: normal; line-height:1.2em; }
h1, h2 { margin-bottom: 10px; }
a, a:visited { color: #999999; font-size: 12px; }
a:hover, a:active { color: #ddd; }

.clear { clear: both; }
hr { color: #330000; height: 1px; margin:0px 50px; border-style: solid; }
#wrapper { margin: 20px auto; text-align: center; width: 810px; }

#header { padding: 10px;  } 
#main-nav { text-align:center; }
#main-nav ul { width: 200px; margin: 5px auto; padding-bottom: 20px; list-style: none; font-size: 15px;  font-family: sans-serif; }
#main-nav li { margin: 0 5px; display: inline; float: left; }

#main-nav ul.header-links {color: #83130A;  }
#main-nav ul.header-links a { display: block; color: #83130A; text-decoration: none; font-size: 15px;  }
#main-nav ul.header-links a span { display: none; }
#main-nav ul.header-links a:hover { color: #333; }

#headerEffect { height: 300px; position: relative; display:none;   }
#headerEffect img {  }
.songsBox {   margin: 10px auto; }
.songsBox a { text-decoration: none; font-size: 16px; }

.iaac-hdr { background: url('../img/hdr-iamacamera.jpg') no-repeat; width: 400px; height: 51px;  text-indent: -9999px; margin-bottom: 10px; display: inline-block }
/* Home Page styles */

#skyPicture { z-index: 1; position: absolute; top: 0; left: 0; display: block; background: transparent; width: 820px; height: 150px; overflow: hidden; margin: 0 auto;}
.iaac-hdr {  }

#home-header {  position: relative; overflow: hidden; }
#home-content { text-align: center; color: #999; padding: 20px 200px; font-size: 15px; }
#home-content p.comingsoon { font-size: 24px; margin: 30px 0; }

#main-content { padding: 20px 50px;  background: #e2e2e2; /* background: url('main-bg.gif') repeat-x top center;*/ color: #000; height: 600px; border: 2px solid #83130A; }

/* styles for music player */

.ui-widget { color: #999; }

#btnPlayStop { width: 120px; cursor: pointer; color: #999; margin-left: auto; margin-right: auto; }
#songTitle { display: none; }

.audio-samples { margin: 10px 0 20px; }
.audio-samples li { margin: 5px 0 ;} 

.emailform { margin: 20px 0 20px; }
.emailform label {color: #999; font-size: 12px; margin-right: 5px; }
.emailform input { font-size: 11px; border: none; background: #ccc; }
.emailform p { color: #fff; font-size: 13px; border: 1px solid #666; padding: 2px 5px;  }

#footer { margin: 120px 0 30px; }
#footer ul { list-style:none; margin: 0 254px; padding: 0; color: #999;}
#footer ul li { float: left; margin: 0 5px; color: #999; }
#footer ul li a, #footer ul li a:active {color: #999; }
#footer ul li a:hover, #footer ul li a:hover:active {color: #666; }
/*
*/
/*

*/
.aboutBox p { color: #666; padding: 10px 100px;  }
.aboutBox iframe { border-bottom: 1px solid #ccc; margin-top: 10px;  }

.songsBox { width: 400px; }