/* Design by http://www.dreamtemplate.com */
@charset "utf-8";
#logoleft
	{
		background:url(../Gallery/HygieniconHeader.png) no-repeat;
		height:145px;
		width:190px;
		float:left;
		position:absolute;
		top:240px;
		left:2%;
	}
#logoRight
	{
		background:url(../Gallery/Saiosh.png) no-repeat;
		height:145px;
		width:190px;
		float:Right;
		position:absolute;
		top:240px;
		right:2%;
	}
#companyBar
	{
	width:260px;
	background:url(../images/companies-website-sidebar.gif) no-repeat;
	height:800px;
	border-radius:4px;
	}
#proudlysa
	{
		background:url(../images/psabig.gif) no-repeat;
		height:240px;
		width:240px;
		border-radius:20px;
		box-shadow: 2px 2px 2px 2px #000000;
		vertical-align:middle;
		margin-left:15px;
		margin-top:15px;
	}
	
body {
	margin:0;
	padding:0;
	width:100%;
	color:#fffffe;
	font:normal 12px/1.5em "Liberation sans", Arial, Helvetica, sans-serif;
}
html, .main {
	padding:0;
	margin:0;
}
.main {
	/*background:url(../images/header_bg.gif) repeat-x left 78px;*/
}
.clr {
	clear:both;
	padding:0;
	margin:0;
	width:100%;
	font-size:0;
	line-height:0;
}
h2 {
	margin:8px 0;
	padding:8px 0;
	font-size:26px;
	font-weight:normal;
	line-height:1.2em;
	color:<f#3d7fc2;
	text-transform:uppercase;
}
p {
	margin:8px 0;
	padding:0 0 8px 0;
}
a {
	color:#3d7fc2;
	text-decoration:underline;
}
.header, .content, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .content .mainbar, .content .sidebar {
	margin:0;
	padding:0;
}
.header {
/*	background:url(../images/hbg_bg.jpg) no-repeat center 120px;*/
}
.header_resize {
	margin:0 auto;
	padding:0;
	width:980px;
}
.logo {
	padding:0;
	float:none;
	float:left;
	width:auto;
	height:105px;
}
h1 {
	margin:0;
	padding:20px 0 0 20px;
	font-size:36px;
	font-weight:bold;
	line-height:1.2em;
	text-transform:uppercase;
	letter-spacing:2px;
}
/* H.C header color*/
h1 a, h1 a:hover {
	color:#fff;
	text-decoration:none;
}
h1 span {
}
h1 small {
	display:block;
	font-size:12px;
	line-height:1.2em;
	letter-spacing:normal;
	text-transform:uppercase;
	color:#fff;
}
.slider {
	margin:0;
	padding:10px 10px 20px;
	height:320px;
	margin-top:6px;
	/*background:url(../images/slider_bg.jpg) no-repeat center top;*/
}
.rss {
	padding:18px 20px 0 0;
	float:right;
	width:auto;
}
.rss p {
	margin:0;
	padding:0;
	float:right;
	width:auto;
	color:#fff;
	font-size:13px;
	line-height:1.5em;
	font-weight:bold;
}
.rss a {
	color:#fff;
	text-decoration:none;
}
.rss a:hover {
	text-decoration:underline;
}
.rss img {
	margin:-3px 0 -3px 6px;
	border:none;
}
.menu_nav {
	margin:0;
	padding:16px 0 0;
	height:56px;
	float:right;
}
.menu_nav ul {
	list-style:none;
	padding:0 0 0 2px;
	height:56px;
	float:left;
}
.menu_nav ul li {
	margin:0;
	padding:0 2px 0 0;
	float:left;
	background:url(../images/menu_split.gif) no-repeat right center;
}
.menu_nav ul li a {
	display:block;
	margin:0;
	padding:19px 24px;
	font-size:14px;
	line-height:18px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
}
.menu_nav ul li.active a, .menu_nav ul li a:hover {
	text-decoration:none;
	color:#3d7fc2;
	background:none;
}
.content {
	padding:0;
/*	background:url(../images/content_bg.gif) repeat-x left bottom;*/
}
.content_resize {
	margin:0 auto;
	padding:0px 0 40px;
	width:980px;
}
.content .mainbar {
	margin:0;
	padding:0;
	float:right;
	width:680px;
}
.content .mainbar h2 {
	margin-bottom:0;
}
.content .mainbar div.img {
	padding:12px 0;
	float:left;
}
.content .mainbar img {
}
.content .mainbar img.fl {
	margin:0;
	border:1px solid #b3cade;
}
.content .mainbar .article {
	margin:0 0 8px;
	padding:6px 20px;
}
.content .mainbar .post_content {
}
.content .mainbar .post_content strong {
	color:#fff;
}
.content .sidebar {
	padding:0;
	float:left;
	width:260px;
}
.content .sidebar .gadget {
	margin:0 0 12px;
	padding:6px 20px 24px;
}
.content .sidebar h2 {
}
ul.sb_menu, ul.ex_menu {
	margin:0;
	padding:0;
	list-style:none;
	color:#fff;
}
ul.sb_menu li, ul.ex_menu li {
	margin:0;
}
ul.sb_menu li, ul.ex_menu li {
	padding:8px 0;
	width:220px;
	background:url(../images/line.gif) repeat-x left bottom;
}
ul.sb_menu li a {
	color:#fff;
	text-decoration:none;
	margin-left:0;
	padding:4px 8px 4px 16px;
	background:url(../images/li_p.gif) no-repeat left center;
}
ul.ex_menu li a {
	font-weight:bold;
	padding-left:16px;
	color:#fff;
	text-decoration:none;
	background:url(../images/li_p.gif) no-repeat left center;
}
ul.sb_menu li a:hover, ul.ex_menu li a:hover {
	color:#3d7fc2;
	font-weight:bold;
	text-decoration:none;
	background-image:url(../images/li_a.gif);
}
p.spec {
	padding:0 0 16px;
}
p.infopost {
	margin:0;
	padding:6px 0;
	text-transform:uppercase;
}
p.infopost a {
	padding:0 2px;
	text-decoration:none;
	font-weight:normal;
	color:#3d7fc2;
}
p.infopost a:hover {
	text-decoration:underline;
}
p.infopost span.date {
}
.article a.com {
	display:block;
	float:right;
	margin:-40px 0;
	padding:12px 0 0;
	width:49px;
	height:38px;
	font-size:24px;
	font-weight:normal;
	text-decoration:none;
	text-align:center;
	color:#bdbdbd;
	background:url(../images/comment.jpg) no-repeat center top;
}
.article a.com:hover {
	text-decoration:none;
}
.article a.com span {
	font-weight:normal;
	font-size:30px;
}
.post_content a.rm {
	display:block;
	float:left;
	margin:0 0 16px;
	padding:0 0 0 16px;
	font-size:13px;
	line-height:20px;
	font-weight:normal;
	text-transform:uppercase;
	color:#3183bf;
	text-decoration:none;
	text-align:center;
	background:url(../images/li_a.gif) no-repeat left center;
}
.post_content a.rm:hover {
	text-decoration:underline;
}
.content p.pages {
	margin:0;
	padding:24px 20px;
	font-size:11px;
	line-height:16px;
	color:#343537;
	text-align:left;
}
.content p.pages span, .content p.pages a {
	display:block;
	float:left;
	margin:0;
	padding:7px 0;
	width:30px;
	text-decoration:none;
	text-align:center;
	background:url(../images/page_p.gif) no-repeat center center;
}
.content p.pages span, .content p.pages a:hover {
	color:#fff;
	background:#212121;
	background-image:url(../images/page_a.gif);
}
.content p.pages a {
	color:#343537;
	border:none;
}
.content p.pages small {
	font-size:12px;
	float:right;
}
.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;
}
.fbg {
	/*background:#6093ca url(../images/fbg_bg.jpg) repeat left top;*/
}
.fbg_resize {
	margin:0 auto;
	width:940px;
	padding:16px 20px;
	color:#fff;
}
.fbg h2 {
	margin-bottom:24px;
	padding-bottom:8px;
}
.fbg img.gal {
	margin:0 8px 8px 0;
	padding:0;
	border:4px solid #ece7e7;
}
.fbg .col {
	margin:0;
	float:left;
}
.fbg .c1 {
	padding:0 16px 0 0;
	width:280px;
}
.fbg .c2 {
	padding:0 36px 0 16px;
	width:280px;
}
.fbg .c3 {
	padding:0 0 0 16px;
	width:274px;
}
.fbg .fbg_ul {
	margin:0;
	padding:0;
	list-style:none;
}
.fbg .fbg_ul li {
	margin:0;
	padding:0;
	list-style:none;
}
.fbg .fbg_ul li a {
	display:block;
	margin:0;
	padding:2px 0 2px 12px;
	color:#fff;
	text-decoration:none;
	background:url(../images/li.gif) no-repeat left center;
}
.fbg .fbg_ul li a:hover {
	color:#fff;
	text-decoration:underline;
}
.fbg p.contact_info {
	line-height:1.8em;
}
.fbg p.contact_info a {
	color:#fff;
	text-decoration:underline;
	font-weight:normal;
}
.fbg p.contact_info span {
	display:block;
	float:left;
	width:74px;
	font-weight:bold;
}
ol {
	list-style:none;
}
ol li {
	display:block;
	clear:both;
}
ol li label {
	display:block;
	margin:0;
	padding:16px 0 0 0;
}
ol li input.text {
	width:480px;
	border:1px solid #c0c0c0;
	margin:0;
	padding:5px 2px;
	height:16px;
	background-color:#fff;
}
ol li textarea {
	width:480px;
	border:1px solid #c0c0c0;
	margin:0;
	padding:2px;
	background-color:#fff;
}
ol li .send {
	margin:16px 0 0 0;
}
.searchform {
	padding:12px 0 0;
	float:right;
}
#formsearch {
	margin:0;
	padding:0;
	width:auto;
	height:30px;
}
#formsearch span {
	display:block;
	margin:0;
	padding:0;
	float:left;
	background:no-repeat left top;
}
#formsearch input.editbox_search {
	margin:0;
	padding:7px 10px;
	float:left;
	width:172px;
	font-size:12px;
	line-height:16px;
	color:#a8acb2;
	background:none;
	outline:none;
	border:none;
}
#formsearch input.button_search {
	margin:0;
	padding:0;
	border:none;
	float:left;
}
.footer {
	/*background:url(../images/footer_bg.gif) repeat-x left top;*/
}
.footer_resize {
	margin:0 auto;
	padding:0;
	width:980px;
	line-height:1.5em;
	color:#fff;
}
.footer_resize p {
	margin:32px 0;
	padding:0;
	line-height:normal;
	white-space:nowrap;
	text-indent:inherit;
}
.footer_resize a {
	color:#3d7fc2;
	font-weight:normal;
	margin:0;
	padding:0;
	border:none;
	text-decoration:underline;
	background-color:transparent;
}
.footer_resize a:hover {
	color:#3d7fc2;
	background-color:transparent;
	text-decoration:none;
}
.footer_resize .lf {
	float:left;
}
.footer_resize .rf {
	float:right;
}
a {
	outline:none;
}
<!--
<!--* Basic lightbox styles. Notice the
<!--* default 'display' is 'none'.
-->

#gallery {
	width:660px;
	margin:100px auto;
	}

#gallery a {
	text-decoration:none;
	}

#gallery .item {
	width: 150px; height: 150px; overflow: hidden;
	float: left;
	border: 5px solid #333;
	margin: 5px;
	}


#gallery .item a { 
    overflow: hidden;
	}

#gallery .item a img {
	height: 100%; 
	align-self: center;
	}

.lightbox {
	/** Hide the lightbox */
	display: none;
	
	/** Apply basic lightbox styling */
	position: fixed;
	z-index: 9999;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	color:#333333;
	}

.lightbox:target {
    /** Show lightbox when it is target */
    display: block;
    outline: none;
}

.lightbox .box {
  	width: -webkit-min-content;
  	width: -moz-min-content;
  	width: min-content;
	min-width:500px;
 	margin: 2% auto;
	padding:10px 20px 10px 20px;
	background-color:#FFF;
	box-shadow: 0px 1px 26px -3px #777777; 
	}

.lightbox .title {
	margin:0;
	padding:0 0 10px 0px;
	border-bottom:1px #ccc solid;
	font-size:22px;
	}

.lightbox .content {
	display:block;
	position:relative;
	}
	

.lightbox .content .desc {
	z-index:99;
	bottom:0;
	position:absolute;
	padding:10px;
	margin:0 0 4px 0;
	background:rgba(0,0,0,0.8);

	color:#fff;
	font-size:17px;
	opacity:0;
	transition: opacity ease-in-out 0.5s;
	}	
	
.lightbox .content:hover .desc	{
	opacity:1;
}

.lightbox .next,
.lightbox .prev,
.lightbox .close {
	display:block;
	text-decoration:none;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:22px;
	color:#858585;
	}

.prev {
	float:left;
	}

.next, .close {
	float:right;
	}
	
.clear {
	display:block;
	clear:both;
	}
	/*contact page email css*/
.control-group 
{
	margin-bottom: 10px;
}

.control-group label 
{
	font-family: 'Open Sans', 'sans-serif';
	font-weight: 400;
}

.control-group input[type="text"] 
{
	width: 90%;
	height: 30px;
	border: 1px solid #e5e5e5;
	outline: none;
	padding: 0px 0px 0px 40px;
	font-family: 'Open Sans', 'sans-serif';
	font-size: 16px;
}

.control-group textarea 
{
	width: 90%;
	max-width: 90%;
	min-height: 120px;
	border: 1px solid #e5e5e5;
	outline: none;
	padding: 5px 5px 5px 40px;
	font-family: 'Open Sans', 'sans-serif';
	font-size: 14px;
}	
.control-group input[type="submit"] 
{
	width: 97.5%;
	margin: 0px;
	padding: 10px 0px 10px 0px;
	outline: none;
	text-align: center;
	font-family: 'Open Sans', 'sans-serif';
	font-size: 14px;
	font-weight: 700;
	color: #ffffff;
	border: 1px solid #9ab358;
	background: #b8d837;
	background: -moz-linear-gradient(top, #b8d837 0%, #99bd0d 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b8d837), color-stop(100%,#99bd0d));
	background: -webkit-linear-gradient(top, #b8d837 0%,#99bd0d 100%);
	background: -o-linear-gradient(top, #b8d837 0%,#99bd0d 100%);
	background: -ms-linear-gradient(top, #b8d837 0%,#99bd0d 100%);
	background: linear-gradient(to bottom, #b8d837 0%,#99bd0d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8d837', endColorstr='#99bd0d',GradientType=0 );
}

.control-group input[type="submit"]:hover 
{
	cursor: pointer;
	background: #99bd0d;
	background: -moz-linear-gradient(top, #99bd0d 0%, #b8d837 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#99bd0d), color-stop(100%,#b8d837));
	background: -webkit-linear-gradient(top, #99bd0d 0%,#b8d837 100%);
	background: -o-linear-gradient(top, #99bd0d 0%,#b8d837 100%);
	background: -ms-linear-gradient(top, #99bd0d 0%,#b8d837 100%);
	background: linear-gradient(to bottom, #99bd0d 0%,#b8d837 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99bd0d', endColorstr='#b8d837',GradientType=0 );
}
.contact-form label.error, div#errors
 {
	border: 1px solid #F07F73 !important;
	margin-bottom: 3px;
	background: #F07F73;
	padding-left: 5px;
	color: #ffffff;
	font-family: 'Open Sans', 'sans-serif';    
}
.contact-form #msg_submitting
{
	display:none;
}

.contact-form #msg_submitted
{
    display:none;
}
.contact-form label.error, div#errors 
{
	border: 1px solid #F07F73 !important;
	margin-bottom: 3px;
	background: #F07F73;
	padding-left: 5px;
	color: #ffffff;
	font-family: 'Open Sans', 'sans-serif';    
}

div#errors
{
    display:none;
}

#slideshow { 
	position:absolute;
    width: 955px; 
    height: 325px; 
    padding: 2px; 
    box-shadow: 0 0 20px rgba(0,0,0,0.4); 
}

#slideshow > div { 
	position:absolute;
    top: 10px; 
    left: 10px; 
    right: 10px; 
    bottom: 10px; 
}




#chillbox{
	margin:0;
	padding:0;
	}
#chillbox h1{
	font-size:16px;
	margin:10px 0 20px;
	color:#007eff;
	}
#chillbox p{
	font-size:12px;
	color:#666;
	line-height:1.5;
	margin:0 0 20px;
	}	
#chillbox p a{
	color:#007eff;
	text-decoration:none;
	}
#chillbox p a:hover{
	color:#000;
	text-decoration:underline;
	}	
#chillbox table{
	width:100%;
	display:table;
	border:1px solid #333;
	border-collapse:collapse;
	}
#chillbox td{
	border:1px solid #ccc;
	border-collapse:collapse;
	text-align:center;
	padding:10px;
	font-weight:100;
	font-size:12px;
	margin:0;
	}
#chillbox td{
	border:1px solid #ccc;
	border-collapse:collapse;
	text-align:center;
	padding:10px;
	font-weight:100;
	font-size:12px;
	margin:0;
	}
#chillbox td tr{
	border:1px solid #ccc;
	border-collapse:collapse;
	text-align:center;
	padding:10px;
	font-weight:100;
	font-size:12px;
	margin:0;
	}
#chillbox tr.head td{
	font-weight:bold;
	background-color:#666;
	color:#FFFFFF;
	}
#chillbox td a{
	color:#007eff;
	text-decoration:none;
	}
#chillbox td a:hover{
	color:#000;
	text-decoration:underline;
	}
#left,#middle{
	width:156px;
	height:160px;
	float:left;
	padding-right:3px;
	}
#left a img, #right a img,#middle a img{
	display:block;
	padding:3px;
	border:1px solid #aaa;
	
	
/* This is for the form submission */
#contact { margin-left: 80px; background: #eef4f9; border: 1px solid #c6d2dd; margin-top: 35px; padding: 40px 25px; }

#contact .desc { }
#contact .desc h2 { font-family: Georgia, Tahoma, sans-serif; font-weight: normal; letter-spacing: -0.03em; color: #444; font-size: 2.4em; margin-bottom: 8px; }

#contact .desc p { font-family: Arial, Verdana, sans-serif; font-size: 1.2em; color: #333; line-height: 1.3em; margin-bottom: 15px; }

#contact .formblock { display: block; margin-bottom: 11px; }
#contact .formblock label { font-size: 1.1em; display: block; font-style: italic; font-weight: normal; color: #232323; font-family: Georgia, "Times New Roman", Times, serif; color: #5f6d7a; }

#contact .formblock .txt { padding: 4px 6px; font-size: 1.6em; font-family: Arial, Tahoma, sans-serif; color: #666; width: 330px; }
#contact .formblock .txtarea { font-size: 1.5em; font-family: Arial, Tahoma, sans-serif; padding: 3px 5px; color: #666; width: 330px; height: 140px; }

#contact .formblock .error { font-weight: bold; font-size: 1.2em; font-style: normal; font-family: Arial, Tahoma, sans-serif; color: #9d3131; }
#contact .info { font-weight: bold; font-size: 1.3em; color: #59913d; margin-bottom: 10px; font-family: Arial, Tahoma, sans-serif; }

#contact p.tick { font-family: Arial, Helvetica, sans-serif; font-style: italic; font-size: 1.2em; color: #3e669c; }

#contact .subbutton { padding: 3px 7px; font-size: 1.1em; font-weight: bold; font-family: "Trebuchet MS", Arial, Tahoma, sans-serif; color: #565656; }