/* 
 * Riverhead Publishing CSS
 * Copyright 2011, AUTHOR Matt Price
 * http://www.riverhead.co.uk
 */

body {
	background: #ffffff url(../images/river_design3.png) no-repeat 50% -48px;
	font-family: Verdana, Arial, Sans-serif;
	letter-spacing: 0.0em; color: #666699;
	text-align: left;
	padding: 0px;
	margin: 0px;
	border: 0px;
}

#container {
	position: relative; top: 50px;
}

table.audio {
	height: 16px;
	background: #666666;
	margin: 0px;
	padding: 0px;
	border: 1px solid #333333; border-top-width: 0px;
	outline: none;
	visibility: collapse;
	
	/*-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
	-moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px;*/
}

td.play {
	width: 20px; 
	background: #444444 url(../images/playpause_white.png) no-repeat -18px 2px; 
	outline: none;
}

td.pause {
	width: 20px; 
	background: #444444 url(../images/playpause_white.png) no-repeat 7px 2px; 
	outline: none;
}

.play:hover, .pause:hover {
	background-color: #333333;
	cursor: pointer;
}

table.menu {
	width: 55px; height: 64px; z-index: 0;
	background: transparent url(../images/background_menutab.png) no-repeat -8px -3px;
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #eeeeee; border-bottom-width: 0px;
	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
}

table.menu:hover {
	width: 610px;
	background: transparent url(../images/background_menu.png) no-repeat 0px -3px;
	/*border: 3px solid #bbbbdd; border-bottom-color: #666677;*/
}

table.index {
	position: relative; top: 114px;
	background: #555588 url(../images/background_index.png) no-repeat 100px 0px;
	margin: 0px; padding: 0px;
	border-bottom: 5px solid #555588;
	/*-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;*/
}

td.index_choice {
	width: 300px; height: 120px;
	background: transparent url(../images/viewing_panel_index.jpg) no-repeat; 
	border: 0px solid #aaaacc;
	padding: 0px; margin: 0px;
	visibility: visible;
	overflow: hidden;
	/*-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;*/
}

td.choice:hover {
	cursor: pointer;
	background: transparent url(../images/background_menuhilight.png) no-repeat 0px -3px;
}

#title {
	width: 610px; height: 30px; z-index: 0;
	background: transparent;
	font-family: Verdana, Arial, Sans-serif;
	font-size: 1.0em; font-weight: normal; letter-spacing: 0.5em; text-align: center; color: #444455;
	padding: 0px;
	margin: 30px 0px 0px 0px;
	border: 0px;
}

#screen {
	position: relative; top: -95px; width: 1000px; height: 600px; z-index: 1;
	background: transparent url(../images/background2b.png) no-repeat;
	border: 0px;
	margin: 0px 0px 30px 0px;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
	
	/*-moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; border-top-left-radius: 8px;
	-moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; border-top-right-radius: 8px;*/
}

#homelink {
	width: 70px; height: 90px; 
	background: transparent;
	margin-top: 130px; 
	cursor: pointer;
}

#homelink:hover {
	background: url(../images/logo_hilight.png) no-repeat -3px -3px;
}

.ui-accordion { 
	position: relative; top: 95px; width: 994px;
}

#accordion_pane {
	height: 275px; 
	background: transparent;
	text-align: left;
	margin: 0px; padding: 0px 0px 0px 182px;
	overflow: hidden;
}

#viewing_panel {
	width: 610px; height: 250px; 
	background: #111122 url(../images/viewing_panel.jpg);
	overflow: hidden;
	border: 10px solid #555588; border-bottom-width: 15px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

#carousel {
	width: 610px; 
	background: transparent url(../images/viewing_panel_carousel.jpg);
	overflow: hidden;
	border: 10px solid #555588; border-bottom-width: 15px;
	margin: 0px 0px 0px 0px;
}

#carousel ul {
	width: 3660px;
	padding: 0;
	margin: 0;
}

#carousel ul li {
	width: 610px;
	text-align: center;
	height: 250px;
	list-style: none;
	float: left;
}

#cacher {
	width: 408px; height: 165px;
	background: #eeeeee;
	margin: 40px 0px 0px 100px;
	overflow: hidden;
	border: 1px solid #111122;
}

p {
	font-size: 0.7em; line-height: 1.6em; text-align: justify; 
	padding: 40px 100px 20px 100px;
	margin: 0px;	
}

p.two {
	padding-top: 0px;
}

p.contact {
	text-align: center; 
	padding: 40px 50px 5px 50px;
	margin: 0px;	
}

p.index_text {
	text-align: left;
	padding: 5px 10px 0px 10px; margin: 0px;
}

h1 {
	width: 290px; height: 30px; 
	background: transparent;
	font-size: 12px; line-height: 29px; letter-spacing: 0.1em; font-weight: normal; color: #aaaadd; text-align: left;
	padding: 0px 0px 0px 10px; margin: 0px;
	border-bottom: 1px solid #555588;
}

h1:hover {
	cursor: pointer;
	background: #333355;
	color: #ddddff;
}

h3 {
	position: relative; top: -100px; 
	background: transparent;
	font-size: 0.7em; font-weight: normal; text-align: center;  color: #666677;
	padding-top: 0px; 
	margin-top: 0px;
}

a {
	text-decoration: underline;
	color: #666699;
}

a:hover {
	color: #444477;
}

a:active, a:link, a:visited { 
	outline: none;
}

a:focus { 
	-moz-outline-style: none;
}

.cap {
	position: relative; top: 2px; height: 46px;
	margin: 0px 5px 0px 0px;
}

.thumb {
	position: relative; top: 2px; height: 170px;
	margin: 0px 10px 0px 0px;
}

.info_panel, .info_panel_href {
	width: 410px; background-color: #cccc00;
	font-size: 1.0em; font-weight: bold; color: #111122; text-align: center; 
	margin: 6px 0px 0px 100px; 
	padding: 5px 0px 5px 0px;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
}

.info_panel_href:hover {
	background-color: #aaaa00; cursor: pointer;
}

textarea {
	width: 408px; height: 14px; overflow: auto; resize: none;
	font-family: verdana, Arial, sans-serif; font-size: 10px; color: #666699;
	background-color: transparent;
	border: 1px solid #444477; /*-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;*/
	padding: 3px; margin: 6px 0px 0px 97px;
	outline: none;
}

input {
	width: 200px; height: 20px;
	border: 0px;
	padding: 0px;
	font-size: 9px; font-weight: normal; line-height: 9px; letter-spacing: .2em; color: #000000;
	cursor: pointer; outline: none;
}

.send { 
	background-color: #7777aa; 
	margin: 6px 10px 0px 97px;
}

.reset { 
	background-color: #7777aa;
	margin: 6px 0px 0px 0px;
}

.send:hover, .reset:hover {
	background-color: #555588;
}



/* jQuery CSS Accordion 1.8.13 - Edited by Riverhead Publishing 06/11 */
 
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { 
	background: transparent url(../images/background_acc_default.png) no-repeat 0px -4px;
}

.ui-state-active a, .ui-state-active a:link { 
	background: transparent url(../images/background_acc_green.png) no-repeat 0px -4px; 
	cursor: default;
}

.ui-state-hover, .ui-widget-header .ui-state-hover, 
.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { 
	background: transparent url(../images/background_acc_hover.png) no-repeat 0px -4px; 
}

.ui-widget :active { 
	outline: none; 
}

.ui-accordion .ui-accordion-header { 
	cursor: pointer; 
	position: relative; 
	margin-bottom: 0px; margin-top: 0px; zoom: 1;
}

.ui-accordion .ui-accordion-li-fix { 
	display: inline; 
}

.ui-accordion .ui-accordion-header-active { 
	border-bottom: 0 !important; 
}

.ui-accordion .ui-accordion-header a { 
	height: 19px; display: block; 
	margin: 0px; padding: 0px;
}

.ui-accordion .ui-accordion-content { 
	position: relative; top: 0px;
	border-top: 0; 
	overflow: auto; 
	display: none; zoom: 1; 
}

.ui-accordion .ui-accordion-content-active {
	display: block;
}

/* Layout helpers */
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */