/* TAGS */
* {margin:0;padding:0}



/* GLOBAL */
html {
margin:0;
	padding:0;
  height: 100%;
 
}

body#page1 {background-color:#FFFFFF;font-family:MyriadProRegular,Helvetica,Arial,sans-serif; height:100%; margin:0; padding:0;}
#main {width:100%;   min-height:100%; position:relative; font-family:MyriadProRegular,Helvetica,Arial,sans-serif;}
#content {font-size:0.95em; width:100%;   padding-bottom:200px;  display:inline-block;  }
#header {padding-top:55px; position:relative  }
/* ALIGMENT */

a {
	text-decoration:none
}





/* HEADER */

/*auto hide/show sitemap*/
header {
    background: #f5b335;
    height: auto;
    position:fixed;
    margin-top:55px; 
    transition: top 0.2s ease-in-out;
    width: 100%;
    z-index:99;
    background-color:#FFFFFF;
    margin-top:55px
}

.nav-up {
    top: -35px;
}
header.nav-down {}
header.nav-down div.sitemap {width:100%}
/*ends auto hide/show sitemap*/


div.sitemap{				
				padding-bottom:0;
				margin-top:-1px;
				
				position:relative;
				display:inline-block;
				background:#FFFFFF;
				width:95%;
				
				float:left;
				font-family:MyriadProRegular,Helvetica,Arial,sans-serif;
}
div.sitemap ul.sitemap {			    
			    float:left;
			 padding-left:20px;
			    width:100%;
			    padding-top:5px;
			    background-color:#FFFFFF;
			    height:25px;
			    border-bottom:thin #CCCCCC solid;
}
div.sitemap ul.sitemap li.home {
				float:left;
				padding-bottom:0px;
				padding-left:10px;
				list-style:none;
				

}
div.sitemap ul.sitemap li.sitemap {
                 list-style-image:url('images/breadcrumb_separator.png'); 
				 width:auto;
				 float:left;				 
				 margin-left:20px;	
				 
				 font: caption;
				 color: silver;
				 padding-top:4px;
				 padding-left:0px;
				  font-size:small;
				  font-weight:bold;
				

				 

		 			 
}
div.sitemap ul.sitemap li.sitemap a {
				font:caption;
				color: gray;
				text-align: center;
				height:auto;
			    margin-top:0px;
			    font-size:small;
				 font-weight:lighter

}
div.sitemap ul.sitemap li.sitemap a:hover {
				
				color:#0099FF
}
/*home*/



/* CONTENT */
div.indent a { width:30%;height:145px; display:inline-block; margin-left:1.5%; margin-bottom:10px; margin-top:10px}

div#homepage {
				  float:left;
				 
				  width:100%;
				  height:145px;
				  background-size:100% 145px;
				  background-position:right; 
				  border:1px #E2E2E2 solid
				  

				  
}
/*about us*/

div.wrapper-about_us {width:40%;
                      margin-left:5%;
                      display:inline-block;
                      height:auto;
                      float:left;
                      position:relative;
                     
                      }

h2.title-about {width:100%;
                  
                 color:#0099FF;
                 font-weight:lighter}
div.about_us {
				float:left;
				
				padding-right:30px;
				margin-top:15px;
				text-align:justify;
				display:inline-block;
				width:100%;
				margin-left:0%;
				height:auto;
				margin-bottom:25px
}
div.about_us p { font-size:15px;margin-top:15px}
div.wrapper-news {width:40%;
                  height:auto;
                  display:block;
                 
                  float:left;
                  margin-left:5%;
                
                  }
                  
h2.title-news {width:100%;
                  
                 color:#C0C0C0;
                 font-weight:lighter;
                 border-bottom:thin #E2E2E2 solid;
                 margin-bottom:15px}
                  
div.wrapper-news ul li {  margin-left:20px;
                          font-size:15px;
                            margin-bottom:15px}


@media  (max-width: 900px){


div.indent a { width:45%;height:145px; margin-left:1.5%; }
div.wrapper-about_us {width:90%}
div.wrapper-news {width:90%}


 }                       
@media  (max-width: 600px) {

div.indent {margin-top:60px}
div.indent a { width:90%;height:145px; margin-left:5%; }


div.wrapper-about_us {width:90%}
div.wrapper-news {width:90%}
                        
}
/*careers*/

#careers-wraper { 
 float:left;
width:80%;
margin-left:10%;
height:428px;
 margin-bottom:40px;
 margin-top:15px;
 

}
div.careers {
				 background-image:url('images/womenintechss.png');
				 background-repeat:no-repeat;  
				 background-position:right; 
				 height:428px;
				 background-color:#E5E5E5;
				 padding-top:15px
}
div#careers-wraper div.careers h4 {
				font-family:Arial, Helvetica, sans-serif; font-size:large; 
				padding-left:0px; 
				padding-top:10px;
				padding-bottom:0px;
				color:#1f7dd2;
				margin-left:2.5%;
				margin-top:15px;
				font-weight:lighter
}
#helpfulLink {
				float:left;
				
}

div.careers p {
				font-family:Arial, Helvetica, sans-serif;
				font-size:small;
			    margin-left:5%;
			    width:40%;
			    text-align:justify;
			    margin-top:5px
			  
}
div.careers ul li {
				 
				 list-style-position:inherit;
				 list-style:disc;
				 margin-left:5%;
				 font-family:Arial, Helvetica, sans-serif;
				 font-size:small;
				


}
 @media  (max-width: 900px){
 #careers-wraper { width:100%;
 margin-left:0;
 margin-bottom:5px;
 margin-top:5px}
   div.careers {
	background-size: 100% 100%}
   div.careers p {width:90%;
                  margin-left:5%;}
                
 }

/*products*/

div.ProductsBannerText {
	 width:55%;
	 position:relative;
	  float:left
	}
div.home-slider-wrapper a.SliderButton {
    position:absolute;
	width:30%;
	height:23px;
	background:#0099FF;
	color:#FFFFFF;
    
	margin-left:35% ;
	margin-top:10%;
	
	padding-top:4px;
	border-radius:3px;
	text-align:center;

	text-decoration:none;
	z-index:20;


	}
div.home-slider-wrapper a.SliderButton:hover {
    background-color:#0066CC


}	
div.home-slider-wrapper h1.Slider {
     position:relative;
     width:90%;
	 margin-left:0%;
	 margin-top:0px;
	
	 font-weight:lighter}

	 
div.home-slider-wrapper p.Slider {
	position:relative;
	 margin-left:10%;
	 
	 font-weight:lighter;
	 color:#FFFFFF;
	 width:90%;
	 padding-top:15px
	}

	

 

#products {
				height:auto;
				padding-top:20px;
				max-width:1280px;
				margin:auto;
				font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
				padding-bottom:
				
				
				
}
div#products-list {
				 width:45%;
				 float:left;
				 margin-left:3%;
				 border:thin #DFDFDF solid;
				 border-radius:0px 0px 0px 0px;

				 padding-top:20px;
			
				 
				 height:320px;
				 margin-bottom:10px;
				 
				 
}

div#products-list:hover{border-color:#4399e6}
img#products-list {
				width:100%;
				height:96px;
				padding-left:0%;
				margin-bottom:5px
				
}
ul#products-list {
				list-style-image:url('images/arrow.gif'); list-style-position:inside;
				margin-top:7px;
				padding-left:4%
}
p#products-list {
				  font-family:Arial, Helvetica, sans-serif;
				  font-style:normal;
				  font-size:x-large;
				
				  margin-bottom:10px;
				  padding-left:4%

				 
		
				 
}
p#products-list a {
				color: #666666;
				text-decoration:none;
				display:inline-block;
				width:100%
}
p#products-dscp {font-size:small;
                 width:95%;
                 padding-left:3%}
a.products-list {
				 font-size:small;
				 text-decoration:none;
				 display:inline-block;
			
			

				 
			
}
a.products-list:hover {   color:blue
				 
}


  /*product open/close*/
  #products_mb {float:left;
  width:100%;
  padding-top:10px}
.prd-container  {
	 background:#FFFFFF;
	 padding-top:15px;
	 padding-bottom:15px;
	 height:auto;
	 display:inline-block
}
.prd-container label{
	font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
	padding: 5px 20px;
	position: relative;
	z-index: 20;
	display: block;
	height: 30px;
	cursor: pointer;
	color:#333333;
	line-height: 30px;
	font-size:small;
	border-bottom:thin #C0C0C0 solid;
	border-top:thin #C0C0C0 solid;
	width:80%;
	margin-left:5%;

	
	
}
.prd-container label:hover{
   cursor:inherit
}
.prd-container input:checked + label,
.prd-container input:checked + label:hover{
	
	color: #333333;
	
}
.prd-container label:hover:after,
.prd-container input:checked + label:hover:after{
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	right: 13px;
	top: 7px;
	background: transparent url('CSS3Accordion/images/arrow_down.png') no-repeat center center;	
}
.prd-container input:checked + label:hover:after{
	background-image:url('CSS3Accordion/images/arrow_up.png');
}
.prd-container input{
	display: none;
}
.prd-container ul{
	background: rgba(255, 255, 255, 0.5);
	margin-top: -1px;
	overflow: hidden;
	height: 0px;
	position: relative;
	z-index: 10;
	background-color:#FFFFFF
}
.prd-container ul li {
	height:auto;
	 padding-left:40px;
	 padding-top:10px;
	
	 width:100%;
	 display:inline-block
	 
}
.prd-container ul li a {
	  text-decoration:none;
	  width:auto;
	  display:inline-block;
	 
}
.prd-container input:checked ~ ul{
	
}
.prd-container input:checked ~ ul.pr-large{
	height: auto;
	overflow:visible;
	display:inline-block

} 
   /*product open/close eun*/
 @media  (max-width: 900px)  {
 div.home-slider-wrapper h1.Slider{  font-size:1.5em}
 div.home-slider-wrapper p.Slider{ display:none}
 div#products-list {
				 width:45%;
				 height:350px;
				 }

 }
 @media  (max-width: 600px){
 
 div.home-slider-wrapper {display:none}
 div#products {margin-top:60px}
  div.home-slider-wrapper h1.Slider{  font-size:0.5em;
                                      display:none
  }
 div.home-slider-wrapper p.Slider{ display:none}
 div.home-slider-wrapper h4.Slider{ display:inline-block}


 div#products-list {
				 width:95%;
				 height:auto;
				 }
ul#products-list {margin-bottom:10px

}  
div.home-slider-wrapper h1.Slider {
	 width:90%;
	 margin-left:5%;
	 font-size:25px
}
div.home-slider-wrapper p.Slider{
	display:none
}

}
/*contact*/
div#contact {
	width:100%
}
 div.con-steps { display:inline-block;
        width:100%;
        height:auto;
        float:left;
		 
        }
        
        
#credit {
			 float:left;
			 width:45%;
			 margin-top:0px;
			margin-left:0.5%;
			
			 
			border-width: 0px;
                box-shadow: rgb(0,0,0) 0px 0px 0px gray;
                border-radius:3px;

			 
			 padding-top:15px;
			 padding-left:15px;
			 border:#CECECE thin solid;
			 
			
			 
}

#credit h3 {
	margin-bottom:7px;
	color:gray;
	font-weight:lighter;
	width:45%;
	font-size:large
}

#credit p {
	margin-bottom:7px;
	width:95%;
	font-size:small;
	margin-left:5%
	}


#credit b {
	color:#0099FF
}

#credit a {
	 color:#0099FF
}

b#contact {
				color:#1f7dd2 ;font-size: small
}
div#contact {
				
				margin-top:10px;
				margin-left:5%;
				float:left;
				width:90%;
				height:auto
				
}
div#contact_ca {
                
                border-radius:3px;
                width:100%;
                float:left;
                height:auto;
                margin-bottom:10px;
                display:inline-block
              



				
}
div#contact_details h3 {
                    
			 height:25px;
			 padding-top:15px;
			 color:gray;
			 width:100%;
			 display:inline-block;
			 font-weight:lighter;
			 font-size:medium
			  
	
			
}
div#map {
				float:left;
				
				margin-left:5%;
				width:90%;
				height:auto;
				padding-top:55px;
				z-index:0
			
}
#map h3 {
	width:100%;
	background-color:gray;
	margin-top:5px;
	height:20px;
    text-indent:10px;
    padding-top:8px;
    color:#FFFFFF;
   
}

small {background:#0066FF;
float:right;
padding:7px;

z-index:9999;
display:inline-block
 }
 
 small a { color:#FFFFFF;
 display:inline-block}
small a:visited { color:#FFFFFF}
div.mailing {
	margin-bottom:7px;
	width:100%;
	border-bottom: thin  #F0F0F0 solid ;
	padding-bottom:7px;
	font-size:small
}

div.mailing h3 {
	margin-bottom:5px;
	color:gray;
	font-weight:lighter;
	font-size:large
}
div#contact_details{
				width:30%;
				float:left;
				margin-left:0px;
				margin-bottom:20px;
				font-size:small;
				padding-left:15px
				
				
			
}
div#note {
	width:90%;
	float:left;
	margin-bottom:10px;
	margin-top:10px;
	margin-left:5%;
	text-align:justify;
	border-top:thin #E2E2E2 solid;
	padding-top:10px;
	

}
 b#contact {
	 height:auto;

	
	 width:auto;	
	 
	 font-size:small;
	 color:#0066FF;
	float:left;
	display:inline-block

	
}

  #contact_details a{

	border-bottom:none;
	width:auto;
	display:inline-block;
	color:gray

}
@media  (max-width: 800px){
div#map{width:100%;margin:0}
#map h3 {margin-top:0}
small{width:100%}
small a {width:100%;
text-align:center}
div.con-steps {
	width:100%;
	display:none}
	
div#contact_details  { display:none}	
	
div.mailing {
	display:block;
	width:90%;
	padding-left:10%;
	border:none
	
}	
div#contact {
				
				
				margin-left:0%;
				float:left;
				width:100%;
				height:auto;
				
				
}
div#contact_ca {
	border:none
}
div#note {
	width:90%;
	float:left;
	margin-bottom:10px;
	margin-top:10px;
	text-align:justify;
	margin-left:5%;
	margin-right:5%;
	border-top:none;

}


}
	

/*partners*/

h2.partner-h2 {
	color:gray;
	width:100%;
	font-weight:lighter;
	border-bottom:thin #E2E2E2 solid;

	
}
p.partner-p {
   margin-bottom:15px;
   margin-top:10px
	}


.partner-wrapper {
	 width:80%;
	 height:auto;
	 margin-left:10%;
	 margin-top:35px
}
#partners {
				margin-left:50px;
				float:left;
				margin-bottom:15px;
				margin-top:15px;
				border-color:#FFFFFF;
                border-width: 0px;
                box-shadow: rgb(0,0,0) 0px 0px 0px gray;
                border-radius:3px;
                

}
#partners img {
				float:left;
				width:100px;
				 height:50px;
				 
}

/*support*/

img.support {
    position:absolute;
	width:100%;
	height:150px;
	z-index:-1;
	left:0;
	top:0;
	 padding-top:55px;
	 
}
h1.support {
	  color:#FFFFFF;
	  height:115px;
	  width:80%;
	 margin-left:10%;
	  padding-top:40px;
	  font-weight:lighter
	  
}
#support {
	 width:27%;
	 float:left;
	 margin-left:5%;
	 margin-top:35px;
	 border-right: 0 #CCCCCC solid ;

}
#support h3 {
	margin-bottom:10px;
	color:gray;
	font-weight:lighter;
	border-bottom:thin #E2E2E2 solid;

	
}
#support p {
	text-align:justify;
	margin-bottom:7px

}
.prd-container{
	display:none;}

@media  (max-width: 1000px) {#support h3 {font-size:0.95em}
                              #support p {
	 font-size:0.8em

}

}
@media  (max-width: 800px) {

.sitemap {display:none}
.prd-container{
	display:inline-block;
	height:auto}

   
   #support {
	display:none;
	width:90%;
	height:auto
}
	#support p{
	width:100%
}
    li#contact p {
	width:80%;
	text-align:justify;
	margin-bottom:5px
	
}
}
/* FOOTER */

/* dropdown/close onclic */
.ac-container div {
	 background:#333333
}
 .ac-container label {
	font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
	padding: 5px 20px;
	position: relative;
	z-index: 20;
	display: block;
	height: 30px;
	cursor: pointer;
	color:#FFFFFF;
    line-height: 30px;
	font-size:small;
	border-bottom:thin #FFFFFF solid
	
	
}
.ac-container label:hover{
   cursor:inherit
}
.ac-container input:checked + label,
.ac-container input:checked + label:hover{
	
	color: #FFFFFF;
	
}
.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	right: 13px;
	top: 7px;
	background: transparent url('CSS3Accordion/images/arrow_down.png') no-repeat center center;	
}
.ac-container input:checked + label:hover:after{
	background-image:url('CSS3Accordion/images/arrow_up.png');
}
.ac-container input{
	display: none;
}
.ac-container ul{
	background: rgba(255, 255, 255, 0.5);
	margin-top: -1px;
	overflow: hidden;
	height: 0px;
	position: relative;
	z-index: 10;
	background-color:#FFFFFF
}
.ac-container ul li {
	height:20px;
	 padding-left:40px;
	 padding-top:15px;
	 border-bottom:thin gray solid;
	 width:100%
}
.ac-container ul li a {
	  text-decoration:none;
	  width:90%;
	  display:inline-block
}
.ac-container input:checked ~ ul{
	
}
.ac-container input:checked ~ ul.ac-large{
	height: auto;
} 

/* end of dropdown-close */
#footer:before,
#footer:after {
  content: "";
  display: table;
}
#footer:after {
  clear: both;
}
#footer {position:absolute;
				font-family: 'PT Sans', Arial, sans-serif;
				 width:100%;
			    margin-top:10px;
			    background-color:Gray;
			    
			    bottom:0px;
			    height:200px;
			     
			     font-size:0.75em;   left:0;
			    *zoom: 1;
			   			  			  			  
}

.fullsite {
	background-color:#CECECE;
	display:inline-block;
	width:100%;
	margin-left:0%;
	
	
	

}
.fullseitWidth {max-width:1024px;
                 margin:auto}

section.left  {       
                         height:auto;
                      
                         font-size:1em;
                         text-align:left;
                         width:23%;
                         margin-left:2%;
                         display:none;
                         padding-bottom:20px;
                         padding-left:2%
              
                         
                                    }
                                    
                                 

section.left ul li.sitemap_title {
				 
				 font-size:1.2em;
				 font-weight:normal;
				 margin-bottom:5px;
				 margin-top:15px;
				 padding-left:0px;
				 padding-top:10px;
				 padding-right:20px;
				 display:none;
				 border-bottom:thin #999999 solid;
				 padding-right:20px;
				 width:100%

				  
	
				
}
section.left ul{
	width:100%;
	}
}
section.left ul li {
	padding-left: 20px;
	list-style:none;
	
	  width:90%;
	
	  
	

 
	
}
section.left ul li a {
				color:gray; 
				text-decoration:none;
				padding-left:10px
}
section.left ul li a:hover {
				color:blue
}


@media all and (min-width: 800px) {
  #footer {
    max-width: 100%;
  }
  section.left {
    float: left;
    width: 20%;
    display: block;
    
   }
               
   section.left ul li.sitemap_title {
				  display:inline-block;
				   border-bottom:none
	
				
}
section.left ul li {
	  list-style:none
}
.ac-container{
	display:none;
	

}
  
} /* end of @media of footer */

#footer .bottom { color:#FFFFFF;line-height: 1.67em;padding: 18px 0 50px 0;  float:left; width:100%; background-color:gray; height:0px }
div.bottom ul li a {
	color:#FFFFFF
}

.copyright {
	width:96%;
	margin-left:2%;
	border-bottom:thin #FFFFFF solid
}
#footer .bottom ul {
				float:left;
				width:96%;
				margin-left:2%;
			
}
#footer .bottom ul li {
				float:left;
				
				height:13px;
				list-style:none;
				width:auto;
				
				margin-top:3px;
				 padding-right:1%;
				 text-align:left
				
				
				}
#footer a {color:gray}
#footer a:hover {
	 color:blue }
#footer .bottom ul li a {
	color:#FFFFFF
}
	 
@media  (max-width: 800px) {
    .bottom ul {
   display:none
}
   .copyright{
	border-bottom:none;
   text-align:center
}
	#footer .bottom ul{
	float:left;
	
}
	#footer .bottom ul li {
	width:100%;
	border-right:none;
	float:left;
	
}
}