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

@font-face {
		font-family: 'trebuc';
		src: url('trebuc.eot');
		src: url('trebuceot?#iefix') format('embedded-opentype'),
		url('trebuc.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
		}

body {
		background:url(../images/main_bg.jpg) repeat-x top center #ebebeb;
		color:#4c4c4c;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height:20px;
		margin:0px;
		padding:0px;
		outline:none;
		text-align:justify;
		}
		
a, a:hover {
		outline:none;
		text-decoration:none;
		}
		
.clear {
		clear:both;
		}
		
#wrapper {
		width:997px;
		min-height:500px;
		overflow:hidden;
		margin:0px auto;
		}
		
#top {
		width:997px;
		height:135px;
		}
		
#logo {
		width:357px;
		height:135px;
		float:left;
		}
		
#logo img {
		margin-top:28px;
		}		
		
#logo_right {
		width:640px;
		height:135px;
		float:right;
		}			
		
#quick_contact {
		width:240px;
		height:62px;
		background:url(../images/quick_contact_bg.jpg) no-repeat;
		text-align:right;
		color:#000;
		font-family:trebuc;
		font-size:12px;
		float:right;
		clear:right;
		margin-top:20px;
		}
		
#quick_contact a, #quick_contact a:hover {
		color:#000;
		font-family:trebuc;
		font-size:12px;
		text-decoration:none;
		}		
		
#share_links {
		width:500px;
		height:21px;
		text-align:right;
		float:right;
		margin-top:5px;
		}
		
#navigation {
		width:997px;
		height:61px;
		border-radius:10px;
		background:url(../images/navigation_bg.jpg) repeat-x;
		}
		
nav {
		float:right;
		width:500px;
		height:61px;
		}		
		
nav ul {
		width:auto;
		height:61px;
		margin:0px;
		padding:0px;
		list-style:none;
		margin-right:10px;
		}
		
nav ul li {
		padding:0px 25px 0px 25px;
		height:61px;
		font-family:trebuc;
		font-size:13px;
		text-transform:uppercase;
		line-height:61px;
		color:#000000;
		float:right;
		cursor:pointer;
		border-left:solid 1px #ececec;
		border-right:solid 1px #a3a3a3;
		}
		
nav ul li:hover {
		background:url(../images/navigation_hover_bg.jpg) repeat-x;
		}
		
.selected {
		padding:0px 25px 0px 25px;
		height:61px;
		font-family:trebuc;
		font-size:13px;
		text-transform:uppercase;
		line-height:61px;
		color:#000000;
		float:right;
		cursor:pointer;
		background:url(../images/navigation_hover_bg.jpg) repeat-x;
		}									
		
#caption {
		width:497px;
		height:61px;
		float:left;
		}	
		
#caption img {
		margin-top:25px;
		margin-left:15px;
		}
		
#container {
		width:960px;
		min-height:250px;
		overflow:hidden;
		margin:17px auto;
		}
		
#cont_left {
		width:220px;
		min-height:250px;
		overflow:hidden;
		float:left;
		}
		
#cont_right {
		width:717px;
		min-height:250px;
		overflow:hidden;
		float:right;
		}
		
#banner {
		width:100%;
		height:246px;
		}
		
#profile {
		width:100%;
		height:auto;
		overflow:hidden;
		margin-top:25px;
		}
		
#profile>section {
		width:460px;
		height:auto;
		overflow:hidden;
		float:left;
		}
		
#profile>aside {
		width:210px;
		height:auto;
		overflow:hidden;
		float:right;
		}
		
.image_left {
		float:left;
		margin-right:15px;
		padding:3px;
		border:solid 1px #CCCCCC;
		}
		
.head_01 {
		font-family:trebuc;
		font-size:18px;
		color:#028dd8;
		}
		
.head_02 {
		font-family:trebuc;
		font-size:16px;
		color:#028dd8;
		}		
		
.more_button {
		width:100px;
		height:25px;
		background-color:#cac8c8;
		color:#666666;
		text-align:center;
		line-height:25px;
		cursor:pointer;
		border-radius:0px 0px 5px 5px;
		float:right;
		font-family:trebuc;
		font-size:12px;
		}
		
.more_button:hover {
		color:#FFFFFF;
		background-color:#0000FF;
		}	
		

		
#products_head {
		width:100%;
		height:42px;
		background:url(../images/head_bg_02.jpg) repeat-x;
		line-height:42px;
		font-family:trebuc;
		font-size:15px;
		color:#000000;
		padding-left:10px;
		}
		
#category_head {
		width:100%;
		height:43px;
		background:url(../images/head_bg_01.jpg) repeat-x;
		line-height:43px;
		font-family:trebuc;
		font-size:15px;
		color:#000000;
		padding-left:10px;
		}
		
#category, #enquiry {
		width:100%;
		height:auto;
		overflow:hidden;
		background-color:#d7d7d7;
		}
		
#category article, #enquiry article {
		width:207px;
		height:auto;
		overflow:hidden;
		margin:0px auto;
		}
		
#category article ul {
		list-style-image:url(../images/list_menu_icon.jpg);
		list-style-position:inside;
		margin:0px;
		padding:0px;
		padding-left:10px;
		font-family:trebuc;
		color:#2a2a2a;
		}
		
#category article ul li {
		background:url(../images/list_menu_bg.jpg) no-repeat bottom center;
		height:30px;
		line-height:30px;
		}										
		
#products {
		width:210px;
		height:243px;
		background-color:#FFFFFF;
		}
		
#works {
		width:100%;
		height:auto;
		overflow:hidden;
		margin-top:10px;
		}	
		
#scrolling {
		width:100%;
		height:155px;
		background-color:#e6e6e6;
		padding:10px;
		}	
		
.product {
		width:153px;
		height:155px;
		text-align:center;
		float:left;
		margin:0px 11px 0px 11px;
		}
		
.product div {
		text-align:justify;
		}
		
.required {
		font-family:trebuc;
		font-size:11px;
		color:#0d6b9d;
		}
		
.textbox {
		width:185px;
		height:20px;
		font-family:trebuc;
		font-size:12px;
		color:#999999;
		background-color:#FFFFFF;
		border:solid 1px #CCCCCC;
		border-radius:6px;
		line-height:20px;
		padding-left:5px;
		resize:none;
		}
		
#footer {
		width:100%;
		height:80px;
		background:url(../images/footer_bg.jpg) repeat-x;
		margin-top:10px;
		}
		
#footer_inner {
		width:997px;
		height:80px;
		margin:0px auto;
		}
		
#footer_left {
		width:500px;
		height:80px;
		float:left;
		}
		
#footer_right {
		width:497px;
		height:80px;
		float:right;
		}
		
.bottom_link, .bottom_link a {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		text-decoration:none;
		color:#FFFFFF;
		}
		
.bottom_link a:hover {
		color:#0dffeb;
		text-decoration:none;
		}
		
.pro, .pro a {
		font-family:trebuc;
		font-size:11px;
		text-decoration:none;
		color:#FFFFFF;	
		}
		
.pro a:hover {
		color:#0dffeb;
		text-decoration:none;
		}	
		
.sub_head {
		width:100%;
		height:30;
		line-height:30px;
		padding-left:5px;
		background-color:#F2F2F2;
		font-family:trebuc;
		font-size:13px;
		font-weight:bold;
		color:#000000;
		margin:15px 0px 0px 0px;
		}
		
.abt_link, .abt_link a {
		font-family:trebuc;
		font-size:12px;
		color:#000000;
		text-decoration:none;
		text-align:right;
		margin-top:-17px;
		}
		
.abt_link a:hover {
		color:#0000FF;
		text-decoration:none;
		}
		
.corporate_head {
		width:200px;
		height:50px;
		background:url(../images/corporate_bg.jpg) no-repeat;
		line-height:50px;
		font-family:trebuc;
		font-size:20px;
		color:#000000;
		padding-left:25px;
		}
		
#pscroller {																																					
		width:210px;
		height:243px;
		background-color:#FFFFFF;
		text-align:center;
		font-family:trebuc;
		font-size:12px;
		color:#000000;
		}
																														
		
		
		
		
		
		
		
		
		
header, section, aside, footer, nav, article { display:block; }