/*
Theme Name: Cleanroom
Theme URI: http://www.cleanroomproducts.co.za/
Author: Webeasy
Author URI: http://www.webeasy.co.za/
Description: <strong>Note</strong>Custom theme built by Webeasy for Cleanroom Products (NNYG).
Version: 1.0.0
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: black, blue, white, light, one-column, fluid-layout, responsive-layout, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Text Domain: cleanroom

cleanroom WordPress Theme © 2011-2014 Webeasy SA
cleanroom is distributed under the terms of the GNU GPL
*/

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,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,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}

body { margin: 0px; padding: 0px; background-color: #ffffff; font: normal 0.85em arial; color: #333333; }

/* L A Y O U T */
/* ----------- */

/* header */
#header { 
	width: 100%;
	margin: 0px auto;
	padding: 0px;
	}
#branding { 
	font: normal 10pt arial; 
	text-align: left; 
	color: #00000;
	height: 150px;
	width: 960px;
	margin: 0px auto;
	}
#site-title { 
	float: left;
	position: relative;
	}
#proudly_sa { 
	float: left;
	position: relative;
	}
#site-description { 
	float: left;
	position: relative;
	width: 200px;
	}

/* search form */
.searchform { font: normal 0.85em arial; margin: 20px; padding: 0px; }

/* menu and search */
#menu { 
	width: 100%;
	height: 55px;
	margin: 0px;
	padding: 0px;
	background-color: #0a2d84;
	/* background-image: url('http://www.cleanroomproducts.co.za/wp-content/uploads/2014/08/bg_nav.jpg');
	background-repeat: repeat-x; */
	display: inline-block;
	}
#menu_inner { 
	width: 960px;
	height: 49px;
	margin: 3px auto;
	}

.menu { 
margin: 0px auto;
padding: 0px;
float: none;
position: relative;
width: auto;
text-align: center;
	}

#search { display:none;
	float: right;
	position: relative;
	width: 300px;
	font: normal 11pt century gothic;
	margin: 0px 2px 2px 0px;
	padding: 0px;
	color: #ffffff;
	line-height: 49px;
	}
#search .searchform { font: normal 11pt century gothic; margin: 0px 2px 2px 0px; padding: 0px; color: #ffffff; line-height: 49px; }

/* forms */
input, textarea { font: normal 10pt century gothic; margin: 1px; padding: 1px; text-align: left; }


/* content */
#content { 
	width: 960px;
	margin: 0px auto;
	padding: 0px;
	}

/* slider */
.slider-wrapper { 
	font-weight: normal;
	margin: 10px auto;
	padding: 0px 0px 30px 0px;
	width: 960px;
	height: 392px;
	border-bottom: 2px solid #0a2d84
	}

/* columns */
#three_col { width: 960px; margin: 0px auto; padding: 0px; text-align: center; height: 150px;  }
#three_col2 { width: 960px; margin: 0px auto; padding: 0px; text-align: center;  }
#col1, #col2, #col3 { float: left; width: 270px; margin: 0px auto; padding: 5px 25px; position: relative}

#col1 img, #col2 img, #col3 img { margin: 0px 35px; text-align: center }

/* footer */
#footer { width: 100%; height: 200px; background-color: #0a2d84;
/* background-image: url('http://www.cleanroomproducts.co.za/wp-content/uploads/2014/08/bg_footer.jpg'); background-repeat: repeat-x; */}
#footer h1.footer { font: normal normal 18pt century gothic; color: #ffffff; margin: 20px; padding: 0px; text-align: center; }
#copyright { font: normal normal 9pt century gothic; color: #ffffff; margin: 60px 20px 20px 20px; padding: 0px; text-align: center; }

/* F O R M A T T I N G */
/* ------------------- */

/* headings*/
h1 { font: normal 26pt century gothic; color: #201e1f; margin: 20px; padding: 0px; text-align: left; }
h2 { font: normal 16pt century gothic; color: #201e1f; margin: 20px; padding: 0px; text-align: left; }
h3 { font: normal 14pt century gothic; color: #0b73c9; margin: 20px 20px -10px 20px; padding: 0px; text-align: left; }
h4 { font: normal 12pt century gothic; color: #201e1f; margin: 20px; padding: 0px; text-align: left; }
h5 { font: normal 10pt century gothic; color: #201e1f; margin: 20px; padding: 0px; text-align: left; }
h6 { font: normal 8pt century gothic;  color: #201e1f; margin: 20px; padding: 0px; text-align: left; }

#post-16 h1.entry-title {display:none;}
#site-description h1 { font: normal 16pt century gothic; margin: 10px 10px 0px 10px; padding: 0px; text-align: left; }
#site-description h2 { font: normal 10pt century gothic; margin: 0px 10px 10px 10px; padding: 0px; text-align: left; }

h2.three_col { font: normal 16pt century gothic; color: #061a4d; margin: 20px 20px 5px 20px; padding: 0px; text-align: center; }

h1.entry-title { font: normal 20pt century gothic; color: #201e1f; margin: 20px; padding: 0px; }
h2.entry-title { font: normal 16pt century gothic; color: #0e92ff; margin: 20px 20px -10px 20px; padding: 0px; }

/* paragraphs */
p { font: normal 10pt trebuchet ms; color: #7c7c7c; margin: 10px 20px 30px 20px; padding: 0px; text-align: justify; line-height: 22px; }
#col1 p, #col2 p, #col3 p { font: normal 10pt trebuchet ms; color: #7c7c7c; margin: 0px auto; padding: 5px 30px; text-align: center; line-height: 20px}

#site-description p { font: normal 11pt century gothic; margin: 10px; padding: 0px; text-align: left; }

/* lists */
ul { font: normal 10pt trebuchet ms; color: #7c7c7c; margin: 2px 20px; padding: 2px 20px; }
li { color: #7c7c7c; margin: 2px 5px; padding: 2px 5px; line-height: 22px; list-style: disc; }

.menu ul { margin: 0px 0px 0px 5px; padding: 0px 0px 0px 5px; line-height: 49px; text-align: left; }
.menu li { float: none; position: relative; display: inline; margin: 0px 7px; padding: 0px 7px; font: normal bold 10pt century gothic; letter-spacing: 1px; line-height: 49px; }

/* links */
#site-description a:link, #site-description a:visited { color: #7c7c7c; text-decoration: none; }
#site-description a:active, #site-description a:hover { color: #0e8bf6; text-decoration: none; }

.menu a:link, .menu a:visited { color: #ffffff; text-decoration: none; text-transform: uppercase; }
.menu a:active, .menu a:hover { color: #0e92ff; text-decoration: none; text-transform: uppercase; border-bottom: 1px #0e92ff solid;  }
#menu li.current-menu-item a, #menu li.current_page_item a, #menu li.current-menu-parent a, #menu li.current_page_parent a, #menu li a.selected { color: #0e92ff; text-decoration: none; text-transform: uppercase; border-bottom: 0px #0e92ff solid;  } 

#copyright a:link, #copyright a:visited { color: #ffffff; text-decoration: none; }
#copyright a:active, #copyright a:hover { color: #ffffff; text-decoration: underline; }

h2.entry-title a:link, h2.entry-title a:visited { color: #0a2b80; text-decoration: none; }
h2.entry-title a:active, h2.entry-title a:hover { color: #0a2b80; text-decoration: none; border-bottom: 1px dashed #0a2b80; }

/* images*/
img.alignleft {
	float: left;
	margin: 5px 20px 0px 10px;
	padding: 1px;
	border: 2px solid #012172
	}

/*! http://responsiveslides.com v1.54 by @viljamis */
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

.rslides_container {
  margin-bottom: 50px;
  position: relative;
  float: left;
  width: 100%;
  }

.rslides_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 50%;
  left: 0;
  opacity: 0.7;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("themes/themes.gif") no-repeat left top;
  margin-top: -55px;
  }

.rslides_nav:active {
  opacity: 1.0;
  }

.rslides_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }

.rslides_nav:focus {
  outline: none;
  }

.rslides_tabs {
  margin-top: 10px;
  text-align: center;
  }

.rslides_tabs li {
  display: inline;
  float: none;
  _float: left;
  *float: left;
  margin-right: 5px;
  }

.rslides_tabs a{
  text-indent: -9999px;
  overflow: hidden;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #ccc;
  background: rgba(0,0,0, .2);
  display: inline-block;
  _display: block;
  *display: block;
  -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  width: 9px;
  height: 9px;
  }

.rslides_here a {
  background: #222;
  background: rgba(0,0,0, .8);
  }

.caption {
  	top: 200px;
	font: normal 10pt trebuchet ms;
	color: #fff;
  	right: 25px;
	width: 298px;
	height: 120px;
	bottom: -20px;
	margin: 0px;
	padding: 15px;
	display: block;
	position: absolute;
	text-align: justify;
	line-height: 20px;
	border-radius:10px;
	background-color: #0a2d84;
	/* background-image: url('http://www.cleanroomproducts.co.za/wp-content/uploads/2014/09/slider_caption.png');
	background-repeat: no-repeat; */
	}
.caption:before{content: "About Us"; width:100%; color:#FFFFFF; margin-bottom:10px; display: inline-block; font: bold 16pt century gothic;}