/* Sea-cubed - CSS Document - MASTER */

@import url("section-colours.css");


body { font-size:62.5%; font-family:Verdana, Geneva, sans-serif; color:#363636; margin:0; background:url(../images/bg.gif) repeat-x top; }

.container { width:870px; position:relative; margin:0 auto; }


/*Top
----------------------------------------------------------------------------------------------------------------------------*/
.logo { position:absolute; top:30px; left:0; margin:0; padding:0; }
	.logo a { width:122px; padding:163px 0 0 0; height:0 !important; height /**/:163px; overflow:hidden; display:block; }
.strap {
	position:absolute;
	top:91px;
	right:1px;
	width:685px;
	margin:0;
	padding:47px 0 0 0;
	height:0 !important;
	height /**/:47px;
	overflow:hidden;
}


/*Body
----------------------------------------------------------------------------------------------------------------------------*/
#content { width:685px; float:right; margin:149px 0 0 185px; padding:8px 0 60px 0; background:url(../images/content-bg.gif) repeat-x top; }
	#content h1 { font-size: 20px; font-family: Helvetica, sans-serif; font-weight:bold; }
	#content h2 { margin:0 0 0.3em 0; padding:0 0 0 0; font-size:1.5em; }
	#content p { font-size:1.4em; line-height:1.3em; margin:0 0 1.2em 0; padding:0; }
	#content p.abstract { font-family:Georgia, "Times New Roman", Times, serif; font-size:1.6em; }
		#content a { text-decoration:none; }
		#content a:hover { text-decoration:underline; }
			#content ul { margin:0 0 1.4em 0; margin-left:1.75em; font-size:1em; list-style:outside; }
			#content li { margin:0 0 0 15px; padding:0 0 0.5em 0; font-size:1.4em; line-height:1.2em; }
				#content img { float:right; clear:right; margin:0 0 7px 15px; }
				#content img.center { float:left; margin-right:5px; }
				#content img.left { float:left; margin-right: 12px; margin-left:-1px;}
				#content img.news { float:left; margin-right:5px; border: 1px #F58327; }
					#content .project { float:left; clear:both; width:430px; padding:15px 0 0 255px; background:url(../images/dotty.gif) repeat-x top left; }
					#content .project h2 { padding:0; }
					#content .project img { margin-left:-255px; float:left; clear:none; }
					#content .contact-float { float:left; width:300px; padding:0 15px 0 0; }
					#content .newsitem { float:left; width:670px; padding:0 15px 0 0; }


/*Navigation
----------------------------------------------------------------------------------------------------------------------------*/
#main-navi { position:absolute; top:253px; left:8px; margin:0; padding:0; width:152px;}

ul#menu, ul#menu ul {
  	list-style-type:none;
  	margin: 0;
  	padding: 0;
    font-weight:400;
  	width: 152px;
}
ul#menu a {
  display: block;
  text-decoration: none;
}
ul#menu li {
 }
ul#menu li a {
  	font:  Helvetica;
  	font-size: 16px;
    padding: 0.1em;
  	margin-top:2px;
	border-bottom:thin;
	border-bottom-style:solid;
}
ul#menu li ul li a {
  	padding-left: 20px;
border-bottom: none;
	margin-top:2px;
}
ul#menu li ul li a:hover  {
}
.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }

/*Colour Guide - Pink: #D62274, Orange: #F58327, Green: #65A33B, Blue: #0084BE, Grey: #898989, */

/*Access links*/
.access-links { display:none; }

/* Main menu CSS */
.home { border-bottom-color:#808080; color:#363636; font-weight:700; }
.home:hover { color:#F58327; border-bottom-color: #F58327; font-weight:700; }
.home_current { color:#F58327; border-bottom-color: #F58327; font-weight:700; }

.about { border-bottom-color:#808080; color:#363636; font-weight:700; }
.about:hover { color:#0084BE; border-bottom-color: #0084BE; cursor: default; font-weight:700; }
.about_current { color:#0084BE; border-bottom-color: #0084BE; cursor: default; font-weight:700; }

.manufacturing { border-bottom-color:#808080; color:#363636; font-weight:700; }
.manufacturing:hover { color:#D62274; border-bottom-color: #D62274; cursor: default; font-weight:700; }
.manufacturing_current { color:#D62274; border-bottom-color: #D62274; cursor: default; font-weight:700; }

.sectors { border-bottom-color:#808080; color:#363636; font-weight:700; }
.sectors:hover { color:#D62274; border-bottom-color: #D62274; cursor: default; font-weight:700; }
.sectors_current { color:#D62274; border-bottom-color: #D62274; cursor: default; font-weight:700; }

.news { border-bottom-color:#808080; color:#363636; font-weight:700; }
.news:hover { color:#F58327; border-bottom-color: #F58327; font-weight:700; }
.news_current { color:#F58327; border-bottom-color: #F58327; font-weight:700; }

.contact { border-bottom-color:#808080; color:#363636; font-weight:700; }
.contact:hover { color:#65A33B; border-bottom-color: #65A33B; font-weight:700; }
.contact_current { color:#65A33B; border-bottom-color: #65A33B; font-weight:700; }


/*Submenu CSS */
.company { color:#363636; }
.approach { color:#363636; } 
.people { color:#363636; }
.facilities { color:#363636; }
.design { color:#363636; }
.materials { color:#363636; }
.processes { color:#363636; }
.tooling { color:#363636; }
.marine { color:#363636; }
.architecture { color:#363636; }
.landscape { color:#363636; }
.media { color:#363636; }

.company:hover { color:#65A33B; }
.approach:hover { color:#0084BE; } 
.people:hover { color:#D62274; }
.facilities:hover { color:#65A33B; }
.design:hover { color:#65A33B; }
.materials:hover { color:#0084BE; }
.processes:hover { color:#D62274; }
.tooling:hover { color:#898989; }
.marine:hover { color:#898989; }
.architecture:hover { color:#D62274; }
.landscape:hover { color:#0084BE; }
.media:hover { color:#898989; }

.company_current { color:#65A33B; font-weight: bold; }
.approach_current { color:#0084BE; font-weight: bold; } 
.people_current { color:#D62274; font-weight: bold; }
.facilities_current { color:#65A33B; font-weight: bold; }
.design_current { color:#65A33B; font-weight: bold; }
.materials_current { color:#0084BE; font-weight: bold; }
.processes_current { color:#D62274; font-weight: bold; }
.tooling_current { color:#898989; font-weight: bold; }
.marine_current { color:#898989; font-weight: bold; }
.architecture_current { color:#D62274; font-weight: bold; }
.landscape_current { color:#0084BE; font-weight: bold; }
.media_current { color:#898989; font-weight: bold; }

/*Footer
----------------------------------------------------------------------------------------------------------------------------*/
.footer { float:left; clear:both; padding:20px 0 30px 0; border-top:1px solid #aeaeae; width:100%; }
	.footer p { font-family:Arial, Helvetica, sans-serif; font-size:1.1em; line-height:1.4em; margin:0; padding:0; float:left; width:350px; }
	.footer a { color:#363636; text-decoration:none; }
	.footer a:hover { text-decoration:underline; }
		.footer .footer-logos { float:right; margin:0; padding:0; list-style:none; }
		.footer .footer-logos li { float:left; margin:0 0 0 16px; }


/*Clear fix
----------------------------------------------------------------------------------------------------------------------------*/
.clearfix { display:inline-table; /* Hides from IE-mac \*/ height:1%; display:block; /* End hide from IE-mac */ }
html>body .clearfix { height:auto; }
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }

/*Accordion
-----------------------------------------------------------------------------------------*/
#accordion { width:435px; float:left; clear:both; margin:0; padding:0; }

h3.toggler { cursor:pointer; width:100%; margin:0 0 7px 0; padding:21px 0 0 0; height:0 !important; height /**/:21px; overflow:hidden; }
	.acc01 { background:url(../images/acc-01.gif) no-repeat 0 0; }
	.acc02 { background:url(../images/acc-02.gif) no-repeat 0 0; }
	.acc03 { background:url(../images/acc-03.gif) no-repeat 0 0; }
	.acc04 { background:url(../images/acc-04.gif) no-repeat 0 0; }
	.acc05 { background:url(../images/acc-05.gif) no-repeat 0 0; }

.element { padding:0 10px 0 0; }
	.element p { font-size:1.3em; color:#363636; margin:0 0 0.5em 0; padding:0; }
	.element a:hover { text-decoration:underline; }
		#content .element ul { padding:0; list-style:outside; font-size:1.2em;}
		#content .element li { font-size:1.2em; color:#363636; padding:0; }
        
/*Home Slider
-----------------------------------------------------------------------------------------*/
            #slider ul, #slider li{ 
			margin:0;
			padding:0;
			list-style:none;
			}	
		#slider, #slider li{ 
			height:260px;
			width:685px;
			overflow:hidden;
			}	
		#slider{ 
			margin-left:5px;
			}	
		#prevBtn, #nextBtn{ 
			display:block;
			width:30px;
			height:77px;
			position:absolute;
			left:-25px;
			top:71px;
			}	
		#nextBtn{ 
			left:701px;
			}														
		#prevBtn a, #nextBtn a{  
			display:block;
			width:30px;
			height:77px;
			background:url(../images/btn_prev.gif) no-repeat 0 0;	
			}	
		#nextBtn a{ 
			background:url(../images/btn_next.gif) no-repeat 0 0;	
			}