/*=============================
	Contents
-------------------------------
1. 	  Reset & sIFR
2.    Structure
2.1   Navigation/Menus
3.    Typography
4.    div & class Elements
5.    Other
=============================*/

/*=============================
	1. Reset & sIFR
=============================*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}.clear{clear:both;}

.sIFR-flash{visibility:visible !important;margin:0}.sIFR-replaced{visibility:visible !important}span.sIFR-alternate{position:absolute;left:0;top:0;width:0;height:0;display:block;overflow:hidden}.sIFR-flash+div[adblocktab=true]{ display:none !important}.sIFR-hasFlash h1{visibility:hidden}

/*=============================
	2. Structure
=============================*/

html, body {
	background:url(../ui/background.jpg) repeat-x #FFF;
	color:#464646;
	font:12px/22px Tahoma, Geneva, sans-serif;
}

body {
	background:url(../ui/titleBkg.png) no-repeat center 400px;
}

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

#logo a {
	background:url(../ui/logo.png) no-repeat;
	display:block;
	float:left;
	height:38px;
	position:absolute;
	text-indent:-9999em;
	top:30px;
	width:189px;
}

#scroller {
	clear:both;
	top:30px;
}
	.nivoSlider {
		position:relative;
	}
	.nivoSlider img {
		position:absolute;
		top:0px;
		left:0px;
	}
	.nivo-slice {
		display:block;
		position:absolute;
		z-index:50;
		height:100%;
	}

	#scroller img {
		position:absolute;
		top:0px;
		left:0px;
		display:none;
	}


.box {
	background:#000;
	color:#FFF;
	float:left;
	font-size:11px;
	height:190px;
	line-height:18px;
	margin:30px 26px 30px 0;
	width:220px;
}
	.home .box {
		margin:60px 26px 30px 0;
	}
	.ieFix {
		position:relative;
		*top:97px;
	}
	.home .ieFix {
		top:0!important;
	}
	.box h3 {
		height:41px;
		margin:0!important;
		text-indent:-9999em;
	}
	#bAbout {
		background:url(../ui/bAbout.jpg) no-repeat;
	}
	#bMechanical {
		background:url(../ui/bMechanical.jpg) no-repeat;
	}
	#bElectrical {
		background:url(../ui/bElectrical.jpg) no-repeat;
	}
	#bDesign {
		background:url(../ui/bDesign.jpg) no-repeat;
	}
	.box p {
		margin:0;
		padding:8px 16px;
	}
	.box .readMore a {
		background:url(../ui/readMore.gif) no-repeat;
		display:block;
		float:right;
		height:9px;
		text-indent:-9999em;
		width:69px;
	}

#content {
	clear:both;
	float:left;
	margin:0 20px 18px 0;
	width:460px;
}
	#contentFull {
		clear:both;
		float:left;
		margin:0 0 18px 0;
		width:100%;
	}
		#contentNews {
		clear:both;
		float:left;
		margin:0 20px 18px 0;
		width:680px;
	}
		.pbox {
			background:#DCDCDC;
			float:left;
			margin:0 10px 10px;
			padding:10px;
			width:280px;
			
			height: 390px;
		}
		.pbox:hover {
			background:#CCC;
		}
		.pagination-panel {
			clear:both;
			width:100%;
		}
		#top-pagination, #bottom-pagination {
			float:right;
		}
		#top-pagination li, #bottom-pagination li {
			float:left;
			list-style:none!important;
			margin-left:6px!important;
		}
		#top-pagination a , #bottom-pagination a {
			border:1px solid #CCC;
			color:#333;
			padding:3px 6px;
			text-decoration:none;
		}
		#top-pagination a:hover , #bottom-pagination a:hover {
			border:1px solid #F00;
			color:#000;
			padding:3px 6px;
			text-decoration:none;
		}

#latestNews {
	background:#EEE;
	float:left;
	margin:0 0 18px 0;
	padding:10px;
	width:200px;
}

#projectsCol {
	background:#DDD;
	float:left;
	margin-bottom:18px;
	padding:10px;
	width:240px;
}

#footer {
	background:url(../ui/footer.jpg) repeat-x #303135;
	clear:both;
	color:#FFF;
	font-size:11px;
	height:70px;
	padding:16px 0;
}

#contact-details {
	margin-bottom:10px;
	width:350px;
}

#map {
	background:#FFFFFF;
	border:3px solid #4E4E4E;
	color:#000000;
	height:400px;
	padding-bottom:30px;
	position:absolute;
	right:0px;
	width:400px;
}

/*=============================
	2.1 Navigation
=============================*/

#navigation {
	float:right;
	margin:36px 0;
}
#navigation li {
	float:left;
	margin-left:24px;
	position:relative;
	z-index:10000;
}
	#navigation li a {
		display:block;
		height:25px;
		text-indent:-9999em;
		z-index:10010;
	}
	#nav-home a {
		background:url(../ui/navigation.png) no-repeat -673px top;
		width:34px;
	}
		#nav-home a:hover {
			background:url(../ui/navigation.png) no-repeat -673px -29px;
		}
	#nav-about a {
		background:url(../ui/navigation.png) no-repeat -5px top;
		width:40px;
	}
		#nav-about a:hover {
			background:url(../ui/navigation.png) no-repeat -5px -29px;
		}
	#nav-services a {
		background:url(../ui/navigation.png) no-repeat -74px top;
		width:78px;
	}
		#nav-services a:hover, #nav-services:hover a {
			background:url(../ui/navigation.png) no-repeat -74px -29px;
		}
	#nav-portfolio a {
		background:url(../ui/navigation.png) no-repeat -171px top;
		width:86px;
	}
		#nav-portfolio a:hover, #nav-portfolio:hover a {
			background:url(../ui/navigation.png) no-repeat -171px -29px;
		}
	#nav-design a {
		background:url(../ui/navigation.png) no-repeat -276px top;
		width:41px;
	}
		#nav-design a:hover {
			background:url(../ui/navigation.png) no-repeat -276px -29px;
		}
	#nav-health a {
		background:url(../ui/navigation.png) no-repeat -424px top;
		width:48px;
	}
		#nav-health a:hover, #nav-health:hover a {
			background:url(../ui/navigation.png) no-repeat -424px -29px;
		}
	#nav-documents a {
		background:url(../ui/navigation.png) no-repeat -477px top;
		width:97px;
	}
		#nav-documents a:hover, #nav-documents:hover a {
			background:url(../ui/navigation.png) no-repeat -477px -29px;
		}
	#nav-contact a {
		background:url(../ui/navigation.png) no-repeat -579px top;
		width:55px;
	}
		#nav-contact a:hover {
			background:url(../ui/navigation.png) no-repeat -579px -29px;
		}
	#navigation li ul {
		display:none;
	}
	#navigation li ul {
		position:absolute;
		left:0;
		top:25px;
		display: none;
		z-index:10020;
	}
	#navigation li:hover ul {
		display: block;
		background:#000;
		width:220px;
	}
	#navigation li li {
		background:#000;
		border-bottom:1px solid #777;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		position:relative;
		width:234px;
		z-index:10030;
	}
	#navigation li ul a{
		background:#000!important;
		color:#777;
		display:block;
		height:auto!important;
		margin:0px;
		padding:4px 6px;
		position:relative;
		text-align:left;
		text-decoration:none;
		text-indent:0!important;
		width:220px!important;
		z-index:10040;
	}
	#navigation li ul a:hover, #navigation li ul li:hover a{
		background-image:none!important;
		color:#ffffff;
		text-decoration:none;
	}

/*=============================
	3. Typography
=============================*/

#content p, #contentNews p, #contentFull p {
	margin-bottom:18px;
}

#content ul li, #contentNews ul li, #contentFull ul li {
	list-style:disc outside;
	margin-left:14px;
}

a, a:visited {
	color:#5B5B5B;
	text-decoration:underline;
}

a:hover, a:active {
	color:#5B5B5B;
	text-decoration:none;
}
	.pbox:hover a {
		color:#F00!important;
	}
#telNumber {
	background:url(../ui/telephone.png) no-repeat;
	float:right;
	height:16px;
	position:absolute;
	right:205px;
	text-indent:-9999em;
	top:105px;
	width:149px;
}
#faxNumber {
	background:url(../ui/fax.png) no-repeat;
	float:right;
	height:16px;
	position:absolute;
	right:0;
	text-indent:-9999em;
	top:105px;
	width:158px;
}

h2, h3 {
	margin-bottom:22px;
}

h2 {
	color:#CC0000;
	font-size:18px;
}

h1 {
	font-size:24px;
	margin-bottom:12px;
}

#latestNews h2 {
	background:url(../ui/latestNews.png) no-repeat;
	height:31px;
	text-indent:-9999em;
	width:125px;
}
	#latestNews a, #latestNewsPage a {
		font-weight:bold;
	}
	#latestNews dd, #latestNewsPage dd {
		margin-bottom:18px;
	}
	#contentNews dt {
		background:url(../ui/news.png) no-repeat;
		line-height:16px;
		padding-left:22px;
	}
	#contentNews dd {
		padding-left:22px;
	}
	.date {
		background:url(../ui/calendar.png) no-repeat;
		color:#666;
		font-size:11px;
		line-height:16px;
		margin:-10px 0;
		padding-left:22px;
	}

#content dl dd {
	margin-bottom:16px;
}

#projectsCol h2 {
	background:url(../ui/completedProjects.png) no-repeat;
	height:31px;
	text-indent:-9999em;
	width:175px;
}
.pbox h2 {
	font-size:16px;
	margin-bottom:0;
}
.pbox h3 {
	font-weight:bold;
}

#details {
	background:#EAEAEA;
	border:2px solid #E0E0E0;
	float:right;
	margin-left:10px;
	padding:8px;
	width: 287px;
}
	#summary td {
		padding:1px 3px;
	}
	#details img {
		border:1px solid #CECBCB;
		padding:2px;
	}
	#details img:hover {
		border:1px solid #666;
		padding:2px;
	}

#projectsCol #currentProjects {
	background:url(../ui/currentProjects.png) no-repeat;
	margin-top:20px;
}
	#projectsCol .currentProjects li, #projectsCol .completedProjects li {
		height:215px;
		overflow:hidden;
		width:240px;
	}
	#projectsCol img {
		border:1px solid #cecbcb;
		padding:2px;
	}
	.viewProject {
		background:url(../ui/viewProject.png) no-repeat;
		display:block;
		height:33px;
		margin-left:132px;
		text-indent:-9999em;
		width:108px;
	}
		.viewProject:hover {
			background:url(../ui/viewProject.png) no-repeat bottom;
		}
		
/*=============================
	5. Other
=============================*/

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(../ui/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(../ui/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../ui/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../ui/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

#details table {
	font-size: 11px;
}
#details table .title {
	width: 100px;
}