@charset"utf-8";/**/
html{padding:0;margin:0 auto;}
body{margin:0;padding:0;width:100%;border:0;color:#393738;font:normal 13px/1.5em"Liberation sans",Arial,Helvetica,sans-serif;}
*{outline:none;}
.main{margin:0 auto;padding:0;background:#fff;}
.clr{clear:both;padding:0;margin:0;width:100%;font-size:0px;line-height:0px;}
pre { margin:0;padding:0;font:normal 13px/1.5em"Liberation sans",Arial,Helvetica,sans-serif;}
/*h1 span{color:#14a7fb;}
h1 small{display:block;margin:0;font-size:13px;line-height:1.2em;text-transform:none;color:#7d7b7b;font-weight:normal;}*/
h2{margin:0 0 20px 0;font-size:20px;color:#0b7bc0;line-height:26px;border-bottom:1px solid #0b7bc0;}
h3{margin:5px 0 15px 0;font-size:18px;color:#393738;line-height:24px;}
h4{margin:0 0 10px 0;font-size:16px;color:#393738;line-height:20px;}
p{margin:0 0 15px 0;}
a{color:#0b7bc0;text-decoration:none;}
a:hover{color:#58ccf5;text-decoration:none;}
hr {margin:20px 0;border-top:1px solid #ddd;border-bottom:none;}
img{border:none;max-width:100%;}
.bdr { border: 1px solid #222; padding: 10px 8px 10px 16px; }
.bdr h4 { padding:10px 0 5px 0; }
.bdr p { padding:0 0 8px 0; }
.header,.content,.menu_nav,.fbg,.footer,form,ul,.content .mainbar,.content{margin:0;padding:0;}
li {margin:0 0 0 20px;}
table { width:100%; margin: 0 0 15px 0; }
.content th { text-align:left; }
.content td { line-height:28px; }
.content td p { line-height:20px; margin-left:20px; margin-right:20px; }
.checklist td {border-bottom:1px solid #DDD; padding:5px 2px; }
.clear { clear:both; }

/* Logo */
.header{background:url(../images/header_bg.png) repeat-x left -18px;}
.header_resize{margin:0 auto;padding:0;width:980px;}
.logo{padding:0;float:left;width:auto;height:160px;}
.logo h1{margin:10px 0 0 0;padding:0;color:#000000;}
.logo h1 a{display: block;background:url(../images/logo.jpg);height:150px;width:500px; background-size:cover;}
.logo h1 a span{display:none;}

/*.slogan { float:right; display:block; width:225px; height: 160px; background:url(../images/slogan.jpg); margin:5px 0 9px 0; background-size:cover; }*/
.slogan { float:right; height:154px; margin:10px 0; }
.slogan h3 { color:#ccc; text-align:right; text-transform:uppercase; font-size:18px; margin:0 0 20px 0; }
.slogan h3 span { color:#ddd; }
.slogan p { text-align:right; margin:0; }

/* Social */
.social{padding:10px 0 0 0;float:right;width:auto;}
.social p{padding:0;float:right;width:auto;color:#fdfdfd;text-align:right;font-size:13px;line-height:1.5em;font-weight:normal;}
.social a{color:#fdfdfd;text-decoration:none;}
.social a:hover{text-decoration:underline;}
.social img{margin:-3px 0 -3px 4px;border:none;}

/* Menu */
.menu_nav{
  clear:both;
  margin:0;
  padding:0;
  float:left;
  width:980px;
  height:45px;
}
.menu_nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
  height:44px;
  border-left:1px solid #9ea3a7;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.menu_nav ul li {
  display: block;
  position: relative;
  float: left;
  margin: 0;
  border-right:1px solid #9ea3a7;
}
.menu_nav li ul { display: none; }
.menu_nav ul li a {
  display: block;
  line-height:44px;
  font-size:14px;
  font-weight:bold;
  text-transform: uppercase;
  text-align: center;
  padding:0 20px;
  text-decoration: none;
  white-space: nowrap;
  color: #fff;
}
.menu_nav li:hover > ul {
  display: block;
  position: absolute;
  z-index:100;
}
.menu_nav li:hover li {
  float: none;
  background: #0b7bc0;
}
.menu_nav li:hover li a {
  font-size: 12px;
  line-height: 38px;
  text-align: left;
  border-bottom: 1px solid #9ea3a7;
  color: #ffffff;
}
.menu_nav ul li.active > a, .menu_nav ul li a:hover { color: #393738; }
.menu_nav  li ul li { border-top: 0; }
.menu_nav ul ul ul {
  left: 100%;
  top: 0;
}
.menu_nav ul:before,
.menu_nav ul:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}
.menu_nav ul:after { clear: both; }


/* List */
ul.list {
	list-style:none;
	margin:0;
	padding:0;
	display:inline-block;
}
ul.list li {
	padding:5px;
	background:#eee;
	border-left: 10px solid #9ea3a7;
	margin:0 0 1px 0;
}
ul.list li:hover {
	border-left: 10px solid #eee;
	background:#ddd;
}
ul.list a {
	display:block;
}

ul.columns li {
	float:left;
	width:45%;
}

ul.footer-list {
	list-style:none;
	margin:0;
	padding:0;
}
ul.footer-list li {
	float:left;
	padding:5px;
}
ul.footer-list li:after {
	padding-left:10px;
	color:#aaa;
	content: "|";
}
ul.footer-list li:last-child:after {
	content: "";
}
/* Gallery */
ul.gallery {
	list-style:none;
	margin:0;
	width:980px;
}
ul.gallery li {
	float:left;
	width:215px;
	margin:0 13px 15px 13px;
	padding:5px;
	text-align:center;
}
ul.gallery li:nth-child(4n+1) {
	clear:both;
	margin-left:0;
}
ul.gallery li:nth-child(4n) {
	margin-right:0;
}
ul.gallery li:hover {
	background-color:#EEE;
}
ul.gallery li img {
	height:150px;
	width:auto;
	max-width:215px;
}
ul.gallery li p {
	text-align:left;
	margin:5px 0 0 0;
}

/* Products */
ul.products {
	list-style:none;
	margin:0;
	width:740px;
}
ul.products li {
	float:left;
	width:215px;
	margin:0 13px 15px 13px;
	padding:5px;
	text-align:center;
}
ul.products li:nth-child(3n+1) {
	clear:both;
	margin-left:0;
}
ul.products li:nth-child(3n) {
	margin-right:0;
}
ul.products li:hover {
	background-color:#EEE;
}
ul.products li img {
	height:150px;
	width:auto;
	max-width:215px;
}
ul.products li p {
	text-align:left;
	margin:5px 0 0 0;
}

.addtocart {
	background-color:#0b7bc0;
	color:#fff;
	padding:5px 10px;
}
.addtocart:hover {
	color:#393738;
}

.caption {
	background:#0b7bc0;
	color:#fff;
	font-weight: bold;
	font-size: 14px;
	padding:10px;
	margin:0 0 10px 0;
	text-align:center;
}
.caption * {
	margin:0;
}

/* Sidebar */
.sidebar {
	float:right;
	width:200px;
	margin:0 0 20px 20px;
	background:#0b7bc0;
	padding:15px 10px;
	color:#fff;
}
.sidebar * {
	color:#fff;
}
.sidebar h4 {
	font-size:18px;
	line-height:22px;
	color:#fff;
}
.sidebar h4 a {
	color:#fff;
}
.sidebar h4 a:hover {
	color:#58ccf5;
}
/* Content */
.content{margin:0 auto;padding:20px 0; width:980px; background:#FFF;}
.content_resize{}
.content ul {margin:0 0 15px 0;}
.content_products{float:left;margin:0;padding:20px 0; width:740px; background:#FFF;}
.content .mainbar{margin:0 0 24px;padding:0;float:right;width:670px;}
.content .mainbar h2{background:url(../images/header_bg.png) repeat-x left -192px;}
.content .mainbar img.fl{float:left; margin:0 10px 10px 0;}
.content .mainbar .article{margin:0 0 24px;padding:0;}
.content .mainbar .post_content{float:right;width:450px;}
.content .mainbar .post_content strong{color:#8a8a8a;font-weight:bold;}
p.spec{padding:0 0 16px;}
p.infopost{margin:0 0 12px;padding:4px 0;}
p.infopost span.date{}
p.infopost a{padding:0 2px;text-decoration:none;font-weight:normal;}
p.infopost a:hover{text-decoration:underline;}
p.infopost a.com{color:#8a8a8a;}
p.infopost a.com span{color:#8a8a8a;font-weight:bold;}
p.infopost a.com:hover{color:#14a7fb;text-decoration:underline;}
.content .mainbar a.rm{display:block;float:left;padding:10px 0;width:95px;height:16px;font-size:12px;line-height:16px;font-weight:bold;text-decoration:none;text-transform:uppercase;text-align:center;color:#fff;background:url(../images/readmore.png) no-repeat center center;}
.content .mainbar a.rm:hover{text-decoration:none;}
/**/.content p.pages{margin:0;padding:24px 0;font-size:13px;text-align:left;}
.content p.pages span,.content p.pages a{display:block;margin:0 2px;padding:9px 0;float:left;width:35px;height:17px;color:#fff;line-height:17px;text-align:center;text-decoration:none;}
.content p.pages span,.content p.pages a:hover{color:#fff;font-weight:normal;background:url(../images/page_a.png) no-repeat center center;}
.content p.pages a{color:#8a8a8a;}
.content p.pages small{font-size:12px;float:right;}
ul.sb_menu,ul.ex_menu{margin:0;padding:0;list-style:none;font-size:12px;}
ul.sb_menu li,ul.ex_menu li{margin:0;list-style:none;border:1px solid #222;border-top:none;}
ul.sb_menu li{padding:0px 16px;}
ul.ex_menu li{padding:10px 16px;}
ul.sb_menu li a{margin-left:-16px;padding:10px 8px 10px 16px;font-size:13px;color:#8a8a8a;text-decoration:none;text-transform:uppercase;display:block;}
ul.ex_menu li a{font-weight:normal;font-size:13px;color:#8a8a8a;text-decoration:none;text-transform:uppercase;display:block;}
ul.sb_menu li a:hover,ul.ex_menu li a:hover{color:#fff;text-decoration:none;}
/**/.content .mainbar .comment{margin:0;padding:16px 0 0 0;}
.content .mainbar .comment img.userpic{border:1px solid #dedede;margin:10px 16px 0 0;padding:0;float:left;}

/* Footer */
.fbg{border-top:6px solid #9ea3a7;border-bottom:2px solid #9ea3a7; color:#000;
background: #d1d2d4; /* Old browsers */
}
.fbg_resize{margin:0 auto;padding:20px 0 24px;width:980px;}
.fbg h2{padding:0;font-size:22px;color:#393738;text-transform:uppercase;border-bottom:none;}
.fbg p{padding:0 0 10px;}
.fbg .col{margin:0;}
.fbg .c1{padding:0;width:600px;float:left;}
.fbg .c2{padding:0 0 0 40px;width:280px;float:right;}
.fbg .fbg_ul{margin:0;padding:0;list-style:none;width:600px;}
.fbg .fbg_ul li{margin:0;padding:0;list-style:none;padding:2px 0 2px 12px;background:url(../images/li.gif) no-repeat left center;width:580px;display:block;}
.fbg a {color:#000;}
.fbg .fbg_ul li.active a, .fbg a:hover {color:#0b7bc0;}

/* Copyright */
.footer{}
.footer_resize{margin:0 auto;padding:0;width:980px;}
.footer p.lf{margin:0;padding:14px 0;text-align:left;width:auto;line-height:1.5em;}
.footer p.lf span{float:right;}

.coin-slider{padding:0;overflow:hidden;zoom:1;position:relative;float:right;height:320px;}
.coin-slider a{text-decoration:none;outline:none;border:none;}
.cs-buttons{display:none;}
/*.cs-buttons{display:block;margin:12px 0 0;padding:0;font-size:0px;float:left;}*/
.cs-buttons a{margin:0 2px;width:15px;height:15px;float:left;color:#fff;text-indent:-10000px;background:url(../images/slide_p.png) no-repeat center center;}
.cs-buttons a.cs-active{color:#fff;background-image:url(../images/slide_a.png);}
/**/.cs-title{display:none;padding:16px 60px 16px 24px;width:876px;color:#fff;font-size:12px;line-height:1.5em;background:url(../images/overlay2.png) repeat left top;}
.cs-title big{font-size:12px;font-weight:bold;}
/**/.cs-prev,.cs-next{/**/padding:0px 10px;color:#fff;background:url(../images/overlay.png) repeat left top;}
.cs-prev{/**/}
.cs-next{/**/}

/* Custom Styles */
/*ol{list-style:none;}
ol li{display:block;clear:both;}*/
ol {
	margin:10px 0 0;
	padding-left:10px;
}
ol li {
	margin-bottom:10px;
}

.album {
	float: left;
	margin: 10px 10px 10px 0;
	padding: 4px;
	background: #222222;
	font-size: 14px;
	font-weight: bold;
	line-height: 25px;
}
.album .img {
	width: 200px;
	height: 200px;
	overflow: hidden;
}
.album span {
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
}

iframe {
	max-width:670px;
}

.cleaner { clear: both }
.h10 { height: 10px }
.h20 { height: 20px }

/* Contact Form */
#contact_form { 
	float:left;
	padding: 0; 
	width: 402px;
	margin-top: 10px;
}
#contact_details {
	float:right;
	width: 400px;
	padding: 20px;
	background: #d4d4d4;
}

#contact_form form { 
	margin: 0px; 
	padding: 0px; 
}

#contact_form form label { 
	display: block; 
	width: 400px;
	font-size: 12px; 
}

#contact_form form .input_field { 
	width: 390px; 
	padding: 5px; 
	color: #111; 
	border: 1px solid #9ea3a7;  
	background: #f8f8f8; 
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	margin-top: 5px;
}

#contact_form form textarea { 
	width: 390px; 
	height: 100px; 
	padding: 5px; 
	color: #111; 
	border: 1px solid #9ea3a7;  
	background: #f8f8f8; 
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	margin-top: 5px;
}

#contact_form form select {
	width: 400px !important;
}

#contact_form form .submit_btn {
	margin: 0px;
	padding: 5px 14px;
	color: #0b7bc0;
	border: 1px solid #9ea3a7;
	background: #d1d2d4;
	font-size: 14px; 
	float: right;
}
#contact_form form .submit_btn:hover {
	background: #9ea3a7;
	cursor:pointer;
}

/* Nivo Slider */
#slider {
	width:980px;
	height:320px;
}
.nivoSlider {
	position:relative;
	background:#fff url(../images/loading.gif) no-repeat 50% 50%;
    margin-bottom:10px;
    /*-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;*/
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.nivoSlider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	text-align: center;
	padding: 20px 0;
}
.nivo-controlNav a {
	display:inline-block;
	width:22px;
	height:22px;
	background:url(../images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin: 0 2px;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(../images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
	opacity: 0;
	-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.theme-default:hover .nivo-directionNav a { opacity: 1; }
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
	font-size:16px;
	font-weight:bold;
	line-height:24px;
	text-align:right;
}
.nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.nivo-caption a:hover {
    color:#fff;
}

.nivo-controlNav.nivo-thumbs-enabled {
	width: 100%;
}
.nivo-controlNav.nivo-thumbs-enabled a {
	width: auto;
	height: auto;
	background: none;
	margin-bottom: 5px;
}
.nivo-controlNav.nivo-thumbs-enabled img {
	display: block;
	width: 120px;
	height: auto;
}

.keywords {
	margin-top: 40px;
	color: #ccc;
}

.thumbnail_gallery {
	float:right;
	width:608px;
	margin-left:20px;
}
.thumbnail {
    float: left;
    height: 130px;
    width: 130px;
    padding: 5px;
    margin: 5px;
    background: #d8d8d8;
    border: 1px solid #8c938c;
    text-align: center;
	vertical-align: middle;
	overflow: hidden;
}
.thumbnail img {
	max-width: 100%;
	max-height: 100%;
}

.showmenu {
	display:none;
}
.configurations {
	width:auto;
}

@media only screen and (max-device-width: 480px) {
	
	html {
		-webkit-text-size-adjust: none;
	}
	html, body {
		width:100%;
		height:100%;
		margin:0;
	}
	* {
		float: none !important;
		max-width:100%;
	}
	.main, .header, .header_resize, .logo, .menu_nav, .content {
		width:100%;
	}
	.header {
		background:#fff;
	}
	.logo {
		height:auto;
	}
	.logo h1 {
		width:96%;
		padding:2%;
		margin:0;
	}
	.logo h1 a {
		width:100%;
		height:auto;
		min-height:108px;
		background-size:contain;
		background-repeat:no-repeat;
	}
	.slogan {
		display:none;
	}
	.content {
		padding:10px 0;
	}
	.content_resize {
		padding:2%;
		width:96%;
	}
	.content .sidebar {
		margin:0 0 20px 0;
		width:100%;
	}
	.sidebar h4 {
		padding:10px 5px;
	}
	.content td p {
		margin-left:0px;
		margin-right:0px;
	}
	.fbg .c1, .footer {
		display:none;
	}
	.fbg_resize {
		width:96%;
		padding:2%;
	}
	.fbg .c2 {
		padding:0;
		width:100%;
	}
	td {
		display:table-cell;
		margin-bottom:10px;
	}
	
	h1, h2, h3, h4, h5, h6 {
		font-weight: normal;
	}
	#slider {
		height:auto;
	}
	.nivoSlider {
		margin-bottom:0;
	}
	
	/* Menu */
	.showmenu {
		display: block;
		line-height:35px;
		font-size:14px;
		font-weight:bold;
		text-transform: uppercase;
		text-align: right;
		color: #fff;
		background: #0b7bc0;
		padding-right: 40px;
		position:relative;
	}
	.showmenu:before {
		width: 24px;
		content: " ";
		background-image: url(../images/menu.png);
		background-size:cover;
		position: absolute;
		right: 10px;
		top: 7px;
		height:20px;
	}
	.menu_nav {
		height:auto;
	}
	.menu_nav ul {
		display:none;
		height:auto;
		border-left:none;
		background:#0b7bc0;
	}
	.menu_nav ul li {
		display: block;
		border-right:none;
	}
	.menu_nav ul li a {
		line-height:34px;
	}
	.menu_nav li:hover li a {
	  line-height: 30px;
	}
	#contact_form {
		margin-top:0;
		margin-bottom:30px;
	}
	#contact_form form .input_field, #contact_form form textarea {
		width:96.8%;
	}
	#contact_form form .submit_btn {
		float: right !important;
	}
	#contact_details {
		padding:0;
		background:none;
	}
	iframe {
		width:100%;
	}
	.cleaner.h20 {
		display:none;
	}
	#gallery {
		display:none !important;
	}
	#thumbs .pagination {
		display:none;
	}
	#thumbs, ul.thumbs {
		width:100% !important;
	}
	ul.thumbs li {
		width:49% !important;
		display:inline-block;
		margin:0 1% 10px 0 !important;
	}
	ul.thumbs img {
		width:100%;
	}
	
	.thumbnail_gallery {
		width:100%;
		margin:0 0 20px 0;
	}
	.thumbnail {
		display:inline-block;
		width:49%;
		height:auto;
		margin:0 1% 10px 0;
		padding:0;
		background:none;
		border:none;
	}
	.configurations td {
		width:auto;
		display:table-cell;
	}
	.keywords {
		display:none;
	}

}