
.cf:after,
.cf:before {
  content: "";
  display: table;
}
.cf:after {
  clear: both;
}
.cf {
	zoom: 1;
}


.wrapper {
	margin: 0 auto;
	width: 1100px;
	position: relative;
}
/*----------------------------*/

body {margin: 0px;padding: 0px;border: 0px;font-family:Arial, Helvetica, sans-serif;background:#E6E6E6;color:#666;}

/*Fonts*/
a { font-size:13px; color:#666;}
a:link{color:#999999; text-decoration:none;}
a:visited{color:#999999; text-decoration:none;}
h1 { font-size:26px; font-weight:bold; color:#333;}
h2 { font-size:24px; font-weight:bold; color:#222; margin:0px;}
h3 {
	font-size: 22px;
	font-weight: normal;
	color: #FFF;
	margin: 0px;
}

h4 { font-size:22px; font-weight:bold; color:#222; margin:0px;}
/*Fonts END*/

#header {
	height: 518px;
	border-bottom: solid 1px #333333;
	background: url(images/megaphase_bg.jpg) no-repeat center;
	margin: 0 auto;
}

#toprow {height:372px;border-top:solid 1px #1d1d1d;background: #FFFFFF url(images/bg.gif) repeat-x;}
#toprowsub {height:70px;border-bottom:solid 1px #ccc;background: #FFFFFF url(images/bg2.gif) repeat-x;}
#toprowsub h2{padding:15px 30px;}
#midrow {
	width: 1100px;
	margin: 0 auto;
}


#bottomrow {
	width: 1100px;
	margin: 0 auto;
}

.form {
	margin: 0 auto;
	background-color: #FFFFFF;
	border-radius: 5px;
	height: 25px;
	width: 340px;
	border: 1px;
	border-bottom-color: #F00;
}

.form2 {
	margin: 0 auto;
	background-color: #FFFFFF;
	border-radius: 5px;
	height: 150px;
	width: 360px;
	border: 1px;
	border-bottom-color: #F00;
}

/*LOGO*/
#logo{
	margin-top: 20px;
	width: 300px;
	float: left;
}
#logo a{
	background: url(images/logo.gif) no-repeat;
	display: block;
	width: 300px;
	height: 115px;
	padding-left: 70px;
}
/*LOGO END*/

.img1{margin-top:10px;float:left;display:block;width:83px;height:87px;background:url(images/home_img_1.jpg) no-repeat 0px 0px;text-indent:-1000px;}
.img1:hover{background:url(images/home_img_2.jpg) no-repeat 0px 0px;}

/*Menu Begin*/
#menu{
	float: right;
	margin-top: 10px;
	border-radius: 5px;
	padding-right: 5px;
	margin-right: 5px;
	background-image: url(images/menu_bg.jpg);
	overflow: hidden;
}
#menu ul li{ display:inline; list-style-type:none;}
#menu ul li a{padding:2px 0px; font-size:12px; text-decoration:none; margin:0px 10px; font-weight:bold;}
#menu ul li a span{font-size:12px; text-decoration:none; padding:10px 2px; color:#ffffff;}
#menu ul li a.active
#menu ul li a.active span
#menu ul li a:hover{font-size:12px; text-decoration:none; padding:10px 2px; color:#ffffff; background-image:url(images/menu_hover.jpg); }
#menu ul li a:hover span{font-size:12px; text-decoration:none; padding:10px 2px; color:#ffffff; background-image:url(images/menu_hover.jpg);}
/*Menu End*/


/*footer_Menu Begin*/
#footer_menu{
	float: left;
	margin-top: 50px;
	padding-left: 140px;
}
#footer_menu ul li{ display:inline; list-style-type:none;}
#footer_menu ul li a{padding:2px 0px; font-size:11px; text-decoration:none; margin:0px 10px; font-weight:bold;}
#footer_menu ul li a span{font-size:11px; text-decoration:none; padding:0px 1px; color:#232323;}
#footer_menu ul li a.active
#footer_menu ul li a.active span{font-size:11px; text-decoration:none; padding:0px 1px; color:#c85518;}
#footer_menu ul li a:hover{font-size:11px; text-decoration:none; padding:0px 1px; color:#c85518;}
#footer_menu ul li a:hover span{font-size:11px; text-decoration:none; padding:0px 1px; color:#c85518;}
/*footer_Menu End*/

.center{
	width: 1100px;
	margin: 0 auto;
}

.group{
	padding-top: 10px;
	width: 1100px;
	float: left;
}

/*SlideShow Begin*/
#cu3er-container {margin-top:0px;padding-left:0px;padding-right:0px;width:1100px;height:343px;}
#cubershadow{width:960px;height:372px;background:url(images/shadow.jpg) no-repeat bottom;}
/*SlideShow End*/

/*Homepage Boxs*/
#container {
	width: 1100px;
}


.container_about {
	width: 1100px;
	overflow: hidden;
	float: left;
	background-color: #f6f6f6;
	margin-top: 80px;
	margin-bottom: 30px;
}

.container_ref {
	width: 1150px;
	overflow: hidden;
	float: left;
	margin-top: 30px;
	margin-bottom: 30px;
}

#container_scroler {
	float: left;
	width: 1100px;
	height: 169 px;
	overflow: hidden;
	padding-left:0px;
	padding-top: 10px;
}

#container3 {
	width: 1100px;
	height: 50px;
	margin: 0 auto;
	overflow: hidden;
	padding-left: 0px;
	padding-top: 20px;
	text-align: left;
}

.picprod {
	float: left;
	background-color: #f4f4f4;
	border-radius: 5px;
	padding: 15px 15px 15px 15px;
	margin-right: 20px;
	margin-top: 4px;
	height: 125px;
}
.picprod2 {
	width: 1100px;
	height: auto;
	float: left;
}
.box {
	margin-top: 20px;
	padding-top: 10px;
	width: 360px;
	height: auto;
	float: left;
	background: url(images/border.jpg) no-repeat bottom right;
}
.box h1{padding-left:10px;}
.box p {margin:0px;width:250px;padding:15px 5px 10px 5px;float:left;}
.box p a {font-size: 13px;}
.last{background:none;}

a.plan{float:left;display:block;width:83px;height:101px;background:url(images/plan.jpg) no-repeat 0px -101px;text-indent:-1000px;}
a.plan:hover{ background-position: 0px 1px;}
a.whyus{margin-top:10px;float:left;display:block;width:83px;height:87px;background:url(images/whyus.jpg) no-repeat 0px 0px;text-indent:-1000px;}
a.whyus:hover{ background-position: 0px -88px;}
a.support{margin-top:14px;float:left;display:block;width:83px;height:72px;background:url(images/support.jpg) no-repeat 0px 0px;text-indent:-1000px;}
a.support:hover{ background-position: 0px -70px;}

a.button{background:url(images/buttonr.gif) no-repeat right; padding:3px 0px; margin-left:2px; color:#CCCCCC; text-decoration:none; }
.button span{background:url(images/buttonl.gif) no-repeat left; padding:3px 5px;}
/*Homepage Boxs END*/

/*Subpage Boxs*/
#box2holder{padding: 20px 30px;}
.box2{width:450px; float:left; padding:20px 0px;}
.box2 img{ border: solid 5px #F2F2F2; float:left;}
.box2 h3{margin:0px; padding:0px 5px; float:left;}
.box2 p{width:220px; float:left;padding:5px 5px; margin:0px;}
/*Subpage Boxs END*/


/*Footer*/
#footer {
	background: #222222;
	float: left;
	width: 100%;
	height: 176px;
	border-top: solid 1px #333333;
	background-image: url(images/footer_bg.jpg);
}

.foot{width:960px;margin:0 auto; padding:10px 0px; font-size:12px;}
.foot a:link{color:#999;text-decoration:none;}
/*Footer END*/



.home_img{
	float: left;
	width: 359px;
	height: 175px;
	padding: 5px 2px 0px 5px;
	background-color: #edeae9;
	
}

.about_img{
	float: left;
	width: 350px;
	height: 239px;
	padding: 5px 5px 5px 5px;
	margin-top: 55px;
	background-color: #edeae9;
	
}

.ref_img{
	float: left;
	height: 168px;
	margin-top: 20px;
	
}

.products_img{
	float: left;
	width: 400px;
	height: 70px;
}

.textbox_about{
	float: left;
	padding: 25px 10px 0px 0px;
	width: 730px;
}

.textbox_about2{
	float: left;
	width: 340px;
	padding: 0px 10px 0px 15px;
}

.textbox_ach{
	float: left;
	padding: 25px 10px 0px 0px;
	width: 1100px;
}

.textbox_logo{
	float: left;
	width: 1100px;
	background-color: #f8f8f8;
	padding: 10px 10px 10px 10px;
	margin-top: 20px;
}

.logo_box{
	float: left;
	width: 200px;
	height: 165px;
	padding: 5px 5px;
	margin: 5px 5px;
	background-color: #FFF;
	border-radius: 20;
}

.textbox_contact{
	float: left;
	width: 215px;
	padding: 20px 10px 0px 15px;
}

.textbox_contact2{
	float: left;
	width: 400px;
	padding: 0px 10px 0px 15px;
	padding-top: 15px;
}

.textbox_form{
	float: left;
	width: 1050px;
	padding: 0px 10px 0px 15px;
	padding-top: 30px;
}

.textbox{
	float: left;
	padding: 25px 0px;
	width: 700px;
	font-size: 13px;
}

.textbox p {
	font-size: 13px;
}

.textbox3{
	padding-top: 25px;
	padding-left: 50px;
}
.textbox2{padding:10px 30px; background:url(images/textbox2bg.gif) repeat-x;}
.feed{width:auto; float:left;}
.feed img{ border: solid 0px; margin-top:120px; padding:0px 7px;}
 

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

/* fade slider */
.slides {
	height: 300px;
	width: 1180px;
	overflow: hidden;
	margin: 0px auto;
	position: relative;
	top: 25px;
}
.points{
	overflow: hidden;
	width: 300px;
	height: 250px;
	float: left;
	margin: 0 0 0 90px;
	padding: 3px 0 0 5px;
	color: black;
	background: url('images/services-bg.jpg') no-repeat;
	background-position: 0px 0px;
}



.points ul {
    list-style: none;
    position:relative;
}


.slides ul {
    list-style:none;
    position:relative;
	margin:0;
	display: table-cell;
}
 
/* keyframes #anim_slides */
@-webkit-keyframes anim_slides {
    0% {
        opacity:0;
    }
    6% {
        opacity:1;
    }
    24% {
        opacity:1;
    }
    30% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-moz-keyframes anim_slides {
    0% {
        opacity:0;
    }
    6% {
        opacity:1;
    }
    24% {
        opacity:1;
    }
    30% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
 
.slides ul li {
    opacity:0;
    position:absolute;
    top:0;
	margin:0;
	display: table-cell;
 
    /* css3 animation */
    -webkit-animation-name: anim_slides;
    -webkit-animation-duration: 24.0s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-delay: 0;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;
 
    -moz-animation-name: anim_slides;
    -moz-animation-duration: 24.0s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: normal;
    -moz-animation-delay: 0;
    -moz-animation-play-state: running;
    -moz-animation-fill-mode: forwards;
}
 
/* css3 delays */
.slides ul  li:nth-child(2), .slides ul  li:nth-child(2) div {
    -webkit-animation-delay: 6.0s;
    -moz-animation-delay: 6.0s;
	margin:0;
	display: table-cell;
}
.slides ul  li:nth-child(3), .slides ul  li:nth-child(3) div {
    -webkit-animation-delay: 12.0s;
    -moz-animation-delay: 12.0s;
	margin:0;
	display: table-cell;
}
.slides ul  li:nth-child(4), .slides ul  li:nth-child(4) div {
    -webkit-animation-delay: 18.0s;
    -moz-animation-delay: 18.0s;
	margin:0;
	display: table-cell;
}
.slides ul li img {
    display:block;
	margin:0;
	display: table-cell;
}
 
/* keyframes #anim_titles */
@-webkit-keyframes anim_titles {
    0% {
        left:100%;
        opacity:0;
    }
    5% {
        left:10%;
        opacity:1;
    }
    20% {
        left:10%;
        opacity:1;
    }
    25% {
        left:100%;
        opacity:0;
    }
    100% {
        left:100%;
        opacity:0;
    }
}
@-moz-keyframes anim_titles {
    0% {
        left:100%;
        opacity:0;
    }
    5% {
        left:10%;
        opacity:1;
    }
    20% {
        left:10%;
        opacity:1;
    }
    25% {
        left:100%;
        opacity:0;
    }
    100% {
        left:100%;
        opacity:0;
    }
}
 
.slides ul li div {
    background-color:#000000;
    border-radius:10px 10px 10px 10px;
    box-shadow:0 0 5px #FFFFFF inset;
    color:#FFFFFF;
    font-size:26px;
    left:10%;
    margin:0;
    padding:20px;
    position:absolute;
    top:50%;
    width:200px;
	display: table-cell;
 
    /* css3 animation */
    -webkit-animation-name: anim_titles;
    -webkit-animation-duration: 24.0s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-delay: 0;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;
 
    -moz-animation-name: anim_titles;
    -moz-animation-duration: 24.0s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: normal;
    -moz-animation-delay: 0;
    -moz-animation-play-state: running;
    -moz-animation-fill-mode: forwards;
}

.contact_head	{
height: 50px;
margin-left: 500px;
margin-bottom: 0px;
font-weight: bold;
}

.contact_head ul li {
display: block;
float: left;
margin-left: 30px;
color: black;
}


.contact_head ul li a{
color: black;
}
 
.copyact	{
clear: both;
content: "";
width: 300px;
margin: 0 auto;
font-size: 13px;

}

.copyact img	{
vertical-align: middle;

}
.contact_head ul li a:hover {
color: #b1430a;
}



#container2 {
	width: 1100px;
	height: 169;
	overflow: hidden;
	padding-top: 30px;
	float: left;
}


#containerx {
	width: 1100px;
	height: 169;
	overflow: hidden;
	padding-top: 5px;
	float: left;
}



#re_products	{
 width: 910px;
 margin: 0 auto;	
}



