body,div,
    dl,
    dt,
    dd,
    ul,
    ol,
    li,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    pre,
    code,
    form,
    fieldset,
    legend,
    input,
    textarea,
    p,
    blockquote,
    th,
    td {
    margin:0;
    padding:0;
    }
    table {
    border-collapse:separate;
    border-spacing:0;
	    }
    fieldset,
    img {
    border:0;
    }
    /*
    TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
    */
    address,
    caption,
    cite,
    code,
    dfn,
    em,
    strong,
    th,
    var {
    font-style:normal;
    font-weight:normal;
    }
     
    ol,
    ul {
    list-style-type: square;
    }
     
    caption,
    th {
    text-align:left;
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
    font-size:100%;
    font-weight:normal;
    }
    q:before,
    q:after {
    content:'';
    }
    abbr,
    acronym {
    border:0;
    font-variant:normal;
    }
    /* to preserve line-height and selector appearance */
    sup {
    vertical-align:text-top;
    }
    sub {
    vertical-align:text-bottom;
    }
    input,
    textarea,
    select {
    font-family:inherit;
    font-size:inherit;
    font-weight:inherit;
    }
    /*to enable resizing for IE*/
    input,
    textarea,
    select {
    *font-size:100%;
    }
    /*because legend doesn't inherit in IE */
    legend {
    color:#000;
    }
    /* YUI CSS Detection Stamp */
    #yui3-css-stamp.cssreset { display: none; }
	


	
	


body{
font-family: 'Source Sans Pro', sans-serif;
	height: 100%;
}

strong {font-weight: bold;}

#container{
	width:100%;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	background-color: white;
	height: 100%;
} 
#container #gradient_bg{
/* IE10+ */ 
background-image: -ms-linear-gradient(top, #E4E7EC 0%, #E5E8ED 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #E4E7EC 0%, #E5E8ED 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #E4E7EC 0%, #E5E8ED 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #E4E7EC), color-stop(100, #E5E8ED));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #E4E7EC 0%, #E5E8ED 100%);

/* W3C Markup */ 
background-image: linear-gradient(to bottom, #E4E7EC 0%, #E5E8ED 100%);
width: 100%; height: auto;
}
#container #header{
margin-left: auto;
margin-right: auto;
width: 980px;
}

#container #content{
margin-left: auto;
margin-right: auto;
width: 980px;
}

#container #topcontactnumber{color: #001E5C; margin-right: 10px; font-size: 14px;font-size: 24px; }
#container #phone {position: fixed; top: 190px; right:0; height: 36px; background-color: white; z-index: 60;}

#container #float_fb {position: fixed; top: 236px; right:0; height: 36px; background-color: white; z-index: 99;}
#container #float_twitter {position: fixed; top: 282px; right:0; height: 36px; background-color: white; z-index: 60;}

#container #phone_info {font-size: 22px; margin-left: 20px;}

#container #videos_container {position: fixed; top: 150px; left:0; height: 36px; z-index: 60;}

#container #videos_container_info {font-size: 22px; margin-left: 20px; position: fixed; top: 30px; left:0;}

#container #topmenu {margin-left: 20px;}
#container #topmenu li{display: inline; margin-right: 10px;}
#container #topmenu a {color: #505050; font-size: 15px; text-decoration: none;}
#container #topmenu a:hover {border-bottom: 3px solid #F07315;}

#container #toprightmenu li{display: inline; margin-right: 10px;}
#container #toprightmenu a {color: #365ebf; font-size: 15px; text-decoration: none;}
#container #toprightmenu a:hover {border-bottom: 3px solid #F07315;}
#container #bluebar{color: white; height: 50px; background-image: url('../images/open-road.jpg'); margin-top:6px; text-align: center; padding: 8px;}
#container #bluebar div {margin-top: 10px;}
#container #bluebar span{color: white; font-size: 22px;}
#container #bluebar button{color: white; background-color: #F07315; border: 0; padding: 7px; margin-left: 20px;  font-size: 15px; font-weight: bold;}

#container #lights{color: white; height: 50px; background-image: url('../images/abd-city.png'); margin-top:6px; text-align: center; padding: 8px;}
#container #lights div {margin-top: 10px;}
#container #lights span{color: white; font-size: 24px;}
#container #lights button{color: white; background-color: #FFFFFF; border: 0; padding: 7px; margin-left: 20px;  font-size: 15px; font-weight: bold;}

#container #greenbar{color: #2B9E1B; height: 50px; margin-top:6px; text-align: center; padding: 8px;}
#container #greenbar div {margin-top: 10px;}
#container #greenbar span{color: white; font-size: 24px;}
#container #greenbar button{color: white; background-color: #FFFFFF; border: 0; padding: 7px; margin-left: 20px;  font-size: 15px; font-weight: bold;}


#container .underbluebar h1{color: black;font-size: 32px; font-weight: bold;margin-top:10px;}
#container .underbluebar button{color: white; background-color: #2B9E1B; border: 0; padding: 7px; margin-left: 10px; font-size: 14px; margin-top: 10px; font-weight: bold;}

#container #monitor{width:1224px;min-height:620px;  margin-left: auto; margin-right: auto; position: relative; }

#container #orange_info1 {position:absolute; top: 82px; left: 24px;}
#container #orange_info2 {position:absolute; top: 205px; left: 24px;}
#container #orange_info3 {position:absolute; top: 328px; left: 24px;}
#container #orange_info4 {position:absolute; top: 93px; right: 32px;}
#container #orange_info5 {position:absolute; top: 263px; right: 32px;}


#container .orange_info {display: none; background-image: url('../images/arrow_circle.png'); z-index: 50; width: 203px; height: 191px;background-repeat: no-repeat;}
#container .orange_info2 {display: none; background-image: url('../images/arrow_circle2.png'); z-index: 50; width: 203px; height: 191px;background-repeat: no-repeat;}
#container .orange_inside {color: white; font-size: 16px; font-weight: bold; width: 155px; height: auto; margin: 5px; text-align: center; position: relative; top: 40%; transform: translateY(-40%)}
#container .orange_inside2 {color: white; font-size: 16px; font-weight: bold; width: 155px; height: auto; margin: 5px; float: right; text-align: center; position: relative; top: 40%; transform: translateY(-40%)}


#container .submenu{background-color: #FFFFFF; width: 870px; margin-left: auto; margin-right: auto;}
#container .submenu table{margin-top: 20px;}
#container .submenu td{padding: 20px;}
#container .submenu td p{margin-bottom: 16px;}
#container .submenu td p a {color: #365ebf; font-size: 16px; text-decoration: none;}
#container .submenu td strong {color: #F07315; font-size: 16px; text-decoration: none;}
#container .submenu button{color: white; background-color: #2B9E1B; border: 0; padding: 7px; margin-left: 10px; font-size: 14px; margin-top: 10px; font-weight: bold;}

#container #trial_calculator{
/* IE10+ */ 
background-image: -ms-linear-gradient(top, #E4E7EC 0%, #E5E8ED 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #E4E7EC 0%, #E5E8ED 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #E4E7EC 0%, #E5E8ED 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #E4E7EC), color-stop(100, #E5E8ED));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #E4E7EC 0%, #E5E8ED 100%);

/* W3C Markup */ 
background-image: linear-gradient(to bottom, #E4E7EC 0%, #E5E8ED 100%);
width: 100%; height: auto;margin-top: 20px; 
}

#container #footer{background-color: #2B9E1B; height: auto; padding: 10px; font-size: 12px; color: white; text-align: center;}
#container #footer a{color: white;}


#road{color: white; height: 400px; background-image: url('../images/start-road-800.jpg');  text-align: center; margin:0; padding: 0; position: relative; background-repeat: no-repeat;}
#videowindow {width:660px; height:370px; margin:0; padding: 0;}


@media (max-width:800px){
	/* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ 
	#road{color: white; height: 400px; background-image: url('../images/start-road-800.jpg');  text-align: center; margin:0; padding: 0; position: relative; background-repeat: no-repeat;}
	#videowindow {width:660px; height:370px; margin:0; padding: 0;}
}
@media all and (min-width: 801px) and (max-width:1024px){ 
	/* tablet, landscape iPad, lo-res laptops ands desktops */ 
	#road{color: white; height: 350px; background-image: url('../images/start-road-1024.jpg');  text-align: center; margin:0; padding: 0; position: relative; background-repeat: no-repeat;}
	#videowindow {width:610px; height:320px; margin:0; padding: 0;}
}
@media all and (min-width: 1025px) and (max-width:1280px){ 
	/* big landscape tablets, laptops, and desktops */ 
	#road{color: white; height: 434px; background-image: url('../images/start-road-1280.jpg');  text-align: center; margin:0; padding: 0; position: relative; background-repeat: no-repeat;}
	#videowindow {width:684px; height:394px; margin:0; padding: 0;}
}
@media all and (min-width: 1281px) and (max-width:1366px){ 
	/* big landscape tablets, laptops, and desktops */ 
	#road{color: white; height: 520px; background-image: url('../images/start-road-1366.jpg');  text-align: center; margin:0; padding: 0; position: relative; background-repeat: no-repeat;}
	#videowindow {width:770px; height:480px; margin:0; padding: 0;}
}
@media all and (min-width: 1361px) and (max-width:1600px){ 
	/* big landscape tablets, laptops, and desktops */ 
	#road{color: white; height: 540px; background-image: url('../images/start-road-1600.jpg');  text-align: center; margin:0; padding: 0; position: relative; background-repeat: no-repeat;}
	#videowindow {width:790px; height:500px; margin:0; padding: 0;}
}
@media all and (min-width: 1601px) and (max-width:2356px){ 
	/* big landscape tablets, laptops, and desktops */ 
	#road{color: white; height: 754px; background-image: url('../images/start-road-2356.jpg');  text-align: center; margin:0; padding: 0; position: relative; background-repeat: no-repeat;}
	#videowindow {width:1004px; height:714px; margin:0; padding: 0;}
}
@media all and (min-width: 2357px){ 
	/* big landscape tablets, laptops, and desktops */ 
	#road{color: white; height: 754px; background-image: url('../images/start-road-2356.jpg');  text-align: center; margin:0; padding: 0; position: relative; background-repeat: no-repeat;}
	#videowindow {width:1004px; height:714px; margin:0; padding: 0;}
}






#road div {margin-top: 10px;}
#container #road span{color: white; font-size: 22px;}
#road button{color: white; background-color: #F07315; border: 0; padding: 7px; margin-left: 20px;  font-size: 15px; font-weight: bold;}


/* Generated via www.cssmenubuilder.com */

.menu{margin:0 auto; padding:0; height:30px; width:100%; display:block; background:url('../images/topMenuImages.png') repeat-x;}
.menu li{padding:0; margin:0; list-style:none; display:inline;}
.menu li a{float:left; padding-left:15px; display:block; color:rgb(0,0,0); text-decoration:none; font:12px Verdana, Arial, Helvetica, sans-serif; cursor:pointer; background:url('../images/topMenuImages.png') 0px -30px no-repeat;}
.menu li a span{line-height:30px; float:left; display:block; padding-right:15px; background:url('../images/topMenuImages.png') 100% -30px no-repeat;}
.menu li a:hover{background-position:0px -60px; color:rgb(255,255,255);}
.menu li a:hover span{background-position:100% -60px;}
.menu li a.active, .menu li a.active:hover{line-height:30px; font:12px Verdana, Arial, Helvetica, sans-serif; background:url('../images/topMenuImages.png') 0px -90px no-repeat; color:rgb(255,255,255);}
.menu li a.active span, .menu li a.active:hover span{background:url('../images/topMenuImages.png') 100% -90px no-repeat;}


nav#sidenav { position:fixed; top:75%; right:20px; z-index:9999; display: none; }
nav#sidenav a:hover, nav#sidenav li.active a { background: #2B9E1B; }
nav#sidenav a { margin-bottom:10px; background: #000; display:block; height:15px; width:15px; overflow:hidden; }


#contact-area {
	width: 600px;
	margin-top: 25px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 471px;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

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

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #900;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
}

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

#content .register_input_table td{padding: 5px;}
#content h2 {font-size: 18px; font-weight: bold; margin-bottom: 20px; margin-top: 20px; color: #2B9E1B;}
#content .btn-continue {
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 16px;
  background: #2B9E1B;
  padding: 4px 10px 4px 10px;
  text-decoration: none;
  border: 1px solid #000000;
}

#content .btn-continue:hover {
  background: #42e329;
  text-decoration: none;
}

#close_img {display: none;}