/*********** RESET***********/

body, h1, h2, h3, h4, h5, h6, p, blockquote,
a, img, strong, dl, dt, dd, ol, ul, li,
fieldset, form, label, table, tr, th, td {
	margin:0;
	padding:0;
	border:none;
}

/********** GLOBAL **********/

ul, ol, dl{
	margin:0 0 0 30px;
}
ul li, ol li, dl li{
	margin:3px 0;
}
.align-center{
	text-align:center;
}
.align-right{
	text-align:right;
}
.float-right{
	float:right;
}
.float-left{
	float:left;
}
.clear-both{
	clear:both;
}
a:link{
	color:#555;
}
a:visited{
	color:#666;
}
a:hover{
	color:#4c4cc5;
}
a:active{
	font-weight:700;
}
a:focus{
	font-weight:700;
}
input.checkbox{
	border:none;
	background-color:transparent;
}
.required{
	color:#68b30f;
	font-size:18px;
}
.back{
	padding:5px 20px 5px 0;
	clear:both;
	font-weight:700;
	font-size:11px;
}

/********* TYPOGRPAHY ********/

body{
	font-family:arial, sans-serif;
	font-size:12px;
	color:#555;
	background:url('../nav/bg_tile.gif') repeat-x #fff;
	text-align:center;
}
h1, h2, h3, h4, h5{
	font-family:"Trebuchet MS", arial, sans-serif;
	font-weight:400;
	color:#2a4689;
}
h1{
	font-size:22px;
	margin:5px 0 20px 0;
}
h2{
	font-size:18px;
	margin:5px 0 15px 0;
}
h3{
	font-size:16px;
	margin:5px 0 10px 0;
}
h4{
	font-size:14px;
	margin:5px 0 10px 0;
}
h5{
	font-size:12px;
	margin:5px 0 5px 0;
}
p{
	margin:0 0 10px 0;
	line-height:18px;
}
.padding15px{
	padding:15px;
}

/********* STRUCTURE *********/

#wrapper{
	text-align:left;
	margin:0 auto 15px auto;
	width:960px;
	background:url('../nav/wrapper_bg.gif') no-repeat #fff;
}
#main{
	width:935px;
	margin:0 0 0 13px;
	padding:0;
	background:url('../nav/main_bg.gif') repeat-y #fff;
}
#header{
	height:157px;
	background:url('../nav/header.gif') no-repeat;
	border-top:6px solid #fff;
}
#left-sidebar{
	background-color:#f7f7f7;
	width:200px;
	margin:0;
	float:left;
	display:inline;
}
#footer{
	background-color:#f7f7f7;
	height:50px;
	clear:both;
	border-bottom:6px solid #fff;
	border-top:6px solid #fff;
}

/********* COMMON BLOCKS *********/

#full-block, #text-block{
	background-color:#f7f7f7;
	float:right;
	display:inline;
	width:728px;
	margin:0;
	border-bottom:none;
}
#text-block{
	border-bottom:6px solid #fff;
}
#full-block h1{
	margin:0 0 15px;
}
#breadcrumb{
	border-bottom:7px solid #fff;
	padding:10px;
	color:#666;
	font-size:11px;
}
#breadcrumb a{
	color:#666;
}

/********* HEADER AND TOP NAVIGATION *********/

#header a#logo{
	float:left;
	display:inline;
	margin:17px 0 0 20px;
}
#header img#animation{
	float:right;
	display:inline;
}
#nav-search{
	height:32px;
	background-color:#2a4689;
	overflow:hidden;
	margin:1px 0 0;
	border-bottom:7px solid #fff;
}
form#search-box{
	width:165px;
	height:20px;
	overflow:hidden;
	background:url('../nav/search_bg.gif') no-repeat;
	float:right;
	display:inline;
	margin:6px 6px 0 0;
	position:relative;
}
form#search-box input{
	width:127px;
	border:1px solid #fff;
	height:18px;
	float:left;
	display:inline;
	margin:0 0 0 3px;
}
form#search-box input#search-button{
	width:26px;
	height:20px;
	float:right;
	border:none;
}
ul#top-nav{
	margin:0;
	list-style:none;
	height:32px;
	background-color:#2a4689;
	width:630px;
	float:left;
}
ul#top-nav li{
	display:inline;
}
ul#top-nav a{
	float:left;
	padding:10px 14px;
	color:#fff;
	text-decoration:none;
	font-weight:700;
	font-size:11px;
}
ul#top-nav a:hover, ul#top-nav li.selected a{
	background-color:#677fb6;
}

/********* LEFT BAR AND NAVIGATION *********/

p.blue-nav-header, p.grey-nav-header{
	background-color:#2a4689;
	color:#fff;
	height:32px;
	text-align:center;
	line-height:32px;
	font-weight:700;
	font-size:11px;
	margin:0;
}
p.grey-nav-header{
	background-color:#e6e6e6;
	color:#555;
}
ul#left-nav{
	margin:15px 0 15px 9px;
	list-style:none;
	width:180px;
}
ul#left-nav li{
	margin:0 0 2px;
}
ul#left-nav a{
	display:block;
	height:22px;
	width:180px;
	overflow:hidden;
	text-indent:8px;
	line-height:22px;
	font-weight:700;
	text-decoration:none;
	margin:0 0 2px 0;
	font-size:11px;
}
ul#left-nav a#offer-nav{
	background:url('../nav/offer.gif') right 3px no-repeat;
}
ul#left-nav a:hover, ul#left-nav li.selected a, ul#left-nav a#offer-nav:hover{
	background:url('../nav/left_selected.gif') no-repeat;
	color:#fff;
}
form#products-by-range{
	width:170px;
	overflow:hidden;
	padding:15px 0 5px 14px;
}
form#products-by-range select{
	width:170px;
}
a#byrange-submit{
	display:block;
	width:170px;
	height:22px;
	background-color:#6e85ba;
	bordeR:1px solid #6e85ba;
	color:#fff;
	font-size:11px;
	font-weight:700;
	margin:0 0 0 14px;
	text-decoration:none;
	text-align:center;
	line-height:22px;
}

/********* HOMEPAGE *********/

#content-centre-block{
	background-color:#f7f7f7;
	width:509px;
	float:left;
	margin:0 0 0px 7px;
	display:inline;
	border-right:7px solid #fff;
}
#sml-right-block{
	background-color:#f7f7f7;
	width:212px;
	float:right;
	display:inline;
}

/********* LISTINGS *********/

ul#latest-news-list{
	margin:15px 10px;
	list-style:none;
}
ul#latest-news-list li{
	display:inline;
}
ul#latest-news-list h3 a{
	text-decoration:none;
	color:#2a4689;
	
}
ul#latest-news-list h3{
	margin:0 0 5px;
	font-size:12px;
	font-weight:700;
	line-height:16px;
	clear:both;
}
ul#latest-news-list .news_date{
	font-size:10px;
	text-align:right;
}
ul#latest-news-list p{
	font-size:11px;
	line-height:16px;
	margin:0;
}
ul#latest-news-list a img{
	padding:2px;
	background-color:#fff;
	border:1px solid #d9d8d8;
	float:left;
	display:inline;
	margin:0 5px 0 0;
}
ul#latest-news-list a.read-more{
	display:block;
	text-align:right;
	font-size:11px;
	font-style:italic;
	margin:3px 0 8px;
}
ul#featured-list{
	margin:10px;
	list-style:none;
}
ul#featured-list li{
	width:489px;
	background:url('../nav/featured_top.gif') no-repeat #234185;
	margin:0 0 12px 0;
	color:#fff;
}
ul#featured-list li img{
	padding:2px;
	background-color:#fff;
	float:left;
	display:inline;
	margin:0px 10px 5px 15px;
}
ul#featured-list li a.read-more{
	display:block;
	width:100%;
	height:38px;
	text-decoration: none;
	background:url('../nav/featured_bottom.gif') no-repeat #234185;
}
ul#featured-list li a{
	text-decoration:underline;
	color: #fff;
	font-weight: 400;
}
ul#featured-list li a.read-more img{
	float:right;
	display:inline;
	margin:3px 13px 0 0;
	border:none;
	background-color:transparent;
	padding:0;
	text-decoration: none;
}
ul#featured-list li h2{
	padding:15px 0 0 15px;
	font-size:14px;
	font-weight:700;
	color:#fff;
	margin:0 0 10px;
}
ul#featured-list li h2 a{
	text-decoration:none;
	font-weight:700;
}
ul#featured-list li p{
	line-height:16px;
	font-size:11px;
	padding:0 15px 0 15px;
}
ul#list, ul#project-list{
	list-style:none;
	margin:0;
	width:697px;
}
ul#list li, ul#project-list li{
	border-top:1px solid #e0e0e0;
	border-bottom:1px solid #e0e0e0;
	padding:15px 15px 5px 15px;
	margin:0 0 3px 0;
	background-color:#fff;
}
ul#project-list li{
	width:335px;
	height:160px;
	padding:0;
	float:left;
	display:inline;
	margin:0 20px 20px 0;
	position:relative;
}
ul#project-list li.no-margin{
	margin:0 0 20px;
}
ul#project-list li img{
	position:absolute;
	top:20px;
	left:20px;
}
ul#project-list li div{
	width:170px;
	position:absolute;
	top:20px;
	left:150px;
}
ul#project-list li a.read-more img{
	position:absolute;
	bottom:20px;
	right:20px;
	top:auto;
	left:auto;
}
ul#project-list li h2{
	font-size:14px;
	margin:0 0 10px;
}
ul#project-list li h2 a{
	text-decoration:none;
}
ul#project-list li p{
	font-size:11px;
}
ul#list li h2{
	margin:0;
	position:relative;
}
ul#list li .news_date{
	color:#888;
	font-size:11px;
	margin:0 0 10px 0;
	position:relative;
}
ul#list li p{
	position:relative;
}
ul#list li .list-cont{
	width:575px;
	float:right;
	overflow:hidden;
}
ul#list li h2 a{
	text-decoration:none;
	color:#2a4689;
	font-size:16px;
}
ul#list li img.list-image{
	width:70px;
	padding:1px;
	border:none;
	float:left;
	display:inline;
	margin:0 15px 10px 0;
	background-color:#fff;
	position:relative;
}
ul#list li a{
	z-index:500;
	position:relative;
}
ul#list ul{
	margin:10px 0 10px;
	padding:0 0 0 20px;
	list-style:disc;
	position:relative;
	width:300px;
}
ul#list ul li{
	border:none;
	padding:0;
	margin:0 0 3px;
	background-color:transparent;
}

/********* PRODUCT LIST *********/

ul#product-list{
	margin:15px 0 15px 17px;
	padding:0;
	list-style:none;
}
ul#product-list li{
	display:inline
}
ul#product-list li a{
	display:block;
	margin:0 15px 15px 0;
	width:120px;
	height:160px;
	float:left;
	display:inline;
	background:url('../nav/product_bg.gif') no-repeat;
	position:relative;
	text-decoration:none;
}
ul#product-list li a img{
	position:absolute;
	top:20px;
	left:20px;
	width:75px;
	height:75px;
	border:2px solid #fff;
}
ul#product-list li a span.title{
	position:absolute;
	text-align:center;
	display:block;
	width:100px;
	top:110px;
	left:10px;
}

/********* CONTACT FORM *********/

form#contact-form{

}
form#contact-form ul{
	list-style:none;
	margin:0;
}
form#contact-form ul li{
	padding:8px 5px;
	background-color:#f1f1f1;
}
form#contact-form ul li label{
	display:block;
	width:130px;
	float:left;
	line-height:22px;
	text-align:right;
	margin:0 8px 0 0;
}
form#contact-form ul li input{
	width:180px;
	height:16px;
}
form#contact-form ul li textarea{
	width:300px;
	height:120px;
}
p.required-text{
	text-align:right;
	font-size:10px;
}
form#contact-form ul li input.form-submit{
	width:180px;
	height:22px;
	background-color:#6e85ba;
	bordeR:1px solid #6e85ba;
	color:#fff;
	font-size:11px;
	font-weight:700;
	margin:0 0 0 140px;
	line-height:22px;
}

/********* STANDARD *********/

.standard img, .standard img.thumb{
	float:right;
	display:inline;
	clear:right;
	padding:1px;
	border:1px solid #e3e3e3;
	margin:0 5px 5px 20px;
}
#images{
	width:204px;
	float:right;
	display:inline;
	margin:0 5px 10px 20px;
}
.standard #images img{
	margin:0;
}
.standard #images img.thumb{
	float:left;
	clear:right;
	margin:0 5px 5px 0;
}
.standard #images img.thumb.no-margin{
	margin:0 0 5px 0;
}
.standard p.caption{
	width:204px;
	padding:5px 0;
	float:right;
	display:inline;
	clear:right;
	text-align:center;
	margin:0 5px 5px 20px;
	background-color:#e8e8e8;
}
.standard #click-to-enlarge{
	width:202px;
	height:22px;
	padding:1px;
	background:url('../nav/mag.gif') top right no-repeat #e9e9e9;
	float:right;
	display:inline;
	clear:right;
	margin:0 5px 5px 20px;
	color:#666;
}
.standard #click-to-enlarge p{
	line-height:22px;
	padding:0 0 0 34px;
	margin:0;
	font-size:11px;
}
img.enquire_button{
	border:none;
	margin:15px 5px 15px 20px;
}
/********* DOWNLOADS *********/

ul#downloads{
	list-style:none;
	margin:15px 0;
	width:460px;
}
ul#downloads li{
	padding:3px;
	background-color:#e8e8e8;
	height:20px;
	line-height:20px;
	overflow: hidden;
}
ul#downloads li a{
	text-decoration:none;
}
ul#downloads li img{
	float:left;
	display:inline;
	width:16px;
	height:16px;
	margin:0;
	padding:0;
	clear:none;
	border:none;
	margin:2px 7px 0 1px;
}
a.download-now img{
	border:none;
	padding:0;
	width:130px;
	height:21px;
}

/********* FOOTER *********/

#footer p{
	text-align:center;
	font-size:11px;
	color:#777;
	padding:9px 0 0;
	line-height:16px;
}
#footer a{
	color:#777;
}










