@charset "utf-8";
/* 

SITE NAME

Description
	
	This stylesheet is used to style overall layout and home page content
	

Contents

	1. Default Styles
	2. Classes
	3. Layout
	4. Header
	5. Menu
	6. Showcase section
	6. Left Content 
	7. Centre Content
	8. Footer
*/


/* - 1. Default Styles -  */

*{
	margin:0; /* Set default padding and margin values to zero */
	padding:0;}

html{
	overflow:auto;
	}

li{
	list-style-type:none;}

a{
	text-decoration:none;}
	
a img{
	border:none;}
	
body{
	background:#c8c8c8;
}
div#hadouken{
	
	 position: absolute;
	 z-index:100;
     top: 400px;
     left: 500px;
     width: auto;        
     text-align: left;	
	 
	 display:none;
}
/* - 3. Layout -  */
#section{
	background: #ffffff;		
	margin: 0 auto;
	width: 940px;	
	margin-left: auto;
	margin-right: auto;
	/*z-index: 1;*/
	position: relative;	
}
div#branding {
			display:none;
            float: left;
            width: 40%;            
            margin: 0;
            padding: 10px 0 10px 20px;            
            text-align: left;
}
div#stripes{
		background-image:url(../i/stripes.png);
		background-repeat:repeat;	
		position:absolute;
		left:0;
		top:0px;
		width:100%;
		/*height:395px;*/
		height:393px;
		/*z-index: 1;*/
		  		
}	
div#shadow{
	background-image:url(../i/stripe_shadow.png);
	background-repeat:repeat-x;
	width:100%;
	height:4px;
	margin-top:392px;	
}

div#hide{
	display:none;
}

div#hide2{
	display:none;
}

div#hide3{
	display:none;
}

div#hide4{
	display:none;
}

div#bottomBorder{
	margin: 0;
	width: 940px;	
	margin-left: auto;
	margin-right: auto;	
	height:8px;		
	background-image:url(../i/content_bottomShadow.jpg);
	background-repeat:repeat-x;
	background-position: top left;
	/*z-index: 4;
	position: relative;*/
	/*background:#009933;*/
}



/* - 4. Header -  */

#headerleft{
	background-image:url(../i/header/bg-left.jpg);
	width:691px;/*511*/	
	float:left;
	height:117px;
	padding:0px 0 0 0px;/*30*/	
	}

div#headerright_logo img{
	float:left; 
	margin-top:20px;
	margin-left:30px;
}

div#header_menu{
	margin-top:10px;
}


div#menuleft{
	margin-left:200px;
	padding-left:10px;
	/* border-left:dotted 1px #999999; */
}

div#menuright{
	margin-left:40px;
	padding-left:10px;
}



/* - 5. Showcase section -  */
div#showcaseSection{	
	height:276px;	
	width:940px;		
	background: #333333;	
}

div#showcaseMiddle{
	display:block;
	/*margin-left:50px;	
	margin-right:50px;*/
	width:782px;
	height:276px;
	background:#0099CC;
}
div#leftarrow a, div#rightarrow a{ 
display: block; 
height: 100%; 
width: 100%; 
} 
div#leftarrow{
	/*display:inline;	
	float:left;
	width:50px;
	height:50px;
	margin-top:100px;
	background:#FF0000;*/
	display:inline;
	position:absolute;
	float:left;
	margin-top:-176px;
	width:50px;
	height:50px;
	background:#FF0000;
	z-index:9;
}
div#rightarrow{	
	float:right;
	display:inline;	
	margin-top:-176px;
	margin-left:732px;	
	width:50px;
	height:50px;
	background:#339900;
	position:absolute;
	z-index:8;
}

div#pageimageFull{		
	width:100%;	
	height:276px;
	background:#999999;	
}
div#pageimage{	
	width:570px;	
	height:276px;
	background:#999999;	
	border-right:solid 4px #fff;
	position: absolute;
	left:0px;
}
div#showcasePanel{
	float:right;
	width:208px;	
	height:276px;
	background:#009999;
	
}
div#showcaseCircle{	
	width:150px;
	height:157px;
	z-index: 100;	
	margin:0 auto 0 auto;	
	position: absolute;
	left:0px;	
}
div#showcaseCircle p{
	margin-left:70px;
	margin-top:100px;
}
div#showcaseCircle p a:hover{
	text-decoration:underline;
}
div#banner{
	/*position:relative;*/
	padding:0px;
	position: absolute;
	z-index: 4;	
}
div#ajax{
	/*position:relative;*/
	padding:0px;
	position: absolute;
	z-index: 4;	
}

/* - 5. Menu -  */
#menuleft{
	float:left;
	border:0px solid blue;
	font-weight:bold;
	text-align:left;
	padding:0;
	margin:20px 0 0 0px;}

#menuleft a.text:hover{
	color:red;}

#menuleft a.over{
	color:#0d43bd;}

#menuleft a.over_people{
	color:#232323;}
	
#menuright a.over_web{
	color:#ff9900;}
	
#menuleft a.over_multi{
	color:#0099cc;}
	
#menuright a.over_graphic{
	color:#6600cc;}
	
#menuright a.over_print{
	color:#cc0099;}
	
#menuleft a.over_news{
	color:#99cc00;}
	
#menuleft a.over_contact{
	color:#0d43bd;}
	
#menuleft a, #menuright a{
	color:#666666;
	font-weight:bold;
	font-size:1.2em;	
}
	
	
	
#menuright{
	float:left;
	margin:20px 0 0 50px;}



.menuitem{
	margin:0 0 0px 0;
	font-family:Arial, Helvetica, sans-serif;}


	
/* - 6. Centre Content -  */
#maincontent{
	width:100%;
	background:#FFFFFF url(/i/gui/copy_right_border.jpg) top right repeat-y;
	/*height:312px;*/
	height:100%;
	/*border:solid 1em #000000;	*/

}

div#ceontentright_text{
	float:left;
	width:620px;
	padding:10px 23px 0px 23px;
	height:auto;
}
/*div#contentDivider{
	margin:0;
	position:relative;
	float:left;
	border-left:dotted 0.2em #000000;
	width:4px;
	height:auto;	
	margin-top:4px;
	margin-bottom:4px;	
}*/
/* - 7. Right Content -  */
#content_right{
	position:relative;
	float:right;
	margin-top:0px;
	/*height:310px;*/
	background-color:#ffffff;	
	width:249px;
	border-left:solid 0px #d6d6d6;	
	margin-top:4px;
	margin-bottom:8px;		
}
h3.meet_team{
	background: #0d43bd;/* url(../i/meet_team_top.png) bottom left no-repeat*/;
}
div#rightPanelContent{
	margin: 0px 4px 4px 4px;
}
div#newsItem{
	background:URL(../i/news_bg.jpg);
	background-repeat: repeat-x;
	height:142px;
	padding:10px;
	margin-bottom:5px;
}
div#newsThumb{
	float:right;
	border:solid 2px #999999;
	/*margin-top:10px;
	margin-right:10px;*/
}
div#address{
	float:left;
	margin-right:12px;
	width:340px;
}

div#enquire{
	float:right;
	margin-right:0px;
	border:solid 0px #000;
}
/* news panel freshpress.php */
	p.news_panel_heading{
		margin:5px 0 0 0;
		font-weight:bold;
		font-size:1.2em;
	}	
	p.news_panel_descrip{
		margin:0;
		font-size:1.2em;
	}
	div.view_bar{
		margin-top:4px;
		margin-bottom:4px;
		background:#cfcccc;		
		display:inline-block;
	}
	div.view_bar:after {
        clear: both;
        height: 0;
        
        display: block;
        visibility: hidden;
        
        content: ".";
    }
  	/*  .clearfix {display:inline-block;}
     Hide from IE Mac \*/
    div.view_bar {display:block;}
    /* End hide from IE Mac */
	/* end clearing */
/* - 8. Footer -  */
#links{
	background-color:#FFFFFF;
	color:#666666;
	height:170px;
	width:940px;
	margin-left: auto;
	margin-right: auto;	
	}
	
#linksline {
	margin: 0px 4px 0 4px;
	background-color: #dcdcdc;
	height: 6px;
}	

#linksleft{
	float:left;
	margin:20px 0 0 30px;
}

#linksmiddle{
	float:left;
	margin:20px 0 0 80px;
}

#linksright{
	float:left;
	margin:20px 0 0 80px;
}

.linkitem{
	margin:3px 0 4px 0;
	padding-bottom: 4px;
	font-size: 12px;
	width: 152px;
	border-bottom: 1px dashed #666666;
	}
	
#logosright{
	float:right;
	margin:30px 0 0 0;
	text-align:center;
}


#footer{		
	color:white;
	height:66px;
	width:940px;
	margin-left: auto;
	margin-right: auto;	
	background-image:url(../i/footer/bg_footer.jpg);
	border:0px solid red;
	}
	
.footertext1{	
	padding:22px 0 0 22px;
	float:left;
	font-size: 12px;
}
	
.footertext2{	
	padding:12px 65px 0 0;
	float:right;
		font-size: 14px;
}	

/* site map and policy links */
div#smallLinks{
	width: 940px;
	margin-left:auto;
	margin-right:auto;
	background:none;
}
div#smallLinks ul{
	float:right;	
}
div#smallLinks ul li{
	display:inline;
}
div#smallLinks ul li a{
	color:#333333;
}	
div#smallLinks ul li a:hover{
	text-decoration:underline;
}