@media only screen and (min-width: 1000px){
	.slider{
		width:1000px;
	}
}

@media only screen and (min-width: 1440px){
	.slider{
		width:1440px;
	}
}

/*~*~* common *~*~*/

.hidden{
  display:none;
}

body{
  font-size: 14px;  
	line-height: 1;
	/*font-family: 'Segoe UI', 'Frutiger', 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', 'Arial', 'sans-serif';*/
	position:relative;
	margin:0 auto;
	text-align:center;
	background: #f5f5f5;
	Xfont-family: Arial, Helvetica, sans-serif;
	color: #595959;
	font-size: 14px;
	line-height: 1.4em;
	min-width: 996px
}

#main{
  text-align:left;  
}


.eng_font{
  font-family:'Helvetica Neue', 'Arial', 'sans-serif';
}
.sc_font{
  font-family: Microsoft JhengHei, Arial;
}     

.clear {
	clear: both;
}
.aligncenter {
	display: block;
	margin: 0 auto;
}
.alignleft {
	float: left;
	margin-right: 20px;
	margin-top: 20px;
	margin-bottom: 10px;
}
.alignright {
	float: right;
	margin: 0 0 20px 20px;
}

.indent{
	margin-left:30px;
}

p.center_image{	
	text-align:center !important;
	width:100%;
}
p.center_image img{
	XXwidth:600px;
	padding-left:0px;
}

p.emphasis{
	font-weight:bold;
}

.txt-statement{
	text-decoration:underline;
	padding-bottom:20px;
	padding-top:20px;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	color: #1a1a1a
}
h1 {
	font-size: 24px;
	margin-bottom: 20px !important;
  padding-top: 0px !important;
  color:#92482f !important;
}
h2 {
	font-size: 20px;
	font-family: Arial, sans-serif;
	line-height: 23px;
	margin-bottom: 15px
}
h3 {
	font-size: 18px;
	line-height: 22px;
}
h3.widgettitle {
	margin-bottom: 10px;
}
h4 {
	font-size: 15px;
	color: #333;
	margin-bottom: 10px;
}
h5 {
	font-size: 14px;
	font-weight: normal;
}
h6 {
	font-size: 14px;
	letter-spacing: 2px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	text-transform: uppercase;
	line-height: 20px;
	font-weight: normal;
	color: #444e69;
}

.symbol{
	font-size:20px;
	color:#A28B6C !important;
}

.back_link{
	font-size:12px !important;	
	text-decoration:none !important;
	/*background:#A28B6C !important;
	color:white !important;
	Xcolor:#A28B6C !important;
	padding:2px;
	padding-left:5px;
	padding-right:5px;
	border-radius: 5px;*/
}

.form_result{
	color:#B45F04 !important;
	padding-bottom:20px;
}

.right_picture{
	float:right;
	padding-left:20px;
	padding-bottom:20px;
}
.left_picture{
	float:left;
	padding-right:20px;
	padding-bottom:20px;
}


/*~*~*~ html5 tags *~*~*/

header, footer, section, menu, nav, main, article{
	display:block;
	width:100%;
	margin: 0 auto;
}


/*~*~*~ slider *~*~*/

.slider-wrapper{
	position:relative;
	clear:both;
	overflow:hidden;	
	width:100%;		
	margin:0px auto;
	border:1px solid #000;
	box-shadow:0 3px 5px #666;	
	 background-color: #92482f; 
	 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#32180F), to(#92482f)); 
	 background: -webkit-linear-gradient(top, #32180F, #92482f); 
	 background: -moz-linear-gradient(top, #32180F, #92482f); 
	 background: -ms-linear-gradient(top, #32180F, #92482f); 
	 background: -o-linear-gradient(top, #32180F, #92482f);
}
.slider-wrapper,
.slider-wrapper .responisve-container,
.slider-wrapper .responisve-container .slider,
.slider-wrapper .responisve-container .slider .slide img{
	height:290px;
}

.slider-wrapper .responisve-container .slider .slide img{
	width:910px; 
	margin-left:45px;
}

.slider{
	position:relative;
	width:100%; 
/*	height:400px; when responsive, comment this out */
	margin:0 auto;
}

.fraction-slider .prev,
.fraction-slider .next {
    top: 110px;
}


/*~*~* header *~*~*/

#phone_number, #enquiries, #contact{
	position:absolute;
	top:50px;
	left:785px;
	z-index: 1;
	display:none;
	color:black !important;
}
#contact{
  padding-left:70px;
}

#languages_block{
  position:absolute;
  top:0px;
  right:40px;
  Xwidth:200px;
  /*
  border-left:1px solid #888;
  border-right:1px solid #888;
  border-bottom:1px solid #888;
  border-radius:5px;
  */
  color:#888;
}
#languages_block a{
  color:#888;
  padding-right:5px;
}
#languages_block a:first-of-type:after{
  content:"|";
  padding-left:5px;
}
#languages_block a.current{
  color:#92482f;
}

#mega-menu-1 li .sub-container.non-mega li a:hover {
	color: white !important;
}

/*~*~* footer *~*~*/

.footer {
	position:relative;
	margin: 0 auto;
	margin-top:40px;
	border-top: 1px solid #c9c9c9;
	background: #dfdfdf;
	padding: 20px 0;
	color: #808080;
	font-size: 12px;
	line-height:25px;
	overflow:hidden;
	text-align:center;
	clear:both;
	
}

.footer .footer_links{
	margin: 0px auto;
	position:relative;
	width:1000px;
	padding-left:270px;
}
.footer .footer_links .col{
	width:auto;	
	float:left;
	padding-right:70px;
}
.footer .footer_links .col:first-of-type{
	padding-left:50px;
}
.footer .footer_links .col a{
	display:block;
	color:#614117;
	font-size:14px;
}

.footer .copyright{
	margin: 0px auto;
	position:relative;
	width:900px;
	clear:both;
	padding-top:10px;
	text-align:right;
}
.footer .it_co{
  clear:both;
  padding-top:10px;
	text-align:right;
  color:#aaa;
}

.footer .footer_links a.current{
	font-weight:bold;
	color:#B45F04;
}

/*~*~* inner pages - common *~*~*/

.innerpage .page_detail table {
	border-collapse: initial !important;
	Xborder-spacing: initial !important;
}
.innerpage .page_detail p{
  margin-top:20px;
}

.innerpage .content{
  width:960px;
  margin: 0 auto;
}

.innerpage .banner{
	height:200px;
  Xoverflow:show;
	position:relative;
  Xwidth:100%;
  Xleft:0px;
  Xtop:0px;
	/*background-size: 275px 125px;*/
	 background-color: #92482f; 
	 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#502718), to(#a65135)); 
	 background: -webkit-linear-gradient(top, #502718, #a65135); 
	 background: -moz-linear-gradient(top, #502718, #a65135); 
	 background: -ms-linear-gradient(top, #502718, #a65135); 
	 background: -o-linear-gradient(top, #502718, #a65135);
}
.innerpage .banner:after{
  display:block;
	position:relative;
	top:30px;
	margin:0 auto;
	background-size: 960px auto;
	width:960px;
	height:200px;
	content:" ";
  Xoverflow:show;
  Xbox-shadow:5px 5px 8px #222;
  Xborder-radius: 30px 0px 30px 0px;
	background: url("../imgs/slider/cat_banner.jpg") no-repeat;
}
.innerpage.page_1 .banner:after{
	background: url("../imgs/banner_about_us.jpg") no-repeat;
}
.innerpage.page_2 .banner:after{
	background: url("../imgs/banner_silk_screen.jpg") no-repeat;
}
.innerpage.page_3 .banner:after{
	background: url("../imgs/contact_us.jpg") no-repeat;
}
.innerpage.page_4 .banner:after{
	background: url("../imgs/slider/15.jpg") no-repeat;
}
.innerpage.page_5 .banner:after{
	background: url("../imgs/banner_patches.jpg") no-repeat;
}
.innerpage.page_9 .banner:after{
	background: url("../imgs/slider/12.jpg") no-repeat 0px -90px;  
}

#main h1{
  font-size:30px;
	margin-top:80px;
	padding-left:0px;
	text-transform: uppercase;
}

.article{
	width:960px;
	position:relative;
	margin:0 auto;
	padding-top:0px;
	text-align:left;
	color:#595959;
}

.innerpage .txt-statement.toppest{
	padding-top:0px !important;
}

.article p{
	padding-bottom:20px;
	text-align:justify;
	font-size:14px;
}
.article p a{
	color:#A28B6C ;
	text-decoration:underline;
	font-size:14px;
}
.article p.sub_text{
	padding-left:20px;
}

.paralle_blocks{
}
.paralle_block{
	float:left;
}

.paralle_blocks.three_blocks .paralle_block{
	width:30%;	
}
.paralle_blocks.three_blocks .paralle_block:nth-child(2),
.paralle_blocks.three_blocks .paralle_block:nth-child(5),
.paralle_blocks.three_blocks .paralle_block:nth-child(9){
	padding-left:5%;
	padding-right:5%;
}
.paralle_blocks.three_blocks .paralle_block:nth-child(1),
.paralle_blocks.three_blocks .paralle_block:nth-child(4),
.paralle_blocks.three_blocks .paralle_block:nth-child(7){
	clear:left;
}

pre{
	word-break:break-all;
}

/*~*~* facilities *~*~*/

p.photo{
	width:420px;
	/*position:relative;
	margin:0 auto;*/
	text-align:center;
	float:left;
	margin-right:30px;
	margin-left:30px;
}

p.photo img{
	width:inherit;
}

/*~*~* services *~*~*/

.desc_table td{
	padding:10px;
	vertical-align:top;
}

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

/*~*~* booking form *~*~*/

#booking_form{	
}

#rform td {
	padding:5px;
	padding-left:0px;
}


/*~*~* popup *~*~*/

#background{
  background-color: black;
  opacity:0.6;
  filter:alpha(opacity=60);
  width:100%;
  height:100%;
  position:absolute;
  top:0px;
  left:0px;
  z-index: 9;
  display:none;
}


.popup{
	z-index: 99;
	position: absolute; 
	width: 800px; 
	top: 0px; 
	left: 50%;
	Xmargin-left:-200px; 
	display: none;
	text-align:left;
	padding:3px;
	height:auto;
	overflow:hidden;	
	/*height: auto; */
}
.popup .close{
  position:absolute;
  top:10px;
  right:10px;
  font-size:20px;
  color:white;
  text-shadow: 0px 0px 3px black;
  cursor:pointer;
}

#photo_popup{
  height:600px;
  overflow:display;
}
#photo_popup .content{
  width:100% !important;
  height:inherit;
}
#photo_popup .content img{
  width:100% !important;
  height:auto;
}

.popup_dialog{
	position: absolute; 
	width: 800px; 
	top: 100px; 
	left: 50%;
	margin-left:-405px; 
	display: none;
	text-align:left;
	padding:3px;
	height:500px;
	overflow:hidden;	
	/*height: auto; */
}

.popup_dialog button{
	float:right;
}

.popup_dialog .ui-dialog-title{
	padding-left:10px !important;
	line-height:31px;
}

.popup_dialog #dialog{
	padding:5px;
	overflow:scroll;	
	height:450px;
}

.popup_dialog p{
	padding-bottom:20px;
}


/*~*~* gallery *~*~*/

#gallery figure{
	float:left;	
	width:33%;
	padding:0;
	padding-bottom:10px;
	margin:0;
	text-align:center;
	overflow:hidden;	
}
#gallery figure a{
	width:100%;
	overflow:hidden;	
}
#gallery figure img{
	height:200px;
}

#gallery_popup .photo_hidden{
	width:1px;
	height:1px;
	overflow:hidden;
}

#gallery_popup{
	padding:20px;
	background:white;
	color:grey;
	width:800px !important;
	margin-left:0 !important;
}
#gallery_popup .photo{
	Xwidth:100%;
	text-align:center;
}
#gallery_popup .control{
	width:inherit;
	text-align:center;
}
#gallery_popup .control a{
	color:grey;
	padding-left:20px;
	padding-right:20px;
}
#gallery_popup .caption{
	color:#666;
	text-align:center;
	Xdisplay:inline;
}

/*~*~* lightbox *~*~*/

#lightbox{
	Xwidth:800px;
	Xleft:50%;
	Xmargin-left:-200px;
}

#lightboxImage{
	Xheight:400px !important;
}

#lightboxCaption{
	font-size:15px !important;
}

#overlay{
	background:#20160A;
	opacity:0.8;
	filter:Alpha(opacity=80); /* IE8 and earlier */	
}


/*~*~* media_releases *~*~*/

#media_releases a{
	color:#B18904 !important;
	text-decoration:none !important;
	Xtext-transform: lowercase;
}

.brochure_link, .writeups_link, .featured_on_file_link, .media_archives{
	display:none;
	clear:left;
	padding-top:5px;
	line-height:25px;
}
.brochure_link a, .writeups_link a, .featured_on_file_link a, .media_archives a{
	color:#B18904 ;
}

/*~*~* location_map  *~*~*/


.innerpage.location_map .banner{
	height:100px !important;
}
.innerpage.location_map .banner:after{
	/*background: url("../imgs/locationmap.jpg") no-repeat !important;
	width:737px !important;
	height:451px !important;*/
	background:none;
	height:0px !important;
}

.innerpage.location_map h1{
	margin-top: 20px !important;
}


/*~*~* faq *~*~*/

.innerpage.faq .question:hover{
	cursor:pointer;
}
.innerpage.faq .answer{
	display:none;
	color:grey;
}

.faq_questions a{
	padding-left:30px;
}

/* ELEMENT STYLES */



.claim{
	line-height:100%
}	

.teaser{
	padding:0.5% 1.5%;
	font-size:14px;
	 line-height:100%
}

.small{
	width:250px;
   padding-left:0; padding-right:0px;
	text-align:center;
}

.light-green{background:#95C542;}
.green{background:#7CB761}
.orange{background:#EF7D00}
.turky{background:#348E8A}
.white{background:#fff; color:#333}



body, html {
	height: 100%;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;	
	Xvertical-align: baseline;
	/*font-family: 'Segoe UI', 'Frutiger', 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', 'Arial', 'sans-serif';*/	
}
th, td{
  Xvertical-align: none;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
.icon-top img {
	width: 35px;
	margin-left: 3px;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}/* remember to define focus styles! */
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}/* tables still need 'cellspacing="0"' in the markup */
/* Floating & Alignment */
.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto
}
.alignleft {
	float: left
}
.alignright {
	float: right
}
.text-right {
	text-align: right
}
.text-left {
	text-align: left
}
.text-center {
	text-align: center
}
/* Clear Floats */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}
.fix {
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden;
}
a {
	text-decoration: none;
	outline: none;
	color: #156da0;
}
ul {
	list-style: disc outside;
}
ol {
	list-style: decimal outside;
}
li {
	margin: 0;
}
ol li {
	margin-top: 5px;
	margin-bottom: 7px
}
ul, ol, dd {
	margin-left: 25px;
}
ul ul, ol ul, ul ol, ol ol {
	margin-bottom: 0;
}
hr {
	border: 0px solid transparent !important;
	background-color: transparent !important;
	height: 1px;
	background: #ededed
}
.border {
	border: 1px solid #d6d6d6
}
.divider_space, .divider, .divider_thin {
	clear: both;
	display: block;
	margin-bottom: 20px;
	padding-top: 20px;
	width: 100%;
}
.divider_thin {
	margin-bottom: 10px;
	padding-top: 10px;
}
.divider {
	background: url(./images/divider_line.gif) bottom repeat-x;
	padding-top: 22px
}
.clearboth {
	clear: both;
	display: block;
	font-size: 0px;
	height: 0;
	line-height: 0;
	width: 100%;
}


.shortcut{
  position:relative;
  z-index:1;
  height:800px;
}

.shortcut table{
	Xwidth:80% !important;
	margin:0 auto;
	margin-top:30px;
}
.shortcut table td{
  padding:10px;  
}
.shortcut table td.current{
  box-shadow:0px 8px 8px #666;
  z-index:1;
  position:relative;
  background:white;
}              
.shortcut img{
	width:159px;
  Xborder-radius:15px;
  /*
	border-bottom:0px solid #1F1509;  
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  -moz-border-radius-bottomleft: 15px;
  -moz-border-radius-bottomright: 15px;
  -webkit-border-bottom-left-radius: 15px;
  -webkit-border-bottom-right-radius: 15px;
  */  
  /*
  -webkit-box-shadow: 0px 5px 5px 0px #bbb;
  -moz-box-shadow: 0px 5px 5px 0px #bbb;
  box-shadow: 0px 5px 5px 0px #bbb;
  */
  -webkit-box-shadow: 3px 3px 3px 0px #bbb;
  -moz-box-shadow: 3px 3px 3px 0px #bbb;
  box-shadow: -5px 5px 5px 0px #ccc;
  Xborder:1px solid #ccc;
}
.shortcut-main {
	Xfont-family: Arial, sans-serif;
	font-size: 17px !important;
	text-transform: uppercase;
	margin: 10px 0;
	text-transform: uppercase;
	font-weight: normal;
	text-align:center !important;
  color:#92482f;
}


.shortcut .product_list{
  position:absolute;
  overflow:hidden;
  width:930px;
  margin:0 auto;
  left:50%;
  margin-left: -465px;
  display:none;
  top:215px;
  Xleft:0px;
  background:white;
  Xborder-radius: 0px 0px 10px 10px !important;
  box-shadow: 0px 10px 10px #666;
  z-index:3;
  padding-top:30px;
  padding-bottom:10px;
  cursor:pointer;
}
.shortcut .product_list h3{
  color:#92482f;
  display:block;
  Xborder-bottom:2px solid grey;
  font-size: 25px;
  line-height: 45px;
  width: 90%;
  margin-left: 5%;
  margin-bottom: 20px;
  text-transform: uppercase;
  text-align:left;
  display:none;
}
.shortcut .product_list .products{
    padding-left: 46px;
    Xpadding-right: 46px;
}
.shortcut .product_list .products .product{
  width:189px;
  height:143px;
  background-size:100% 100% !important;
  float:left;
  margin-right:20px;
  margin-bottom:20px;
}


table.fancy_table, .widget_calendar table {
	border-collapse: separate;
	border-spacing: 0;
	width: 99%;
	padding: 2px 0;
}
table, td, th {
	Xvertical-align: middle;
}
table.fancy_table, .widget_calendar table {
	margin: 20px 2px;
}
.fancy_table th, .widget_calendar table th {
	border-bottom: 1px solid #fff;
}
.fancy_table td, .widget_calendar table td {
	color: #888;
	border-top: 1px solid #eee;
}
.fancy_table, .widget_calendar table {
	border: 1px solid #fff;
}
img.alignleft {
	margin: 5px 16px 5px 0 !important;
}
img.alignright {
	margin: 5px 0 5px 16px !important;
}
img.framed, .video_frame, .wp-caption, #flickr a img, dl.gallery-item img {
	padding: 6px;
	margin: 2px;
}
p.wp-caption-text {
	margin-bottom: 0px;
	text-align: center;
}
.wp-caption {
	margin-bottom: 10px !important;
	padding-top: 10px;
	text-align: center;
}
.image_frame img, img.image_frame {
	background: #fff;
	padding: 7px;
	border: 1px solid #d6d6d6;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
fieldset {
	padding: 20px;
	border: 1px solid #e0e0e0;
}
form .row {
	padding: 5px 0
}
textarea {
	width: 90%;
	font-size: 12px;
	background: #fff;
	overflow: auto;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.button_link {
	background: url(./images/buttons_bg.gif) no-repeat right -32px transparent;
	color: #344c01;
	display: inline-block;
	margin: 5px 0;
	border: 0 none;
	padding: 0 20px 0 0;
	font-family: Arial, sans-serif;
	font-size: 17px;
	height: 32px
}
.button_link span {
	background: url(./images/buttons_bg.gif) no-repeat left 0 transparent;
	display: block;
	line-height: 12px;
	color: #344c01;
	padding: 12px 10px 8px 20px;
	text-shadow: #faff8d 0 1px 1px
}
.container_24 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}


















.head {
	background: white;
	margin-top:0px !important;

}
.head .container {
	height: 140px;
}
.logo {
	position: absolute;
	top: 10px;
	left: 36px;
}
.logo .logo_img{
  height:100px;
}
.logo .company_name{
  padding-top:0px;
  padding-left:15px;
  height:101px;
}
.head_right {
	float: right;
	margin: 20px 25px 0 0;
}
.icon-top {
	line-height: 30px;
	padding-right: 20px;
	color: #333333;
	font-family: Arial, sans-serif;
	font-size: 15px;
	text-align: right
}
.icon-phone {
	background: url(./images/icon_phone.png) right 5px no-repeat;
}
.icon-map {
	background: url(./images/icon_map_point.png) right 5px no-repeat;
}
.icon-top span, icon-top a {
	color: #82a62b;
	text-decoration: none
}
/* topmenu */
.menu-header {
	height: 35px;
	background: url(./images/topmenu_bg.gif) 0 0 repeat-x;
	z-index: 2;
}
.menu-header .container {
	z-index: 3
}
.topmenu {
	height: 35px;
	z-index: 1300;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.topmenu li {
	display: block;
	float: left;
	height: 35px;
	position: relative;
	list-style: none;
	margin: 0 0 0 45px
}
.topmenu li a {
	display: block;
	padding: 8px 2px 0 2px;
	color: #747a80;
}
.topmenu li a:hover, .topmenu .current-menu-item a, .topmenu .current-menu-item li a:hover, .topmenu .current-menu-item .current_page_item a, .topmenu .current-menu-ancestor a, .topmenu .current-menu-ancestor a:hover, .topmenu li li.current-menu-ancestor a, .topmenu li .current-menu-ancestor .current-menu-item a {
	color: #e7e7e7;
}
.topmenu .current-menu-item li a, .topmenu .current-menu-ancestor li a, .topmenu li .current-menu-ancestor li a {
	color: #747a80;
}
.topmenu li ul {
	display: none;
	position: absolute;
	top: 35px;
	left: -10px;
	z-index: 1308;
	width: 155px;
	padding: 0;
	margin: 0;
}
.topmenu li ul li ul {
	display: none;
	position: absolute;
	top: 0px;
	left: 155px;
	z-index: 1308;
	width: 154px;
}
.topmenu li ul li {
	display: block;
	background: url(./images/dropdown_bg.png) 0 0 repeat-y;
	width: 135px;
	margin: 0;
	height: auto;
	padding: 0 10px;
	clear: both;
	position: relative;
}
.topmenu li ul li a {
	display: block;
	color: #7d7d7d;
	padding: 7px 5px 7px 5px;
	background: url(./images/dropdown_line.png) bottom repeat-x;
}
.topmenu li a span {
	display: block;
}
.topmenu li a:hover span {
	cursor: pointer
}
.topmenu li:hover ul li ul {
	display: none;
}
.topmenu li:hover ul, .topmenu li:hover ul li:hover ul {
	display: block
}
.submenu-arrow {
	float: right;
	vertical-align: top;
}
/*----------------------------------------------*/
/* 2.2 Header Image Slider */
/*----------------------------------------------*/
.header {
	background: url(./images/header_image_bg.jpg);
	min-height: 200px;
	z-index: 1
}
.header .container {
	width: 990px;
	min-height: 1px;
}
.homepage .container {
	height: 404px;
}
.header .caption {
	font-family: Arial, sans-serif;
	font-size: 18px;
	color: #747a80;
}
.header .caption:first-child {
	bottom: 0px
}
.header-line {
	background: url(./images/header_line.gif) 0 0 repeat-x;
	height: 8px;
	clear: both
}
/*----------------------------------------------*/
/* 2.3 Middle content */
/*----------------------------------------------*/
.container {
	position: relative;
	z-index: 0;
	width: 960px;
	margin: 0 auto
}
.middle {
	background: url(./images/middle_bg.jpg) 0 0 repeat-x #fff
}
.homemiddle {
	background: url(./images/middle_bg.jpg) 0 0 repeat-x #fff
}
.homemiddle .container {
	background: url(./images/middle_center_bg.jpg) center 0 no-repeat;
	min-height: 200px;
	padding-top: 100px
}
.middle .container {
	background: url(./images/middle_center_bg.jpg) center 0 no-repeat;
	min-height: 200px;
	padding-top: 40px
}
/*----------------------------------------------*/
/* 2.4 Homepage Baners Top */
/*----------------------------------------------*/
.baners_top {
	position: absolute;
	top: -42px;
	left: 92px;
}
.baner-item {
	float: left;
	text-align: center;
}
.baner-img {
	padding: 0 15px 5px 15px;
}
.baner-item img {
	width: 230px;
}
.baner-item h2 {
	margin: 10px 0 0 0;
	line-height: 1em;
	font-family: Arial, sans-serif;
	font-size: 21px;
}
.baner-item h2 span {
	font-size: 29px;
	font-family: Arial, Times, serif;
	padding-right: 4px;
	line-height: 1em
}
/*----------------------------------------------*/
/* 2.5 Header Top Image */
/*----------------------------------------------*/
.header-title-image {
	width: 960px;
	position: absolute;
	left: 0px;
	top: -170px;
	text-align: center;
}
.header-title-image .image {
	width: 960px;
	height: 210px;
	padding: 0;
}
.header-title-image h1, .header-title-image strong {
	margin: 10px 0 0 0;
	line-height: 1em;
	font-family: Arial, sans-serif;
	font-size: 24px;
	display: block;
	font-weight: normal;
	color: #fff
}
.header-title-image h1 span, .header-title-image strong span {
	font-size: 33px;
	font-family: Arial, Times, serif;
	padding-right: 4px;
	line-height: 1em
}





/*============================================================================================*/
/* 3. EXTENDED TYPOGRAPHY */
/*============================================================================================*/

/*----------------------------------------------*/
/* 3.1 Typographic Elements  */
/*----------------------------------------------*/
.text {
	font-size: 13px;
}
.text a {
	color: #82a62b
}
.text p {
	margin-bottom: 20px
}
.text ul, .text ol {
	margin: 5px 0 25px 35px
}
.text ul li, .text ol li {
	margin-bottom: 10px
}
.link-more {
	font-family: Arial, sans-serif;
	font-size: 15px;
}
.text h1, .text h2, .text .title-arrow {
	color: #a6a6a6;
	font-family: Arial, sans-serif;
	font-size: 23px;
	text-transform: uppercase;
	background: url(./images/arrow_1_green.png) 0 3px no-repeat;
	padding: 0 0 0 20px;
	margin: 10px 0 20px 0;
}
.text h1, .text h2, .text h3, .text h4, .text h5 {
	text-transform: none;
	margin-bottom: 15px
}
.text h2 a, .text h1 a {
	color: #a6a6a6
}
.text h2 a:hover, .text h1 a:hover {
	color: #459dd0
}
.text_deleted {
	text-decoration: line-through
}
.title_border {
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 15px
}
/* Framed boxes */
.frame_left, .frame_right, .frame_center, .frame_box {
	border: 1px solid #d7d7d7;
	background: #fff;
	padding: 7px;
	margin: 5px 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.frame_box {
	display: inline-block
}
.frame_left {
	float: left;
	display: block;
	margin: 7px 18px 5px 0;
}
.frame_right {
	float: right;
	display: block;
	margin: 7px 0 5px 18px
}
.frame_center {
	float: none;
	display: block;
	margin: 10px auto
}
/* Quotes */
blockquote {
	border-top: 1px dotted #9c9c9c;
	border-bottom: 1px dotted #9c9c9c;
	padding: 10px;
	margin: 20px 0;
}
blockquote p {
	margin: 5px 0;
	padding: 0
}
.quote, .quote_right, .quote_left {
	font-family: Arial, sans-serif;
	font-size: 17px;
	font-weight: normal;
	color: #000;
	background: url(./images/icon_quotes.gif) 5px 10px no-repeat;
	margin: 10px 0;
	line-height: 1.5em;
	border-top: 1px dotted #969696;
}
.quote .inner, .quote_right .inner, .quote_left .inner {
	border-bottom: 1px dotted #969696;
	padding: 10px 10px 10px 35px;
}
.quote_right, .quote_left {
	width: 360px
}
.quote_right {
	float: right;
	margin-left: 20px
}
.quote_left {
	float: left;
	margin-right: 20px
}
.quote_left p, .quote_right p {
	margin: 5px 0
}
.quote-author {
	color: #82a62b;
	font-family: Arial, sans-serif;
	font-size: 15px;
	padding-top: 5px
}
/* Colored Text */
.text-blue {
	color: #3a93c6
}
.text-green {
	color: #82a62b
}
.text-gray {
	color: #808080
}
.text-black {
	color: #000
}
.text-red {
	color: #dc0800
}
.text-orange {
	color: #f69301
}
.text-white {
	color: #fff
}
.title_bg {
	background: #ececee;
	padding: 5px 20px
}
.text .list_dots, .list_dots {
	margin: 15px 0 20px 20px;
	padding: 0;
}
.text .list_dots li, .list_dots li {
	background: url(./images/list_dot_green.gif) 0 5px no-repeat;
	margin: 0 0 5px 0;
	padding: 0 0 5px 18px;
	list-style: none;
}
.text .col .list_dots {
	margin: 15px 0 20px 0;
}
.text .col .list_dots li {
	padding: 0 0 10px 18px;
}
ul.bordered li {
	border-bottom: 1px dotted #969696
}
/*============================================================================================*/
/* 4. EXTENDED ELEMENTS */
/*============================================================================================*/
/*----------------------------------------------*/
/* 4.1 Boxes */
/*----------------------------------------------*/
.box {
	margin-bottom: 10px
}
.box .inner {
	padding: 15px
}
.box h3 {
	font-family: Arial, sans-serif;
	font-size: 19px;
	padding: 15px 15px 15px 15px
}
.box .inner h3 {
	font-family: Arial, sans-serif;
	font-size: 19px;
	padding: 0 0 10px 0
}
.box h3 span {
	font-family: Arial, Times, serif;
	font-size: 24px;
	padding-right: 4px
}
.box_black {
	background: #404040
}
.box_black h3 {
	color: #eeeeee;
	margin-bottom: 12px
}
.box_black .bordered {
	border-bottom: 1px dotted #8a8a8a;
	padding-bottom: 8px;
}
.box_gray .bordered {
	border-bottom: 1px dotted #9c9c9c;
	padding-bottom: 5px;
	margin-bottom: 5px
}
.box_black p {
	color: #999999;
	text-shadow: 0px 1px 1px #000;
	margin: 10px 0
}
.box_black .text-green {
	color: #9ac434
}
.box_gray {
	background: #ececee
}
.box_gray h3 {
	color: #1a1a1a;
}





input, select , textarea{
	BORDER-RIGHT: #e4e4e4 1px solid;
	BORDER-TOP: #000000 0px solid;
	FONT-SIZE: 9pt;
	BORDER-LEFT: 0px solid;
	BORDER-BOTTOM: #e4e4e4 1px solid;
	background: #f4f4f4 url(images/input.jpg) -3px -3px repeat-x;
}
input, select {	
	height: 20px;
	padding: 1px 3px;
}
.faqcontent {
	background-image: url(images/right_table_center.jpg);
	background-repeat: repeat-y;
	float: center;
	width: 670px;
	margin: 0px;
	padding: 0px;
	color: #666;
}
#faqcontent_top {
	background-image: url(images/right_table_top.jpg);
	background-position: top;
	background-repeat: no-repeat;
	padding: 20px 20px 0 20px;
	height: 20px;
	font-size: 15px;
	color: #333;
	font-weight: bold;
}
#faqcontent_content {
	background-image: url(images/right_table_center.jpg);
	background-repeat: repeat-y;
	height: 1%;
	font-size: 13px;
	color: #666;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
#faqcontent_bottom {
	background-image: url(images/right_table_bottom.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	height: 20px;
	padding: 0px;
	margin: 0px;
}
/*#main-nav-wrapper {
	background: #98CC6C;
	float: left;
	position: relative;
	width: 100%;
	min-height: 42px;
	max-height: 86px;
	z-index: 2;
}
.main-nav {
	display: block;
	float: left;
	position: fixed;
	width: 100%;
	z-index: 3;
}
.main-nav ul {
	padding: 5px 25px;
	position: relative;
	width: 960px;
	margin-top: -1px;
}
.main-nav ul li {
	display: inline;
	float: left;
	padding: 12px 12px;
	position: relative;
}
.main-nav ul li a {
	color: #999;
	font-size: 13px;
	text-decoration: none;
}
.main-nav ul li:hover a, .main-nav li.current-menu-item a, .main-nav li.current-post-parent a {
	color: #111;
}
.main-nav ul li ul {
	display: none;
	z-index: 9999;
}
.main-nav ul ul li a:hover {
	color: #111 !important;
}
.main-nav ul li:hover ul {
	background: #fff;
	-webkit-box-shadow: 0 3px 7px -2px #333;
	box-shadow: 0 3px 7px -2px #333;
	display: block;
	margin-top: 5px;
	padding: 5px;
	position: absolute;
	left: 0px;
	top: 33px;
	width: 150px;
}
.main-nav ul li:hover ul li {
	padding: 4px;
	position: relative;
	width: 97%;
}
.main-nav ul ul li a {
	color: #999 !important;
	height: auto;
	display: block;
}
.main-nav ul .sub-menu li, .main-nav ul .children li {
	background: none;
	border-bottom: 1px dotted #e8e8e8;
	width: 100%;
}
.main-nav ul li:hover ul li ul {
	display: none;
}
.main-nav ul li:hover ul li:hover ul {
	border: none;
	display: block;
	margin: 0;
	position: absolute;
	left: 155px;
	top: 0;
	width: 150px;
}
*/
#header {
	padding-bottom: 95px;
}
/* Logo
--------------------------------------------------------------*/
#logo img {
	max-height: 50px;
	padding: 0 0 0 3%;
	position: relative;
	float: left;
}
#logo img:hover, .pinbin-image img:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	opacity: 0.8;
}
#logo img, .pinbin-image img {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition: opacity 0.3s linear;
	-moz-transition: opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
	-ms-transition: opacity 0.3s linear;
	transition: opacity 0.3s linear;
}
/* Footer
--------------------------------------------------------------*/
#footer-area {
	width: 100%;
	display: inline;
	float: left;
	padding-top: 10px;
	margin-top: 20px;
	clear: both;
	border-top: 2px solid #98CC6C;
	;
}
#footer-area .widget {
	width: 310px;
	margin-right: 10px;
	padding-top: 15px;
	display: inline;
	float: left;
	font-size: 12px;
	color: #999999;
	line-height: 18px;
}
#footer-area .widget h3 {
	color: #858585;
	background: #fff;
	padding-left: 10px;
	margin-bottom: 10px;
}
#footer-area .widget p {
	color: #111;
}
#footer-area .widget ul {
	margin-left: 0px;
}
#footer-area .widget li {
	color: #858585;
}
#footer-area .widget a {
	color: #444444;
}
#footer-area .widget a:hover {
	color: #111;
}
#footer-area .widget-copy {
	width: 280px;
	overflow: hidden;
	display: inline;
	float: left;
	margin-left: 10px;
}
#footer-area .widget-copy a {
	text-decoration: none;
}
.widget img {
	max-width: 100%;
	height: auto;
}
#footer-area .wp-caption {
	border: 1px solid #999;
}
#searchsubmit, button, .comment-submit, input[type="submit"] {
	clear: both;
	width: auto;
	height: auto;
	line-height: 18px;
	background: url(./images/button-back.gif) bottom left repeat-x !important;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px 10px;
	font-size: 12px;
	cursor: pointer;
	text-shadow: 0 1px 0 rgba( 255, 255, 255, 0.45 ) !important;
	min-width: 0;
}
#searchsubmit:hover, .comment-submit:hover {
	background: #fff url(./images/button-back-over.gif) bottom left repeat-x;
	border: 1px solid #959595;
}
/* Footer copyright
--------------------------------------------------------------*/
#copyright {
	clear: both;
	width: 100%;
	border-top: 1px solid #ccc;
	display: inline;
	float: left;
	margin-top: 20px;
	padding-top: 10px;
	margin-bottom: 20px;
}
#copyright p {
	padding-top: 15px;
	color: #4f5356;
	font-size: 12px;
}
#copyright a {
	color: #858585;
	text-decoration: none;
}
#copyright a:hover {
	color: #111;
	text-decoration: underline;
}


/* Contact Us
-------------------------------------------------------------*/

.skype_icons{
  float:right;
  text-align:left;
}
.skype_icons .message{
  display:block;
  text-align:left !important;
}
.skype_icons > a{
  display: block;
  padding-top:20px;
}
.skype_icons > a > span{
  font-size:20px;
  line-height:24px;
}
.skype_icons > a > img{
  vertical-align: middle;
  /*float:left;  
  clear:left;*/
}

.map{
  width:500px;
  height:300px;
  float:right;
}

.contact_form{
  clear:both;
  padding-top:20px;
}
.contact_form .message{
  font-weight:bold;
}
.contact_form input.text,
.contact_form textarea{
  width:500px;
  Xline-height:24px;
  margin-top:10px;
  display:block;
  padding-left:10px;
  height:40px;
}
.contact_form textarea{
  height:100px !important;
  padding-top:10px;
}
.contact_form input.submit{
  width:100px;
  display:block;
  margin-top:10px;
  
}

/************ products ************/

.product_categories{ 
  float:left;
  margin-right:45px;
  margin-top:20px;
  padding:20px;
  background: url('/imgs/water_bg_s.jpg');
  border:1px solid #bbb; 
  box-shadow: 5px 5px 5px #ccc;
  text-align:center;
  
}
.product_categories div.link{
  width:100px;  
  padding-bottom:20px;
}
.product_categories div.link img{
  width:100%;
  border:1px solid #999;
  box-sizing: border-box;
}
.product_categories a{  
  font-weight:bold;  
}
.product_categories .text{
  color:white;
  font-size:15px;
  Xtext-shadow: 0px 0px 3px black;
  background:#666;
  width:100%;
  padding-top:3px;
  padding-bottom:3px;
}

.innerpage.page_5 .product_list_block{
  float:left;
  width:770px;
  margin-top:20px;
}
.innerpage.page_5 .product_list_block h3{
  Xcolor:#92482f;
  color:#777;
  display:block;
  Xborder-bottom:2px solid grey;
  font-size: 25px;
  Xline-height: 45px;
  width: 90%;
  margin-bottom: 20px;
  text-transform: uppercase;
  text-align:left;
  font-weight:bold;
}
.innerpage.page_5 .product_list_block .product_list{
  display:none;
}
.innerpage.page_5 .product_list_block .product_list .products{
  Xdisplay:block;
}
.innerpage.page_5 .product_list_block .product_list .products .product{
  width:170px;
  height:128px;
  background-size:100% 100% !important;
  float:left;
  margin-right:20px;
  margin-bottom:20px;
  border:1px solid #ccc;
  cursor:pointer;
}
.innerpage.page_5 .product_list_block .product_list.boxes{
  display:block;
}


/************** our clients **************/

/*.innerpage.page_4 .page_detail table tr:nth-child(2n-1) td img{
  Xbox-shadow: 0px -6px 6px #333;
}*/
.innerpage.page_4 .page_detail table tr:nth-child(2n) td{
  padding-bottom:30px;
}