@charset "UTF-8";
/* CSS Document - CUTRITE */

/* Brightway Master Stylesheet 					*/
/* TABLE OF CONTENTS							*/
/* **********************************************/
/* 1. BASIC STYLING								*/
/* 1.0.1 Links, Lists								*/
/* 1.1 Special classes							*/
/* 1.1.1 Info Boxes								*/
/* 1.1.2 Buttons								*/
/* 1.1.3 Gradients								*/
/* 1.1.4 Images and captions 					*/
/* 1.1.5 Dividers 								*/
/* 1.2 Headings									*/
/* 1.4 Forms									*/
/* 2.0 PAGE LAYOUT SECTIONS (Wrapper, Header,   */
/*	Content, Big Footer, Footer					*/
/* 2.1 Containers								*/
/* 3.0 Navigation 								*/
/* 4.0 PAGES  - Page specific styling			*/
/* 4.1 Home Page 								*/
/* 4.2 News and Events 							*/
/* 4.3 Video and Gallery page 					*/
/* 4.4 FAQ 										*/
/* 4.5 Contact Page / Get Involved / Sign Up	*/
/* 4.0 SIDEBAR 									*/
/* 5.0 FOOTER 									*/
/* 5.1 Bottom nav and disclaimer 				*/
/* **********************************************/

/* 1. BASIC STYLING */
body {margin: 0; padding:0; background: #fff; position: relative; font-size: 12px; line-height: 20px; color: #434b51; font-family: Arial, Helvetica, sans-serif;background: url(../images/bg-grass3.jpg) top repeat-x;
	background-color: #559B76;}


* {	margin: 0; padding: 0; /*border: none; outline: none; */ }

blockquote {background: #f7f7f7 url('../images/blockquote.png') left top scroll repeat-x; padding: 10px 0; margin-top: 30px; margin-bottom: 30px; font-size: 14px; color: #1d434c; line-height: 20px; overflow: hidden; box-shadow: 0px 0px 3px rgba(000,000,000,0.25); -webkit-box-shadow: 0px 0px 3px rgba(000,000,000,0.25); -moz-box-shadow: 0px 0px 3px rgba(000,000,000,0.25); position: relative; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: #5380A2;}
blockquote p, blockquote h4, blockquote .name {margin: 0 20px; padding: 10px 0; position: relative;}
blockquote p {position: relative; z-index: 1;}
blockquote p.first {background: url('../images/leftQuote.png') left top no-repeat;}
blockquote span.rightQuote {position: absolute; right: 20px; bottom: 20px; background: url('images/rightQuote.png') right bottom no-repeat; width: 52px; height: 38px; display: block; z-index: 0;}
blockquote .name {text-align: right; font-size: 14px; font-weight: bold; float: right; display: block; padding-right: 0 !important;}

p {margin-bottom: 15px;}

input.text, input[type=text], input[type=email], input[type=password], textarea, .selector, select {font-family: Arial, Helvetica, sans-serif; font-style: italic; font-size: 12px; line-height: 18px; color: #393939; padding: 7px 10px; position: relative; border: 1px solid #cbcbcb; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; background: #fff;}
textarea {overflow: hidden !important;}
input[type=checkbox] {margin: 3px 7px 5px 0px !important;}
select {height:90px;}

/* 1.0.1 Links and Lists  */

.main ul {list-style:disc;}
.main li {line-height:1.3em; padding:0px 0px 5px 3px;margin-left:10px;font-size:14px;}

a {color:#d45348;}
a:hover { color: #b50d30; }
/*a:active, img { outline: none; border: none; } */


/* 1.1 Special classes */
.clear {clear: both; overflow: hidden; line-height: 0; height: 0; zoom: 1;}
.ind {padding:20px;}
.noborder {	border: 0 !important; }
.nowrap { white-space: nowrap !important; }
.nopadding { padding: 0 !important; }
.nomargin {margin: 0 !important;}
.nobg {background: none !important;}
.noliststyle {list-style: none !important;}
.nodisplay {display: none;}
.overflow {clear: both; overflow: hidden; zoom: 1;}
.overflow10 {margin: 10px 0; clear: both; overflow: hidden; zoom: 1;}
.alignleft {margin: 0 20px 20px 0; float: left;}
.alignright {margin: 0 0 20px 20px; float: right;}
.alignleft, .alignright {display: inline; position: relative;}
.aligncenter {position: relative; margin-left: auto; margin-right: auto;}
.floatl {float: left;}
.floatr {float: right;}
.center {text-align: center;}
.error, .sendingError {color: #F00 !important; border: 1px solid #F00 !important;}
.shadow {
  -moz-box-shadow:    3px 3px 5px 6px #ccc;
  -webkit-box-shadow: 3px 3px 5px 6px #ccc;
  box-shadow:         3px 3px 5px 6px #ccc;
  
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
	-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
	zoom: 1;
}

/* 1.1.1 Info Boxes */
.infoBox {padding: 10px 15px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin: 20px 0; overflow: hidden;}
.infoBox p {margin: 7px 0 !important;}
.infoBox h4 {font-weight: bold !important;}
.greenBox {color: #4F8A10; background: #DFF2BF; border: 1px solid #4F8A10;}
.greenBox h4 {color: #4F8A10 !important;}
.redBox {color: #D8000C; background: #FFBABA; border: 1px solid #D8000C;}
.redBox h4 {color: #D8000C !important;}
.yellowBox {color: #9F6000; background: #FEEFB3; border: 1px solid #9F6000;}
.yellowBox h4 {color: #9F6000 !important;}
.blueBox {color: #00529B; background: #BDE5F8; border: 1px solid #00529B;}
.blueBox h4 {color: #00529B !important;}

/* ---------1.1.2  BUTTONS ----------------------------------*/
/* to make a gradient button, use the button class and apply the desired gradient from the gradient section as a secondary class */
.button {
	box-shadow: 0px 0px 5px rgba(0,0,0,0.15);
	padding: 10px 15px;
	border-radius: 10px;
	text-decoration:none;
	font-size:12px;
	text-transform:uppercase;
	line-height:17px;
	color:#fff;}

/* ---------1.1.3  GRADIENTS ----------------------------------*/
/* use this to create your custom gradients - www.colorzilla.com/gradient-editor  */

.silverGrad {
	background: #efefef; 
	background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);  
	background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
	background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); 
	/* for IE 6-8 */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#bbbbbb',GradientType=0 );
	box-shadow: 0px 0px 5px rgba(0,0,0,0.15);
	padding: 10px 15px;
	border-radius: 10px;
	color:#474747; 
}
.orangeGrad {
	background: #eb7327; 
	background: linear-gradient(top, #f29d4a 0%, #d45348 100%);  
	background: -moz-linear-gradient(top, #f29d4a 0%, #d45348 100%); 
	background: -webkit-linear-gradient(top, #f29d4a 0%,#d45348 100%); 
	/* for IE 6-8 */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f29d4a', endColorstr='#d45348',GradientType=0 );
}

/* ---------1.1.4  IMAGES AND CAPTIONS ----------------------------------*/

.frame {border:3px solid #e8e8e8;}
.frame2 {padding:10px;background:#fff;box-shadow: 3px 5px 8px rgba(0,0,0,0.70);-moz-box-shadow: 3px 5px 8px rgba(0,0,0,0.70);-webkit-box-shadow: 3px 5px 8px rgba(0,0,0,0.70)}
.frame3 {padding:10px;background:#fff;box-shadow: 3px 5px 8px rgba(164,166,173,0.70);-moz-box-shadow: 3px 5px 8px rgba(164,166,173,0.70);-webkit-box-shadow: 3px 5px 8px rgba(164,166,173,0.70)}
/* frame 3 is lighter */

.doubleFramed {border: 7px solid #fff; box-shadow: 0px 0px 4px rgba(000,000,000,0.5); -webkit-box-shadow: 0px 0px 5px rgba(000,000,000,0.5); -moz-box-shadow: 0px 0px 4px rgba(000,000,000,0.3); margin: 7px 7px 15px 7px;}

span.magnifier {position: absolute; z-index: 0; left: 0; top: 0; width: 100%; height: 100%; background: #494949 url('images/magnifier.png') center center no-repeat;}
span.play {position: absolute; z-index: 0; left: 0; top: 0; width: 100%; height: 100%; background: #494949 url('images/play.png') center center no-repeat;}
.thumb span.play {position: absolute; z-index: 0; left: 0; top: 0; width: 100%; height: 100%; background: #494949 url('images/playSmall.png') center center no-repeat;}
span.paperClip {position: absolute; z-index: 0; left: 0; top: 0; width: 100%; height: 100%; background: #494949 url('images/paperClip.png') center center no-repeat;}
 
/* ---------1.1.5  DIVIDERS ----------------------------------*/
.hor { border-bottom: 1px solid #e0e0e0; margin: 17px auto; clear: both; overflow: hidden; position: relative; height: 1px; line-height: 1px; zoom: 1;}
.hor2 { border-bottom: 1px solid #fff; border-top: 1px solid #cdcecc; margin: 17px auto; clear: both; overflow: hidden; height: 0px; line-height: 0px; zoom: 1;}
.horDashed { border-bottom: 1px dashed #ccc; margin: 17px auto; overflow: hidden; position: relative; height: 1px; line-height: 1px; zoom: 1;}
.horShadow {margin: 7px auto; overflow: hidden; position: relative; height: 35px; line-height: 3px; zoom: 1; background: url('../images/horShadow.png') center bottom scroll repeat-x;}
.horDouble {margin: 17px auto; clear: both; overflow: hidden; position: relative; height: 3px; line-height: 3px; zoom: 1; background: url('../images/horDouble.png') center bottom scroll repeat-x;}
.starHor {overflow: hidden; position: relative; height: 67px; line-height: 67px; margin: 0; clear: both; background: url('../images/starHor.png') center center no-repeat; zoom: 1;}

/* ---------1.2  HEADINGS ----------------------------------*/

h1, h2, h3, h4, h5, h6 {color: #434b51; font-weight: normal; line-height: 34px; }
h4, h5, h6 {line-height: 28px;}
h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a {color: #004375;}

h1 { font-size:22px; margin:15px 0 15px 0;}
h2 { font-size: 20px; text-transform: uppercase;}
h3 { font-size: 18px; margin-bottom: 15px; margin-top: 7px;}
h4 {font-size: 16px; margin: 5px 0; text-transform: uppercase;}
h5 {font-size: 14px;margin: 5px 0;color:#E9864A; /* deep orange */}
h6 {font-size: 14px; margin: 5px 0; }

table {margin-top:10px;}

.titlebar {background-color:#474747; color:#fff; padding:1px 0px 1px 20px; margin:10px 0px 15px 0px; }
.featuretext {font-size:18px; font-style:italic; text-transform: uppercase; line-height:30px; color:#204050;}



/* 1.4 FORMS */

/* Contact Form ------------------- */

#contact-form {width:475px;overflow:hidden; background-color:#e8e8e8;padding:20px;}
#contact-form fieldset {border:none;float:left;}
#contact-form .field {clear:both;min-height:30px;height:auto !important;}
#contact-form label {float:left;width:150px;font-weight:bold; font-size:12px;}
#contact-form input {width:300px;padding:2px 0 2px 3px;border:1px solid #d2d2d2;float:left}
#contact-form textarea {width:300px;height:167px;padding:2px 0 2px 3px;border:1px solid #d2d2d2;margin-bottom:15px;overflow:auto;}
#contact-form .link1 {float:left; width:60px;}

.link1 {display:block;float:right;background:url(../images/link1-bgd.gif) left top repeat-x;color:#fff;text-decoration:none; margin-left:20px;}
.link1:hover {color:#000}
.link1 span {display:block;background:url(../images/link1-border.gif) no-repeat left top}
.link1 span span {background:url(../images/link1-border.gif) no-repeat right top;padding:3px 15px 3px 15px}

.contact-form {width:300px; overflow:hidden; background-color:#e8e8e8;padding:20px;}
.antispam { display:none;}


/* ---------------------------------*/
/* 2.0 STYLING FOR LAYOUT SECTIONS  */
/* ---------------------------------*/

/* for additional background graphics */
#top {width:100%; height:200px; background-image:none; background-color:none;}

/* page container */
#wrapper {	
width: 940px; /* set once here - everything else is percent of this */
margin:0 auto;
background-color: #FFFFFF;
text-align:left; }

#header {
	background:url(../images/bg-cutrite-hdr.png) top repeat-x; 
	height: 116px;
	border:none;
}

.logo {margin:10px 0px 0px 20px;}
.strapline {float:right;margin:50px 10px 0px 0px;color:#474747;font-size:16px;}
.phone-no {float:right;margin:15px 20px 0px 0px;font-size:22px;font-weight:bold;color:#474747; }

.container {width:98% !important; padding:15px; }


/* 2 column page with left sidebar */

.left-sidebar {float:left; width:230px; }
.main {margin-left:230px; width:70%; padding:20px 20px 20px 30px; border-left:1px solid #e8e8e8;}

.main li {margin-left:20px;}

/* footer sections --------------- */

#big-footer {
	width:100%;
	height:200px;
	border-top:1px solid #e8e8e8;
	background: #f1f1f1; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 1%, #f1f1f1 22%, #dcdcdc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(22%,#f1f1f1), color-stop(100%,#dcdcdc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 1%,#f1f1f1 22%,#dcdcdc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 1%,#f1f1f1 22%,#dcdcdc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 1%,#f1f1f1 22%,#dcdcdc 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 1%,#f1f1f1 22%,#dcdcdc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#dcdcdc',GradientType=0 ); /* IE6-9 */

	box-shadow: 0px 0px 15px rgba(0,0,0,0.15);
	font-size:90%;
}
#big-footer ul {padding-left:15px; }

#footer { 	
	width:100%;
	height:60px;
	background: #efefef; /* Old browsers */
	background: -moz-linear-gradient(top,  #efefef 1%, #bbbbbb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#efefef), color-stop(100%,#bbbbbb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #efefef 1%,#bbbbbb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #efefef 1%,#bbbbbb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #efefef 1%,#bbbbbb 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #efefef 1%,#bbbbbb 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#bbbbbb',GradientType=0 ); /* IE6-9 */

	box-shadow: 0px 0px 15px rgba(0,0,0,0.15);
}
#footer p {text-align:center;font-size:90%;	color:#474747;	padding:20px;}

/* 2.1 Containers - within content section*/

/* 2 EVEN COLUMNS */
.col1of2 {float:left;width:48%;}
.col2of2 {float:left;width:46%; margin-left:30px;}

/* 3 EVEN COLUMNS */
.col1of3 {float:left;width:31%;}
.col2of3 {float:left;width:31%; margin-left:30px;}
.col3of3 {float:left;width:29%; margin-left:30px;}

/* 4 EVEN COLUMNS */
.col1of4 {float:left;width:23%;}
.col2of4 {float:left;width:23%; margin-left:25px;}
.col3of4 {float:left;width:22%; margin-left:25px;}
.col4of4 {float:left;width:22%; margin-left:25px;}

/* ---------------------------------*/
/* 3.0 NAVIGATION  					*/
/* ---------------------------------*/

/* top navigation ------------------*/

#top-nav {float:right;clear:right;margin:30px 20px 0px 0px;}
#top-nav ul {list-style:none;margin:0;padding:0;}
#top-nav li {display:inline;font-size:95%;}
#top-nav li a {color:#000000;padding:0px 10px 0px 10px;}
#top-nav a:hover {color:#CC0000;}

/* side navigation -----------------*/
#side-nav {margin:0; padding:0;}
#side-nav ul {list-style:none; background-color:#F1F1F1;margin:0; padding:0;}
#side-nav li {border-bottom:1px solid #e8e8e8;}
#side-nav li a {display:block; padding:10px 5px 10px 1.8em; background-color:#F1F1F1; color:#474747; text-decoration:none;}
#side-nav li a:hover {background-color:#693;color:#fff;}

/* Main Horizontal navigation with pulldown ----------------*/
/* ref http://line25.com/tutorials/how-to-create-a-pure-css-dropdown-menu */

/* top horizontal navigation -------- */

#nav {width:100%;margin: 0px auto; text-align: left;
}
#nav ul {
	width:100%;
	background: #5C8F73; 
	background: linear-gradient(top, #3E6B57 0%, #74AA87 100%);  
	background: -moz-linear-gradient(top, #3E6B57 0%, #74AA87 100%); 
	background: -webkit-linear-gradient(top, #3E6B57 0%,#74AA87 100%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	padding:0;
	border-radius: 0px;  
	list-style: none;
	position: relative;
	display: inline-table;
	z-index:1;
}
	#nav ul:after {
		content: ""; clear: both; display: block;
	}

	#nav ul li {
		float: left;
	}

#nav ul li a {
			display: block; padding: 10px 40px;
			color: #fff; 
			text-decoration: none;
			font-size:14px;
		}
		
#nav ul li:hover {background: #74AA87;}

#nav ul li:hover > ul {
		display: block;
}

#nav ul ul {
	display: none;
	width:220px;
	background: #3E6B57; border-radius: 0px; padding: 0;
	position: absolute; top: 100%;
}
#nav ul ul li {
			float: none; 
			border-top: 1px solid #5C8F73;
			/*border-bottom: 1px solid #5C8F73; position: relative;*/
			border-bottom:none;
		}
			#nav ul ul li a {
				padding: 10px 30px;
				color: #fff;
			}	
				#nav ul ul li a:hover {
					background: #74AA87;
				}

	#nav ul ul ul {
		position: absolute; left: 100%; top:0; 
	}
	
/* side navigation -----------------*/

#side-nav {margin:0; padding:0;}
#side-nav ul {
	list-style:none;
	background-color:#E8EFF2; /* was D5E1E9 - shade darker light blue */
	margin:0;
	padding:0;
}
#side-nav li {border-bottom:1px solid #D5E1E9;}
#side-nav li a {
	display:block;
	padding:10px 5px 10px 1.8em;
	background-color:#E8EFF2;
	color:#43715C;
	font-weight:bold;
	text-decoration:none;
}
#side-nav li a:hover {background-color:#74AA87;color:#fff;}
#side-nav ul h4 {margin:0; padding:10px 0px 0px 20px;}

/* ---------------------------------*/
/* 4.0 PAGES	  					*/
/* Page specific styling			*/
/* ---------------------------------*/

.theme-default #slider {
	position:relative;
   /* margin:100px auto 0 auto;  */
    width:620px; /* Make sure your images are the same size */
    height:275px; /* Make sure your images are the same size */
	z-index:0;
}

/* sub page images */

.sub-img {float:right; margin:10px 0px 0px 20px;}