@charset "utf-8";

#parallxWrapper {
	     margin: 0 0 0 0;
	     height: 100%;
	     width: 100%;
	     overflow: hidden;

		}
		.parallxBackground {
		width: 100%;
		height: auto;
		padding-top:62.5%;

		background-image: url(../images/bg.jpg);
		background-size: 100% 100%;
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
		background-repeat: no-repeat;
		}
		
			
		#animation_container {
			width:100%;
			height:100%;
    		top:0px;
			margin:0;
			left:0;right:0;
			position:absolute;
			-webkit-transform:translateZ(30px);
			-webkit-transition: all 0.2s;
			transform:translateZ(30px);
			transition: all 0.2s;
		}
		
		canvas {
			width:100%;
			height:100%;
    		top:0px;
			position:absolute;
		}
		
		
		.parallxLayer:hover {
			-webkit-transform:scale(1.05);
			-webkit-transform:translateZ(30px);
			transform:scale(1.05);
			transform:translateZ(30px);
			cursor:pointer;
		}
		.parallxLayerRStar{
			width:44.27%;
			height:26.16%;
			top:0px;
			float:right;
			background-image:url(../images/topcloud.png);
			background-size: 100% 100%;
			position:absolute;
			-webkit-transform:translateZ(50px);
			transform:translateZ(50px);
			background-repeat:no-repeat;
		}
		.parallxLayerShooter{
			width: 72.92%;
			height: 77.92%;
			top: auto;
			background-image: url(../images/heros.png);
			position: absolute;
			background-size: 100% 100%;
			-webkit-transform: translateZ(150px);
			transform: translateZ(150px);
			left: 13%;
			bottom: 5%;
			
		}		
		
		.parallxLayerBlack{
			
			
			width: 100%;
			height: 100%;
			top: 0px;
			background-image:url(../images/black.png);
			position:absolute;
			background-size: 100% 100%;
			-webkit-transform:translateZ(160px);
			transform:translateZ(160px);
			background-repeat:no-repeat;
		}	



.shaker {
	display:inline-block
}
.shaker {
	display:block;
	position:relative;
}

.shaker.inline {
	display:inline-block
}

@-webkit-keyframes spaceboots {
	0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
	10% { -webkit-transform: translate(-1px, -2px) rotate(-2deg); }
	20% { -webkit-transform: translate(-3px, 0px) rotate(2deg); }
	30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
	40% { -webkit-transform: translate(1px, -1px) rotate(2deg); }
	50% { -webkit-transform: translate(-1px, 2px) rotate(-2deg); }
	60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
	70% { -webkit-transform: translate(2px, 1px) rotate(-2deg); }
	80% { -webkit-transform: translate(-1px, -1px) rotate(2deg); }
	90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
	100% { -webkit-transform: translate(1px, -2px) rotate(-2deg); }
}
.shaker
 {
	-webkit-animation-name: spaceboots;
	-webkit-animation-duration: 0.8s;
	-webkit-transform-origin:50% 50%;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}

.jello
 {
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
}



@font-face {
    font-family: Myriad_Pro;
    src: url(../_fonts/MyriadPro-Regular.otf);
}

@font-face {
	font-family: Myriad_Pro;
    src: url(../_fonts/MyriadPro-Bold.otf);
	font-weight: bold;
}

@font-face {
	font-family: swiss721cnbt;
    src: url(../_fonts/SWZ721C.TTF);
}

body, nav, ul, li, a, h1, h2, h3, h4  {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	marginwidth= 0px;
	marginheight= 0px;
	text-decoration: none;
	list-style-image: none;
	list-style-type: none;

}

body{
	background-color:rgba(1, 1, 1, 1);

}

#bottomtext{
	height: auto;
	width: 94%;
	background-color: #010101;
	margin:auto auto;
	padding-bottom:2%;
	padding-left:6%;
}

.highlight{
	height: auto;
	width: 28%;
	padding-top: 2%;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 2%;	
}

#maindiv{
	margin: 0px;
	padding: 0px;
	height: auto;
	width: auto;
	background-color:rgba(1, 1, 1, 1);
	background-attachment: fixed;
	
	background: url(../_images/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}

#header {
	margin: 0px;
	padding: 0px;
	height: 100px;
	width: 100%;
	position: absolute;
	background-color: rgba(1, 1, 1, 0.7);
	z-index: 8888;
	transition: all 1s ease-in-out;
	top: 0px;	
}

.bannerText{
	
	}

h3{
    
	font-family: 'Racing Sans One', cursive;
	font-size: 50px;
	color: #990000;
	text-transform: uppercase;
	text-align: center;
    margin-top: 90%;
	margin-left: 0%;
	font-style: normal;
	font-weight: bolder;
	font-variant: normal;
	text-decoration: none;
	line-height:50px;

}

h4{
	
	font-family: 'Racing Sans One', cursive;
	font-size: 24px;
	color: #0093dd;
	text-transform: uppercase;
	text-align: center;
    margin-top: 0%;
	margin-left: 0%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
	line-height:28px;

}


.logo
{
	height: auto;
	width: auto;
    padding: 20px 0 0 8%;
	position: absolute;
	margin-bottom:0px;
	z-index:9999;


}

.banners{
	margin: auto;
	padding: 0px;
	height: auto;
	width: 100%;
	overflow:hidden;
	background-color:#010101;
}

.Social_icons
{
	width: auto;
	margin: 0px 10px 0px 10px;
	padding: 0px 20px 0px 0px;
	top:30px;
	height: auto;
	position: relative;
	float: right;
	right: 3%;
	opacity:0;
	transform: translateX(-50px);
	transition:all 1s ease-in-out;
}


#Navigation
{
	background-repeat: repeat-x;
	height: 52px;
	width: 70%;
	position: relative;
	padding-top:20px;
	
}

#contactus_img{
	background-image: url(../_images/12.jpg);
	background-repeat: no-repeat;
	width:100%;
	height:0px;
	padding-top:50%;
	background-size:contain;
}

#aboutus_img{
	background-image: url(../_images/13.jpg);
	background-repeat: no-repeat;
	width:100%;
	height:0px;
	padding-top:50%;
	background-size:contain;
}

#hellfire_img{
	background-image: url(../_images/1.jpg);
	background-repeat: no-repeat;
	width:100%;
	height:0px;
	padding-top:57.08%;
	background-size:contain;
}


#hellfireposter_img{
	background-image: url(../_images/2.jpg);
	background-repeat: no-repeat;
	width:100%;
	height:0px;
	padding-top:59.22%;
	background-size:contain;
}

#testochargeposter_img{
	background-image: url(../_images/3.jpg);
	background-repeat: no-repeat;
	width:100%;
	height:0px;
	padding-top:59.22%;
	background-size:contain;
}

#massgainerposter_img{
	background-image: url(../_images/6.jpg);
	background-repeat: no-repeat;
	width:100%;
	height:0px;
	padding-top:59.22%;
	background-size:contain;
}


#nitromassposter_img{
	background-image: url(../_images/7.jpg);
	background-repeat: no-repeat;
	width:100%;
	height:0px;
	padding-top:59.22%;
	background-size:contain;
}

#wheyposter_img{
	background-image: url(../_images/8.jpg);
	background-repeat: no-repeat;
	width:100%;
	height:0px;
	padding-top:59.22%;
	background-size:contain;
}

#muscleproposter_img{
	background-image: url(../_images/9.jpg);
	background-repeat: no-repeat;
	width:100%;
	height:0px;
	padding-top:59.22%;
	background-size:contain;
}

#notestposter_img{
	background-image: url(../_images/5.jpg);
	background-repeat: no-repeat;
	width:100%;
	height:0px;
	padding-top:59.22%;
	background-size:contain;
}

#testup_img{
	background-image: url(../_images/4.jpg);
	background-repeat: no-repeat;
	width:100%;
	height:0px;
	padding-top:59.22%;
	background-size:contain;
	
}


.myNavigation{
	opacity:0;
	transform: translateX(+50px);
	transition:all 1s ease-in-out;
}

#banner
{
	/*padding-top: 35.5%;*/
	z-index: 2;
	margin-top: 0px;
	margin-left: 0%;
			
	height: auto;
	width: 100%;
	position: relative;
    float: left;
	background-color:#000;
	
}


.rslides {
  margin: 0 auto 40px;
  }

#slider2,
#slider3 {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  margin: 0 auto;
  }

/**************************************/

#menu-trigger { /* Hide it initially */
    display: none;
}

#mynav{
	height: auto;
	width: 100%;
	position: relative;
	top: 0px;
}

#mynav1{
		display:none;
	}

ul.egmenu {      /* menu properties */
    margin:0 3% 0 0;
	padding: 0 20px 0 20px;
    height: auto;
    width: auto; 
	float:right;
	display:block;	
}

ul.egmenu > li { 
	margin:0 0 0 0;
	padding: 0 0 0 0;
    float: left; 
    position: relative;  
}

ul.egmenu ul {  /*  sub menu properties*/
    background: #F00; 
    display: none; 
    position: absolute;
    left: 0; top: 100%;
}

ul.egmenu a {
	margin: 0 0 0 0;
	cursor: pointer;
	display: block;
	color: #069fea;
	line-height: 52px;
	padding: 0 15px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	text-align: left;
	white-space: normal;
	position: relative;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	text-shadow: 1px 1px 4px #010101;
	text-transform: uppercase;
	
}

ul.egmenu li { list-style: none; }

ul.egmenu a:hover { color: #8ed5f8;  }
ul.egmenu li:hover {   }
ul.egmenu li:hover ul { display: block;  }

#mobilemenu {
	display:none;
	position: absolute;
	width: 100%;
	height: 170px;
	z-index: 2;
	float: right;
}

@media only screen and (max-width : 780px){
	
	#mynav{
		display:none;
	}
	
	#mynav1{
		display:block;
		position:relative;
	}
	
	ul.egmenu {  height: auto; width:auto; background-color:#010101;padding: 0 0 0 0;}
    ul.egmenu > li {  float: none; width: 100%; }
    ul.egmenu a { line-height: 40px; text-align:right;font-size: 11pt; }
    ul.egmenu ul { position: relative; }
    ul.egmenu li.tap { background: #555;  }
    ul.egmenu li.tap ul { display: block;  }
	
	#menu-trigger {
	display: block; /* Show it now */
	height: 50px;
	width: 60px;
	line-height:50px;
	cursor: pointer;
	padding: 0 20px 0 0;
	margin: 0 0px 0 0;
	color: #fafafa;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	position: relative;
	float: right;
	text-align: right;
	vertical-align: middle;
	text-shadow: 2px 2px 4px #000000;
	text-transform: uppercase;
	background-color:#069fea;

}
}

/**************************************/

.menu
{
	font-size: 12pt;
	font-weight: normal;
	font-variant: normal;
	
	color: #FFF;
	font-style: normal;
	line-height: normal;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	height: 34px;
	width: auto;
	vertical-align: middle;
	text-align: center;
	padding-top:18px;
	padding-right: 18px;
	padding-left: 18px;
	text-shadow: 2px 2px 4px #000000;
}

.menuselected {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #03a6f0;
	display: block;
}



.menu:hover
{
	
	height: 34px;
}


#content
{
	height: auto;
	width: 100%;
	margin-left: 0%;
	margin-top: 0%;
	float: left;
	position: relative;
	background-color: rgba(1, 1, 1, 1);
	padding-bottom: 50px;
	z-index:7777;
	/*margin-bottom:300px;*/
}

#aboutcontent
{
	height: auto;
	width: 100%;
	margin-left: 0%;
	margin-top: 0%;
	float: left;
	position: relative;
	background-color: rgba(21, 21, 21, 1);
	padding-bottom: 50px;
	z-index:9988;
	/*margin-bottom:300px;*/
}

#inneraboutcontent
{
	margin: auto;
	margin-top: 0px;
	height: auto;
	width: 1200px;
	
}

#innercontent
{
	margin: auto;
	margin-top: 0px;
	height: auto;
	width: 1200px;
	
}

#productContent
{
	height: auto;
	width: 100%;
	margin-left: 0%;
	margin-top: 0%;
	position: relative;
	background-color: rgba(0, 0, 0, .4);
	
	/*z-index:8;
	margin-bottom:300px;*/
}

#myproduct_img{
	height:310px; 
	width:290px; 
	float:left;	
}

#myproductsmall_img{
	height:276px; 
	width:300px; 
	float:left;	
	margin-top:20px;
}

#productInnerContent
{
	margin: auto;
	height: auto;
	width: 800px;
	text-align: left;
	clear: none;
	float: none;
	padding-top: 50px;
	padding-right: 0;
	padding-bottom: 50px;
	padding-left: 0;
	position: relative;	

}

.productTitle{

	font-family: 'Racing Sans One', cursive;
	font-size: 40px;
	color: #990000;
	text-transform: uppercase;
	text-align: left;
	margin-left: 0px;
	font-style: normal;
	font-weight: bolder;
	font-variant: normal;
	text-decoration: none;
	
}

.productInfo{
	font-family: 'Racing Sans One', cursive;
	font-size: 20px;
	color: #999900;
	text-transform: uppercase;
	text-align: left;
	margin-left: 0px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;	
}


.productDescription{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #666666;
	text-transform: uppercase;
	text-align: justify;
	margin-left: 0px;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	letter-spacing: .1em;
	word-spacing: .1em;
	display: block;	
}

.aboutDescription{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 30px;
	color: #666666;
	text-transform: uppercase;
	text-align: justify;
	margin-left: 0px;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	letter-spacing: .1em;
	word-spacing: .1em;
	display: block;	
}




.product
{
	
	
	margin: 0px;
	margin-top: 50px;
	margin-left: 40px;
	padding: 0px;
	float: left;
	height: 490px;
	width: 500px;


    background-color:#606060;
	
	
	
	
	
	
	vertical-align: middle;
	overflow: hidden;
		
	border: 6px solid #03a6f0;
	
	background-size:auto 100%;
	
	transition:all 0.3s ease;
	-webkit-transition-delay:all 0.3s ease;
	-moz-transition-delay:all 0.3s ease;
	-ms-transition-delay:all 0.3s ease;
	-o-transition-delay:all 0.3s ease;
		
}

.product:hover {
border: 6px solid #8ed5f8;
background-size:auto 110%;
transition:all 0.3s ease;
-webkit-transition-delay:all 0.3s ease;
-moz-transition-delay:all 0.3s ease;
-ms-transition-delay:all 0.3s ease;
-o-transition-delay:all 0.3s ease;
}

.animleft
{
	
		
}

.animright
{
	
		
}

.is-showing{
 opacity:1;	
 transform: translateX(0px);
 transform: translateY(0px);

}

#hellfire{
	background-image: url(../_images/hellfire.jpg);
	background-repeat: no-repeat;
	position: relative;
	background-position: center center;		
}


#testocharge{
	background-image: url(../_images/testocharge.jpg);
	background-repeat: no-repeat;
	position: relative;
	background-position:center center;
}

#notest{
	background-image: url(../_images/notest.jpg);
	background-repeat: no-repeat;
	position: relative;
	background-position:center center;
}

#massgainer{
	background-image: url(../_images/mass_gainer.jpg);
	background-repeat: no-repeat;
	position: relative;
	background-position:center center;
}

#nitromass{
	background-image: url(../_images/nitromass.jpg);
	background-repeat: no-repeat;
	position: relative;
	background-position:center center;
}

#whey{
	background-image: url(../_images/100whey.jpg);
	background-repeat: no-repeat;
	position: relative;
	background-position:center center;
}

#musclepro{
	background-image: url(../_images/musclepro.jpg);
	background-repeat: no-repeat;
	position: relative;
	background-position:center center;
}

#testup{
	background-image: url(../_images/testup.jpg);
	background-repeat: no-repeat;
	position: relative;
	background-position:center center;
}


.innercaption{
	margin-top: 0px;
	margin-left: 0;
	float: left;
	height: 250px;
	width: 500px;
	padding: 0px;
	padding-top: 240px;
	clear: none;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;;
	font-size: 14px;
	font-style: normal;
	line-height: 30px;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
	text-align: center;
	vertical-align: auto;
	display: block;
	opacity: 0;
	letter-spacing: 0.15em;
	background-color: #666;
	transition:all 0.7s ease;
	
	transform:scale(.9,.9);
	
	transition:all 0.2s ease;
	-webkit-transition-delay:all 0.2s ease;
	-moz-transition-delay:all 0.2s ease;
	-ms-transition-delay:all 0.2s ease;
	-o-transition-delay:all 0.2s ease;
}

.email a{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 30px;
	color: #999900;
	margin-left: 0px;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	letter-spacing: .1em;
	word-spacing: .1em;
	display: block;
	text-align: right;
	font-weight: bold;	
}

.email a:hover{
	text-decoration: underline;
}


.image{
	width:auto;
	float:right;
	position:relative;
	text-align:right;
}

.product:hover > .innercaption{
opacity: 0.9;
display:block;
background-color: #06a5e6;
transform:scale(1,1);

transition:all 0.2s ease;
-webkit-transition-delay:all 0.2s ease;
-moz-transition-delay:all 0.2s ease;
-ms-transition-delay:all 0.2s ease;
-o-transition-delay:all 0.2s ease;
}























#aboutus
{
	/*background-image: url(./_images/watermark.png);
	background-position: 0px 20px;
	background-size: 600px auto;
	background-position: center;
    background-repeat: no-repeat;
	background-attachment: scroll;*/
	height: 100%;
	width: 94%;
	margin-left: 3%;
	margin-right: 3%;
	margin-top: 10px;
	padding-top: 20px;
	float: left;
	position: relative;
}

#aboutus > p
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	color: #8b8b8b;
	line-height: 25px;
	letter-spacing: 0.04em;
	text-align: left;
}





h1
{
	font-family: 'Racing Sans One', cursive;
	font-size: 85px;
	color: #990000;
	text-transform: uppercase;
	text-align: right;
    margin-top: 450px;
	margin-left: 0px;
	margin-right: 100px;
	font-style: normal;
	font-weight: bolder;
	font-variant: normal;
	text-decoration: none;
	line-height: 0px;
	
	opacity:0;
	transform: translateX(-250px);
	transition:all 2s ease-in-out;

}

h2
{
	font-family: 'Racing Sans One', cursive;
	font-size: 35px;
	color: #FFCC00;
	text-transform: uppercase;
	text-align: right;
	margin-left: 0px;
	margin-right: 100px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-decoration: none;
	opacity: 0;
	transform: translateX(250px);
	transition: all 2s ease-in-out;
	letter-spacing: .1em;
}



#footer{
	margin-top:0px;
	background-color: #000000;
	height: auto;
	width: 100%;
	float: left;
	position:relative;
	/*bottom: 0;
	z-index:1;
	display:none;*/
	
	
}

#contact{
	margin-top: 40px;
	padding: 10px 10px 10px 0px;
	margin-left: 5%;
	background-repeat: no-repeat;
	height: 150px;
	width: 150px;
	float: left;
	background-image: url(../_images/logo.png);
	background-position: 0px 0px;
	background-size: 160px auto;

}

#address{
	margin-top: 0px;
	padding: 20px 10px 10px 0px;
	margin-left: 4%;
	background-repeat: no-repeat;
	height: auto;
	width: 90%;
	float: left;
		
	
	/*background-position: 0px 20px;
	background-size: 600px auto;
	
    background-repeat: no-repeat;
	background-attachment: scroll;*/
}

#mailform{
	margin-top: 0px;
	padding: 20px 0px 10px 0px;
	margin-left: 2%;
	margin-right:0%;
	background-repeat: no-repeat;
	height: auto;
	width: 55%;
	float: left;
	
}

#address > p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #8b8b8b;
	line-height:20px;
	letter-spacing: .03em;
}


#address > li, #mailform > li
{
	text-transform: none;
	text-decoration: none;	
}

#address > li.heading, #mailform > li.heading
{
	font-size: 16px;
	font-style: normal;
	color: #000000;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .03em;
	font-family: Arial, Helvetica, sans-serif;
}


/*.footerarea{
	
	padding:10px 10px 10px 10px;
	margin-top:20px;
	margin-left:5%;
	width: 110px;
	float: left;
	
				

}
*/

#company{
	padding: 10px 10px 10px 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 5%;
	width: 150px;
	float: left;
}

#col_first{
	padding:10px 10px 10px 10px;
	margin-top:20px;
	margin-left:5%;
	width: 190px;
	float: left;
}

#col_sec{
	padding:10px 10px 10px 10px;
	margin-top:20px;
	margin-left:5%;
	width: 180px;
	float: left;

}

#footertext{
	
	background-color: #05a6e8;
	height: auto;
	width: 90%;
	float: left;
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 0px;
	z-index:7;
}

#footertext p,a{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #000000;
	vertical-align: middle;
	letter-spacing: .05em;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}


#footertext a:hover{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #000000;
	vertical-align: middle;
	letter-spacing: .05em;
	font-weight: normal;
	font-weight: bold;
	text-transform: none;
	text-decoration: none;
}


.footerarea a{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 25px;
	font-style: normal;
	color: #069fea;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	letter-spacing: .07em;
	

}

.footerarea a:hover{
	color: #8ed5f8;
}

.footerarea ul{
	text-decoration: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	border-top-style: 0;
	border-right-style: 0;
	border-bottom-style: 0;
	border-left-style: 0;
	

}

.footerarea ul li {
	margin-top: 4px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #8b8b8b;
	text-decoration: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	list-style-type: none;
	margin-left: 0px;
	letter-spacing: .03em;
	
	
	
}

/*.mylinks{
	opacity:.4;
	transform: translateX(-150px);
	transition:all 1s ease-in-out;
}*/

.footerarea ul li.heading{
	font-size: 18px;
	font-style: normal;
	line-height: 25px;
	color: #069fea;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .07em;
}

p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #8b8b8b;
	line-height: 16px;
	letter-spacing: 0.03em;
	text-align: justify;
	display: block;
}

.imageBanner{
	overflow: hidden;
	position: relative;
	visibility: visible;
	height: auto;
	width: auto;
	margin-top: 0px;
	float: right;
	left: 0px;
}

#mybanner{
	overflow: hidden;
	width: 100%;
	height:auto;
}
/*PRODUCTS.HTML PAGE CSS*/

#productmenu{
	
	height: 100%;
	width: 15%;  
	float: left;
	position: relative;	
	margin-left: 1%;
	margin-top:1%;
	
}

#productArea{
	height: auto;
	width: 100%;
	float: left;
	position: relative;
	background-color: #FFF;
}

#productPage{
	height: auto;
	width: 83%;
	float: right;
	position: relative;
	

	
}

.images{
	margin: 0px;
	margin-top: 30px;
	margin-left: 30px;
	padding: 0px;
	float: left;
	height: 187px;
	width: 246px;
	border-radius: 6px;
	background-color:#FFF;
}

#frame{
	float: left;
	height: 100%;
	width: 100%;
	overflow: scroll;	
}
/*PRODUCTS.HTML PAGE CSS*/


/*********Contact us****************/

#myaddress{
	
	width:40%;
	height:auto;
	float:right;
	position:relative;
}

#myLocation{
	border: 2px inset #999;
	margin-top: 10px;
	padding: 0px 0px 0px 0px;
	margin-left: 0;
	margin-right: 0;
	background-repeat: no-repeat;
	height: 350px;
	width: 400px;
	float: left;	
}

#contactme {width:100%; height:100%; margin 0 0 0 0; background: #e5e2cd;margin-top: 10px; }

#contactme .container {width:90%; height:auto; margin: 0 auto; padding: 50px 0;}

#contactme .container form input,
#contactme .container form textarea {
	width:97.4%;
	height:30px;
	padding:5px 10px;
	font-size: 12px;
	color:#999;
	letter-spacing:1px;
	background: #FFF;
	border:2px solid #FFF;
	margin-bottom:25px;
  -webkit-transition:all .1s ease-in-out;
	-moz-transition:all .1s ease-in-out;
	-ms-transition:all .1s ease-in-out;
	-o-transition:all .1s ease-in-out;
	transition:all .1s ease-in-out;}

#contactme .container form input:focus,
#contactme .container form textarea:focus {
	border:2px solid #dd4545;
	color:#999;}

#contactme .container form textarea {
	height:150px;}

#contactme .container form .submit {
	width:100%;
	padding:5px 10px;
	font-size: 12px;
	letter-spacing:1px;
	background:#dd4545;
	height:40px;
	text-transform:uppercase;
	letter-spacing:1px;
	color:#FFF;
	border:2px solid #b43838;
  -webkit-transition:all .1s ease-in-out;
	-moz-transition:all .1s ease-in-out;
	-ms-transition:all .1s ease-in-out;
	-o-transition:all .1s ease-in-out;
	transition:all .1s ease-in-out;}

#contactme .container form .submit:hover {
	color:#FFF;
	border:2px solid #dd4545;
	background: #b43838;
	cursor:pointer;}

#contactme .container form .required {
	color:#b43838;}
	
/******************************/