/**
 *	Global
 *	
 *	@author:	Guy
 *	@date:		20/12/2008	
 *
 *	Table of Contents:
 *		01. layout
 *		02. typography
 *		03. lists/typography/links
 *		04. images
 *		05. tables
 *		06. forms
 *
 */
html,body {
}

body {
	color:						#6c6960;
	background:					url(../images/bg.gif) top center #f0eee9;	
	font-family:				Helvetica, Arial, sans-serif;
	font-size:					80%;
}

/** layout
------------------------------------------------------------------ */
div#container {
	margin:						0 auto;
	width:						940px;
	padding:					0 20px 0 20px;
}

div#banner {
	height:						60px;
	padding-top:				70px;
}

div#logo {
	float:						left;
	width:						146px;
	height:						27px;
	margin-top:					5px;
}

div#printer {
	margin:						0 auto;
	width:						960px;
}

div#applesearch {
	float:						right;
	overflow:					hidden;
	background:					url(../images/bg-box-top.gif) no-repeat;
}

div#navigation {
	clear:						both;
	height:						52px;
}

div#feature {
	height:						103px;
	background:					url(../images/features/feature.jpg) no-repeat;
	padding:					45px 30px 0 30px;
}

div#feature.index {
	height:						317px;
	background:					url(../images/features/feature-index.jpg) no-repeat;
	padding:					0;
}

div#feature.communications {
	background:					url(../images/features/feature-comm.jpg) no-repeat;
}

div#feature.About {
	background:					url(../images/features/feature-about.jpg) no-repeat !important;
}

div#feature.Contact {
	background:					url(../images/features/feature-contact.jpg) no-repeat !important;
}

div#feature.Projects {
	background:					url(../images/features/feature-projects.jpg) no-repeat !important;
}

div#feature.Mechanical {
	background:					url(../images/features/feature-mechanical.jpg) no-repeat !important;
}

div#feature.Electrical {
	background:					url(../images/features/feature-electrical.jpg) no-repeat !important;
}

div#feature.Data {
	background:					url(../images/features/feature-data.jpg) no-repeat !important;
}

div#feature.Design {
	background:					url(../images/features/feature-design.jpg) no-repeat !important;
}

div#text-over {
	position:					absolute;
}

div.feature-box {
	width:						185px;
	padding:					30px 10px 0 30px;
	float:						left;
	margin:						180px 10px 0 0;
	line-height:				1.5em;
color: #FFF;
}

div.box1 {
	background:					url(../images/bg-box-1.jpg) no-repeat;
	width:						233px;
	height:						160px;
	padding:					30px 30px 0 30px;
	float:						left;
	margin:						30px 30px 0 0;
	line-height:				1.5em;
	font-size:					11px;
}

div.box2 {
	background:					url(../images/bg-box-2.jpg) no-repeat;
	width:						243px;
	height:						160px;
	padding:					30px 20px 0 30px;
	float:						left;
	margin:						30px 30px 0 0;
	line-height:				1.5em;
	font-size:					11px;
}

div.box3 {
	background:					url(../images/bg-box-3.jpg) no-repeat;
	width:						123px;
	height:						160px;
	padding:					30px 140px 0 30px;
	float:						left;
	margin:						30px 0 0 0;
	line-height:				1.5em;
	font-size:					11px;
}

div.callout {
	padding:					5px 15px 5px 20px;
background: #F1EFEA;
border: 1px solid #DFDBD0;
margin: 10px 0 10px 0;
}

div.button {
	position:					absolute;
	margin-top:					110px;
}

div#breadcrumbs span {
	color:						#34322e;
}

div#placeholder-rss {
	position:					absolute;
	width:						200px;
	margin:						17px 0 0 680px;
	text-align:					right;
}

div#content {
	background:					url(../images/bg-content.jpg) 50% bottom repeat-x;
	min-height:					370px;
	height: 					auto !important;
	height: 					370px;
}

div#content-index {
	height: 					235px;
	margin:						0;
	padding:					0;
}

div#content-main {
	float:						left;
	width:						587px;
	padding:					57px 0 10px 30px;
	font-size:					1em;
	line-height:				150%;
}

div#content-main .image {
	float:						right;
	width:						150px;
	height:						auto;
	padding:					5px;
	font-size:					10px;
text-transform: uppercase;
	color:						#6c6960;
	margin:						0 0 20px 20px;
	border:						1px solid #DFDBD0;
	background:					#F1EFEA;
}

div#content-main .image img {
	max-width:						150px;
}

div.contact {
	padding:					37px 0 10px 30px;
}

div#content-side {
	/*margin-left:				677px;*/
	float:						right;
	width:						263px;
	padding:					0;
}

div#readmore1 {

padding-bottom: 25px;
}

div#readmore2 {

padding-bottom: 25px;
}

div#readmore3 {

padding-bottom: 25px;
}

div#readmore4 {

padding-bottom: 25px;
}

div.side-menu {
	background:					url(../images/bg-side-top.gif) #f1efea no-repeat;
	padding:					40px 30px 0 30px;
}

div.related {
	background:					url(../images/bg-side-bot.gif) #fff no-repeat;
	padding:					20px 30px 0 30px;
	margin:						0 0 30px 0;
}

div#map-surround {
	background:					url(../images/bg-map.gif) no-repeat;
	height:						345px;
}

div#map-title {
	position:					absolute;
	margin:						30px;
	width:						200px;
}

div#gallery {
border: 3px solid #DCDBD7;
width:590px;
height: 443px;
}

div#gallery {
	position:relative;
	background:url(../images/loading.gif) no-repeat 50% 50%; 
background-color:#FFF;
}
div#gallery img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}

div#footer {
	border-top:					1px solid #e4e2dc;
	clear:						both;
	padding:					30px 30px 40px 30px;
	color:						#a4a19a;
}

div#footer span {
	font-weight:				bold;
	color:						#ee1b24;
}

div#footer-left {
	float:						left;
	width:						305px;
	margin-top:					-5px;
}

div.center {
	margin:						0 auto;
	overflow:					hidden;
	width:						920px;
}


/** typography
------------------------------------------------------------------ */
em {
	font-style:					italic;
}

small {
	font-size:					11px;
}

span {
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					inherit !important;
	line-height:				inherit !important;
}

strong {
	font-weight:				bold;
}

div#feature h1 {
	font-size:					28px;
	color:						#FFF;
	letter-spacing:				-1px;
	margin:						0;
	padding:					0;
}

div.feature-box h5 {
	font-size:					22px;
	color:						#FFF;
	letter-spacing:				-1px;
	margin:						0;
	padding:					0;
}

div#content-index h4 {
	color:						#656155;
	font-size:					22px;
	line-height:				1em;
	font-weight:				normal;
	margin-bottom:				0;
	letter-spacing:				-1px;
}

div#content-index p {
	margin:						0;
	padding:					0;
}

div#content-main h2 {
	color:						#ee1b24;
	font-size:					22px;
	line-height:				1.25em;
	font-weight:				normal;
	margin-bottom:				10px;
	letter-spacing:				-1px;
}

div#content-side h2 {
	color:						#ee1b24;
	font-size:					22px;
	line-height:				1.25em;
	font-weight:				normal;
	margin:						26px 0 0 0;
	letter-spacing:				-1px;
}

div#content-main h3 {
	color:						#ee1b24;
	font-size:					18px;
	font-weight:				normal;
text-transform: normal;
	line-height:				1.5em;
	padding:					15px 0 0 0;
	letter-spacing:				-1px;
}

div#content-main h4 {
	color:						#ee1b24;
	font-size:					14px;
	line-height:				1.5em;
	font-weight:				normal;
	margin:						1em 0 0 0;
	padding:					0;	
}

div#content-main p {
	margin-bottom:				1.5em;
}

p.align-center {
	text-align:					center;
}

p.align-left {
	text-align:					left;
}

p.align-right {
	text-align:					right;
}

p.no-margin {
	margin:						0;
}

span {
	color:						#c2c2c2;
}

span.required {
	color:						#ff0000;
}
/** lists/typography/links
------------------------------------------------------------------ */
div#container a {
	color:						#CD0000;
	text-decoration:			none;
}

div#container a:hover {
	color:						#920000;
	text-decoration:			none;
}

div#content-main ul {
	margin-left:				12px;
	margin-bottom:				1.25em;
}

div#content-main ul li {
	background:					url(../images/icon-arrow.gif) 0px 3px no-repeat;
	margin-bottom:				0.5em;
	padding-left:				25px;
}

div#content-side ul {
	margin:						0;
}

div#content-side ul li {
	background:					url(../images/icon-arrow.gif) 0px 9px no-repeat;
	margin:						0;
	padding:					10px 0 9px 20px;
	border-top:					1px solid #dfdbd0;
}

div#content-side ul li.first {
	background:					none;
	margin:						0;
	padding:					0;
	border-top:					0;
	font-size:					22px;
	line-height:				1.25em;
	font-weight:				normal;
	margin:						26px 0 0 0;
	letter-spacing:				-1px;
	color:						#EE1B24;
}

div#content-side ul li.bold {
	font-weight:				bold;
}

div#content-side ul li.bold ul li {
	font-weight:				normal;
}

div#content-side ul li ul {
	background:					none;
	padding:					10px 0 0 0;
}

div#content-side ul li ul li {
	background:					url(../images/icon-arrow.gif) 0px 5px no-repeat;
	margin:						0;
	padding:					5px 0 5px 20px;
}

div#content-side ul li.last {
	height:						27px;
	padding:					10px 0 0 0;
}

div#content-side a {
	color:						#6c6960;
}

div#content-side a:hover {
	color:						#3f3d37;
}

div#footer ul {
	float:						right;
}

div#footer li {
	display:					inline;
	border-right:				1px solid #e4e2dc;
	padding:					0 6px 0 6px;
	font-size:					11px;
}

div#footer li.last {
	display:					inline;
	border-right:				0;
	padding:					0 0 0 7px;
}

div#footer a {
	color:						#a4a19a;
}

div#footer a:hover {
	color:						#a4a19a;
}


/** images
------------------------------------------------------------------ */
img.float-right {
	float:						right;
}
img.float-left {
	float:						left;
}
/** forms
------------------------------------------------------------------ */
input,select,textarea {
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					11px;
}

input.text {
	border:						0; 
	height:						12px;
	padding:					5px;
}

input.search {
	width:						115px;
	background:					url(../images/bg-field.gif) no-repeat;
}

.searchbutton {
	background:					url(../images/buttons/btn-search.gif) no-repeat;
	border:						0;
	height:						22px;
	width:						50px;
	padding:					4px 10px 5px 6px;
	color:						#474749;
}

input.large {
	background:					url(../images/bg-large-field.gif) no-repeat;
	width:						160px;
}

input.medium {
	background:					url(../images/bg-medium-field.gif) no-repeat;
	width:						97px;
}