@charset "utf-8";
/******** Default Behaviour Tags ********/
/****************************************/
/* RESET STYLE */
*			{ margin: 0; padding: 0; border: 0; outline: 0; list-style: none; }
body { background: url(../images/bgd_body.gif); font-size: 11px; color: #FFF; font-family: Arial, Helvetica, sans-serif; padding:50px 0;}
h1 { width: 162px;  height: 90px; margin: 32px 0 0 43px; display: inline; float: left;}
h3 { font-size: 11px;}
h4 { font-size: 11px;}
img, fieldset { border:0;}
ol, ul { list-style-type: none;}
a			{ text-decoration: none; color: #FFF;}
a:hover		{ text-decoration: underline;}
p { line-height:16px;}
input { color: #000; padding: 2px 0 0 0; border-bottom: 1px solid #e0e0e0; border-right: 1px solid #c1c1c1; border-left: 1px solid #c1c1c1; background: url(../images/bgd_inputFrm.gif) 0 0 repeat-x;}
select, textarea { border: 1px solid #aaa;}
/********** Common Structure (for all templates) ********/
/********************************************************/
/* Styles that are used in all pages (there are the structure styles)
The css tree must be ordered exactly as the same as HTML document
No use of additional comments (if the css tree is well ordered, the code is clear) */
	.clear { line-height: 0; height: 0; clear: both;}
	
	
	/**** Container  ********/
	#container { width: 972px; margin:auto; background: #1a2833 url(../images/bgd_container.gif) 0 100% repeat-x; overflow: hidden;}
		/**** Header ********/
		#header { width: 972px; overflow: hidden;}
			.home { background: url(../images/bgd_header_home.gif) top left no-repeat;}
			.home h1 { height: 95px; margin: 65px 0 0 40px; }
				.home .primaryLinks { margin: 120px 0 0 237px;}
				
			.about { background: url(../images/bgd_header_about.jpg) 0 0 no-repeat;}
			.galleries { background: url(../images/bgd_header_galleries.gif) 0 0 no-repeat;}
			.contact { background: url(../images/bgd_header_contact.gif) 0 0 no-repeat;}	
			/**** Navigation ********/
			#navigation { width: 740px; float: right; overflow: hidden;}
			/*primaryLinks*/
			.primaryLinks { width: 328px; float: left;  margin: 56px 0 0 330px; display: inline; overflow: hidden;}				
				.primaryLinks li { display: inline; padding: 0 20px 0 0;}
				.primaryLinks li a { font-size: 16px;}
				.primaryLinks li a:hover, .primaryLinks li a.active { color: #6e9296; text-decoration: none;}
			/*secondaryLinks*/
			.secondaryLinks { width: 129px; float: right; padding: 17px 28px 0 0; line-height: 17px; overflow: hidden;}
				.secondaryLinks li { padding: 0;}
				.secondaryLinks li a { font-size: 12px; color: #74848d;}
				.secondaryLinks li a:hover { color: #6e9296; text-decoration: none;}
				/*category*/
				#sidebarLeft .category { font-size: 12px; margin: 0 0 25px 0; padding: 0; line-height: 17px; float: left;}
					#sidebarLeft .category li a { color: #999;}
					#sidebarLeft .category li a:hover, #sidebarLeft .category li a.active {color: #90c0c1; text-decoration: none}
		/**** Main      ********/
		#main { width: 972px; overflow: hidden;}
			.galleriesMain { background: url(../images/bgd_main_galleries.gif) 0 0 no-repeat;}
		 	.contactMain { background: #111921 url(../images/bgd_main_contact.gif) 0 0 no-repeat;}
			.homeSlide {background: url(../images/bgd_banner.jpg) 0 0 no-repeat;}
			
			#homeSlide {width: 972px; height: 389px; overflow: hidden; position:relative;}
				#homeSlide img {position:absolute; top:0; left:0;}
				#homeSlide a {position:absolute; overflow:hidden; z-index:100;}
					#homeSlide a span {display:none;}
					#homeSlide a:hover {background-position:0 100%;}
					#homeSlideLeft {width:19px; height:20px; background:url(../images/btn_previous.gif) 0 0 no-repeat; top:350px; left:850px; display:block;}
					#homeSlidePause {width:60px; height:20px; background:url(../images/btn_pause_slide.gif) 0 0 no-repeat; top:350px; left:869px; display:block;}
					#homeSlidePlay {width:60px; height:20px; background:url(../images/btn_play_slide.gif) 0 0 no-repeat; top:350px; left:869px; display:none;}
					#homeSlideRight {width:19px; height:20px; background:url(../images/btn_next.gif) 0 0 no-repeat; top:350px; left:929px; display:block;}
			
 			/**** Content      ********/
			#content { padding:25px 20px 0 210px;}
				.txtDefault h3 { color: #759b9f; font-weight:normal; clear: both;}
				.txtDefault h4 { color: #FFF; font-weight: normal;}
				.txtDefault p { padding:0 0 15px 0;}
				.txtDefault ul { padding:0 0 15px 20px; }
				.txtDefault li { list-style-type: disc; list-style-position: inside;}			
					.txtDefault .lstText ul { width: 200px; float: left; overflow:hidden;}
					.txtDefault .stock { padding: 0 0 15px 0;}	
			/**** text Box      ********/		
			.textBox { font-size: 12px; margin: 0 0 0 562px; padding: 21px 0 20px 0; overflow: hidden;}
				.textBox p { padding: 0 0 15px 0;}
			/**** contact Us      ********/	
			.contactUs { color:#000; width: 535px; padding: 20px 15px; background: #FFF; margin: auto; }
				.contactUs p {  padding: 0 0 10px 0;}
				.contactUs img { float: left;}
				.contactUs li { width:535px; padding:0 0 5px 0; overflow: hidden;}
					.contactUs label { width: 120px; padding: 0 5px 0 0; float: left; text-align: right;}
					.contactUs input { width: 290px;  float: left;}
						.contactUs .msgError {color:#f00; padding:0 0 0 125px; display:block; clear:both;}
						.contactUs .inptType1 { width: 88px;}
						.contactUs .inptType2{ width: 155px;}
				.contactUs textarea { width: 325px; height: 130px; float: left;}
				.contactUs .btbSubmit { padding: 0 0 0 125px;}
				.contactUs .btbSubmit input { width: 46px; height: 20px; background: none; border: 0;}	
			/**** sidebarLeft      ********/
			#sidebarLeft { width:174px; padding: 25px 0 0 30px; float: left; overflow: hidden;}
				/*thumnails*/	
					.thumnails li { width:62px; height:62px; padding:0 9px 9px 0; margin:0; overflow:hidden; float:left;}
					.thumnails li a {width:62px; height:62px; display:block; overflow:hidden;}
					.thumnails li a:hover img{ border: 1px solid #99cccc;}
					.thumnails img { border: 1px solid #babfc5;}					
			/**** flash Galleries      ********/			
			#photoGalleries { width: 768px; padding-top: 18px; float: left;}
			.borderImg {width:768px; z-index:1000;}
				.slideShow {display: block; width: 120px; margin: 0 auto; padding: 10px;}
					.slideShow li {color: #74848d; font-size:13px; padding:0 5px 0 0; float:left;}
			#imageFrame {width:768px; height:445px; position:relative; overflow:hidden;}
			#imageFrame img {position:absolute; top:0; left:0;}
				.loading {background:url(../images/loading_image.gif) 50% 50% no-repeat;}
				
			#slidePlay {width:10px; height:9px; margin:5px 0 5px 5px; background:url(../images/btn_play.gif) 0 0 no-repeat; display:block;}
				#slidePlay:hover {background-position:0 100%;}
				#slidePlay span {display:none;}
			#slideStop {width:10px; height:9px; margin:4px 0; background:url(../images/btn_stop.gif) 0 0 no-repeat; display:block;}
				#slideStop:hover {background-position:0 100%;}
				#slideStop span {display:none;}
				
			/**** scroller ****/
			.smScrollContent {width:143px; height:275px; overflow:hidden; float:left;}
				.smScrollContent p {margin:0 0 20px 0; padding:0;}


				.smScroller {width:17px; text-align:center; float:left;}
					.smScroller p {margin:0; padding:0;}
					.smScroller a {text-decoration:none; display:block;}
					.smScroller span {display:none;}
				.smScrollUp {width:17px; height:17px; padding:0 0 5px 0 !important;}
					.smScrollUp a {width:17px; height:17px; background:url(../images/btn_up.gif) 0 0 no-repeat;}
					.smScrollUp a:hover {background-position:0 100%}
				.smScrollDn {width:17px; height:17px; padding:5px 0 0 0 !important;}
					.smScrollDn a {width:17px; height:17px; background:url(../images/btn_down.gif) 0 0 no-repeat;}
					.smScrollDn a:hover {background-position:0 100%}
				.smScrollDx {width:17px; background:#182530;}
					.smScrollDx a {width:17px; background:#92979b url(../images/bgd_trackbar.gif) 0 100% no-repeat;}
					.smScrollDx a:hover {background-color:#6e9296;}
					
			/* Alert class */
			.alertLayer {font-size:11px; width:150px; position:absolute; top:0; left:0; visibility:hidden;}
				.alertLayer a {overflow:hidden; float:right;}
					.alertLayer a:hover {}
				.alertLayer p {}
				/* layer type */
				.layer {border:1px solid #CC0000; background:#CC0000;}
					.layer a {display:none;}
				.layer p {color:#FFFFFF; margin:0; padding:5px 10px;}
		/**** Footer      ********/
		#footer {padding: 28px 64px 80px 0;}
		#footer span {color:#0d1318; background: url(../images/bgd_dot.gif) 50% 50% no-repeat;}
		#footer p{font-size: 12px; color: #74848d; text-align: right;}
		#footer .sponsor {}
		#footer a {color: #74848d; text-decoration:none;}
			#footer a:hover {color: #6e9296; text-decoration:none;}