/*
-------------------------------------------------------------
------------------------------------------------------------- 


Site design, initial site & stylesheet development, by 
	
	MATT c/o BURNING FIRE DESIGN 7/07
	BurningFireDesign[AT]gmail.com  [please replace "[AT]" with "@"]
	
Original design/development based on 3-column layout template by Douglas Livingstone c/o redmelon.net
Revised to 2-column layout before launch. Build is a little wonky as a result. But... she works fine! ;)
For graphic design and/or site development needs, contact MATT @:

	BurningFireDesign[AT]gmail.com   [please replace "[AT]" with "@"]
	

-------------------------------------------------------------
------------------------------------------------------------- */




body, html {
	height:100%;
	}

body {
	margin:0; 
	padding:0;
	background:url(../imgs/bg_body.gif) #FFFFFF center repeat-y;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	color:#2B2B2B;
	}
	
strong, b {
	color:#1A1A1A;
	}
		
hr {
	text-align:center;
	width:10%;
	height:1px;
	border:0;
	background-color:#C2C2C2;
	margin:auto;
	}
	
p img {
	border:1px solid #C2C2C2;
	padding:3px;
	margin:8px;
	}
		
table {
	width:706px;
	font-size:12px;
	}
	th {
		font-size:11px;
		font-weight:normal;
		line-height:normal;
		text-transform:uppercase;
		color:#7A1453;
		padding:8px;
		border:solid 1px #E1E5F9;
		background:url(../imgs/bg_blue_flip.jpg) #D8E0F5 no-repeat;
		}
	td {	
		line-height:inherit;
		vertical-align:top;
		}
		
	td a {
		color:#000000!important; 
		}
	
	
/*--------------------------------------
			iframe
----------------------------------------*/

			
.iRoster, .iFamily {
	height:1000px; /* THIS VALUE CONTROLS THE HEIGHT OF THE INTERFACE WHICH IS AFFECTED BY THE SIZE OF THE ROSTER */
	width:171px;
	font-size:11px;
	border:none;
	margin:0;
	}		
.iRoster {
	background:url(../imgs/bg_navleft.gif) repeat-y;
	}			
.iFamily {
	background:url(../imgs/bg_navRight.gif) repeat-y;
	}
	
	.iRoster ul, .iFamily ul {
		width:152px;
		text-align:left;
		list-style:none;
		}
	.iRoster ul {
		padding:0 0 0 19px;
		margin:0 0 40px 0;
		}
	.iFamily ul {
		padding:0 19px 0 0;
		margin:0 0 40px 0;
		}
	.iRoster li, .iFamily li {
		padding:2px 0 0 0;
		border-bottom:solid 1px #C2C2C2;
		}
		.iRoster li a, .iFamily li a {
			display:block;
			text-decoration:none;
			/*color:#494949;*/
			color:#333333;
			}
		.iRoster li a {
			padding-right:8px;
			}
		.iFamily li a {
			padding:0 8px 0 19px;
			}
			.iRoster li a:hover {
				color:#090909;
				background:url(../imgs/bg_navLeftOn.gif) repeat-y;
				}
			.iFamily li a:hover {
				color:#090909;
				background:url(../imgs/bg_navRightOn.gif) repeat-y;
				}	
	
			
.iProfile {
	height:100%;
	width:557px;
	border:none;
	margin:0;
	float:right;
	}
	
/*			
.iProfilePortrait {
	height:340px;
	width:557px;
	border:none;
	margin:0;
	float:right;
	}			
	
.iProfileLandscape {
	height:573px;
	width:706px;
	border:none;
	margin:0;
	}
*/
					
/*--------------------------------------
			framing
----------------------------------------*/

	
.wrapper {
	width:996px;
	min-height:629px;
	background:url(../imgs/bg_wrapper.jpg) top center #FFFFFF no-repeat;
	} 
	
.wrapper2 {
	width:908px;
	/*background:url(../imgs/bg_wrapper2.gif) repeat-y;*/
	}

.outer {
	border-left:solid 171px #F8F8F8;
	background-color:#FFFFFF; /* center column colour */
	width:auto;
	}
	
.inner { 
	margin:0; 
	width:737px;
	}

.clear {
	clear:both; 
	}
	
	
/*--------------------------------------
			masthead
----------------------------------------*/

	
.masthead { 
	width:100%;
	height:138px;
	background:url(../imgs/bg_masthead.gif) #FFFFFF bottom repeat-x;
	border-top:solid #7A1453 6px;
	position:relative; 
	z-index:13;
	} 
	
	
/*--------------------------------------
			main nav
----------------------------------------*/

	
.nav { 
	width:100%;
	height:20px;
	color:#761C55;
	text-transform:uppercase;
	font-size:10px;
	font-weight:bold;
	background: #B965AA url(../imgs/bg_nav.gif) repeat-x;
	} 
	/* this is the color of vertical lines between the links, background is the 3-d effect */	
.nav ul {
	list-style:none;
	padding:4px 0 0 0;
	margin:0;
	}
	.nav li {
		display:inline;
		}
		.nav li a {
			height:20px;
			padding:0 7px 0 7px;
			color:#ffffff;
			text-decoration:none;
			border:none;
			background:none;
			}
			.nav li a:hover {
				background:url(../imgs/bg_navOn.gif) repeat-x;
				}
		.nav li a.current {
			/*background:url(../imgs/bg_navOn.gif) repeat-x;*/
			}

#genre .genre, #corporate .corporate, #packages .packages, #variety .variety, #dates .dates, #offer .offer, #riders .riders, #info .info {
	background:url(../imgs/bg_navOn.gif) repeat-x;
	}
				
	
/*--------------------------------------
			nav (left & right)
----------------------------------------*/

	
.left {
	width:171px;
	margin-left:-171px;
	background:url(../imgs/bg_navleft.gif) repeat-y;
	float:left; 
	position:relative;
	z-index: 10;
	}
	
.left H1 {
	width:170px;
	background-color:#ffffff;
	border-top:solid 1px #C2C2C2;
	border-bottom:solid 1px #C2C2C2;
	padding:3px 0 3px 0;
	margin:12px 1px 6px 0;
	font-size:10px;
	font-weight:bold;
	color:#7A1453;
	text-transform:uppercase;
	}
	
.left ul {
	width:152px;
	text-align:left;
	list-style:none;
	padding:0 0 0 19px;
	margin:0 0 40px 0;
	}
	
	.left li {
		padding:2px 0 0 0;
		border-bottom:solid 1px #C2C2C2;
		}
		.left li a {
			display:block;
			padding-right:8px;
			text-decoration:none;
			color:#494949;
			}
		.left li a:hover {
			color:#090909;
			background:url(../imgs/bg_navLeftOn.gif) repeat-y;
			}
	
.right { 
	width:171px;
	height:100%;
	margin-right:-171px;
	background:url(../imgs/bg_navRight.gif) repeat-y;
	float:left; 
	position:relative;
	z-index:11; 
	}
	
.right H1 {
	width:170px;
	background-color:#ffffff;
	border-top:solid 1px #C2C2C2;
	border-bottom:solid 1px #C2C2C2;
	border-bottom:solid 1px #C2C2C2;
	padding:3px 0 3px 0;
	margin:12px 0 6px 1px;
	font-size:10px;
	font-weight:bold;
	color:#7A1453;
	text-transform:uppercase;
	}
	
.right ul {
	width:152px;
	text-align:left;
	list-style:none;
	padding:0 19px 0 0;
	margin:0 0 40px 0;
	}
	
	.right li {
		padding:2px 0 0 0;
		border-bottom:solid 1px #C2C2C2;
		}
		.right li a {
			display:block;
			padding:0 8px 0 19px;
			text-decoration:none;
			color:#494949;
			}
		.right li a:hover {
			color:#090909;
			background:url(../imgs/bg_navRightOn.gif) repeat-y;
			}
	
	
/*--------------------------------------
			main content
----------------------------------------*/

	
.center {
	float:left; 
	width:566px;
	position:relative;
	z-index:12;
	padding:12px;
	}
	
.content {
	width:706px;
	/*margin:12px;*/
	text-align:left;
	line-height:17px;
	}
		
	.content ul {
		list-style:none;
		padding:0;
		margin-top:0;
		margin-left:10px;
		}
		.content li {
			background:url(../imgs/bullet.gif) no-repeat 3px 5px;
			padding-left:18px;
			}
	
#profileContainerL {
	width:706px; 
	height:300px;
	margin-bottom:20px;
	}
	
#profileContainerP {
	width:706px; 
	height:338px;
	margin-bottom:20px;
	}

/*		
#icons {
	margin-top:8px;
	width:100%;
	height:44px;
	background:url(../imgs/bg_icons.gif) repeat-x;
	}
*/
	
#iconsLandscape {
	width:141px;
	height:269px;
	float:left;
	margin-bottom:8px;
	background:url(../imgs/bg_profile.jpg) no-repeat;
	text-align:center;
	border:solid 1px #C2C2C2;
	}
	
#iconsPortrait {
	width:141px;
	height:336px;
	float:left;
	margin-bottom:8px;
	background:url(../imgs/bg_profile.jpg) no-repeat;
	text-align:center;
	border:solid 1px #C2C2C2;
	}
	
.video {
	margin-left:83px;
	width:542px;
	height:317px;
	background:url(../imgs/bg_player.jpg) no-repeat;
	text-align:center;
	}
	
.videoLinks {
	margin-left:100px; 
	margin-right:100px;
	}
		
	/*.videoLinks a {
		font-weight:bold;
		}*/
	
/*--------------------------------------
			profile nav
----------------------------------------*/

	
.navProfile { 
	width:100%;
	height:20px;
	color:#DF96C2;
	text-transform:uppercase;
	font-size:10px;
	background:url(../imgs/bg_navProfile.gif) #E2BCD3 repeat-x;
	} 
	
.navProfile ul {
	list-style:none;
	padding:2px 0 0 0;
	margin:0;
	}
	.navProfile li {
		display:inline;
		background:none;
		}
		.navProfile li a {
			height:20px;
			padding:0 14px 0 0;
			color:#292929;
			text-decoration:none;
			border:none;
			background:none;
			}
			.navProfile li a:hover {
				color:#090909;
				background:url(../imgs/bg_navProfileOn.gif) repeat-x;
				}
	
	
/*--------------------------------------
			footer
----------------------------------------*/
	
.footer {
	margin:20px 0 12px 0;
	border-top:solid 1px #C2C2C2;
	padding-top:6px;
	text-align:center;
	font-size:11px;
	line-height:18px;
	color:#6C6C6C;
	}


/*--------------------------------------
			mozilla code
----------------------------------------
.outer > .inner { border-bottom: 1px solid transparent; }
.left { margin-right: 1px; }
.right { margin-left: 1px; }
.center { margin: 0 -8px 0 -2px; }
--------------------------------------
			/mozilla code
----------------------------------------*/