/* site template tags */
* { margin: 0; padding: 0; border: 0 }
html,body { background-color:#3a4b51; margin:0 auto 0 auto; padding:0px; width:100%; }
body { font-family:Arial, Verdana, sans-serif; font-size:12px; color:#505050; }
p { font-family:Arial, Verdana, sans-serif; font-size:12px; color:#505050; }	
td,ul,ol { font-family:Arial, Verdana, sans-serif; font-size:12px; color:#505050; }

h1 { font-family:Arial, Verdana, sans-serif; font-size:20px; line-height:20px; color:#505050; }
h2 { font-family:Arial, Verdana, sans-serif; font-size:16px; line-height:18px; color:#505050; }
h3 { font-family:Arial, Verdana, sans-serif; font-size:14px; line-height:16px; color:#505050; }
h4 { font-family:Arial, Verdana, sans-serif; font-size:12px; line-height:14px; color:#505050; }

a { color:#0a6a92; text-decoration:none; }
a:hover { color:#0a6a92; text-decoration:underline; }

.accessibility, hr { display:none; }
.clear { clear:both; }
.none { display:none; }

/* clearfix */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
	* html .clearfix { height:1%; }
	.clearfix { display:block; }	
	

/* site layout */
.container { float:left; min-height:400px; height:auto !important; padding:0 0 0 0; width:100%; }
		
	/* body */		
	.body { width:744px; min-height:600px; height:auto !important; height:400px; margin:30px auto; text-align:center; padding-bottom:0; }
		/* header */
		.header { display:block; height:202px; float:right; width:744px; }
			h1.logo-top { display:block; float:left; width:744px; height:202px; }
				h1.logo-top a { display:block; width:744px; height:202px; background:url(header/logo.jpg) no-repeat; }
				h1.logo-top a span { display:none; }
		
		.menu { display:block; float:left; width:744px; text-align:left; margin-top:4px; height:48px; background:url(header/menu1.jpg) no-repeat; }
			.sub-nav { list-style:none; float:left; margin:0 0 0 2px; padding:0 0 0 0; width:744px; }
				.sub-nav li { float:left; padding:0 0 0 0; margin:1px 0 0 0; }
				.sub-nav li.snhome a { display:block; width:115px; height:46px; background:url(header/home_off.jpg) no-repeat; }
				.sub-nav li.snhome a:hover { display:block; width:115px; height:46px; background:url(header/home_off.jpg) no-repeat; }
				.sub-nav li.snshowcase a { display:block; width:115px; height:46px; background:url(header/showcase_off.jpg) no-repeat; }
				.sub-nav li.snshowcase a:hover { display:block; width:115px; height:46px; background:url(header/showcase_off.jpg) no-repeat; }
				.sub-nav li.sngallery a { display:block; width:115px; height:46px; background:url(header/gallery_off.jpg) no-repeat; }
				.sub-nav li.sngallery a:hover { display:block; width:115px; height:46px; background:url(header/gallery_off.jpg) no-repeat; }
				.sub-nav li.snabout a { display:block; width:115px; height:46px; background:url(header/aboutus_off.jpg) no-repeat; }
				.sub-nav li.snabout a:hover { display:block; width:115px; height:46px; background:url(header/aboutus_off.jpg) no-repeat; }
				.sub-nav li.sncontact a { display:block; width:115px; height:46px; background:url(header/contactus_off.jpg) no-repeat; }
				.sub-nav li.sncontact a:hover { display:block; width:115px; height:46px; background:url(header/contactus_off.jpg) no-repeat; }
				.sub-nav li.snsearch a { display:block; width:164px; height:46px; background:url(header/search_off.jpg) no-repeat; }
				.sub-nav li.snsearch a:hover { display:block; width:164px; height:46px; background:url(header/search_off.jpg) no-repeat; }
				.sub-nav li.snenquiry a { display:block; width:164px; height:46px; background:url(header/enquiry_off.jpg) no-repeat; }
				.sub-nav li.snenquiry a:hover { display:block; width:164px; height:46px; background:url(header/enquiry_off.jpg) no-repeat; }
				.sub-nav li a span { display:none; }
				
		
		/* content */
		.content { display:block; float:left; width:744px; text-align:left; height:auto; margin:10px 0 0 0; }
			.content_left { display:block; float:left; width:492px; padding:0 25px 0 0; }
				.cat_titles { display:block; height:175px; width:492px; background:url(layout/cat_background.jpg) no-repeat; }
					
				.sub_area { padding:15px 0 0 0; }
					.sub_area_left { display:block; float:left; height:175px; width:238px; background:url(layout/news.jpg) no-repeat; }
					.sub_area_right { display:block; float:right; height:175px; width:238px; background:url(layout/gallery.jpg) no-repeat; }
					
			.content_right { display:block; float:right; height:363px; width:227px; background:url(layout/cats.jpg) no-repeat; }		
					
			.showcasetitle { font-family:'Myriad Pro'; font-size:20px; color:#b8bdc0; padding:19px 0 0 25px; }
			.showcasesubheading { font-family:Tahoma; font-size:12px; font-weight:bold; color:#ffffff; padding:20px 0 0 25px; width:305px; }
			.showcasetxt { font-family:Tahoma; font-size:12px; color:#cccccc; padding:2px 0 0 25px; width:305px; }
				
			.textbox { width:144px; height:16px; font-size:11px; background-color:#4b5959; color:#ffffff; padding:3px 0 2px 5px; }
			
			.galleryimage { padding:45px 0 0 9px; overflow:hidden; width:221px; height:122px; }
			
		.footer { display:block; float:left; width:744px; padding:21px 0 0 0; color:#8e8e8e; }
			.footer_links { display:block; float:left; padding:0 0 0 9px; text-align:left; }
			.footer_right { display:block; float:right; padding:0 9px 0 0; }
			
			
			
			
/** 
 * Slideshow style rules.
 */
#slideshow {
    margin:0 auto;
    width:492px;
    height:175px;
    position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:492px;
  height:175px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:492px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:175px;
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:23px;
  height:350px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:0;
  left:0;
  z-index:1;
  margin-top:145px;
  margin-left:14px;
  height:23px;
  background:transparent url(layout/left_arrow_off.png) no-repeat 0 0;
}
#leftControl:hover {
  background:transparent url(layout/left_arrow_on.png) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  margin-right:-2px;
  margin-top:145px;
  height:23px;
  background:transparent url(layout/right_arrow_off.png) no-repeat 0 0;
}
#rightControl:hover {
  background:transparent url(layout/right_arrow_on.png) no-repeat 0 0;
}
/* end slide show css */