@charset "UTF-8";
/* CSS Document */

		body {
			margin: 		0;
			padding:		0;
			font-family: 	Arial, Helvetica, sans-serif;
			font-size: 		66%;
			background: 	#000000 url(../robe_mariage_img/pagebg2.jpg) repeat-x top center;
		}

		#container {
	position:		relative;
	width:			886px;
	margin:			auto;
	visibility: visible;
		}
		#navigation {
	position:		relative;
	width:			886px;
	height:			48px;
	background: 	transparent url(../navbg.png) no-repeat top left;
	visibility: hidden;
	overflow: visible;
		}
		#navigation ul {
			margin:			0;
			padding:		0;
			padding-left:	20px;
			padding-right:	20px;
		}
		#navigation ul li {
			list-style:		none;
			float:			left;
			margin-top:		20px;
			height:			16px;
		}
		#navigation ul li a {
			display:		block;
		}
		#btnHome {
			width:			175px;
			height:			15px;
			text-indent:	-10000px;
			overflow:		hidden;
			text-decoration:none;
			background:		transparent url(../navbtns.gif) no-repeat 0px -16px;
		}
		#btnHome:hover {
			background-position: 0px 1px;
		}
		#btnAbout {
			width:			140px;
			height:			16px;
			text-indent:	-10000px;
			overflow:		hidden;
			text-decoration:none;
			background:		transparent url(../navbtns.gif) no-repeat -175px -16px;
		}		
		#btnAbout:hover {
			background-position: -175px 1px;
		}
		#btnEngineering {
			width:			240px;
			height:			16px;
			text-indent:	-10000px;
			overflow:		hidden;
			text-decoration:none;
			background:		transparent url(../navbtns.gif) no-repeat -305px -16px;
		}	
		#btnEngineering:hover {
			background-position: -305px 1px;
		}
		#btnRenewable {
			width:			180px;
			height:			16px;
			text-indent:	-10000px;
			overflow:		hidden;
			text-decoration:none;
			background:		transparent url(../navbtns.gif) no-repeat -545px -16px;
		}	
		#btnRenewable:hover {
			background-position: -545px 1px;
		}
		#btnContact {
			width:			100px;
			height:			16px;
			text-indent:	-10000px;
			overflow:		hidden;
			text-decoration:none;
			background:		transparent url(../navbtns.gif) no-repeat -725px -16px;
		}				
		#btnContact:hover {
			background-position: -725px 1px;
		}
		#header {
			position:		relative;
			width:			886px;
			height:			78px;
			background: 	transparent url(../headerbg.png) no-repeat top left;
		}	
		#header h1 {
			margin:			0;
			padding:		0;
			position:		relative;
			text-indent:	-10000px;
			overflow:		hidden;
		}
		#header form {
			position:		absolute;
			top:			30px;
			right:			26px;
			width:			273px;
		}
		#searchterm {
			margin:			0;
			padding:		0;
			padding-top:	10px;
			text-indent:	5px;
			color:			#555555;
			border:			none;
			background:		transparent url(../searchterm.gif) no-repeat center left;
			width:			242px;
			height:			28px;
			font-size:		1.3em;
		}
		#searchbtn {
			margin:			0;
			padding:		0;
			padding-top:	10px;
			width:			30px;
			height:			28px;
			display:		block;
			float:			right;
			background:		transparent url(../searchbtn.gif) no-repeat center left;
			border:			none;
			text-indent:	-10000px;
			text-decoration:none;
			overflow:		hidden;
			
		}
		#accent {
			position:		relative;
			width:			886px;
			height:			252px;
			background: 	transparent url(../accentbg.png) no-repeat top left;
		}	
		#inset {
	width:			304px;
	height:			152px;
	background:		transparent url(../insetbg.png) no-repeat top left;
	position:		absolute;
	left: 			520px;
	top: 			39px;
		}
		#inset h2 {
			padding:		0;
			margin:			0;
			margin-top:		13px;
			margin-left:	15px;
			height:			22px;
			background:		transparent url(../insetHeadingbg.gif) no-repeat top left;
			text-indent:	-1000px;
			overflow:		hidden;
		}
		#inset p {
			margin:			0;
			padding:		0;
			padding-left:	18px;
			padding-right:	20px;
			text-align:		justify;
			color:			white;
		}
		#inset a.morebtn {
	width:			131px;
	height:			25px;
	position:		absolute;
	left:			127px;
	top:			120px;
	background:		transparent url(../insetMoreBtn.gif) no-repeat top left;
	text-indent:	-10000px;
	overflow:		hidden;
	text-decoration:none;
		}
		#content {
			position:		relative;
			width:			886px;
			background:		transparent url(../contentbg.png) repeat-y top left;
		}
		#triptych {
			position:		relative;
			width:			858px;
			background:		transparent url(../tryptychbg.jpg) repeat-x top left;
			margin:			auto;
			height:			335px;
		}
		.panel {
			width:			286px;
			height:			334px;
			margin:			0;
			float:			left;
		}
		.panel h2 {
			position:		relative;
			padding:		0;
			margin:			0;
			margin-top:		8px;
			margin-left:	11px;
			margin-bottom:	80px;
			height:			22px;
			text-indent:	-10000px;
			overflow:		hidden;
		}
		.panel p {
			padding:		11px;
			padding-right:	14px;
			margin:			0;
			text-align:		justify;
			padding-bottom:	5px;
		}
		.panel a.morebtn {
			width:			106px;
			height:			20px;
			float:			right;
			margin-top:		-20px;
			margin-right:	20px;
			background:		transparent url(../panelMoreBtn.gif) no-repeat top left;
			text-indent:	-10000px;
			overflow:		hidden;
			text-decoration:none;
		}
		#engineeringpanel {
			background:		transparent url(../panel1bg.png) no-repeat top left;
		}
		#infrastructurepanel {
			background:		transparent url(../panel2bg.png) no-repeat top left;
		}
		#renewablepanel {
			background:		transparent url(../panel3bg.png) no-repeat top left;
		}
		#engineeringpanel h2 {
			background:		transparent url(../headingCapital.gif) no-repeat top left;
		}
		#infrastructurepanel h2 {
			background:		transparent url(../headingInfrastructure.gif) no-repeat top left;
		}
		#renewablepanel h2 {
			background:		transparent url(../headingRenewable.gif) no-repeat top left;
		}			
		#footer {
	position:		relative;
	width:			886px;
	background: 	transparent url(../robe_mariage_img/footerbg.png) no-repeat bottom left;
	height:			58px;
	visibility: visible;
		}
		#metanav {
			position:		absolute;
			bottom:			10px;
			right:			15px;
		}
		#metanav li {
			list-style:		none;
			display:		inline;
			padding:		5px;
			padding-top:	1px;
			padding-bottom:	1px;
			border-right: 	1px solid white;
		}
		#metanav li.last {
			border-right:	none;
		}
		#metanav li a {
			font-size:		0.9em;
			color:			white;
			text-decoration:none;
		}
		#metanav li a:hover {
			text-decoration:underline;
		}