/* 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;
}

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

.dir_foto{
text-align:center;
margin-top:6px;
}

.dir_foto a{
color:#003366;
}

.dir_foto a:hover{
color: #006666;
}


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

	
div#links_top
{
	position: absolute;
	right:10px;
	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;
	background-image:url(../img/home-page.jpg);
	background-repeat:no-repeat;
}

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;
}



#clientlogin {
	height:20px;
	width:120px;
	position: absolute;
	left:5px;
	top:5px;
	background:#ccc url(../img/clientbg.jpg);
	text-align:center;
	line-height:16px;
	border:1px solid #eee;
}

#clientlogin a{ margin:2px; display:block; width:116px; color:#666; }

#clientlogin a:hover{ color:#999;background:#ddd;  }









	/* SLIDING NEWS SECTION */


div#latest_info
{
	position: absolute;
	height:215px;
	width:455px;
	top:-15px;
	right:-55px;
}

div#latest_info_content
{
	position: absolute;
	height:201px;
	width:441px;
	top:-8px;
	right:-48px;
}

div#latest_info_header
{
	position: absolute;
	width:441px;
	height:38px;
	color:#99cccc;
	font-family:Verdana;
	line-height:28px;
	left:10px;
	font-size:17px;
}

div#latest_info_footer
{
	position: absolute;
	width:241px;
	color:#fff;
	font-family:"Verdana";
	line-height:24px;
	float:right;
	font-size:10px;
}

.latest_info_heading { 
color: #000;
background-color:#fff;
text-transform:capitalize;
font-size:13px;
line-height:18px;
font-family:"Verdana";
}

.please_work { 
color: #fff;
font-size:10px;
font-family:"Verdana";
line-height:10px;
}



					/* // Easy Slider */

						#slider_no_move{
						margin-top:28px;
						margin-left:10px;
						}
						
						#slider{
						position:relative;
						margin-top:28px;
						margin-left:10px;
						clear:both;
						}
						
							.graphic{
								margin:0 0 0 3px;
								padding:0;
								display:block;
								overflow:hidden;
								text-indent:-8000px;
							}
						
						/* image replacement */
							#prevBtn, #nextBtn, #slider1prev, #slider1next{
								margin:0;
								padding:0;
								display:block;
								overflow:hidden;
								text-indent:-8000px;
								}
						/* // image replacement */		
					
					/* Easy Slider */
					
						#slider ul, #slider li,{
							margin:0;
							padding:0;
							list-style:none;
							}
						#slider li{ 
							/* 
								define width and height of list item (slide)
								entire slider area will adjust according to the parameters provided here
							*/ 
							width:421px;
							height:151px;
							overflow:hidden; 
							}	
						#nextBtn, #slider1next { 
							display:block;
							width:70px;
							height:22px;
							position:absolute;
							left:359px;
							top:180px;
							z-index:100;
							}
						#prevBtn, #slider1prev{ 
							display:block;
							width:90px;
							height:22px;
							position:absolute;
							left:265px;
							top:180px;
							z-index:100;
							}		
																			
						#prevBtn a, #nextBtn a,
						#slider1next a, #slider1prev a{  
							display:block;
							position:relative;
							width:90px;
							height:22px;
							background:url(../img/latest_news/btn_prev.gif) no-repeat 0 0;
							background-color:#000;	
							}	
						#nextBtn a, #slider1next a{ 
							background:url(../img/latest_news/btn_next.gif) no-repeat 0 0;
							background-color:#000;	
							}	
							
					/* numeric controls */	

						ol#controls{
							margin:4px 0;
							padding:0 0 0 10px;
							height:14px;	
							}
						ol#controls li{
							margin:0 6px 0 0; 
							padding:0;
							float:left;
							list-style:none;
							height:14px;
							line-height:14px;
							}
						ol#controls li a{
							float:left;
							height:14px;
							line-height:14px;
							border:1px solid #222;
							background:#444;
							color:#555;
							padding:0 12px;
							text-decoration:none;
							}
						ol#controls li.current a{
							background:#99cccc;
							color:#fff;
							}
						ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
					
					
					
						
					/* // Easy Slider */



	/* SLIDING NEWS SECTION */



	/* 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: 105; /* 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; 
    }