@charset "UTF-8";
/* CSS Document */
body{
	margin:0;
	background-color:#000000;
	background-image:url(../images/bg.jpg);
	background-repeat: no-repeat;
	background-position:left;
	font-family: Arial, Helvetica, sans-serif;
	line-height:0;
	color:#ffffff;
	font-size:0;
	
}
* {
	margin: 0;
	padding: 0;
	border: 0;
}
.clearme{
	clear:both;
}
#hometop h1 a, #contentleft h1 a { behavior: url(/iepngfix.htc) }

#wrapper{
	margin:0px;
	width:944px;
	height:auto;
	padding:10px 10px 0px 10px;
	position:relative;
	top:0;
	left:0;
}
#content{
	width:944px;
	min-height:460px;
	height:460px;
	position:relative;
	left:0px;
	top:0px;
	margin-top:50px;
}
#hometop{
	width:200px;
	height:auto;
	position:relative;
	left:0px;
	top:0px;
	margin-bottom:20px;
}
.homewrap{
	width: auto;
	height:auto;
	position:relative;
	background-color:#000;
	padding:10px;
	float:left;
	left:0px;
	top:0px;
	margin-bottom:10px;
}
.homewrapalt{
	width: auto;
	height:auto;
	position:relative;
	background-color:#fff;
	padding:10px;
	float:left;
	left:0px;
	top:0px;
	margin-bottom:10px;
}

.intro{
	width: 210px;
	height:auto;
	position:relative;
	font-size:11px;
	color:#666;
	line-height:13px;
	left:0px;
	top:0px;
	float:left;
}

#homechoices{
	width:924px;
	background-color:#000;
	padding:0px 10px 10px 10px;
	height:auto;
	position:relative;
	left:0px;
	top:0px;
	margin-top:20px;
	
}
#about{
	width:200px;
	height:auto;
	font-size:11px;
	line-height:13px;
	position:relative;
	color:#666;
	left:0px;
	top:0px;
	float:left;
	margin-right:20px;
}
#sociallogin{
	width:420px;
	background-color:#FFF;
	padding:10px;
	height:auto;
	position:relative;
	left:0px;
	top:0px;
	
}
#socialleft{
	width:200px;
	height:auto;
	font-size:11px;
	line-height:13px;
	position:relative;
	color:#666;
	left:0px;
	top:0px;
	float:left;
}
#socialright{
	width:168px;
	height:140px;
	font-size:11px;
	line-height:13px;
	position:relative;
	margin-left:0px;
	background-color:#0974ba;
	color:#666;
	left:0px;
	top:0px;
}
#contentleft{
	width:200px;
	height:auto;
	position:relative;
	left:0px;
	top:0px;
	float:left;
}
#small_logo{
	width:16px;
	height:15px;
	height:auto;
	background-color:#0974ba;
	position:relative;
	left:0px;
	top:0px;
	float:left;
}
#content_title{
	width:159px;
	height:auto;
	position:relative;
	left:0px;
	font-size:11px;
	line-height:11px;
	top:-3px;
	float:left;
	margin-left:5px;
}

#content_header{
	width:180px;
	min-height:50px;
	height:50px;
	position:relative;
	left:0px;
	top:0px;
}
#contentcopy{
	width:180px;
	height:350px;
	position:relative;
	overflow: auto;
	left:0px;
	top:0px;
	font-size:11px;
	line-height:13px;
	
}
#contentcopy2{
	width:180px;
	height:300px;
	position:relative;
	overflow: auto;
	left:0px;
	top:0px;
	font-size:11px;
	line-height:13px;
	
}

#contentcopy p, #contentcopy2 p {
	margin-top:10px;	
}
#contentmiddle{
	width:180px;
	min-height:440px;
	background-color:#000;
	height:440px;
	position:relative;
	padding:10px;
	left:0px;
	top:0px;
	float:left;
}
#contentright{
	width:auto;
	min-height:440px;
	background-color:#000;
	height:440px;
	position:relative;
	padding:10px;
	left:0px;
	top:0px;
	float:left;
}
#contentright2{
	width:524px;
	min-height:450px;
	background-color:#000;
	height:450px;
	position:relative;
	padding:0px 10px 10px 10px;
	left:0px;
	top:0px;
	float:left;
}
html>body #contentmiddle, html>body #content_header, html>body #contentright, html>body #contentright2, html>body #content{
height: auto; /* for not-IE */
}
#footer{
	min-width:944px;
	background-color:#000;
	height:auto;
	position:absolute;
	left:10px;
	bottom:-60px;
	padding:0px 10px 0px 0px;
}
#bluebox{
	width:165px;
	height:30px;
	position:relative;
	left:0px;
	background-color:#0974ba;
	top:0px;
	float:left;
}
#strapline{
	width:205px;
	position:relative;
	word-spacing:10px;
	font-size:11px;
	line-height:30px;
	color:#666666;
	left:0px;
	top:0px;
	float:left;
}
#footerlinks span{
	margin-left:10px;
}

#footerlinks{
	width:450px;
	position:relative;
	font-size:11px;
	line-height:30px;
	color:#666666;
	text-align:right;
	left:0px;
	top:0px;
	float:right;
}
/* Grid css */
p.bottom_fix{
	position:absolute;
	bottom:10px;
	left:10px;
}
.gridholder{
	position:relative;
	top:0px;
	left:0px;
	width:168px;
	height:140px;
	float:left;
	background-color:#09F;
	margin:10px 10px 0px 0px;
}
.gridholderalt{
	position:relative;
	top:0px;
	left:0px;
	width:168px;
	height:140px;
	float:left;
	background-color:#09F;
	margin:10px 0px 0px 0px;
}
.gridimage{
	position:relative;
	top:0px;
	left:0px;
	width:168px;
	height:140px;
}
.gridtitle{
	position: absolute;
	top:0px;
	left:0px;
	width:auto;
	height:auto;
	font-size:11px;
	line-height:11px;
	z-index:10;
}
.gridhover{
	position: absolute;
	top:0px;
	background-color:#0974ba;
	left:0px;
	width:168px;
	height:140px;
	z-index:5;
	filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;
	visibility:hidden;
}
.gridholder:hover .gridhover, .gridholder:hover .gridcopy,.gridholderalt:hover .gridhover, .gridholderalt:hover .gridcopy{
	visibility:visible;
}
.gridcopy{
	position: absolute;
	top:30px;
	left:10px;
	font-size:11px;
	line-height:13px;
	width:148px;
	height:110px;
	z-index:5;
	visibility:hidden;
}
.homegrid{
	width: 168px;
	height:auto;
	position:relative;
	font-size:0px;
	color:#666;
	line-height: 0;
	padding: 0px;
	left:0px;
	top:0px;
	float:left;
	margin-left:10px;
}
.homegridholder{
	position:relative;
	top:0px;
	left:0px;
	width:168px;
	height:140px;
	float:left;
	background-color:#09F;
	margin:0px 0px 0px 10px;
}
.gridholderalt{
	position:relative;
	top:0px;
	left:0px;
	width:168px;
	height:140px;
	float:left;
	background-color:#09F;
	margin:10px 0px 0px 0px;
}
.homegridimage{
	position:relative;
	top:0px;
	left:0px;
	width:168px;
	height:140px;
}
.homegridtitle{
	position: absolute;
	top:0px;
	left:0px;
	width:auto;
	height:auto;
	font-size:11px;
	line-height:11px;
	z-index:10;
}
.homegridhover{
	position: absolute;
	top:0px;
	background-color:#0974ba;
	left:0px;
	width:168px;
	height:140px;
	z-index:5;
	filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;
	visibility:hidden;
}
.homegridholder:hover .homegridhover, .homegridholder:hover .homegridcopy, .homegridholderalt:hover .homegridhover, .homegridholderalt:hover .homegridcopy{
	visibility:visible;
}
.homegridcopy{
	position: absolute;
	top:30px;
	left:10px;
	font-size:11px;
	line-height:13px;
	width:148px;
	height:100px;
	color:#FFF;
	z-index:5;
	visibility:hidden;
}
.homegridcopy p{
	position:absolute;
	bottom:0px;
}


/* forms */
#homelogin div{
		position:relative;
		top:0px;
		left:0px;
		padding:0px 0px 0px 10px;
		margin:0px 0px 3px 0px;
}


#homelogin input{
	font-family: Arial, Helvetica, sans-serif;	
	font-size:11px;
}

#homelogin label {
	font-family: Arial, Helvetica, sans-serif;	
	font-size:11px;
	font-weight:bold;
	line-height:14px;
	color:#000;
	width: 200px;
}

.text {
	padding:2px;
	width: 130px;
	height:18px;
	border: 1px solid   #999;
	background-color: #ffffff;
}

/* Links */
a{
	color:#ffffff;
	text-decoration:none;
}
a:hover{
	color: #000000;
	text-decoration:none;
}
a:active{
	color:#ffffff;
	text-decoration:none;
}
a.register, a.register:active{
	display:block;
	width: 100px;
	height:auto;
	text-align:center;
	background-color:#000;
	color:#FFF;
	padding:5px 10px 5px 10px;
	font-size:15px;
	line-height:15px;
	margin-top:20px;
}
a.register:hover{
	display:block;
	width: 100px;
	height:auto;
	text-align:center;
	background-color:#0974ba;
	color:#FFF;
	padding:5px 10px 5px 10px;
	font-size:15px;
	line-height:15px;
}
a.more, a.more:active{
	display:block;
	width: 100px;
	height:auto;
	text-align:center;
	background-color:#fff;
	color:#000;
	padding:5px 10px 5px 10px;
	font-size:15px;
	line-height:15px;
	margin-top:20px;
}
a.more:hover{
	display:block;
	width: 100px;
	height:auto;
	text-align:center;
	background-color:#0974ba;
	color:#000;
	padding:5px 10px 5px 10px;
	font-size:15px;
	line-height:15px;
}
#contentcopy2 a, #contentcopy a{
	color:#FFF;
	text-decoration:none;
	
}
#contentcopy2 a:hover, #contentcopy a:hover{
	color:#0974ba;
	text-decoration:none;
	
}

/* header */
h1 a{
	display:block;
	background-image:url(../images/logo.png);
	background-repeat:no-repeat;
	background-position:top;
	width:113px;
	height:93px;
	text-indent:-999999px;
}
#content_title h1{
	font-size: 18px;
	line-height:20px;
	font-weight:bold;
	padding:0px;
	margin:0px;
	}
#socialleft h1{
	font-size: 18px;
	line-height:20px;
	font-weight:bold;
	color:#000;
	padding:0px;
	margin:0px 0px 10px 0px;
	}
 #about h1{
	font-size: 18px;
	line-height:20px;
	font-weight:bold;
	color:#fff;
	padding:0px;
	margin:10px 0px 10px 0px;
	}
	.homegridtitle h2{
	width:auto;
	display:block;
	background-color:#0974ba;
	font-size: 15px;
	line-height:16px;
	font-weight:bold;
	color:#FFF;
	padding:5px 10px 5px 10px;
	margin:0px;
	}
 .intro h1{
	font-size: 18px;
	line-height:20px;
	font-weight:bold;
	color:#fff;
	padding:0px;
	margin:0px 0px 10px 0px;
	}
	.homewrapalt .intro h1 { color: #000000; }
	.gridtitle h2{
	width:auto;
	display:block;
	background-color:#0974ba;
	font-size: 15px;
	line-height:16px;
	font-weight:bold;
	color:#FFF;
	padding:5px 10px 5px 10px;
	margin:0px;
	}
	#socialright h2{
	width:70px;
	display:block;
	background-color:#000;
	font-size: 15px;
	line-height:16px;
	font-weight:bold;
	color:#FFF;
	padding:5px 10px 5px 10px;
	margin:0px;
	}
	#gallerythumbs h2{
	width:100px;
	display:block;
	background-color: #999;
	font-size: 15px;
	line-height:16px;
	font-weight:bold;
	color:#000;
	padding:2px 10px 2px 10px;
	margin:0px 0px 10px 0px;
	}
#contentcopy h2{
	font-size: 15px;
	line-height:17px;
	font-weight:bold;
	color:#FFF;
	padding:0px;
	margin:0px 0px 10px 0px;
	}
#contentcopy2 h1{
	font-size: 15px;
	line-height:17px;
	font-weight:bold;
	color:#FFF;
	padding:0px;
	margin:0px 0px 10px 0px;
	}
/* lInks */
a.whitelink, a.whitelink:visited{
	color:#FFF;
	text-decoration:none;
}
a.whitelink:hover{
	color:#0974ba;
	text-decoration:none;
}

/* png fix */

#contentmiddle { behavior: url(/iepngfix.htc) }
/* gallery css */
#galleryimage{
	width:440px;
	height:440px;
	position:relative;
	top:0px;
	left:0;
	z-index:0;
	margin-bottom:0px;
}
#gallerythumbs{
	width:220px;
	height:auto;
	position: absolute;
	top:373px;
	left:-200px;
	z-index:0;
	margin-bottom:0px;
}
#gallerythumbs img{
	margin-left:1px;
}
#gallerythumbs img.alt{
	border:1px solid #999;
	margin-left:10px;
}
/* nav css  */
.nav {min-width:944px; height:32px; position:absolute; z-index:100; font-family:arial, sans-serif; font-weight:normal; background-color:#000; padding:0px 0px 0px 0px;margin:0px auto; left:10px; top:10px;}
* html .nav {width:944px; w\idth:944px;}

.nav ul {padding:0;margin:0;list-style-type:none;}
.nav ul ul {width:auto;}
.nav li {float:left;width:auto; display: block;position:relative;}

/* level 1 links */
.nav a, .nav a:visited {display:block; float:left; font-size:11px;text-decoration:none; color:#fff; width: auto; height:32px;  background:#000000;line-height:32px; font-weight:normal; text-align:center; padding:0px 5px 0px 5px;}
* html .nav a, * html .nav a:visited {width:auto; w\idth:auto;}

/* level 2 links */
.nav ul ul a, .nav ul ul a:visited {background:#ffffff; text-align:left;}
.nav ul ul a.drop, .nav ul ul a.drop:visited {background:#ffffff;}
.nav ul ul a.drop:hover{background:#0974ba; }
.nav ul ul :hover > a.drop {background:#0974ba;}
.nav ul ul a:hover{background:#0974ba; }
.nav ul ul :hover > a {background:#0974ba;}


/* level 3 links */
.nav ul ul ul a, .nav ul ul ul a:visited {background:#0974ba;}
.nav ul ul ul a:hover {background:#ffffff;}
/* level 2 list  position */
.nav ul ul {visibility:hidden;position:absolute;height:auto;top:32px;left:0; width:200px; padding:1px 0px 0px 0px;}
* html .nav ul ul {top:32px;t\op:32px;}
.nav ul ul.alt {visibility:hidden;position:absolute;height:auto;top:32px;left:0px; width:200px; padding:1px 0px 0px 0px;}
* html .nav ul ul.alt {top:32px;t\op:32px;}

.nav ul ul a, .nav ul ul a:visited {background:#ffffff; color:#000; height:auto; line-height:1em; padding:5px 10px; width:180px;}
* html .nav ul ul a, * html .nav ul ul a:visited {width:180px;w\idth:180px;}

/* level 3 position */
.nav ul ul ul{left:200px; top:-1px; width:200px; padding-left:1px;}

.nav ul ul ul.left {left:-202px; padding-right:1px;}


/* gap in second level li's */
.nav ul ul li{
	margin-bottom:1px;
	
}
/* table fixes */
.nav table {position:absolute; top:0; left:0; border-collapse:collapse;}
.nav table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the third level links */
.nav ul ul ul a, .nav ul ul ul a:visited { color:#fff; height:auto; line-height:1em; padding:5px 10px; width:180px;}
* html .nav ul ul ul a, * html .nav ul ul ul a:visited {width:180px;w\idth:180px;}


/* some hover fixes */
.nav a:hover {color:#0974ba; background: #000;}
.nav ul ul a:hover{color:#fff; background:#0974ba ;}
.nav ul ul ul a:hover{color:#000; background:#ffffff ;}
.nav :hover > a {color:#0974ba; background: #000;}
 .nav ul ul :hover > a {color:#fff; background:#0974ba;}
 
 /* show dropdowns */
.nav ul li:hover ul,
.nav ul a:hover ul{visibility:visible; }
.nav ul :hover ul ul{visibility:hidden;}
.nav ul :hover ul :hover ul{ visibility:visible;}

/*  --------------nav 2 stuff */

.nav2 {width:80px; height:30px; position:relative; z-index:100; font-family:arial, sans-serif; font-weight:normal; background-color:#000; padding:0px;margin:0px; float:right;}
* html .nav2 {width:80px; w\idth:80px;}
.nav2 ul {padding:0;margin:0;list-style-type:none;}
.nav2 ul ul {width:auto;}
.nav2 li {float:left;width:auto; display: block;position:relative;}
.nav2 li li li {width:auto; position:relative;}

/* level 1 links */
.nav2 a, .nav2 a:visited {display:block; float:left; font-size:11px;text-decoration:none; color:#fff; width: auto; height:30px;  background:#000000;line-height:30px; font-weight:normal; text-align:center; padding:0px 5px 0px 5px;}
* html .nav2 a, * html .nav2 a:visited {width:auto; w\idth:auto;}

/* level 2 links */
.nav2 ul ul a, .nav2 ul ul a:visited {background:#ffffff; text-align:left;}
.nav2 ul ul a.drop, .nav2 ul ul a.drop:visited {background:#ffffff;}
.nav2 ul ul a.drop:hover{background:#0974ba; }
.nav2 ul ul :hover > a.drop {background:#0974ba;}
.nav2 ul ul a:hover{background:#0974ba; }
.nav2 ul ul :hover > a {background:#0974ba;}


/* level 3 links */
.nav2 ul ul ul a, .nav2 ul ul ul a:visited {background:#0974ba;}
.nav2 ul ul ul a:hover {background:#ffffff;}

.nav2 ul ul ul li {background:#0974ba; font-size:11px; line-height:13px; padding:5px; width:170px;}
/* level 2 list  position */
.nav2 ul ul {visibility:hidden;position:absolute;height:auto;top:-111px;left:0; width:170px; padding:1px 0px 0px 0px;}
* html .nav2 ul ul {top:-111px;t\op:-111px;}
.nav2 ul ul.alt {visibility:hidden;position:absolute;height:auto;top:32px;left:0px; width:170px; padding:1px 0px 0px 0px;}
* html .nav2 ul ul.alt {top:32px;t\op:32px;}

.nav2 ul ul a, .nav2 ul ul a:visited {background:#ffffff; color:#000; height:auto; line-height:1em; padding:5px 10px; width:150px;}
* html .nav2 ul ul a, * html .nav2 ul ul a:visited {width:150px;w\idth:150px;}

/* level 3 position */
.nav2 ul ul ul{left:-181px; top:-29px; width:180px; padding-right:1px;}
.nav2 ul ul ul.navalt {left:-181px; top:-16px; width:180px; padding-right:1px;}
.nav2 ul ul ul.left {left:-202px; padding-right:1px;}


/* gap in second level li's */
.nav2 ul ul li{
	margin-bottom:1px;
	
}
/* table fixes */
.nav2 table {position:absolute; top:0; left:0; border-collapse:collapse;}
.nav2 table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the third level links */
.nav2 ul ul ul a, .nav2 ul ul ul a:visited, .nav2 ul ul ul a:hover { color:#fff; height:11px; float:none; display:inline; line-height:11px; padding:0px; width:auto; background:none;}


/* some hover fixes */
.nav2 a:hover {color:#0974ba; background: #000;}
.nav2 ul ul a:hover{color:#fff; background:#0974ba ;}
.nav2 ul ul ul a:hover{color:#000;}
.nav2 :hover > a {color:#0974ba; background: #000;}
 .nav2 ul ul :hover > a {color:#fff; background:#0974ba;}
 
 /* show dropdowns */
.nav2 ul li:hover ul,
.nav2 ul a:hover ul{visibility:visible; }
.nav2 ul :hover ul ul{visibility:hidden;}
.nav2 ul :hover ul :hover ul{ visibility:visible;}

/* phase 2 amends */
#button_minus{
	position:absolute;
	top:30px;
	left:1px;
	width:9px;
	height:45px;
	z-index:1000;
}

#button_plus{
	position:absolute;
	top:30px;
	right:12px;
	width:9px;
	height:45px;
	z-index:1000;
}
a.square, a.square:active{
	display:block;
	width:9px;
	height:45px;
	background-image:url(../images/video_arrow.jpg);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	background-color:#FF6;
	text-indent:-99999px;
	outline:none;
}
a.square:hover{
	display:block;
	width:9px;
	height:45px;
	background-image:url(../images/video_arrow.jpg);
	background-repeat:no-repeat;
	background-position: 0px -45px;
	text-indent:-99999px;
	outline:none;
}
a.minus, a.minus:active{
	display:block;
	width:9px;
	height:45px;
	background-image:url(../images/video_arrow2.jpg);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	background-color:#FF6;
	text-indent:-99999px;
	outline:none;
}
a.minus:hover{
	display:block;
	width:9px;
	height:45px;
	background-image:url(../images/video_arrow2.jpg);
	background-repeat:no-repeat;
	background-position: 0px -45px;
	text-indent:-99999px;
	outline:none;
}
#gallery_outer{
	width:184px;
	height:auto;
	position:relative;
	top:0px;
	left:12px;
	margin-bottom:0px;
	overflow:hidden;
}
#gallery_inner{
	width:1000px;
	height:auto;
	position:relative;
	top:0px;
	left:0px;
	margin-bottom:0px;
	overflow:hidden;
}