/* GENERAL */

img {border: none;}
ul {list-style:none;margin:0;padding:0;}



body {
		margin: 0px;
		padding: 0px;
		background: #000;
		height:100%;
		width:100%;
		font-family:verdana;
		font-size:12px;
		color:#444;
		background-color:#d2d2d2;
		line-height:14px;
}

h1, h2, h3, h4 {
	font-weight: normal;
	letter-spacing: 1px;
}
h1 {
	font-size: 110%;
	margin-bottom:16px;
	color: #222222;
	letter-spacing: 0;
}
h2 {
	font-size: 160%;
	margin-bottom: 0.5em;
	color: #222222;
	padding-left:5px;
}

h3 {
	font-size: 107%;
	line-height: 1.2;
	font-weight: bold;
	color: #222222;
	margin: 1em 0 0.5em 0;
}

h4 {
	font-size: 100%;
	font-weight: bold;
	color: #222222;
	margin: 1em 0 0.5em 0;
}



		a:link {
			color: #222222;
			text-decoration: none;
		}
		
		a:visited {		
			color: #222222;
			text-decoration: none;
		}
		
		a:hover,
		a:active {
			color: #888;
			text-decoration: none;
		}

div#wrapper
{ 
	width:980px;
	margin:10px auto; 
}

div#header
{
	position:relative;
	left:5px;
	top:0;
	width:970px;
	height:100px;
}

div#footer
{
	position:relative;
	left:5px;
	top:593px;
	width:970px;
	height:40px;
}

div#enter
{
	position:absolute;
	width:200px;
	right:0;
	font-size:12px;
	letter-spacing:1px;
	z-index:100;
	text-align:right;
}
	
div#links_btm
{
	position: absolute;
	left:0px;
	width:645px;
	font-size:12px;
	letter-spacing:1px;
	color:#888;
	z-index:101;
	padding-top:5px;
}


div#logo
{
	position: absolute;
	left:0;
	top:10px;
}

	
div#links_top
{
	position: absolute;
	right:0;
	top:27px;
	height:20px;
	font-size:12px;
	letter-spacing:1px;
	color:#888;
}

div#links_btm_left
{
	position:absolute;
	left:10px;
	bottom:5px;
	height:20px;
	font-size:12px;
	letter-spacing:1px;
	z-index:201;
}

div#links_btm_charity
{
	position:absolute;
	left:10px;
	width:310px;
	bottom:125px;
	z-index:201;
}

div#links_btm_img
{
	position:absolute;
	left:100px;
	bottom:15px;
	height:20px;
	z-index:202;
}
		
div#box_container1
{
	position: absolute;
	height:520px;
	width:970px;
	top:70px;
}

div#box_container2
{
	position: absolute;
	top:70px;
}

div#box_container3
{
	position: absolute;
	top:70px;
	height:100%;
}

div#box1
{
	height: 205px;
	width:320px;
	position: absolute;
	left:5px;
	top:5px;
	background-color:#cbcbcb;
}

div#box2
{
	height: 260px;
	width:400px;
	position: absolute;
	left:330px;
	top:5px;
	background-color:#cbcbcb;
}

div#box3
{
	height: 260px;
	width:240px;
	position: absolute;
	left:735px;
	top:5px;
	background-color:#cbcbcb;
}

div#box3_and_half
{
	height:35px;
	width:320px;
	position: absolute;
	left:5px;
	top:215px;
	background-color:#FFF;
	line-height:35px;
	text-align:center;
}

div#box4
{
	height: 380px;
	width:320px;
	position: absolute;
	left:5px;
	top:215px;
	background-color:#cbcbcb;
}

div#box4_two
{
	height: 340px;
	width:320px;
	position: absolute;
	left:5px;
	top:255px;
	background-color:#cbcbcb;
}

div#box4_three
{
	height: 205px;
	width:320px;
	position: absolute;
	left:5px;
	top:215px;
	background-color:#cbcbcb;
}

div#box5
{
	height: 325px;
	width:250px;
	position: absolute;
	left:330px;
	top:270px;
	background-color:#cbcbcb;
}

div#box6
{
	height: 325px;
	width:390px;
	position: absolute;
	left:585px;
	top:270px;
	background-color:#cbcbcb;
}


div#box1_long_text
{
	position: absolute;
	left:5px;
	top:5px;
	width:295px;
	padding:5px;
	font-size:11px;
}

.long_list {
font-size:10px;
}

div#box1_long_text2
{
	position: absolute;
	left:10px;
	top:0;
	width:290px;
	font-size:12px;
}

div#contact_wrapper
{
	position: absolute;
	left:0;
	top:0;
	width:350px;
	height:550px;
	font-size:12px;
	background-image:url(../img/contact.jpg);
	background-repeat:no-repeat;
}

div#contact_text
{
	position: absolute;
	left:15px;
	top:75px;
	width:320px;
	height:80px;
	font-size:12px;
	text-align:center;
}

div#contact_text2
{
	position: absolute;
	left:150px;
	top:235px;
	font-size:12px;
	line-height:15px;
}

div#link_strip_01
{
	height: 114px;
	width:639px;
	position: absolute;
	left:336px;
	top:5px;
	background-color:#d2d2d2;
}

div#link_strip_02
{
	height: 114px;
	width:639px;
	position: absolute;
	left:336px;
	top:124px;
	background-color:#d2d2d2;
}

div#link_strip_03
{
	height: 114px;
	width:639px;
	position: absolute;
	left:336px;
	top:243px;
	background-color:#d2d2d2;
}

div#link_strip_04
{
	height: 114px;
	width:639px;
	position: absolute;
	left:336px;
	top:362px;
	background-color:#d2d2d2;
}

div#link_strip_05
{
	height: 114px;
	width:639px;
	position: absolute;
	left:336px;;
	top:481px;
	background-color:#d2d2d2;
}

div#link_strip_06
{
	height: 114px;
	width:639px;
	position: absolute;
	left:336px;;
	top:600px;
	background-color:#d2d2d2;
}

div#link_box_row1_1
{
	height:104px;
	width:155px;
	top:0;
	left:5px;
	position:absolute;
	background-color:#FFF;
	text-align:center;
}

div#link_box_row1_2
{
	height:104px;
	width:155px;
	top:0;
	left:165px;
	position:absolute;
	background-color:#FFF;
	text-align:center;
}

div#link_box_row1_3
{
	height:104px;
	width:155px;
	top:0;
	left:325px;
	position:absolute;
	background-color:#FFF;
	text-align:center;
}

div#link_box_row1_4
{
	height:104px;
	width:155px;
	top:0;
	left:485px;
	position:absolute;
	background-color:#FFF;
	text-align:center;
}

div#port_box_row1_1
{
	height:114px;
	width:123px;
	top:0;
	left:0;
	position:absolute;
	background-color:#FFF;
	text-align:center;
}

div#port_box_row1_2
{
	height:114px;
	width:123px;
	top:0;
	left:129px;
	position:absolute;
	background-color:#FFF;
	text-align:center;
}

div#port_box_row1_3
{
	height:114px;
	width:123px;
	top:0;
	left:258px;
	position:absolute;
	background-color:#FFF;
	text-align:center;
}

div#port_box_row1_4
{
	height:114px;
	width:123px;
	top:0;
	left:387px;
	position:absolute;
	background-color:#FFF;
	text-align:center;
}

div#port_box_row1_5
{
	height:114px;
	width:123px;
	top:0;
	left:517px;
	position:absolute;
	background-color:#FFF;
	text-align:center;
}

div#contact_pic_01
{
	height:205px;
	width:320px;
	position: absolute;
	left:330px;
	top:5px;
	background-color:#888;
}

div#contact_pic_02
{
	height:205px;
	width:320px;
	position: absolute;
	left:655px;
	top:5px;
	background-color:#888;
}

div#contact_pic_03
{
	height:205px;
	width:320px;
	position: absolute;
	left:330px;
	top:310px;
	background-color:#888;
}

div#contact_pic_04
{
	height:205px;
	width:320px;
	position: absolute;
	left:655px;
	top:310px;
	background-color:#888;
}

div#contact_info_01
{
	height:80px;
	width:320px;
	position: absolute;
	left:330px;
	top:215px;
	background-color:#cbcbcb;
	text-align:center;
	padding-top:10px;
}

div#contact_info_02
{
	height:80px;
	width:320px;
	position: absolute;
	left:655px;
	top:215px;
	background-color:#cbcbcb;
	text-align:center;
	padding-top:10px;
}

div#contact_info_03
{
	height:80px;
	width:320px;
	position: absolute;
	left:330px;
	top:520px;
	background-color:#cbcbcb;
	text-align:center;
	padding-top:10px;
}

div#contact_info_04
{
	height:80px;
	width:320px;
	position: absolute;
	left:655px;
	top:520px;
	background-color:#cbcbcb;
	text-align:center;
	padding-top:10px;
}




.transparent_class {
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
}


	/* SHADOWBOX CSS */


#sb-container,#sb-wrapper{text-align:left; color:#fff;}#sb-container,#sb-overlay{position:absolute;top:0;left:0;width:100%;margin:0;padding:0;}#sb-container{height:100%;display:none;visibility:hidden;z-index:999;}body>#sb-container{position:fixed;}#sb-overlay{height:expression(document.documentElement.clientHeight+'px');}#sb-container>#sb-overlay{height:100%;}#sb-wrapper{position:relative;}#sb-wrapper img{border:none;}#sb-body{position:relative;margin:0;padding:0;overflow:hidden;border:1px solid #303030;}#sb-body-inner{position:relative;height:100%;}#sb-content.html{height:100%;overflow:auto;}#sb-loading{position:absolute;top:0;width:100%;height:100%;text-align:center;padding-top:10px;color:#fff;}#sb-body,#sb-loading{background-color:#060606;}#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}#sb-title-inner,#sb-info-inner{position:relative;font-family:'Verdana';line-height:16px;color:#fff;}#sb-title,#sb-title-inner{height:26px;}#sb-title-inner{font-size:14px;padding:5px 0;color:#444;}#sb-info,#sb-info-inner{height:20px;}#sb-info-inner{font-size:12px;color:#444;}#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;color:#fff;}#sb-nav-close{background-image:url(resources/close.png);background-repeat:no-repeat;}#sb-nav-next{background-image:url(resources/next.png);background-repeat:no-repeat;}#sb-nav-previous{background-image:url(resources/previous.png);background-repeat:no-repeat;}#sb-nav-play{background-image:url(resources/play.png);background-repeat:no-repeat;}#sb-nav-pause{background-image:url(resources/pause.png);background-repeat:no-repeat;}#sb-counter{float:left;padding:2px 0;width:45%;}#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}#sb-counter a.sb-counter-current{text-decoration:underline;color:#fff;}div.sb-message{font-family:'Verdana';font-size:12px;padding:10px;text-align:center;}div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}



/* ######### Drop down menu ######### */


/* ######### Default class for drop down menus ######### */

.anylinkmenu{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid #ddd;
border-bottom-width: 0;
font:12px Arial;
letter-spacing:0.135em;
color:#444;
line-height: 18px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: #bbb;
width: 110px; /* default width for menu */
}

.anylinkmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkmenu ul li a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid white;
padding: 2px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
}

.anylinkmenu a:hover{ /*hover background color*/
background: #555;
color: white;
}


/* ######### class for shadow DIV ######### */


.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/
background: #444;
visibility: hidden;
}





/* ######### SHOWREEL STYLES ######### */

div#showreel_wrap
	{ width:920px; margin:0 auto; padding-top:50px;}

#showreel_header
	{ font:Arial; font-size:72px; font-weight:bold; color:#FFF;}

#showreel_subheader
	{ font:Arial; font-size:36px; font-weight:bold; line-height:42px; color:#FFF;}

#showreel_item
	{ width:200px; height:200px; background-color:#FFF; float:left; margin-right:15px; margin-top:15px; border:1px #fff solid;}
	
	
	
	
	
	
/* ######### SCROLLING CONTENT ######### */	
	
	
div#scrollbar {
    display:block; /* initially display:none; to hide from incapable */
    }

div#wn	{ 
    position:relative;
    width:270px; height:350px;
    overflow:hidden;
	}
    
div#scrollbar { 
  position:relative;
  width:16px; height:350px; 
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  }
div#track { 
  position:absolute; left:0; top:18px;
  width:16px; height:314px;
  background: #bbb;
  }
div#dragBar {
  position:absolute; left:1px; top:1px;
  width:14px; height:20px;
  background-color:#ccc;
  }  
div#up { position:absolute; left:0; top:0; }  
div#down { position:absolute; left:0; bottom:0; }

/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#up, div#down {
    -moz-user-select: none;
    -khtml-user-select: none;
}


/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img {
    display:block; 
    }