/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}

/* Global properties ======================================================== */
html {width:100%; height:100%;}

body {font-family:Arial, Helvetica, sans-serif;font-size:100%;color:#000;/*min-width:960px;*/height:100%;background:url(../images/body-bg.jpg) center top repeat-x #FFF}
.ic {border:0;float:right;background:#fff;color:#0000ff;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
.main-bg {width:100%; min-height:100%; /* background:url(../images/bg-2.jpg) center top repeat-x; */ }
.bg {width:100%; min-height:100%; background:url(../images/bg.jpg) center top no-repeat;}

.main {
	width:960px;
	padding:0;
	margin:0 auto;
	font-size:13px;
	line-height:22px;
}

a {
	color:#0000FF;
	outline:none;
}
a:hover {text-decoration:none;}

.col-1, .col-2 {float:left; width:160px;}
.col-1 {margin-right:50px;}

.wrapper {width:100%; overflow:hidden;
}
.extra-wrap {overflow:hidden;}
 
p {margin-bottom:18px;}
.p0 {margin-bottom:0px;}
.p1 {margin-bottom:8px;}
.p2 {margin-bottom:15px;}
.p3 {margin-bottom:30px;}
.p4 {margin-bottom:45px;}
.p5 {margin-bottom:10px;}

.fleft {float:left;}
.fright {float:right;}

.alignright {text-align:right;}
.aligncenter {text-align:center;}

.color-1 {color:#fff;}
.color-2 {color:#000;}
.color-3 {color:#0000ff;}

/*********************************boxes**********************************/
.indent {padding:41px 30px 0 0;}
.indent-top {padding-top:15px;}
.indent-left {padding-left:0px;}
.indent-left2 {padding-left:10px;}
.indent-right {padding-right:50px;}

.indent-bot {margin-bottom:20px;}
.indent-bot2 {margin-bottom:30px;}
.indent-bot3 {margin-bottom:45px;}

.prev-indent-bot {margin-bottom:10px;}
.prev-indent-bot2 {margin-bottom:5px;}
.img-indent-bot {margin-bottom:25px;}
.margin-bot {margin-bottom:35px;}

.img-indent {
	float:left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0;
}	
.img-indent2 {
	float:left;
	margin:0 5px 0px 0;
}	
.img-indent3 {
	float:left;
	margin:0 20px 0px 0;
}	
.img-indent-r {float:right; margin:0 0px 0px 40px;}	

.buttons a:hover {cursor:pointer;}



/*********************************header*************************************/
header {
	width:100%;
	position:relative; 
	z-index:2;
}

h1 {
	padding:25px 20px 17px 26px; 
/*	background:url(../images/h1-bg.jpg) 0 0 no-repeat; */
	float:left;
}
	h1 a {
	display:block;
	width:460px;
	height:84px;
	text-indent:-999em;
	background:url(../images/logo.gif) 0 0 no-repeat;
	}

#logo {
	display:block;
	width:460px;
	height:84px;
	float: left;
	margin-top:20px;
	margin-bottom:10px;
	}

#underlay {
	float:left;
}

#overlay {
	position:absolute;
	float:left;
}
.address {
	display:block;
	font-size:14px;
	line-height:28px;
	text-align:right;
	color:#0000FF;
}
.phone {
	display:block;
	font-size:25px;
	line-height:30px;
	text-align:right;
	color:#0000FF;
	margin-top:-5px;
}
	
/***** menu *****/
header nav {
	width:100%;
	height:52px;
	background:url(../images/menu-bg.png) 0 0 no-repeat;
	overflow:hidden;
}
/*	#page1 header nav {
	margin-bottom:5px;
}*/
	
.menu {
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	position: relative;
	}

.menu li {
	float:left; 
	position:relative;
	background:url(../images/menu-spacer.png) left top no-repeat;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
	.menu > li:first-child {background:none;}
.menu li a {
	display:inline-block;
	font-size:16px;
	line-height:25px;
	padding:16px 25px 12px 26px;
	color:#0033FF;
	text-transform:capitalize;
}
	.menu > li:first-child > a {
	text-indent:-999em;
	background:url(../images/menu-home.png) center -25px no-repeat;
	min-width:18px;
	}
.menu li a.active,
.menu > li > a:hover {
	color:#000000;
	background-image:url(../images/menu-bg-h.png);
}
.menu > li:first-child > a.active,
.menu > li:first-child > a:hover {background-position:center 15px;
		background:url(../images/menu-home.png) center -25px no-repeat;
}

.menu li a,
.list-1 li a,
.link,
.link-1,
.link-2,
.button,
h1 a {text-decoration:none;
font-weight:bolder;
text-transform:uppercase;
}	

/***** menu spanish *****/

	
.menu_es {
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	position: relative;
	}

.menu_es li {
	float:left; 
	position:relative;
	background:url(../images/menu-spacer.png) left top no-repeat;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
	.menu_es > li:first-child {background:none;}
.menu_es li a {
	display:inline-block;
	font-size:16px;
	line-height:25px;
	padding:16px 20px 12px 21px;
	color:#0033FF;
	text-decoration:none;
	text-transform:capitalize;
}
/*	.menu_es > li:first-child > a {
	text-indent:-999em;
	background:url(../images/menu-home.png) center -25px no-repeat;
	min-width:18px;
	}*/
.menu_es li a.active,
.menu_es > li > a:hover {
	color:#000000;
	background-image:url(../images/menu-bg-h.png);
}
/*.menu_es > li:first-child > a.active,
.menu_es > li:first-child > a:hover {background-position:center 15px;
		background:url(../images/menu-home.png) center -25px no-repeat;
}*/

.menu_es li a,
.list-1 li a,
.link,
.link-1,
.link-2,
.button,
h1 a {text-decoration:none;
font-weight:bolder;
text-transform:uppercase;
}	

/***** slider *****/
.slider-wrapper {
	width:620px;
	height:300px;
	overflow:hidden;
	position:relative;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.slider {
	width:960px;
	height:400px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.items {display:none;}

.prev,
.next {
	display:block;
	width:30px;
	height:400px;
	text-indent:-9999em;
	position:absolute;
	z-index:99;
	top:50%;
	margin-top:-200px;
}
.prev {background:url(../images/slider-prev.png) 0 0 no-repeat; left:0;}
.next {background:url(../images/slider-next.png) 0 0 no-repeat; right:0;}

/*********************************content*************************************/
#content {
	width:100%;
	padding:0px 0;
	position:relative;
	z-index:1;
}

.spacer-1 {
	width:100%; 
	background:url(../images/pic-1.gif) 217px 0 repeat-y;
}

h2 {
	font-size:40px; 
	line-height:1.2em; 
	color:#fff;
	font-weight:normal;
	letter-spacing:-1px;
	margin-bottom:9px;
}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	font:Arial, Helvetica, sans-serif;
	font-size:25px; 
	line-height:2em; 
	color:#fff;
	margin-bottom:2px;
}
	h3 strong {display:block; margin-top:-25px;}
h4 {
	font-size:18px;
	line-height:25px;
	color:#000099;
	text-shadow:#000000;
	font-weight:normal;
	margin-bottom:8px;
}
h6 {color:#fff; font-weight:normal; margin-bottom:3px;}

.border-bot {
	width:100%; 
	padding-bottom:31px; 
	background:url(../images/pic-1.gif) 0 bottom repeat-x;
}
.border-bot2 {
	width:100%;
	padding-bottom:0px;
	margin-bottom:18px;
	background:url(../images/pic-1.gif) 0 bottom repeat-x;
}

.box {
	width:260px;
	background-color:#CCCCCC;
	background:#cccccc;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
	.box .padding {padding:15px 15px 20px 30px;}

.container-bot {
	width:100%;
	padding-bottom:5px;
	background:url(../images/container-bot.png) left bottom no-repeat;
}
.container-top {
	width:100%;
	padding-top:5px;
	background:url(../images/container-top.png) left top no-repeat;
}
.container {
	width:100%;
	padding:20px 0 20px;
	background:url(../images/container-tail.png) left top repeat-y;
}

.button {
	display:inline-block; 
	padding:5px 15px 6px;
	font-size:13px;
	line-height:1.23em;
	font-weight:bold;
	color:#000; 
	background:url(../images/button-tail.png) 0 0 repeat-x ;
	cursor:pointer;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
.button:hover {
	background:url(../images/button-tail-h.png) 0 0 repeat-x;
	color:#000;
}



.list-1 li {
	line-height:18px; 
	padding:8px 0 8px 10px; 
	background:url(../images/marker-1.gif) 0 15px no-repeat;
}
	.list-1 a {
		display:inline-block;
		color:#FFF;
		font-weight:bold;
	}
	.list-1 a:hover {color:#0000CC;}

.list-2 li {
	line-height:20px; 
	padding:5px 0 5px 10px; 
	background:url(../images/marker-1.gif) 0 13px no-repeat;
}
	.list-2 a {display:inline-block;}
	.list-2 a:hover {text-decoration:none;}
	
	#page4 .list-2 a {color:#7f7f7f; text-decoration:none;}
	#page4 .list-2 a:hover {text-decoration:underline;}

.link:hover {text-decoration:underline;} 

.link-1 {
	display:inline-block; 
	font-weight:bold;
	padding-left:14px; 
	color:#fff;
	background:url(../images/marker-2.gif) 0 10px no-repeat;
}
.link-1:hover {text-decoration:underline;} 

.link-2 {color:#7f7f7f;}
.link-2:hover {text-decoration:underline;}

.text-1,
.text-2 {
	display:inline-block;
	font-size:40px;
	line-height:1.2em;
	color:#fff;
	letter-spacing:-1px;
} 

dl span {float:left; width:80px;}

dl.main-address dt {margin-bottom:5px;}
dl.main-address span {float:left; width:74px; color:#fff;}

.price-list td {border:1px solid #343434; line-height:39px;}
.price-list thead td {width:139px; text-align:center; color:#fff; font-weight:bold;}
.price-list td:first-child {width:158px;}
.price-list tbody td:first-child {color:#fff; font-weight:bold; text-align:left; text-indent:19px;}
.price-list tbody td {text-align:center;}

/**** Lightbox ****/
.lightbox {
	position:relative;
	z-index:1;
	overflow:hidden;
	display:inline-block;
	cursor:pointer;
	}
	.lightbox img {
		position:relative;
		z-index:1;
	}
	.lightbox span {
		display:inline-block;
		position:absolute;
		left:0px;
		top:0;
		width:100%;
		height:100%;
		background:url(../images/video-marker.png) no-repeat 50% 50%;
		z-index:2;
		padding:0;
	}

/***** contact form *****/
#contact-form {
	display:block;
	width:100%;
}
	#contact-form label {
		display:block; 
		height:34px; 
		overflow:hidden;
	}
	#contact-form input {
		float:left; 
		width:259px; 
		font-size:13px; 
		line-height:1.23em;
		color:#808080;
		padding:5px 10px; 
		margin:0; 
		font-family:Arial, Helvetica, sans-serif; 
		border:none;
		background:#fff;
		outline:none;
		border-radius:2px;
		-moz-border-radius:2px;
		-webkit-border-radius:2px;
	}
	#contact-form textarea {
		float:left;
		height:380px; 
		width:489px;
		max-height:380px; 
		max-width:489px;
		min-height:380px; 
		min-width:489px;
		font-size:12px; 
		line-height:1.25em;
		color:#808080;
		padding:5px 10px; 
		margin:0; 
		font-family:Arial, Helvetica, sans-serif; 
		border:none;
		background:#fff;
		overflow:auto;
		outline:none;
		border-radius:2px;
		-moz-border-radius:2px;
		-webkit-border-radius:2px;
	}
.text-form {
	float:left;
	display:block;
	font-size:13px;
	line-height:26px;
	width:70px;
	color:000;
	font-family:Arial, Helvetica, sans-serif;
}

.buttons {padding:20px 10px 0 0; text-align:right;}
.buttons a {margin-left:15px; padding:5px 32px 6px;}
		
		
		

/***** unsub form *****/
#unsub-form {
	display:block;
	width:100%;
}
	#unsub-form label {
		display:block; 
		height:34px; 
		overflow:hidden;
	}
	#unsub-form input {
		float:left; 
		width:259px; 
		font-size:13px; 
		line-height:1.23em;
		color:#808080;
		padding:5px 10px; 
		margin:0; 
		font-family:Arial, Helvetica, sans-serif; 
		border:none;
		background:#fff;
		outline:none;
		border-radius:2px;
		-moz-border-radius:2px;
		-webkit-border-radius:2px;
	}
	.unsub-txt {
		float:left;
		height:380px; 
		width:489px;
		max-height:100px; 
		max-width:489px;
		min-height:100px; 
		min-width:489px;
		font-size:12px; 
		line-height:1.25em;
		color:#808080;
		padding:5px 10px; 
		margin:0; 
		font-family:Arial, Helvetica, sans-serif; 
		border:none;
		background:#fff;
		overflow:auto;
		outline:none;
		border-radius:2px;
		-moz-border-radius:2px;
		-webkit-border-radius:2px;
	}


/****************************footer************************/
footer {
	width:100%; 
	padding:0 0 40px;
	text-align:center;
}
	footer span {display:block;}


/****************************iframe************************/

.inside_frame {
	width:920px;
	overflow-x:hidden;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.inside_frame table{
	background-color:#33FFFF;
	
}


.style2 {
	color: #0000FF
}


/************************** IMAGE FADER *****************************/

#cf{position:relative;height:281px;width:450px;margin:0 auto;	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;}
	#cf div {position:absolute;left:60;}

	@-webkit-keyframes cf4FadeInOut {
		0%  {opacity:1;}
		22% {opacity:1;}
		33% {opacity:0;}
		89% {opacity:0;}
		100%{opacity:1;}
	}
	@-moz-keyframes cf4FadeInOut {
		0% {opacity:1;}
		22% {opacity:1;}
		33% {opacity:0;}
		89% {opacity:0;}
		100% {opacity:1;}
	}
	@-o-keyframes cf4FadeInOut {
		0% {opacity:1;}
		22% {opacity:1;}
		33% {opacity:0;}
		89% {opacity:0;}
		100% {opacity:1;}
	}
	@keyframes cf4FadeInOut {
		0%  {opacity:1;}
		22% {opacity:1;}
		33% {opacity:0;}
		89% {opacity:0;}
		100% {opacity:1;}
	}
	#cf div {
		border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-webkit-animation-name: cf4FadeInOut;
	-webkit-animation-timing-function: ease-in-out-in-out;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 9s;

	-moz-animation-name: cf4FadeInOut;
	-moz-animation-timing-function: ease-in-out-in-out;
	-moz-animation-iteration-count: infinite;
	-moz-animation-duration: 9s;

	-o-animation-name: cf4FadeInOut;
	-o-animation-timing-function: ease-in-out-in-out;
	-o-animation-iteration-count: infinite;
	-o-animation-duration: 9s;

	animation-name: cf4FadeInOut;
	animation-timing-function: ease-in-out-in-out;
	animation-iteration-count: infinite;
	animation-duration: 9s;
    }

	 
#cf div:nth-of-type(1) {
			-webkit-animation-delay: 0s;
			-moz-animation-delay: 0s;
			-o-animation-delay: 0s;
			animation-delay: 0s;
				border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
		}
	
#cf div:nth-of-type(2) {
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
			-webkit-animation-delay: 3s;
			-moz-animation-delay: 3s;
			-o-animation-delay: 3s;
			animation-delay: 3s;
		}
	
#cf div:nth-of-type(3) {
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
			-webkit-animation-delay: 6s;
			-moz-animation-delay: 6s;
			-o-animation-delay: 6s;
			animation-delay: 6s;
		}
.Prods {
	width: 100%;
	border: 0px;
	cellspacing: 0px;
	padding-bottom: 5px;
	font-size:9px;
	vertical-align: middle;
}
.Prods td {
	vertical-align: middle;
	height: 70px;
}

.Prods td a{
	text-decoration:none;
}

.Prods td a:hover {
	color:#FFFFFF;
	text-decoration:none;
}

.Prods td:hover {
	vertical-align: middle;
	height: 70px;
	background-image:url(../images/bg_shine.png);
	background-repeat:no-repeat;


}

.c1 {
	border-color:#000000
	border-bottom:1px;
	border-left:1px;
	border-right:0px;
	border-top:1px;
}

.c2 {
	border-bottom:1px;
	border-left:0px;
	border-right:1px;
	border-top:1px;
}

/*--Column Styles--*/
ul.columns {
 width: 100%;
 list-style: none;
 margin: 0 auto; padding: 0;
}

ul.columns li.norm {
	width: 32%;
	float: left;
	display: inline;
	margin: 2px;
	padding: 0;
	position: relative;
	border-color: #000000;
	border-width: 1px;
	border-radius: 10px;
}

ul.columns li.info3{
	width: 64%;
	float: right;
	display: block;
	margin: 2px;
	padding: 0;
	position: relative;
	border-color: #000000;
	border-width: 1px;
	border-radius: 10px;
	background-image:url(../images/mi-home.png);
	text-align:right;
}
/*--Thumbnail Styles--*/
ul.columns li img {
 position: relative;
 filter: alpha(opacity=85);
 opacity: 0.85;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /*--IE8 Specific--*/
}
ul.columns li:hover img{
	z-index: 999;
	filter: alpha(opacity=100);
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	width: 100%;
}

/*--Details Style--*/
ul.columns li .info {
	position: absolute;
	left: -10px;
	top: -10px;
	padding: 210px 10px 20px;
	width: 200px;
	display: none;
	background: #fff;
	font-size: 12pt;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: medium solid #000000;
}

ul.columns li:hover .info {
	display: block;
	border: medium solid #000000;
	width:100%;
	background-image:url(../images/body-bg-aa.jpg);
}
 
ul.columns li h2 {
 font-size: 1.2em;
 font-weight: normal;
 text-transform: uppercase;
 margin: 0; padding: 10px 0;
}
ul.columns li p {padding: 0; margin: 0; font-size: 0.9em;}

ul.columns li:hover {z-index: 99;}


***** Columns Home Page ******

ul.columns_home {
 width: 100%;
 list-style: none;
 margin: 0 auto; padding: 0;
}

ul.columns_home li.norm {
	width: 24%;
	float: left;
	display: inline;
	margin: 2px;
	padding: 0;
	position: relative;
	border-color: #000000;
	border-width: 1px;
	border-radius: 10px;
}


ul.columns_home li:hover {z-index: 99;}

/*--Thumbnail Styles--*/
ul.columns_home li img {
 position: relative;
 filter: alpha(opacity=85);
 opacity: 0.85;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /*--IE8 Specific--*/
}
ul.columns_home li:hover img{
	z-index: 999;
	filter: alpha(opacity=100);
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	width: 100%;
}

/*--Details Style--*/
ul.columns_home li .info {
	position: absolute;
	left: -10px;
	top: 0px;
	padding: 220px 10px 20px;
	width: 350px;
	display: none;
	background: #fff;
	font-size: 12pt;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: medium solid #000000;
}

ul.columns_home li:hover .info {
	display: block;
	border: medium solid #000000;
	width:100%;
	background-image:url(../images/body-bg-aa.jpg);
}
 
ul.columns_home li h2 {
 font-size: 1.2em;
 font-weight: normal;
 text-transform: uppercase;
 margin: 0; padding: 10px 0;
}
ul.columns li p {padding: 0; margin: 0; font-size: 0.9em;}

#stage2 {
	position:relative;
	height: 120px;
	width: 600px;
}
.box2 {
    float: left;
	width:194px;
	height:94px;
	bottom: 10px;
	left: 20px;
    -webkit-transition: 2s ease-in-out;
    -moz-transition: 2s ease-in-out;
    -o-transition: 2s ease-in-out;
    transition: 2s ease-in-out;
	background-image:url(../images/slide-prod1.png);
}

.box2:hover {
    -webkit-transform: translate(380px,0);
    -moz-transform: translate(380px,0);
    -o-transform: translate(380px,0);
    -ms-transform: translate(380px,0);
    transform: translate(380px,0);
}

.box3 {
    float: left;
	width:194px;
	height:94px;
	bottom: 10px;
	left: 20px;
    -webkit-transition: 2s ease-in-out;
    -moz-transition: 2s ease-in-out;
    -o-transition: 2s ease-in-out;
    transition: 2s ease-in-out;
	background-image:url(../images/slide-prod2.png);
}

.box3:hover {
    -webkit-transform: translate(380px,0);
    -moz-transform: translate(380px,0);
    -o-transform: translate(380px,0);
    -ms-transform: translate(380px,0);
    transform: translate(380px,0);
}

/**
#stage2 {
	position:relative;
	height: 120px;
	width: 600px;
}

div.box2 {
	position: absolute;
	bottom: 10px;
	left: 20px;
	-webkit-transition: all 1.5s ease-in-out-in;
	-moz-transition: all 1.5s ease-in-out-in;
	-o-transition: all 1.5s ease-in-out-in;
	transition: all 1.5s ease-in-out-in;
	background-image:url(../images/slide-prod1.png);
}

div.box2 div {
	width:194px;
	height:94px;
    background: url(../images/slide-prod1.png) no-repeat;
    -webkit-transition: all 2s ease-in-out-in-out;
    -moz-transition: all 2s ease-in-out-in-out;
    -o-transition: all 2s ease-in-out-in-out;
    transition: all 2s ease-in-out-in-out;
}

#stage2:hover div.box2 {
    -webkit-transform: translate(380px,0px);
    -moz-transform: translate(380px,0px);
    -o-transform: translate(380px,0px);
    -ms-transform: translate(380px,0px);
    transform: translate(380px,0px);
}

#stage2:hover div.box2 div {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

div.box3 {
	position: absolute;
	bottom: 0px;
	left: 20px;
	-webkit-transition: all 1.5s ease-in-out-in;
	-moz-transition: all 1.5s ease-in-out-in;
	-o-transition: all 1.5s ease-in-out-in;
	transition: all 1.5s ease-in-out-in;
	background-image:url(../images/slide-prod2.png);
}

div.box3 div {
	width:194px;
	height:94px;
    background: url(../images/slide-prod2.png) no-repeat;
    -webkit-transition: all 2s ease-in-out-in-out;
    -moz-transition: all 2s ease-in-out-in-out;
    -o-transition: all 2s ease-in-out-in-out;
    transition: all 2s ease-in-out-in-out;
}

#stage2:hover div.box3 {
    -webkit-transform: translate(380px,0px);
    -moz-transform: translate(380px,0px);
    -o-transform: translate(380px,0px);
    -ms-transform: translate(380px,0px);
    transform: translate(380px,0px);
}

#stage2:hover div.box3 div {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}
**/

/**************** Shake Effect ********************/

 @-webkit-keyframes spaceboots {
	0% { -webkit-transform: scale(1); }
	50% { -webkit-transform: scale(0.9); }
	100% { -webkit-transform: scale(1); }
}
.shake:hover,
.shake:focus {
	-webkit-animation-name: spaceboots;
	-webkit-animation-duration: 200ms;
	-webkit-transform-origin:50% 50%;
	-webkit-animation-iteration-count: 2;
	-webkit-animation-timing-function: linear;
}
.shake {
	display:inline-block
}


/**************** Popup Box ********************/
    .black_overlay{
        display: none;
        position: absolute;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
        background-color: black;
        z-index:1001;
        -moz-opacity: 0.8;
        opacity:.80;
        filter: alpha(opacity=80);
    }
    .white_content {
        display: none;
        position: fixed;
        top: 180px;
        left: 0px;
        min-width: 97%;
		min-height:500px;
		float:left;

        padding: 8px;
        border: 5px solid black;
        background-color:#CCCCCC;
        z-index:20001;
        overflow: auto;
    }
.clear_style {
  all: none;
}

table.hd_clutch {
border-collapse:collapse;
}
table.hd_clutch, td {
	border: 1px solid black;
	cellpadding: 3px;
	border-color:#000000;
	padding:3px;
	color:#000000;
	font-size:10px;
}
th {
	border: 1px solid black;
	cellpadding: 3px;
	background-color:#0000FF;
	color:#FFFFFF;
	font-size:12px;
}
.hd_clutch h2{
	background-color:#0000FF;
	color:#FFFFFF;
	text-transform:uppercase;
	font-size:12px;
}
.hd_clutch tr:nth-child(even) {
    background-color: #ffffff;
}
.hd_clutch tr:nth-child(odd) {
    background-color: #CCCCCC;
}

.onlyprint {display: none;}

@media print
{    
    .noPrint
    {
        display: none !important;
    }
	input, select, textarea
	{
		display: none !important;
	}
  .yesPrint
  	{ 
		display: block !important; 
	}
  .onlyprint 
  	{
		display: block;
	}
}
@media screen
{
  .noPrint
  	{ 
		display: block; 
	}
  	.yesPrint
	{ 
		display: block !important; 
	}
}


********* SERVICES PAGE BACKGROUND CHANGE *************

#services1 {
	width:95%;
	height:150px;
	display:block;
	transition: background-color 2s ease-in-out;
	background-color: none;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding-left:5px;
	padding-right:5px;
	margin-bottom:10px;
}
#services1:hover {
	left:-5px;
	height:150px;
	width:98%;
	transition: background-color 2s ease-in-out;
	background-color:#CCCEFF;
	color:#0000FF;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.serv_text1 {
	float:left;
	height:150px;
	width:400px;
	margin-left: 5px;
}
.serv_box1 {
	height:150px;
	float:right;
}

#services2 {
	width:95%;
	height:160px;
	display:block;
	transition: background-color 2s ease-in-out;
	background-color: none;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding-left:5px;
	padding-right:5px;
	margin-bottom:10px;
}
#services2:hover {
	left:-5px;
	height:160px;
	width:98%;
	transition: background-color 2s ease-in-out;
	background-color:#CCCEFF;
	color:#0000FF;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.serv_text2 {
	float:left;
	height:160px;
	width:550px;
	margin-left: 5px;
}
.serv_box2 {
	height:160px;
	float:right;
}


#services3 {
	width:95%;
	height:160px;
	display:block;
	transition: background-color 2s ease-in-out;
	background-color: none;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding-left:5px;
	padding-right:5px;
	margin-bottom:10px;
}
#services3:hover {
	left:-5px;
	height:160px;
	width:98%;
	transition: background-color 2s ease-in-out;
	background-color:#CCCEFF;
	color:#0000FF;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.serv_text3 {
	float:left;
	height:160px;
	width:550px;
	margin-left: 5px;
}
.serv_box3 {
	height:160px;
	float:right;
}

#services4 {
	width:95%;
	height:250px;
	display:block;
	transition: background-color 2s ease-in-out;
	background-color: none;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding-left:5px;
	padding-right:5px;
	margin-bottom:10px;
}
#services4:hover {
	left:-5px;
	height:250px;
	width:98%;
	transition: background-color 2s ease-in-out;
	background-color:#CCCEFF;
	color:#0000FF;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.serv_text4 {
	float:left;
	height:250px;
	width:550px;
	margin-left: 5px;
}
.serv_box4 {
	height:250px;
	float:right;
}

#services5 {
	width:95%;
	height:160px;
	display:block;
	transition: background-color 2s ease-in-out;
	background-color: none;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding-left:5px;
	padding-right:5px;
	margin-bottom:10px;
}
#services5:hover {
	left:-5px;
	height:160px;
	width:98%;
	transition: background-color 2s ease-in-out;
	background-color:#CCCEFF;
	color:#0000FF;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.serv_text5 {
	float:left;
	height:160px;
	width:550px;
	margin-left: 5px;
}
.serv_box5 {
	height:160px;
	float:right;
}

#services6 {
	width:95%;
	height:160px;
	display:block;
	transition: background-color 2s ease-in-out;
	background-color: none;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding-left:5px;
	padding-right:5px;
	margin-bottom:10px;
}
#services6:hover {
	left:-5px;
	height:160px;
	width:98%;
	transition: background-color 2s ease-in-out;
	background-color:#CCCEFF;
	color:#0000FF;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.serv_text6 {
	float:left;
	height:160px;
	width:550px;
	margin-left: 5px;
}
.serv_box6 {
	height:160px;
	float:right;
}

#services {
	width:95%;
	height:160px;
	display:block;
	transition: background-color 2s ease-in-out;
	background-color: none;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding-left:5px;
	padding-right:5px;
	margin-bottom:10px;
}
#services:hover {
	left:-5px;
	height:160px;
	width:98%;
	transition: background-color 2s ease-in-out;
	background-color:#CCCEFF;
	color:#0000FF;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.serv_text {
	float:left;
	height:160px;
	width:550px;
	margin-left: 5px;
}
.serv_box {
	height:160px;
	float:right;
}
#fb-like {
	float: right;
	width: 410px;
}