@import url(http://fonts.googleapis.com/css?family=Open+Sans:500);
@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,300&subset=latin,cyrillic-ext);

html, body, div, span, applet, object, iframe,
 p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;

}



::-moz-selection { 
	background: #00A1E4;
	color: #FFF; 
	text-shadow: none; 
}
::selection { 
	background: #00A1E4; 
	color: #FFF; 
	text-shadow: none; 
}

#wrappertraining{ width:950px; height: 1200px; margin:0px auto 0px auto; padding:0;background-color: #fff;
}

#wrapperhome { width:950px; height: 1500px; margin:0px auto 0px auto; padding:0;background-color: #fff;
}

#wrapperhome3 { width:950px; height: 800px; margin:0px auto 0px auto; padding:0;background-color: #fff;
}

#wrappertech { width:950px; height: 1300px; margin:0 auto 0 auto; padding:0;background-color: #fff;
}
#wrappertech2 { width:950px; height: 1700px; margin:0 auto 0 auto; padding:0;background-color: #fff;
}

#header { width:950px; height: 100px; margin:0 auto 0 auto; padding: 0 ; position: relative; background-color: #00A1E4;
}

#menu { width:920px; height: 40px; margin:0 auto 0 auto; padding:15px 0px 0px 10px; position: relative; align: center;
}

#title { top: 0px; width:910px; height: 28px; margin:0 ; padding: 15px 20px 0px  ; position: relative; background-color: #fff;
font-family: 'Open Sans', sans-serif;
  font-weight: 100;
  font-size: 24px;
  text-align:left;
  color: #999;
  z-index: 99;
}

#video { top: 35px; width:895px; height: 320px;	margin-left: 45px;  position: relative;}

#videoinner { top: 5px; width:196px; height: 160px;	margin-right: 20px;  float: left; position: relative;text-align:center; }

#videoinner 
{
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}
#videoinner:hover
{
opacity:0.8;
filter:alpha(opacity=80); /* For IE8 and earlier */
}

#videotext { top: 5px; width:196px; height: 40px;	  float: left; position: relative;text-align:center;}

#videoinner h28 { 
	font-family: 'Roboto', sans-serif;
	color: #00A1E4;
	font-size: 12px;
	font-weight: 500;
	line-height:1;
}

#abouttext { top: 35px; width:870px; height: 300px;	margin-left: 45px;  position: relative;}



#abouttextinner { top: 5px; width:270px; height: 300px;	margin-right: 20px;  float: left; position: relative;}

#abouttext h23 { 
	font-family: 'Roboto', sans-serif; 
	color: #00A1E4;
	font-size: 18px;
	font-weight: 500;
	
}

#abouttext h24 { 
	font-family: 'Roboto', sans-serif;
	color: #999;
	font-size: 12px;
	font-weight: 400;
	
}

#contacttext { top: 15px; width:870px; height: 500px;	margin-left: 45px;  position: relative;}

 

#contacttext a:link {
	text-decoration: none;
	color: #00A1E4;
}

#contacttextinner { top: 0px; width:400px; height: 400px;	padding: 0px 0 0 0; margin-right: 20px;  float: left; position: relative;}

#contacttext h23 { 
	font-family: 'Roboto', sans-serif; 
	color: #00A1E4;
	font-size: 18px;
	font-weight: 500;
	
}

#contacttext h24 { 
	font-family: 'Roboto', sans-serif;
	color: #999;
	font-size: 12px;
	font-weight: 400;
	
}

#techtitlecontainer {top: 0px; width:750px; height: 85px; position: relative;}

#techpiccontainer {top: 0px; width:750px; height: 350px; position: relative;}

#techtitle { top: -15px; width:420px; height: 85px;	margin-left: 20px; float: left; position: relative;}

#techpdfs { width:280px; height: 85px; 	float: right; margin-right: 20px; position: relative; text-align: right;
}

#techpdfs img
{
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}
#techpdfs img:hover
{
opacity:0.7;
filter:alpha(opacity=70); /* For IE8 and earlier */
}

#techtitle h1 { 
	font-family: 'Roboto', sans-serif; 
	color: #00A1E4;
	font-size: 54px;
	font-weight: 100;
	line-height: 0em;
	
}

#techtitle h2 { 
	font-family: 'Roboto', sans-serif;
	color: #999;
	font-size: 16px;
	line-height: 0.4em;
	font-weight: 400;
	text-transform: uppercase;
}


#techtitlelonger { top: -15px; width:460px; height: 85px;	margin-left: 20px; float: left; position: relative;}

#techtitlelonger h1 { 
	font-family: 'Roboto', sans-serif; 
	color: #00A1E4;
	font-size: 54px;
	font-weight: 100;
	line-height: 0em;
	
}

#techtitlelonger h2 { 
	font-family: 'Roboto', sans-serif;
	color: #999;
	font-size: 16px;
	line-height: .9em;
	font-weight: 400;
	text-transform: uppercase;
}

#techpdfsshort { width:170px; height: 85px; 	float: right; margin-right: 20px; position: relative; text-align: right;
}

#techpdfsshort img
{
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}
#techpdfsshort img:hover
{
opacity:0.7;
filter:alpha(opacity=70); /* For IE8 and earlier */
}
#rangetitle { top: 5px; width:620px; height: 85px;	margin-left: 45px; position: relative;}

#installheader { top: 20px; width:860px; height: 85px;	margin-left: 45px;  position: relative;}


#cat_down { top: 185px; width:150px; height: 200px;	margin-left: 750px;  float:left; position: absolute; text-align:center; font-family: 'Roboto', sans-serif;
	color: #999;
	font-size: 12px;
	font-weight: 400;}
#cat_down img:hover
{
opacity:0.9;
filter:alpha(opacity=90); /* For IE8 and earlier */
}

#installtitle { top: 20px;  width:530px; height: 85px;	 float: left; position: relative; text-align: left;}

#installtitle h10 { 
	font-family: 'Roboto', sans-serif; 
	color: #00A1E4;
	font-size: 54px;
	font-weight: 100;
	line-height: 0em;
	text-align: left;
}

#installtitle h2 { 
	font-family: 'Roboto', sans-serif;
	color: #999;
	font-size: 16px;
	line-height: .9em;
	font-weight: 400;
	
}


#installbuts { width:280px; height: 65px; 	float: right; margin-top: 10px; position: relative; text-align: right;
}


#installbutlink1 { width:85px; height: 25px; margin: 0px auto  ;  position: relative; background-color: #9C0;  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 12px;
  padding: 4px 0 0 0;
  margin-left: 5px;
  text-align:center;
  line-height: 1.7em;
  color: #fff;
  float: left;
}

#installbutlink2 { width:85px; height: 25px; margin: 0px auto  ;  position: relative; background-color: #ff9900;  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 12px;
   margin-left: 5px;
  line-height: 1.7em;
  padding: 4px 0 0 0;
  text-align:center;
  color: #fff;
float: left;}

#installbutlink3 { width:85px; height: 25px; margin: 0px auto  ;  position: relative; background-color: #C00;  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
   margin-left: 5px;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 1.7em;
  padding: 4px 0 0 0;
  text-align:center;
  color: #fff; float: left;
}



#installtypemain { top: 5px; width:860px; height: 450px;	margin-left: 45px; margin-right: 45px;  position: relative;}

#installtypetext{ width:200px; height: 450px; margin-left: 5px;   position: relative; float:left;
font-family: 'Roboto', sans-serif;
	color: #999;
	font-size: 14px;
	font-weight: 400;}

#installtypepic{ width:640px; height: 450px; margin-left: 10px;   position: relative; float:left}


#installtypetext2{ width:550px; height: 450px; position: relative; float:left;
font-family: 'Roboto', sans-serif;
	color: #999;
	font-size: 13px;
	font-weight: 400;}
	
	
#installtypetext2 h13 { 
	font-family: 'Roboto', sans-serif; 
	color: #00A1E4;
	font-size: 16px;
	font-weight: 600;
	
	
}	

#installtypepic2{ width:285px; height: 450px; margin-left: 10px;   position: relative; float:left}




#rangetitle h10 { 
	font-family: 'Roboto', sans-serif; 
	color: #00A1E4;
	font-size: 54px;
	font-weight: 100;
	
	
}

#rangetitle h11 { 
	font-family: 'Roboto', sans-serif;
	color: #999;
	font-size: 16px;
	line-height: 0.4em;
	font-weight: 400;
	
}

#range1title { top: 5px; width:620px; height: 15px;	margin-left: 45px;  position: relative;
font-family: 'Roboto', sans-serif;
	color: #9C0;
	font-size: 18px;
}

#range2title { top: 5px; width:620px; height: 15px;	margin-left: 45px;  position: relative;
font-family: 'Roboto', sans-serif;
	color: #ff9900;
	font-size: 18px;
}

#range3title { top: 5px; width:620px; height: 15px;	margin-left: 45px;  position: relative;
font-family: 'Roboto', sans-serif;
	color: #C00;
	font-size: 18px;
}


#techmaincontent {
 	top: 10px;
	height: 1100px;
	width: 745px ;
  	margin-left: 195px;
	position: relative;
	border-style:left;
border-left-width:1px;
border-left-style:solid;
 border-left-color:#00A1E4; 	
}

#techtable { position: relative; width:730px; height: 650px; margin: 10px 0px 0 20px}

#techpic { width:260px; height: 350px; float: left;}
#techbullets { width:460px; height: 335px; float: right; margin-right: 20px; padding-top: 15px;text-align: left;}

#techbullets h1 { 
	font-family: 'Roboto', sans-serif; 
	color: #00A1E4;
	font-size: 16px;
	font-weight: 600;
	
	
}

#techbullets h2 { 
	font-family: 'Roboto', sans-serif;
	color: #666;
	font-size: 13px;
	
	font-weight: 300;
	
}

#footer {  width:950px; height: 60px; margin:0 auto 0 auto; padding: 0 ; position: relative; background-color: #686868;
font-family: 'Roboto', sans-serif; 
	color: #fff;
	font-size: 11px;
	font-weight: 400;
}



#aboutimage {  width:950px; height: 350px;  position: relative; 
}

#homecont { top: 0px; width:910px; height: 360px; margin:0 auto 0 auto; padding: 20px 19px 20px 20px; position: relative; 
background: #fff; /* Old browsers */
/*/// background: -moz-linear-gradient(top, #ffffff 28%, #f2f2f2 100%); /* FF3.6+ */
/*///background: -webkit-gradient(linear, left top, left bottom, color-stop(28%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
/*///background: -webkit-linear-gradient(top, #ffffff 28%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
/*///background: -o-linear-gradient(top, #ffffff 28%,#f2f2f2 100%); /* Opera 11.10+ */
/*///background: -ms-linear-gradient(top, #ffffff 28%,#f2f2f2 100%); /* IE10+ */
/*///background: linear-gradient(to bottom, #ffffff 28%,#f2f2f2 100%); /* W3C */
/*///filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */

}

#homebut1 { width:292px; height: 360px; margin-right: 11px; border-width:1px;
  border-style:solid;
  border-color:#33CFFF; background-color: #fff; float:left; 
}

#homebut1 
{
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}
#homebut1:hover
{
opacity:0.8;
filter:alpha(opacity=80); /* For IE8 and earlier */
}

#footer 
{
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}
#footer:hover
{
opacity:0.9;
filter:alpha(opacity=90); /* For IE8 and earlier */
}

#homebut2 
{
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}
#homebut2:hover
{
opacity:0.8;
filter:alpha(opacity=80); /* For IE8 and earlier */
}

#homebut3 
{
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}
#homebut3:hover
{
opacity:0.8;
filter:alpha(opacity=80); /* For IE8 and earlier */
}

#installbutlink1 
{
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}
#installbutlink1:hover
{
opacity:0.8;
filter:alpha(opacity=80); /* For IE8 and earlier */
}

#installbutlink2 
{
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}
#installbutlink2:hover
{
opacity:0.8;
filter:alpha(opacity=80); /* For IE8 and earlier */
}

#installbutlink3 
{
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}
#installbutlink3:hover
{
opacity:0.8;
filter:alpha(opacity=80); /* For IE8 and earlier */
}







#homebuttext { width:250px; height: 100px; margin:0 auto; padding: 10px 0 ; position: relative;
font-family: 'Open Sans', sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.3;
  text-align:left;
  color: #999;
  
}


#homebutlink1 { width:250px; height: 25px; margin: 0px auto  ;  position: relative; background-color: #9C0;  font-family: 'Open Sans', sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 18px;
  padding: 2px 0 0 0;
  text-align:center;
  color: #fff;
}

#homebutlink2 { width:250px; height: 25px; margin: 0px auto  ;  position: relative; background-color: #ff9900;  font-family: 'Open Sans', sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 18px;
  padding: 2px 0 0 0;
  text-align:center;
  color: #fff;
}

#homebutlink3 { width:250px; height: 25px; margin: 0px auto  ;  position: relative; background-color: #C00;  font-family: 'Open Sans', sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 18px;
  padding: 2px 0 0 0;
  text-align:center;
  color: #fff;
}

#homebutimage { width:280px; height: 190px; margin: 0px auto  ; padding: 0  ; position: relative;
}



#homebut2 { width:292px; height: 360px;  margin-right: 11px; border-width:1px;
  border-style:solid;
  border-color:#33CFFF; background-color: #fff;float:left;
}
#homebut3 { width:292px; height: 360px; border-width:1px;
  border-style:solid;
  border-color:#33CFFF; background-color: #fff;float:left;
}

#homebut4 { width:292px; height: 360px; border-width:0px;
  border-style:solid;
  border-color:#33CFFF; background-color: #fff;float:left;
}

#cssmenu {
  background: #ffffff;
  width: auto; 
}

#cssmenu ul.a {
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 1;
  display: block;
  zoom: 1;
}
#cssmenu ul.a:after {
  content: ' ';
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden;
}
#cssmenu ul.a li {
  float: left;
  display: block;
  padding: 0;
}
#cssmenu ul.a li a {
  color: #6b6b6b;
  text-decoration: none;
  display: block;
  padding: 10px 26px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 12px;
  position: relative;
  -webkit-transition: color .25s;
  -moz-transition: color .25s;
  -ms-transition: color .25s;
  -o-transition: color .25s;
  transition: color .25s;
}


#cssmenu ul.a li a:hover {
  color: #00aeff;
}
#cssmenu ul.a li a:hover:before {
  width: 100%;
}
#cssmenu ul.a li a:after {
  content: '';
  display: block;
  position: absolute;
  right: 0px;
  top: 10px;
  height: 10px;
  width: 1px;
  background: #6b6b6b;
  opacity: .5;
}
#cssmenu ul.a li a:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 0;
  background: #00aeff;
  -webkit-transition: width .25s;
  -moz-transition: width .25s;
  -ms-transition: width .25s;
  -o-transition: width .25s;
  transition: width .25s;
}
#cssmenu ul.a li.last > a:after,
#cssmenu ul.a li:last-child > a:after {
  display: none;
}
#cssmenu ul.a li.active a {
  color: #00aeff;
}

#cssmenu ul.a li.active a:before {
  width: 100%;
}
@media screen and (max-width: 768px) {
  #cssmenu ul.a li {
    float: none;
  }
  #cssmenu ul.a li a {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #cssmenu ul.a li a:after {
    display: none;
  }
  #cssmenu ul.a li a:before {
    height: 1px;
    background: #6b6b6b;
    width: 100%;
    opacity: .2;
  }
  #cssmenu ul.a li.last > a:before,
  #cssmenu ul.a li:last-child > a:before {
    display: none;
  }
}










#cssmenu ul.b {
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 1;
  display: block;
  zoom: 1;
}

#cssmenu ul.b li {
  float: left;
  display: block;
  padding: 0;
}
#cssmenu ul.b li a {
  color: #fff;
  text-decoration: none;
  
  padding: 10px 26px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 500;
  background-color: #72C0FA;
  text-transform: uppercase;
  font-size: 12px;
  position: relative;
 
}

/*homepage banner slideshow*/
#slideshow { height: 550px; width: 950px; margin:0; padding:0; }
#slideshow img {padding: 0;margin:0; border:none;}

#techtitletext { width:135px; height: 20px; margin:0 auto; padding:  4px 10px ; position: relative;
font-family: 'Open Sans', sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.3;
  text-align:left;
  color:#fff;
  background-color: #00A1E4;
}


#sidenav { left: 20px; top: 7px; width:155px; height: 1000px; margin:0; padding: 0  ; position: relative; float:left;
font-family: 'Roboto', sans-serif;
  font-weight: 100;
  font-size: 24px;
  font-weight:300;
  line-height: 1.8;
  text-align:left;
  color:#00A1E4;

}
ul#side-nav { margin:0; padding:0; margin:3px 8px 5px 8px; font-size:12px; color:#808285; line-height: 1.5em; text-transform: uppercase;}
ul#side-nav li { margin:0; padding:0; list-style:none;  }
ul#side-nav li a {	display:block; padding:2px 0; color:#808285; }
ul#side-nav li a:link { color:#808285; text-decoration:none; }
ul#side-nav li a:visited  { color:#808285; text-decoration:none;;}
ul#side-nav li a:hover { color:#72C0FA; text-decoration:none; background:url(../images/arrow.png) right no-repeat;}
ul#side-nav li a:active { color:#000; text-decoration:none; background:url(../images/arrow.png) right no-repeat; }



#box-table-a
{
	font-family: 'Roboto', sans-serif;
	font-size: 11px;
	margin: 0px;
	width: 710px;
	text-align: left;
	border-collapse: collapse;
	line-height: 1em;
}
#box-table-a th
{
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	font-weight: normal;
	padding: 2px 8px;
	background: #00A1E4;
	color: #fff;
	line-height: 1em;
	font-weight: 300;
}
#box-table-a td
{	font-family: 'Roboto', sans-serif;
	padding: 2px 8px;
	background: #EBEBEB; 
	border: .5px solid #fff;
	
	color: #666;
	
	
}
#box-table-a tr:hover td
{	font-family: 'Roboto', sans-serif;
	background: #E6F0FF;
	color: #666;
	line-height: 1em;
}





#contact-area {
	font-size: 7pt;
	font-family: Helvetica, sans-serif;
	color: #999;
	width: 400px;
	margin-top: 0px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 272px;
	font-family: Helvetica, sans-serif;
	font-size: 1.3em;
	margin: 0px 0px 10px 0px;
	border: 1px solid #ccc;
	color: #999;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #00A1E4;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
	color:  #fff;
	background: #00A1E4;
	border: 0;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 1.4em;
}