@charset "utf-8";
/* CSS Document */

h1 {
    color: #44493a;
    font-family: Arial,"Helvetica",sans-serif;
    font-size: 22px;
    font-weight: bold;
    margin: 5px;
    text-transform: uppercase;
}
h2 {
	margin: 5px;
	font-size: 18px;
	text-align: left;
	color: #44493a;
	border: solid 1px #999;
	background: #b3c135;
	background: -webkit-gradient(linear, left top, left bottom, from(#dde68f), to(#b3c135));
	background: -moz-linear-gradient(top, #dde68f, #b3c135);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#dde68f', endColorstr='#b3c135');
	padding: 5px 5px 5px 5px;
	width: 40%;
}

h3 {
	margin: 5px;
	font-size: 10px;
	font-weight:bold;
	color:#44493a;
}
h4 {
	font-size: 16px;
	font-weight:bold;
	margin-top:5px;
	margin-left:5px;
	color:#b3c135;
	text-align:center;
}
h5 {
	font-size: 11px;
	font-weight:bold;
	margin-top:2px;
	margin-left:2px;
	color:#b3c135;
	text-align:center;
}
h6 {
	font-size: 11px;
	font-weight:bold;
	margin-top:2px;
	margin-left:2px;
	color:#b3c135;
	text-align:center;
}
#hr {
	clear: both;
	float: center;
	width: 100%;
	height: 2px;
	margin: 2px 2px;
	border: none;
	background: #ddd;
	background-image: -webkit-gradient(  linear,  left top,  left bottom,  color-stop(0.5, #b3c135),  color-stop(0.5, rgb(255,255,255))  );
	background-image: -moz-linear-gradient(  center top,  #b3c135 50%,  rgb(255,255,255) 50%  );
	behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}
#hr_index {
	clear: both;
	float: none;
	width: 90%;
	height: 2px;
	margin: 1.4em 5px;
	border: none;
	background: #ddd;
	background-image: -webkit-gradient(  linear,  left top,  left bottom,  color-stop(0.5, #b3c135),  color-stop(0.5, rgb(255,255,255))  );
	background-image: -moz-linear-gradient(  center top,  #b3c135 50%,  rgb(255,255,255) 50%  );
	behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}
#hr_products {
	clear: both;
	float: none;
	width: 80%;
	height: 2px;
	margin: 1.4em 5px;
	border: none;
	background: #ddd;
	background-image: -webkit-gradient(  linear,  left top,  left bottom,  color-stop(0.5, #b3c135),  color-stop(0.5, rgb(255,255,255))  );
	background-image: -moz-linear-gradient(  center top,  #b3c135 50%,  rgb(255,255,255) 50%  );
	behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}
.vr {
	display:inline;
	height:100%;
	width:1px;
	border-left:1px inset;
	margin:5px;
	color:#CCC;
}
p, ul, ol {
	margin-top: 5px;
	line-height: 180%;
	font-family: "Verdana", Geneva, sans-serif;
	color: #333;
	font-size: 11px;
	text-align: left;
	padding-left: 10px;
    padding-right: 10px;
}
ul, ol {
	/*margin:0.5em;*/
	list-style-type: circle;
	line-height: 20px;

}
#content_list ul, ol {
	margin:1.5em;
	list-style-type: circle;
	line-height: 20px;

}
a {
	text-decoration: none;
	color: #999;
	text-align: left;
}
#contentlink  {
	color: #B3C135;
	text-decoration: none;
	font-weight:bold;
}


#topanchor  {
	float:left;
	text-decoration:none;
	font-weight:bold;
	color:#333;
}
.body {
	margin: 0 auto 0 auto;
	padding: 0;
	background-color:#FFF;
	background-image:url(../images/bg_stripe.png);
	background-repeat:no-repeat;
	background-position:left;
	text-align: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #454545;
}
#wrapper {
	margin: 0 auto;
	width: 1024px;
	background: #fff;
	background:#fff;
	border:thin #999;
}
#header {
	background: #fff;
	padding-top: 0px;
}
#header h1 {
	margin: 0;
}
#logo {
	width:330px;
	height:255px;
	float:left;
}
#banner {
	width: 100%;
	;
	height: 255px;
	float:left;
}
#content-container {
	float: left;
	width: 1020px;
	background:#fff;
	margin-top:5px;
	margin-bottom:5px;
	border:1px solid #CCC;
	-moz-box-shadow:2px 2px 3px #999;
	-webkit-box-shadow:2px 2px 3px #999;
	box-shadow:2px 2px 3px #999;
	--moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
     border-radius: 3px;
	text-align: left;
}
#section-navigation {
	float: left;
	width: 160px;
	padding: 20px 0;
	margin: 0 20px;
	display: inline;
}
#section-navigation ul {
	margin: 0;
	padding: 0;
}
#section-navigation ul li {
	margin: 0 0 1em;
	padding: 0;
	list-style-type: none;
}
#content {
	float: left;
	width: 99%;
	padding-left:5px;
	padding-right:5px;
	margin-bottom:0px;
	border:1px solid #CCC;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
     border-radius: 3px;
}
#leftcol_index {
	/*float: right;*/
	width: 370px;
	margin:5px;
	text-align: left;
}
#content_right {
	float: right;
	width: 360px;
	padding: 0px;
	padding-left:0px;
	margin: 0 0 0 0px;
	text-align: left;
}
#rightcol_index {
	float: right;
	width: 684px;
	height:100%;
	margin-top:0px;
	margin-right:0px;
	padding:5px;
	-moz-border-radius:1px;
	-webkit-border-radius:4px;
	-khtml-border-radius: 4px;
    border-radius:4px 4px 4px 4px;
	behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
	text-align: left;
	
}
#content_copy {
	float: left;
	width: 1000px;
	padding: 5px;
	padding-left:50px;
	margin: 0 0 0 0px;
}
#content h2 {
	margin: 0;
}
/*- Left Boxes--------------------------- */

#Copybox1 {
	float:right;
	width: 40%;
	height: 128px;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:justify;
	color: #454545;
	padding:4px;
	background-color:#dde68f;
	-moz-box-shadow:2px 2px 2px #CCC;
	-webkit-box-shadow:2px 2px 2px #CCC;
	box-shadow:2px 2px 2px #CCC;
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
	border-radius:2px 2px 2px 2px;
	
}
#Copybox1 a:link {
	color: #44493a;
	text-decoration: none;
}
#Copybox1 a:visited {
	color: #44493a;
	text-decoration: none;
}
#Copybox1 a:hover {
	color: #44493a;
	text-decoration: none;
}
#Copybox1 a:active {
	color: #44493a;
	text-decoration: none;
}
#Copybox2 {
	float:right;
	width: 40%;
	height: 128px;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:justify;
	color: #454545;
	padding:4px;
	background-color:#dde68f;
	-moz-box-shadow:2px 2px 2px #CCC;
	-webkit-box-shadow:2px 2px 2px #CCC;
	box-shadow:2px 2px 2px #CCC;
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
	color: #44493a;
}
#Copybox2 a:link {
	color: #44493a;
	text-decoration: none;
}
#Copybox2 a:visited {
	color: #44493a;
	text-decoration: none;
}
#Copybox2 a:hover {
	color: #44493a;
	text-decoration: none;
}
#Copybox2 a:active {
	color: #44493a;
	text-decoration: none;
}
#Copybox3 {
	float:right;
	width: 40%;
	height: 128px;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:justify;
	color: #454545;
	padding:4px;
	background-color:#dde68f;
	-moz-box-shadow:2px 2px 2px #CCC;
	-webkit-box-shadow:2px 2px 2px #CCC;
	box-shadow:2px 2px 2px #CCC;
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
	border-radius:2px 2px 2px 2px;
	
}
#Copybox3 a:link {
	color: #44493a;
	text-decoration: none;
}
#Copybox3 a:visited {
	color: #44493a;
	text-decoration: none;
}
#Copybox3 a:hover {
	color: #44493a;
	text-decoration: none;
}
#Copybox3 a:active {
	color: #44493a;
	text-decoration: none;
}
#Copybox4 {
	float:right;
	width: 40%;
	height: 128px;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:justify;
	color: #454545;
	padding:4px;
	background-color:#dde68f;
	-moz-box-shadow:2px 2px 2px #CCC;
	-webkit-box-shadow:2px 2px 2px #CCC;
	box-shadow:2px 2px 2px #CCC;
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
	border-radius:2px 2px 2px 2px;
	
}
#Copybox4 a:link {
	color: #44493a;
	text-decoration: none;
}
#Copybox4 a:visited {
	color: #44493a;
	text-decoration: none;
}
#Copybox4 a:hover {
	color: #44493a;
	text-decoration: none;
}
#Copybox4 a:active {
	color: #44493a;
	text-decoration: none;
}
#Copybox5 {
	float:left;
	width: 100%;
	height: 281px;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:justify;
	color: #454545;
	padding:4px;
	background-color:#dde68f;
	-moz-box-shadow:2px 2px 2px #CCC;
	-webkit-box-shadow:2px 2px 2px #CCC;
	box-shadow:2px 2px 2px #CCC;
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
	color: #44493a;
}
#Copybox5 a:link {
	color: #44493a;
	text-decoration: none;
}
#Copybox5 a:visited {
	color: #44493a;
	text-decoration: none;
}
#Copybox5 a:hover {
	color: #44493a;
	text-decoration: none;
}
#Copybox5 a:active {
	color: #44493a;
	text-decoration: none;
}
#aside {
	float: right;
	width: 200px;
	padding: 20px 0;
	margin: 0 20px 0 0;
	display: inline;
}
#aside h3 {
	margin: 0;
}
.image {
	-moz-box-shadow:1px 1px 5px #000;
	-webkit-box-shadow:1px 1px 5px #000;
	box-shadow:1px 1px 5px #000;
	-moz-border-radius:1px;
	-webkit-border-radius:4px;
	border-radius:4px 4px 4px 4px;
	
}
#small_image {
	float:left;
	width:145px;
	border:1px solid #CCC;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
	border-radius:5px 5px 5px 5px;
}
/* button 
---------------------------------------------- */
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
 *display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}
.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
.small {
	font-size: 11px;
	padding: .2em 1em .275em;
}
/*Button End */

/*Side Nav Start*/
.menu_div ul
{
	padding:0px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	list-style:none;
	text-indent:15px;
	border:1px solid #333;
	-moz-box-shadow:1px 1px 3px #000;
	-webkit-box-shadow:1px 1px 3px #000;
	box-shadow:1px 1px 3px #000;
	-moz-border-radius:5px;
	-webkit-border-radius:3px;
	border-radius:3px 3px 3px 3px;
}
.menu_div ul li
{
	background:#44493a;
	line-height:28px;
    border-bottom:1px solid #333;
}
.menu_div ul li a
{
	text-decoration:none;
	color:#FFF;
	display:block;
}
.menu_div ul li a:hover
{
	background:#363A2E;
	color: #B3C135;
}
.menu_div ul li#active
{
	background:#363A2E;
}
/*Side Nav End */



/*contact area*/
#contact-area {
	width: 550px;
	margin-top: 5px;
	margin-left:0px;
}
#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 400px;
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}
#contact-area textarea {
	height: 90px;
}
#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #44493a;
}
#contact-area input.submit-button {
	width: 100px;
	float: left;
	margin-left:115px;
}
label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 120px;
	padding-top: 5px;
	font-size: 14px;
	color:#023848
}
#address {
	float:right;
	width:290px;
	height:310px;
	color: #FFF;
	margin-top:25px;
	margin-left:5px;
	padding-left:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px 5px 5px 5px;
	behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}
#contact_col3 {
	float:left;
	width:0px;
	height:210px;
	margin-top:5px;
	margin-left:5px;
	background-color:#363a2e;
	text-align:left;
	-moz-border-radius:1px;
	-webkit-border-radius:2px;
	border-radius:2px 2px 2px 2px;
	behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}
#contact_right {
	float:right;
	width:445px;
	padding-bottom:5px;
	margin-top:0px;
	margin-right:5px;
	/*background-color:#44493a;*/
	text-align:left;
	color:#FFF;
	-moz-box-shadow:1px 1px 3px #000;
	-webkit-box-shadow:1px 1px 3px #000;
	box-shadow:1px 1px 3px #000;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius: 5px;
	border-radius:5px 5px 5px 5px;
}
.condetail {
	color: #FFF;
	font-size: 10px;
	border:1px medium #FFF;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	background-color:#363A2E;
	
}
.condemail {
	color: #FFF;
	font-size: 10px;
	border:1px medium #FFF;
	text-align:center;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	background-color:#363A2E;
	
}
/* green */
.green {
	color: #b3c135;
	border: solid 1px #999;
	background: #b3c135;
	background: -webkit-gradient(linear, left top, left bottom, from(#dde68f), to(#b3c135));
	background: -moz-linear-gradient(top, #dde68f, #b3c135);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#dde68f', endColorstr='#b3c135');
}
.green:hover {
	background: #b3c135;
	background: -webkit-gradient(linear, left top, left bottom, from(#b3c135), to(#c0cf3a));
	background: -moz-linear-gradient(top, #b3c135, #c0cf3a);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3c135', endColorstr='#c0cf3a');
}
.green:active {
	color: #44493a;
	background: -webkit-gradient(linear, left top, left bottom, from(#44493a), to(#7db72f));
	background: -moz-linear-gradient(top, #44493a, #7db72f);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#44493a', endColorstr='#7db72f');
}
/* green end */

/* Table */
.table {
	 font-family:"Arial", Helvetica, sans-serif;
	 font-size:10px;
	 color:#333;
     border:1px medium #333;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
     border-radius: 5px;	
	
}
/* Table end */


/* footer start */
#footer {
	clear: left;
	width:1015px;
	background-color: #44493a;
	text-align: right;
	font-size:10px;
	padding: 5px 5px 15px 0px;
	color:#FFF;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px 2px 2px 2px;
}
#footer_col1 {
	float:left;
	width:245px;
	height:175px;
	margin-top:5px;
	margin-left:130px;
	background-color:#363a2e;
	text-align:left;
	-moz-border-radius:1px;
	-webkit-border-radius:2px;
	border-radius:2px 2px 2px 2px;
}
#footer_col2 {
	float:left;
	width:245px;
	height:175px;
	margin-top:5px;
	margin-left:5px;
	background-color:#363a2e;
	text-align:left;
	-moz-border-radius:1px;
	-webkit-border-radius:2px;
	border-radius:2px 2px 2px 2px;
}
#footer_col3 {
	float:right;
	width:245px;
	height:175px;
	margin-top:5px;
	margin-left:5px;
	background-color:#363a2e;
	text-align:left;
	-moz-border-radius:1px;
	-webkit-border-radius:2px;
	border-radius:2px 2px 2px 2px;
}
#footer_left {
	float:left;
	width:120px;
	height:175px;
	margin-top:5px;
	margin-left:0px;
	margin-right:2px;
	background-color:#363a2e;
	text-align:left;
	-moz-border-radius:1px;
	-webkit-border-radius:2px;
	border-radius:2px 2px 2px 2px;
}
#footer_right {
	float:right;
	width:120px;
	height:175px;
	margin-top:5px;
	margin-left:0px;
	background-color:#363a2e;
	text-align:left;
	-moz-border-radius:1px;
	-webkit-border-radius:2px;
	border-radius:2px 2px 2px 2px;
}
#footer_image {
	float:left;
	width:80px;
	height:58px;
	margin-top:5px;
	margin-left:85px;
	margin-right:5px;
	border:medium #999;
	background-color:#dde68f;
	-moz-box-shadow:1px 1px 1px #CCC;
	-webkit-box-shadow:1px 1px 1px #CCC;
	box-shadow:1px 1px 1px #CCC;
	border:1px solid #CCC;
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
	border-radius:2px 2px 2px 2px;
}
#footer_image1 {
	float:left;
	width:80px;
	height:58px;
	margin-top:5px;
	margin-left:85px;
	border:medium #999;
	background-color:#dde68f;
	-moz-box-shadow:1px 1px 1px #CCC;
	-webkit-box-shadow:1px 1px 1px #CCC;
	box-shadow:1px 1px 1px #CCC;
	border:1px solid #CCC;
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
	border-radius:2px 2px 2px 2px;
}
contentlink {
	color: #000;
}

#page-wrap {
    margin: 0 auto;
    width: 500px;
}

#contact-details {
    padding-left: 14px;
    width: 251px;
	float:left;
}

#contact-image{
	float:right;
	padding-right:10px;
	}
#tag-line-text{
	text-align:center;
	font-size:16px;
	text-transform: uppercase;
	font-weight:600;
	}