body{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	background:url(images/bg2.jpg) repeat-x #fff;
}

.pngfix{
	behaviour:url(iepngfix.htc);
}

h2{
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
	margin:0px 0px 0px 0px;
	text-shadow:#fff 0px 1px 0px;
}

h3{
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	text-shadow:#fff 0px 1px 0px;
	margin:20px 0px 0px 0px;
	padding:0px;
}

#wrapper{
	width:840px;
	margin:0px auto 0px auto;
}

#products p{	
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:0.9em;
	text-shadow:#fff 0px 1px 0px;
	padding:0px 0px 0px 0px;
}

#products{
	float:left;
	width:100%;
	height:420px;
	padding:10px 0px 0px 0px;
}

#wrapper2{
	width:840px;
	height:100%;
	margin:0px auto 0px auto;
}

html, body, #wrapper2 {height: 100%;}

body > #wrapper2 {height: auto; min-height: 100%;}

#main {
padding-bottom: 150px; 
min-height:700px; /* determines where the footer stops when browser resizes */
}  /* must be same height as the footer */


 a{
    color:#348ee1;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}

 a:hover{
    color:#348ee1;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:uderline;
}


#header{
	width:840px;
	height:70px;
	float:left;
	margin:15px 0px 10px 0px;
}

#logo{
	height:63px;
	width:222px;
	float:left;
}
#links{
	width:600px;
	height:20px;
	float:right;
	text-align:right;
	vertical-align:bottom;
	margin:43px 0px 0px 0px;
}

#links a{
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
	text-shadow:#fff 0px 1px 0px;
}

#links a:hover{
	color:#348ee1;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-shadow:#fff 0px 1px 0px;
}

.active{
	color:#348ee1 !important;
}

#welcometext{
	float:left;
	width:600px;
	height:420px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:0.9em;
	text-shadow:#fff 0px 1px 0px;
	padding:10px 0px 0px 0px;
}

#welcometext2{
	float:left;
    width:840px;
    font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:0.9em;
	text-shadow:#fff 0px 1px 0px;
	padding:10px 0px 0px 0px;
}

#ribbon{
	background:url(images/ribbon_x.jpg) repeat-x;
	width:100%;
	height:344px;
	position:absolute;
	top:250px;
	left:0px;
}

#ribbon_img
{
	background:url(images/ribbon3.png) no-repeat;
	width:840px;
	height:344px;
	z-index:999;
	position:absolute;
	top:179px;
	margin:0px auto 0px auto;
	padding:80px 0px 0px 0px;
	behaviour:url(iepngfix.htc);	
}

#ribbon_text{
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:1.3em;
	width:500px;
	line-height:28px;
}

#safebox{
	background:url(images/safe_box.jpg) no-repeat center;
	width:840px;
	height:281px;
	float:left;
	margin:20px 0px 0px 0px;
}

#safebox_text{
	width:500px;
	height:auto;
	float:right;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.0em;
	color:#666;
	padding:30px 60px 0px 0px;
	line-height:22px;
}


#left{
	width:312px;
	float:left;
}

#right{
	float:left;
	width:400px;
}

#right iframe{
	border:4px solid #fff;
}

#footer{
	width:100%;
	/* height:50px;
	margin:50px 0px 0px 0px; */
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:0.75em;
	background-color:#000;
	position: relative;
	margin: -300px auto 0px auto; /* negative value of footer height */
	height: 300px;
	clear:both;
	border-top:1px solid #666;
}

#footer_home{
	width:100%;
	/* height:50px;
	margin:50px 0px 0px 0px; */
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:0.75em;
	background-color:#000;
	float:left;
	margin:70px 0px 0px 0px;
	height: 300px;
}

#footer_padding{
	padding:20px 20px 0px 20px;
	width:90%;
	margin:0px auto 0px auto;
}
	
#footer a{
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	text-decoration:none;
}

#footer a:hover{
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
}


#footer_home a{
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	text-decoration:none;
}

#footer_home a:hover{
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
}



/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
