/* The Autumn Film - Design & Dev by [gb] Studio */
/* power by *Backstage* AllAccess (go-backstage.com) */

/* theautumnfilm.com */

/* ============================================================ */
/* = Official Site for The Autumn Film from Boulder, Colorado = */
/* ============================================================ */

@import url("reset.css");   /* thanks yahoo */

body {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #231f20;
	background-color: #fff;
/*	-webkit-text-stroke:1px transparent;*/
	text-rendering: optimizeLegibility
}

a {
	color: #0973b9;
	font-weight: bold;
	text-decoration: none;
}

strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
strong em, em strong {
	font-weight: bold;
	font-style: italic;
}

h2 {
	font-size: 64px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: -0.05em;
	line-height: 72px;
}

#bio h3,
#dates h3,
#news h3,
#share h3,
#photos h3,
#store h3 {
	margin: 0px 0px 12px 0px;
	font-size: 28px;
	line-height: 34px;
	letter-spacing: -0.05em;
	font-weight: bold;
}

#bio p,
#dates p,
#news p,
#share p,
#photos p,
#store p {
	margin: 0px 0px 12px 0px;
	font-size: 18px;
	line-height: 34px;
}

.red {
	color: red;
}

/* go-to top bug */

#goto_top_bug a {
	display: block;
	position: fixed;
	bottom: 25px;
	left: 25px;
	width: 62px;
	height: 112px;
	text-indent: -9999px;
	background-image: url("/images/icon_top-arrow.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-color: rgba(201, 201, 201, 0.6);
	
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	
	opacity: 0.4;
	-moz-opacity: 0.4;
	filter:alpha(opacity=40);
}
#goto_top_bug a:hover {
	opacity: 1.0;
	-moz-opacity: 1.0;
	filter:alpha(opacity=100);
}
#goto_top_bug a:active {
	bottom: 23px;
	left: 27px;
}

/* =============== */
/* = top section = */
/* =============== */

#top_container {
	width: 100%;
	height: 150px;
	background-image: url("/images/backgrounds/top_bg.jpg");
	background-repeat: no-repeat;
	background-position: center top;
}

#top {
	margin: 0 auto;
	width: 1000px;
}

#top p {
	display: block;
	padding-top: 30px;
	margin: 0px;
	line-height: 15px;
	width: 129px;
	height: 15px;
	text-indent: -9999px;
	background-image: url("/images/title_taf_sm.png");
	background-repeat: no-repeat;
	background-position: center 30px;
}

/* ================ */
/* = menu section = */
/* ================ */

#menu {
	margin: 0 auto;
	width: 1000px;
}

#menu h1 {
	display: block;
	margin-top: 85px;
	width: 401px;
	height: 238px;
	text-indent: -9999px;
	background-image: url("/images/title_taf_big_stacked.png");
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
}

#menu ul {
	display: block;
	margin: 60px 0px 15px 0px;
	width: 560px;
	height: 380px;
	float: right;
}

#menu ul li {	float: left; }
#menu ul li.disabled,
#menu ul li a {
	display: block;
	margin: 0px 34px 22px 0px;
	height: 60px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
}
#menu ul li.disabled {
	opacity: 0.3;
	-moz-opacity: 0.3;
	filter:alpha(opacity=30);
}
#menu ul li a:hover {
	opacity: 0.85;
	-moz-opacity: 0.85;
	filter:alpha(opacity=85);
}
#menu ul li a:active {
	position: relative;
	top: 2px;
	left: 2px;
}

#menu ul li.dates.disabled,
#menu ul li.dates a {
	width: 226px;
	background-image: url("/images/menu_dates.png");
}
#menu ul li.news.disabled,
#menu ul li.news a {
	width: 206px;
	background-image: url("/images/menu_news.png");
}
#menu ul li.store.disabled,
#menu ul li.store a {
	width: 234px;
	background-image: url("/images/menu_store.png");
}
#menu ul li.photos.disabled,
#menu ul li.photos a {
	margin-right: 0px;
	width: 284px;
	background-image: url("/images/menu_photos.png");
}
#menu ul li.album a {
	margin-right: 0px;
	width: 550px;
	height: 43px;
	background-image: url("/images/menu_ship-sea.png");
}
#menu ul li.album a:hover { 
	background-position: right top;
	opacity: 1.0;
	-moz-opacity: 1.0;
	filter:alpha(opacity=100);
}
#menu ul li.links.disabled,
#menu ul li.links a {
	width: 207px;
	background-image: url("/images/menu_links.png");
}
#menu ul li.share a {
	width: 238px;
	background-image: url("/images/menu_share.png");
}
#menu ul li.bio.disabled,
#menu ul li.bio a {
	width: 126px;
	background-image: url("/images/menu_bio.png");
}
#menu ul li.contact.disabled,
#menu ul li.contact a {
	width: 329px;
	background-image: url("/images/menu_contact.png");
}

/* ===================== */
/* = new album section = */
/* ===================== */

#album_container {
	padding-top: 50px;
	width: 100%;
	height: 852px;
	background-image: url("/images/backgrounds/album_bg.jpg");
	background-repeat: no-repeat;
	background-position: center top;
}

#album {
	margin: 0 auto;
	padding-top: 125px;
	width: 1000px;
}

#album .album {
	width: 520px;
	float: left;
}

#album .content {
	width: 430px;
	float: right;
}

#album h2 {
	display: block;
	margin: 0 auto;
	margin-top: 60px;
	width: 348px;
	height: 39px;
	text-indent: -9999px;
	background-image: url("/images/title_ship-sea.png");
	background-repeat: no-repeat;
	background-position: center top;
}

#album h3 {
	font-size: 56px;
	font-weight: bold;
	color: #fff;
	letter-spacing: -0.05em;
	line-height: 64px;
	text-align: center;
}

#album .album p {
	display: block;
	margin: 8px 0px 0px 20px;
	width: 200px;
	height: 29px;
	text-indent: -9999px;
	background-image: url("/images/copy_production-credit.png");
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
}

#album div.content p.order_button {
	position: relative;
	margin: 0 auto;
	margin-top: 70px;
	width: 305px;
}
#album div.content p.order_button a {
	display: block;
	margin: 0px 0px 10px 0px;
	padding: 20px;
	width: 265px;
	height: 30px;
	color: #fff;
	font-size: 26px;
	line-height: 30px;
	text-decoration: none;
	font-weight: bold;
	text-align: right;
	
	border-radius: 35px;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	
	background-color: #0198b4;
}
#album div.content p.order_button a:hover {
	background-color: #00829a;
}
#album div.content p.order_button a:active {
	position: relative;
	top: 2px;
	color: #00829a;
	background-color: #fff;
}
#album div.content p.order_button a span.price {
	display: block;
	font-size: 52px;
	float: left;
	letter-spacing: -0.05em;
}
#album div.content p.order_button a span.price span.sm {
	font-size: 26px;
	letter-spacing: 0em;
}

#album div.content p.order_button.digital {
	margin-top: 0px;
}

#album div.content p.order_button.digital a {
	background-color: #108f8b;
}
#album div.content p.order_button.digital a:hover {
	background-color: #0a7875;
}
#album div.content p.order_button.digital a:active {
	color: #0a7875;
	background-color: #fff;
}

#album div.content div.small_links {
	position: relative;
	margin: 0 auto;
	width: 305px;
}

#album div.content p.small { 
	width: 135px;
	float: left;
}
#album div.content p.small.right,
#album div.content p.small.right a { float: right; }
#album div.content p.small a {
	display: inline-block;
	padding: 7px 12px 7px 12px;
	color: #fff;
	background-color: #126a9d;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;	
}
#album div.content p.small a:hover {
	text-decoration: none;
	background-color: #0385d0;
}
#album div.content p.small a:active {
	position: relative;
	top: 2px;
	color: #0385d0;
	background-color: #fff;
}

/* ================ */
/* = news section = */
/* ================ */

#news {
	margin: 0 auto;
	margin-bottom: 40px;
	padding-top: 25px;
	width: 1000px;
	clear: both;
}

#news .left {
	width: 380px;
	float: left;
}

#news .left #news_promo {
	margin-top: 150px;
}

#news .right {
	padding-left: 50px;
	margin-bottom: 40px;
	width: 530px;
	min-height: 700px;
	background-image: url("/images/divider_news_vert.png");
	background-repeat: repeat-y;
	background-position: left top;
	float: right;
}

#news .right h2 {
	display: block;
	margin: 45px 0px 40px 0px;
	width: 206px;
	height: 60px;
	text-indent: -9999px;
	background-image: url("/images/menu_news.png");
	background-repeat: no-repeat;
	background-position: center top;
}

#news .right .entry {
	margin-bottom: 40px;
}

#news .right .news_nav {
	position: relative;
	margin: -100px 0px 0px 0px;
	padding: 0px;
	float: right;
	z-index: 5;
}
#news .right .news_nav.lower {
	margin: 0px;
}
#news .right .news_nav p a {
	display: block;
	margin: 3px 0px 0px 0px;
	padding: 6px 11px 6px 11px;
	width: 38px;
	color: #fff;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
	background-color: #a3dcff;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;	
	float: right;
}
#news .right .news_nav p a:hover {
	text-decoration: none;
	background-color: #126a9d;
}
#news .right .news_nav p a:active {
	position: relative;
	top: 2px;
	left: 2px;
	background-color: #0385d0;
}
#news .right .news_nav p#news_spinner,
#news .right .news_nav p#news_spinner_lower  {
	position: absolute;
	margin: 10px 0px 0px -35px;
	padding: 5px;
	background-color: rgba(255, 255, 255, 0.8);
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

/* ================= */
/* = store section = */
/* ================= */

#store_divider {
	width: 100%;
	height: 312px;
	background-image: url("/images/backgrounds/store_top_bg.jpg");
	background-repeat: no-repeat;
	background-position: center top;
	clear: both;
}

#store {
	margin: 0 auto;
	padding-top: 20px;
	margin-bottom: 80px;
	width: 1000px;
	clear: both;
}

#store h2 {
	display: block;
	margin: 45px 0px 80px 470px;
	width: 234px;
	height: 60px;
	text-indent: -9999px;
	background-image: url("/images/menu_store.png");
	background-repeat: no-repeat;
	background-position: center top;
}

#store .arrow {
	position: absolute;
	margin: 28px 0px 0px 0px;
	width: 449px;
	height: 81px;
}

#store .left {
	width: 380px;
	float: left;
}

#store .left h3,
#store .right h3 {
	margin-bottom: 40px;
}

#store .left .header {
	margin-bottom: 23px;
	width: 380px;
	height: 360px;
	border: 1px solid #ddd;
}

#store .left .left,
#store .left .right {
	padding: 0px;
	margin: 0px;
	width: 190px;
}
#store .left .right {
	float: right;
}

#store .left .left img,
#store .left .right img {
	margin: 13px 0px 14px 3px;
}

#store .left h4 {
	margin: 0px 0px 0px 0px;
	font-size: 18px;
	line-height: 28px;
	letter-spacing: -0.07em;
	font-weight: bold;
}
#store .left p {
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	line-height: 14px;
}

#store .left .info {
	margin-top: 15px;
}
#store .left .info p {
	margin: 0px 0px 9px 0px;
	line-height: 18px;
}

#store .left #shirt_widget p.selector {
	margin-top: 6px;
	margin-bottom: 18px;
}

#store .faded {
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter:alpha(opacity=50);
}

#store .left #shirt_widget ul li a,
#store .left #shirt_widget p.reset_link a {
	display: block;
	padding: 7px 10px 7px 10px;
	color: #fff;
	font-weight: normal;
	background-color: #126a9d;
	float: left;
}
#store .left #shirt_widget p.reset_link { float: right; }
#store .left #shirt_widget ul.initial_selector li.black a {
	margin-right: 2px;
	width: 160px;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
}
#store .left #shirt_widget ul.initial_selector li.brown a {
	width: 175px;
	-webkit-border-top-right-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-bottomright: 15px;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
}
#store .left #shirt_widget ul li a:hover,
#store .left #shirt_widget p.reset_link a:hover {
	text-decoration: none;
	background-color: #0385d0;
}
#store .left #shirt_widget ul li a:active,
#store .left #shirt_widget p.reset_link a:active {
	position: relative;
	top: 2px;
}
#store .left #shirt_widget ul.sizes li a,
#store .left #shirt_widget ul.albums li a,
#store .left #shirt_widget p.reset_link a {
	margin-right: 3px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
#store .left #shirt_widget ul.albums li a {
	margin-bottom: 3px;
}

#store .right {
	width: 530px;
	float: right;
}

#store .right .album {
	margin: 0px 25px 40px 0px;
	width: 250px;
	float: left;
}
#store .right .album.end {
	margin-right: 0px;
}

#store .right .album .cover {
	width: 250px;
	height: 250px;
	border: 1px solid #ddd;
}

#store .right .album .buttons {
	margin: 13px 0px 15px 0px;
	width: 250px;
}

#store .right .album .buttons ul li a {
	display: block;
	padding: 7px 10px 7px 10px;
	color: #fff;
/*	letter-spacing: -0.07em;*/
	font-weight: normal;
	background-color: #126a9d;
	float: left;
}
#store .right .album .buttons ul li.digital_cd a {
	margin-right: 2px;
	width: 118px;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
}
#store .right .album .buttons ul li.digital a {
	width: 90px;
	-webkit-border-top-right-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-bottomright: 15px;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
}
#store .right .album .buttons ul li a:hover {
	text-decoration: none;
	background-color: #0385d0;
}
#store .right .album .buttons ul li a:active {
	position: relative;
	top: 2px;
}

#store .right .album h4,
#store .right .packages h4 {
	margin: 0px 0px 0px 0px;
	font-size: 18px;
	line-height: 28px;
	letter-spacing: -0.07em;
	font-weight: bold;
}
#store .right .album h4 em {
	font-size: 12px;
	font-style: normal;
	color: #bababa;
	float: right;
}
#store .right .album p {
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	line-height: 14px;
}

#store .right .album.package_banner img {
	margin: 55px 0px 0px 55px;
}

#store .right .info p {
	margin: -18px 0px 9px 0px;
	font-size: 12px;
	line-height: 18px;
}

#store .right .packages {
	margin: 30px 0px 0px 0px;
}
#store .right .packages h4 {
	margin-bottom: 18px;
}

#store .right .packages .package {
	height: 150px;
	clear: both;
}
#store .right .packages .package#shipsea_safesound {
	margin-bottom: 42px;
}

#store .right .packages .package .artwork {
	width: 330px;
	float: left;
}
#store .right .packages .package .artwork img {
	position: absolute;
	width: 135px;
	height: 135px;
	border: 1px solid #ddd;
}
#store .right .packages .package#shipsea_safesound .artwork img.safesound {
	margin: 0px 0px 0px 50px;
	z-index: 1;
}
#store .right .packages .package#shipsea_safesound_tifahep .artwork img.safesound {
	margin: 0px 0px 0px 0px;
	z-index: 1;
}
#store .right .packages .package#shipsea_safesound .artwork img.shipsea {
	margin: 12px 0px 0px 145px;
	z-index: 5;
}
#store .right .packages .package#shipsea_safesound_tifahep .artwork img.shipsea {
	margin: 12px 0px 0px 90px;
	z-index: 5;
}
#store .right .packages .package#shipsea_safesound_tifahep .artwork img.tifahep {
	margin: 0px 0px 0px 190px;
	z-index: 1;
}

#store .right .packages .package .info {
	width: 180px;
	float: right;
}
#store .right .packages .package .info p {
	margin-top: 0px;
	text-align: center;
}

#store .right .packages .package .info ul li a {
	display: block;
	padding: 7px 10px 7px 10px;
	margin-bottom: 6px;
	width: 160px;
	color: #fff;
	font-weight: normal;
	background-color: #126a9d;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	float: left;
}
#store .right .packages .package .info ul li a:hover {
	text-decoration: none;
	background-color: #0385d0;
}
#store .right .packages .package .info ul li a:active {
	position: relative;
	top: 2px;
}
#store .right .packages .package .info ul li a span.name {
	float: right;
}

/* ================= */
/* = dates section = */
/* ================= */

#dates_divider {
	width: 100%;
	height: 484px;
	background-image: url("/images/backgrounds/dates_top_bg.jpg");
	background-repeat: no-repeat;
	background-position: center top;
	clear: both;
}

#dates {
	margin: 0 auto;
	margin-bottom: 40px;
	width: 1000px;
	clear: both;
}

#dates h2 {
	display: block;
	margin: 45px 0px 80px 470px;
	width: 226px;
	height: 60px;
	text-indent: -9999px;
	background-image: url("/images/menu_dates.png");
	background-repeat: no-repeat;
	background-position: center top;
}

#dates .arrow {
	position: absolute;
	margin: -12px 0px 0px 730px;
	width: 267px;
	height: 85px;
}

#dates .left {
	width: 380px;
	float: left;
}

#dates .left h3,
#dates .right h3 {
	margin-bottom: 40px;
}

#dates .left p.date,
#dates .right p.date {
	margin: 0px;
	padding: 0px;
	font-size: 72px;
	font-weight: bold;
	line-height: 85px;
	letter-spacing: -0.07em;
}
#dates .left p.date em,
#dates .right p.date em {
	display: inline-block;
	padding: 0px 15px 0px 10px;
	margin: 0px -15px 0px -10px;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	background-color: #eef9ff;
	
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
#dates .right a:hover p.date em {
	color: #fff;
	background-color: #0973b9;
}
#dates .right a:active p.date em { background-color: #108f8b; }

#dates .left p.date span,
#dates .right p.date span {
	margin: 0px 0px 0px 0px;
	font-size: 18px;
	font-weight: bold;
	line-height: 85px;
	letter-spacing: 0em;
}
#dates .left p.divider {
	margin: -20px 0px 0px 0px;
	padding: 0px;
	height: 22px;
}
#dates .left p.location,
#dates .right p.location,
#dates .left p.venue,
#dates .right p.venue,
#dates .left p.phone,
#dates .right p.phone {
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	line-height: 28px;
}

#dates .left p.buy_tix {
	margin: 0px;
	padding: 0px;
	float: right;
}
#dates .left p.buy_tix a {
	display: block;
	margin: 3px 0px 0px 0px;
	padding: 6px 11px 6px 11px;
	color: #fff;
	font-size: 12px;
	line-height: 12px;
	background-color: #126a9d;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;	
	float: right;
}
#dates .left p.buy_tix a:hover {
	text-decoration: none;
	background-color: #0385d0;
}
#dates .left p.buy_tix a:active {
	position: relative;
	top: 2px;
	left: 2px;
	color: #0385d0;
	background-color: #eaeaea;
}

#dates .left .info {
	margin: 15px 0px 35px 0px;
}
#dates .left .info p {
	font-size: 12px;
	line-height: 18px;
}

#dates .art {
	text-align: center;
}

#dates .right {
	width: 530px;
	float: right;
}

#dates .right a { 
	display: block;
	color: #231f20;
}
#dates .right a:hover { color: #0973b9; }
#dates .right a:active {
	position: relative;
	top: 2px;
	left: 2px;
	color: #108f8b;
}

#dates .right .dates_nav {
	position: relative;
	margin: -140px 0px 0px 0px;
	padding: 0px;
	float: right;
	z-index: 5;
}
#dates .right .dates_nav.lower {
	margin: 0px;
}
#dates .right .dates_nav p a {
	display: block;
	margin: 3px 0px 0px 0px;
	padding: 6px 11px 6px 11px;
	width: 38px;
	color: #fff;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
/*	background-color: #d2eeff;*/
	background-color: #a3dcff;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;	
	float: right;
}
#dates .right .dates_nav p a:hover {
	text-decoration: none;
/*	background-color: #0385d0;*/
	background-color: #126a9d;
}
#dates .right .dates_nav p a:active {
	position: relative;
	top: 2px;
	left: 2px;
	background-color: #0385d0;
}
#dates .right .dates_nav p#events_spinner,
#dates .right .dates_nav p#events_spinner_lower,
#dates .left #event_detail_spinner  {
	position: absolute;
	margin: 10px 0px 0px -35px;
	padding: 5px;
	background-color: rgba(255, 255, 255, 0.8);
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
#dates .left #event_detail_spinner {
	margin: -8px 0px 0px 10px;
}

#dates .right h3 {
	float: left;
}

#dates .right h5 {
	font-size: 11px;
	line-height: 34px;
	float: right;
}

#dates .right p.date {
	margin-left: -5px;
	width: 310px;
	text-align: right;
	float: right;
}

#dates .right p.venue {
	display: inline-block;
	width: 225px;
	margin-top: 12px;
}

/* ================= */
/* = share section = */
/* ================= */

#share_divider {
	width: 100%;
	height: 356px;
	background-image: url("/images/backgrounds/share_top_bg.jpg");
	background-repeat: no-repeat;
	background-position: center top;
	clear: both;
}


#share {
	margin: 0 auto;
	margin-bottom: 80px;
	padding-top: 45px;
	width: 1000px;
	clear: both;
}

#share .left {
	padding-top: 70px;
	width: 380px;
	float: left;
}

#share .left h3 {
	margin-bottom: 80px;
	text-align: right;
}

#share .right {
	padding-left: 50px;
	width: 530px;
	float: right;
}

#share .right h3 {
	padding-top: 12px;
}

#share .right h2 {
	display: block;
	margin: 45px 0px 80px 0px;
	width: 238px;
	height: 60px;
	text-indent: -9999px;
	background-image: url("/images/menu_share.png");
	background-repeat: no-repeat;
	background-position: center top;
}

#share .small p img,
#share .big p img {
	border: 1px solid #ddd;
}

#share .small h6,
#share .big h6 {
	display: block;
	position: absolute;
	padding: 6px;
	margin: 4px 0px 0px -40px;
	width: 14px;
	height: 14px;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background-color: #d2eeff;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px;
}

#share .left .small {
	margin-bottom: 22px;
	width: 280px;
	height: 155px;
	overflow: visible;
	float: right;
}

/* =============== */
/* = bio section = */
/* =============== */

#bio_divider {
	width: 100%;
	height: 390px;
	background-image: url("/images/backgrounds/bio_top_bg.jpg");
	background-repeat: no-repeat;
	background-position: center top;
	clear: both;
}

#bio {
	margin: 0 auto;
	margin-bottom: 40px;
	width: 1000px;
	clear: both;
}

#bio h2 {
	display: block;
	margin: 45px 0px 80px 470px;
	width: 126px;
	height: 60px;
	text-indent: -9999px;
	background-image: url("/images/menu_bio.png");
	background-repeat: no-repeat;
	background-position: center top;
}

#bio .left {
	width: 380px;
	float: left;
}

#bio .left img.divider {
	margin: 20px 0px 20px 0px;
}

#bio .right {
	width: 530px;
	float: right;
}

/* ================== */
/* = photos section = */
/* ================== */

#photos_divider {
	width: 100%;
	height: 246px;
	background-image: url("/images/backgrounds/photos_top_bg.jpg");
	background-repeat: no-repeat;
	background-position: center top;
	clear: both;
}

#photos {
	margin: 0 auto;
	margin-bottom: 80px;
	width: 1000px;
	clear: both;
}

#photos h2 {
	display: block;
	margin: 80px 0px 80px 470px;
	width: 284px;
	height: 60px;
	text-indent: -9999px;
	background-image: url("/images/menu_photos.png");
	background-repeat: no-repeat;
	background-position: center top;
}

#photos h3.top {
	margin-top: -110px;
	padding-top: 0px;
	width: 380px;
	float: left;
	text-align: right;
}

#photos .intro {
	margin: 10px 0px 0px 50px;
	width: 320px;
	text-align: right;
	float: left;
}

#photos .intro .art {
	margin-top: 150px;
	text-align: center;
}

#photos ul#gallery_list {
	width: 590px;
	float: right;
}

#photos ul#gallery_list li {
	display: block;
	margin-bottom: 20px;
	width: 285px;
	height: 285px;
	float: left;
}
#photos ul#gallery_list li.even {
	margin-right: 20px;
}
#photos ul#gallery_list li p {
	margin: 0px;
	padding: 0px;
}
#photos ul#gallery_list li p.name {
	position: absolute;
	margin: -40px 0px 0px 15px;
	color: #fff;
	visibility: hidden;
}
#photos ul#gallery_list li:hover p.name {
	visibility: visible;
}
#photos ul#gallery_list li:active p.name {
	margin: -38px 0px 0px 17px;
}

#photos ul#gallery_list li p.gallery_spinner {
	position: absolute;
	margin: -165px 0px 0px 125px;
	padding: 5px;
	width: 35px;
	height: 35px;
	background-color: rgba(255,255,255,0.6);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	z-index: 5;
}

#photos ul#gallery_photos {
	margin: 0px 0px 0px 50px;
	width: 915px;
}

#photos ul#gallery_photos li {
	margin: 0px 15px 15px 0px;
	float: left;
}

#photos ul#gallery_photos li p.photo_spinner {
	position: absolute;
	margin: -95px 0px 0px 75px;
	padding: 3px;
	width: 16px;
	height: 16px;
	background-color: rgba(255,255,255,0.6);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	z-index: 5;
}

#photos .left {
	margin-right: 25px;
	width: 225px;
	text-align: right;
	float: left;
}
#photos .left h3 {
	padding-top: 10px;
}

#photos #view_photo {
	max-width: 650px;
	min-height: 750px;
	float: left;
}

#photos #next_previous {
	width: 73px;
	float: right;
}
#photos #next_previous div.next_link {
	margin-bottom: 8px;
}

#photos #next_previous img#gallery_next_photo_spinner,
#photos #next_previous img#gallery_previous_photo_spinner {
	position: absolute;
	margin: 25px 0px 0px -45px;
	padding: 3px;
	width: 16px;
	height: 16px;
	background-color: rgba(255,255,255,0.6);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	z-index: 5;
}

#photos .gallery_nav {
	position: relative;
	margin: -138px 0px 0px 0px;
	padding: 0px;
	float: right;
	z-index: 5;
}
#photos .gallery_nav.lower {
	margin: 0px;
}
#photos .gallery_nav p a {
	display: block;
	margin: 3px 0px 0px 0px;
	padding: 6px 11px 6px 11px;
	width: 52px;
	color: #fff;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
	background-color: #a3dcff;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;	
	float: right;
}
#photos .gallery_nav p a:hover {
	text-decoration: none;
	background-color: #126a9d;
}
#photos .gallery_nav p a:active {
	position: relative;
	top: 2px;
	left: 2px;
	background-color: #0385d0;
}
#photos .gallery_nav p#gallery_spinner,
#photos .gallery_nav p#gallery_spinner_lower  {
	position: absolute;
	margin: 10px 0px 0px -35px;
	padding: 5px;
	background-color: rgba(255, 255, 255, 0.8);
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

/* ================== */
/* = bottom section = */
/* ================== */

#bottom_container {
	padding-top: 90px;
	width: 100%;
	height: 450px;
	background-image: url("/images/backgrounds/bottom_bg.jpg");
	background-repeat: no-repeat;
	background-position: center bottom;
}

#bottom {
	margin: 0 auto;
	width: 1000px;
}

/* monster */

#bottom_container #monster {
	position: absolute;
	right: 0px;
	margin-top: 292px;
	width: 131px;
	height: 158px;
	float: right;
}

/* links section */

#bottom #links {
	width: 375px;
	float: left;
}

#bottom #links h2 {
	display: block;
	width: 201px;
	height: 60px;
	text-indent: -9999px;
	background-image: url("/images/title_links_white.png");
	background-repeat: no-repeat;
	background-position: center top;
}

#bottom #links ul {
	margin-top: 25px;
	width: 290px;
}
#bottom #links ul li a {
	display: block;
	margin: 0px 0px 15px 0px;
	padding: 10px 25px 10px 25px;
	height: 30px;
	color: #fff;
	font-size: 26px;
	line-height: 30px;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	
	border-radius: 35px;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	
	background-color: #0198b4;
	
	clear: left;
}
#bottom #links ul li a:hover {
	background-color: #00849d;
}
#bottom #links ul li a:active {
	position: relative;
	top: 2px;
	left: 2px;
	color: #0198b4;
	background-color: #fff;
}

#bottom #links ul li.small a {
	width: 90px;
	float: left;
	clear: none;
}
#bottom #links ul li.small.right { float: right; }

/* contact section */

#bottom #contact {
	width: 530px;
	float: right;
}

#bottom #contact h2 {
	display: block;
	width: 327px;
	height: 60px;
	text-indent: -9999px;
	background-image: url("/images/title_contact_white.png");
	background-repeat: no-repeat;
	background-position: center top;
}

#bottom #contact ul {
	margin-top: 25px;
	width: 450px;
}
#bottom #contact ul li a {
	display: block;
	margin: 0px 0px 15px 0px;
	padding: 10px 25px 10px 25px;
	height: 30px;
	color: #fff;
	font-size: 26px;
	line-height: 30px;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	
	border-radius: 35px;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	
	background-color: #126a9d;
	
	clear: left;
}
#bottom #contact ul li a:hover {
	background-color: #0b547f;
}
#bottom #contact ul li a:active {
	position: relative;
	top: 2px;
	left: 2px;
	color: #126a9d;
	background-color: #fff;
}

#bottom #contact ul li.small a {
	width: 90px;
/*	width: 168px;*/
	float: left;
	clear: none;
}
#bottom #contact ul li.small.middle { margin-left: 15px; float: left; }
#bottom #contact ul li.small.right { float: right; }

/* footer */

#footer {
	margin-top: 200px;
}

#footer p {
	font-size: 11px;
	line-height: 18px;
	font-weight: bold;
	color: #f0f9ff;
}

/* jukebox */

#load_jukebox {
	position: absolute;
}

#load_jukebox a {
	display: block;
	position: fixed;
	bottom: 25px;
	left: 100px;
	width: 70px;
	height: 70px;
	text-indent: -9999px;
	background-image: url("/images/icon_sound.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-color: rgba(201, 201, 201, 0.6);
	
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
	
	opacity: 0.4;
	-moz-opacity: 0.4;
	filter:alpha(opacity=40);
}
#load_jukebox a:hover {
	opacity: 1.0;
	-moz-opacity: 1.0;
	filter:alpha(opacity=100);
}
#load_jukebox a:active {
	bottom: 23px;
	left: 102px;
}

#jukebox {
	position: fixed;
	left: 0px;
	bottom: 165px;
	width: 131px;
	height: 200px;
	z-index: 500;
}

#jukebox #jukebox_holder {
	width: 85px;
	height: 121px;
	float: left;
}

#jukebox img.right {
	width: 46px;
	height: 121px;
	float: right;
}

/* share bug */

#share_bug {
	position: fixed;
	top: 22px;
	right: 0px;
	width: 155px;
	z-index: 500;
}
#share_bug p a {
	display: block;
	padding: 5px 5px 5px 15px;
	width: 135px;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	line-height: 22px;
	border-top-left-radius: 25px;
	border-bottom-left-radius: 25px;
	-webkit-border-top-left-radius: 25px;
	-webkit-border-bottom-left-radius: 25px;
	-moz-border-radius-topleft: 25px;
	-moz-border-radius-bottomleft: 25px;
	text-decoration: none;
	background-color: #1398cf;
}
#share_bug p a:hover {
	color: #fff;
	background-color: #02aee3;
}
#share_bug p a:active {
	position: relative;
	top: 2px;
	color: #1398cf;
	background-color: #b1e8fb;
}
#share_bug p a span.underline {
	text-decoration: underline;
}

/* facebook like */

#fb_like_bug {
	position: fixed;
	top: 30px;
	right: 0px;
	width: 255px;
	height: 32px;
	
	border-top-left-radius: 25px;
	border-bottom-left-radius: 25px;
	-webkit-border-top-left-radius: 25px;
	-webkit-border-bottom-left-radius: 25px;
	-moz-border-radius-topleft: 25px;
	-moz-border-radius-bottomleft: 25px;
	text-decoration: none;
	
	z-index: 450;
}

/* shopping cart bug */

#shopping_cart_bug {
	position: fixed;
	bottom: 40px;
	right: 0px;
	width: 175px;
	z-index: 500;
}
#shopping_cart_bug p a {
	display: block;
	padding: 15px 15px 15px 25px;
	width: 135px;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	line-height: 22px;
	border-top-left-radius: 25px;
	border-bottom-left-radius: 25px;
	-webkit-border-top-left-radius: 25px;
	-webkit-border-bottom-left-radius: 25px;
	-moz-border-radius-topleft: 25px;
	-moz-border-radius-bottomleft: 25px;
	text-decoration: none;
	background-color: #1398cf;
}
#shopping_cart_bug p a:hover {
	color: #fff;
	background-color: #02aee3;
}
#shopping_cart_bug p a:active {
	position: relative;
	top: 2px;
	color: #1398cf;
	background-color: #b1e8fb;
}
#shopping_cart_bug p a span.underline {
	text-decoration: underline;
}

/* other stuff */

hr.clear {
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	border-width:0;
	margin:0;
	padding:0;
	overflow: hidden;
}