/***************************************************************************************
* octopus
***************************************************************************************/

body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #3399FF;
}

.ext_container {
	width: 982px;
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
	margin-top: 18px;
	margin-bottom: 18px;
}

.n {
	background: url(../images/n.gif) no-repeat top; 
	border: 1px solid #fff;
}

.s {
	background: url(../images/s.gif) no-repeat bottom; 
}

.e {
	background: url(../images/e.gif) repeat-y right; 
}

.int_container {
	padding: 43px 21px 20px 21px;
	
	min-height: 800px;
	height:auto !important;
 	height: 800px;

}

/***************************************************************************************
* general template setup
***************************************************************************************/

.navbar {
	height: 28px;
	background: url(../images/navbar_gradient.gif) repeat-x bottom;
	text-align: center;
	line-height: 28px;
}

.navbar_table {
}

.navbar_table a {
	font-size: 14px;
	font-weight: bold;
	color: #4C688F;
	padding: 0px 18px;
	text-decoration: none;
}

.navbar_table a:hover {
	text-decoration: underline;
}

h1 {
	height: 28px;
	line-height: 28px;
	
	font-size: 14px;
	font-weight: bold;
	color: #4C688F;
	text-transform: uppercase;
	
	padding: 0px 16px;
	margin: 0px 0px 25px 0px;
	background: url(../images/navbar_gradient.gif) repeat-x bottom;
	border-top: 1px solid #e5e5e6;
	
}

h2 {
	font-size: 13px;
	font-weight: bold;
	color: #0099ff;

	padding: 10px 16px;
	margin: 0px 0px 15px 0px;
	
	border-bottom: 1px solid #cccccc;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}
	
p {
	padding: 0px 16px;
	
	font-size: 12px;
	color: #666666;
	text-align: justify;
}

p a {
	color: #666666;
}

p strong {
	color: #003399;
}
	
li {
	font-size: 12px;
	color: #666666;
	text-align: justify;
}

.column_left {
	margin-top: 20px;
	padding-bottom: 35px;
	width: 468px;
	float: left;
	border-right: 1px solid #cccccc;
}
.column_right {
	margin-top: 20px;
	padding-bottom: 35px;
	width: 469px;
	float: right;
}
.footer {
	clear: both;
}

/***************************************************************************************
* DVD display box
***************************************************************************************/

.dvdbox {
	width: 450px; 
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #cccccc;
}

.dvdbox .imgbox {
	width: 189px; 
	height: 200px; 
	border-right: 2px solid #cccccc;
	border-bottom: 2px solid #cccccc;
	margin: 0px 20px;
	float: left;
}

.dvdbox .imgbox p {
	color: #003399;
	text-align: center;
}

.dvdbox .textbox {
	margin-left: 210px;
	height: 200px;
	padding: 0px 0px 0px 0px;
}

.dvdbox .button {
	width: 224px;
	height: 30px;
	line-height: 30px;
	
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	
	background: url(../images/dvd_button_gradient.gif) repeat-x bottom;
}

.dvdbox .button a {
	color: #ffffff;
	text-decoration: none;
}	

.dvdbox .button a:hover {
	text-decoration: underline;
}	

/***************************************************************************************
* Footage display box
***************************************************************************************/

.footagebox {
	width: 146px;
	height: 146px;
	background: url(../images/footagebox_background.gif) top;
	margin-left: auto;
	margin-right: auto;
}

.footagebox img {
	width: 134px;
	height: 101px;
	
	border: 0px;
	margin: 10px 6px;
}

.footagebox .button {
	height: 24px;
	line-height: 24px;
	text-align: center;
	
	padding-top: 3px;
	
	font-size: 10px;
	color: #f7931d;
	letter-spacing: 0em;
	word-spacing: 0em;

}

.footagebox .button a {
	color: #f7931d;
	text-decoration: none;
}

.footagebox .button a:hover {
	text-decoration: underline;
}

/***************************************************************************************
* Categories table
***************************************************************************************/

.categories_table {
	border: 1px solid #3c5981; 
	background: url(../images/categories_gradient.gif) repeat-x bottom;
}

.bevel {
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	border-top: 1px solid #ccd4e0;
	border-right: 1px solid #ccd4e0;
	
	padding-left: 15px;
}

.bevel a {
	font-size: 12px;
	color: #003399;
}

.table_heading {
	color: #3c5981;
	font-size: 14px;
	font-weight: bold;
	color: #4C688F;
	padding-left: 15px;
}

/***************************************************************************************
* clip info popup
***************************************************************************************/

h4 {
	background: url(../images/popup_header_background.gif) repeat-x;
	padding: 3px 5px 3px 10px;
	border-bottom: 1px solid #999999;
	margin: 0px;
	height: 14px;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}

ul {
	list-style-image: url(../images/bullet.gif);
	padding: 10px 5px 10px 30px;
}

li {
	padding-top: 5px;
}