*{margin:0; padding:0;}
body{background:#effafe url(../images/bg.gif) repeat-x top left; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#003366;}
img{border:0; outline:none;  max-width:100%;}
p{padding:5px 0 10px 0; line-height:19px;}
ul{list-style-type:none;}
h1{float:right;  text-align:right; font-weight:normal; font-size:12px; background:url(../images/top-tr.gif) no-repeat bottom right; padding:0 20px 0 0; line-height:79px; color:#000000;}
h2{font-size:20px; font-weight:normal; color:#000000;}
a{text-decoration:none; color:#0099cc;}
a:hover{color:#000000;}
.adr-clr{clear:both;}
.adr-mastar{width:100%; text-align:center;}
.adr-main{width:960px; margin:0 auto; text-align:left; position: relative; }
.adr-top{background: url(../images/top-bg.gif) repeat-x top left; height:79px;}
.adr-logo{float:left; width:190px; background:url(../images/top-tl.gif) no-repeat bottom left; padding:17px 7px;}
.adr-menu{
	width:980px;

	height:44px;
	left: 1px;
}
.adr-menu ul{}
.adr-menu ul li{float:left; margin-right:2px; background:url(../images/menu-left.gif) no-repeat top left; display:block; height:33px; padding-left:14px;}
.adr-menu ul li a{text-decoration:none; background: url(../images/menu-right.gif) no-repeat right top; line-height:33px; color:#ffffff; font-weight:bold; padding:0 24px 0 10px; height:33px; display:block; float:left; }

.adr-feature{background-color:#FFFFFF; width:900px;}
.adr-pad{padding:0 30px;}
.adr-feature-cont{padding:15px 15px 0 0; float:right; width:580px;}
.adr-feature-head{font-family:tahoma; font-size:17px; color:#003366; font-weight:bold;}
.adr-feature ul{padding:20px 0 0 0;}
.adr-feature ul li{background:url(../images/feature-arrow.gif) no-repeat left 4px; padding:0 0 10px 15px;}
.adr-tl{background:url(../images/tl.gif) no-repeat top left;}
.adr-tr{background:url(../images/tr.gif) no-repeat top right; padding:20px;}
.adr-bl{background:url(../images/bl.gif) no-repeat bottom left;}
.adr-br{background:url(../images/br.gif) no-repeat bottom right;}
.adr-t{background:url(../images/top.gif) repeat-x top left;}
.adr-r{background: url(../images/dot.gif) repeat-y top right;}
.adr-b{background: url(../images/dot.gif) repeat-x bottom right;}
.adr-l{background: url(../images/dot.gif) repeat-y top left;}
.adr-soft-box{float:left; padding:0 40px; width:170px;}
.adr-cont{padding:15px 0;}
.adr-left{float:left; width:710px; padding:0 0 0 5px;}
.adr-left-b{ width:100%; padding:0 0 0 5px;}
.adr-left ul{padding:0; margin-left:20px;}
.adr-left ul li{list-style-type:disc; padding:0 0 10px 0; line-height:18px;}
.adr-right{float:right; width:225px;}
.adr-right p{padding:0 10px 10px 10px;}
.adr-right ul{padding:0; margin-left:20px;}
.adr-right ul li{list-style-type:disc; padding:0 0 10px 0; line-height:18px;}
.adr-rt{background:url(../images/rt.png) no-repeat top left; line-height:33px; height:35px; padding:0 0 0 35px; font-family:tahoma; font-size:12px; font-weight:bold; color:#003366;}
* html .adr-rt{background-image:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/rt.png', sizingMethod='image/scale/crop'); line-height:33px; height:35px; padding:0 0 0 35px; font-family:tahoma; font-size:12px; font-weight:bold; color:#003366;}
.adr-rb{background:url(../images/rb.png) no-repeat bottom left; height:23px; margin-bottom:15px;}
* html .adr-rb{background-image:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/rb.png', sizingMethod='image/scale/crop'); height:23px; margin-bottom:15px;}
.adr-rbg{ background-color:#f2f2f2; padding:20px 0 5px 0; border-left:1px solid #dbdada; border-right:1px solid #dbdada;}
.adr-footer{background:url(../images/footer.gif) repeat-x top left; height:74px; line-height:74px;}
.adr-footer a{text-decoration:none; color:#003366;}
.adr-footer a:hover{text-decoration:none; color:#0099cc;}
.adr-fl{float:left; padding-left:20px;}
.adr-fr{float:right; padding-right:20px;}
.adr-text{font-size:12px; font-weight:bold; }
.image1 img, .image2 img, .image3 img{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); }
.image1 { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/adr-download.png'); display:inline-block; width:267px; height:70px; }
.image2 { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/adr-purchase.png'); display:inline-block; width:259px; height:68px; }
.image3 { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/adr-support-desk.png'); display:inline-block; width:655px; height:241px;}
.adr-nav{padding:5px 0; margin-bottom:10px; border-bottom:1px dotted #CCCCCC;}
.adr-nav a{text-decoration:none; color:#000000; font-weight:bold;}

.adr{margin:10px 0;}
.adr table{border-top:1px solid #CCCCCC; border-right:1px solid #CCCCCC;}
.adr table td{border-bottom:1px solid #CCCCCC; border-left:1px solid #CCCCCC; padding:10px;}
.head{background:#666666; color:#FFFFFF; font-weight:bold;}
.red{color:#990000; font-weight:bold; font-style:normal; font-size:13px;}
.txt{font-size:18px; padding:10px 0 0 0;}







.video-container  {
    height: 0;
    margin: 20px 0 30px;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative;
}



.video-container iframe, .video-container object, .video-container embed {
    border: medium none;
    height: 100%;
    left: 0;
    outline: medium none;
    position: absolute;
    top: 0;
    width: 100%;
}


#nav-wrap{ position:absolute; top:90px; margin:0 0 0 1px; right:90px;}
/* menu icon */
#menu-icon{	display: none; /* hide menu icon initially */}
#nav, #nav li{margin:0;	padding:0;}
#nav li {list-style:none;	float:left;	margin-right:1px;background: none; display:block; height:33px; padding-left:9px;float:left; margin-right:3px; background:url(../images/menu-left.gif) no-repeat top left; display:block; }
/* nav link */
#nav a{   display: block; font-size: 12px; padding: 4px 20px;color:#fff; text-decoration:none; }

#nav a:hover, #nav a.active{color:#f1f1f1; text-decoration:none;  }
/* nav dropdown */
#nav ul{background: #fff;	padding: 2px;	position: absolute;	border: solid 1px #ccc;	display: none; /* hide dropdown */	width: 200px;}
#nav ul li{float: none;	margin: 0;	padding: 0;}
#nav li:hover > ul{	display: block; /* show dropdown on hover */}



/************************************************************************************
MOBILE
*************************************************************************************/



object{ width:100%; height:500px;}
@media screen and (max-width: 980px) {


/* nav-wrap */
#nav-wrap{position: absolute; width:60px; margin:0; top:20px; right:10px;}	/* menu icon */
#menu-icon{color:#000; background: url(../images/r-icon.png) no-repeat;font-weight:normal; text-transform:uppercase; width:40px; height:29px;  cursor:pointer; display:block; margin-top:69px;  /* show menu icon */}
#menu-icon:hover, #menu-icon.active{ background: url(../images/r-icon.png) no-repeat; color:#666666;} /* main nav */
#nav{clear:both; position:absolute; top:100px; width:180px;  z-index:10000; padding:5px; margin-left:-145px; background:#007692; color:#000; border:solid 1px #000; display:none; text-align:center; /* visibility will be toggled with jquery */}
#nav li{clear:both; float:none;  background:none; text-align:center }

#nav a, 	#nav ul a{font:inherit;	 display:inline;  color:#fff; border:none; display:block;  font-size:13px; border-bottom:1px solid #0f8caa; background:none; padding: 10px 35px; line-height:22px; }
#nav a:hover, 	#nav ul a:hover, #nav a.active{ color:#000; text-decoration:none; background: #fff; }
/* dropdown */
#nav ul{width:auto; position:static; display:block; border:none; background:inherit;}
#nav ul li{margin: 3px 0 3px 5px;}
.adr-menu ul li{ background-image:none;}
.adr-menu  li{ background-image:none;}
.adr-menu{ width:100%;}
.adr-main{width:96%;}
.adr-left{ width:100%; position:5px; float:none;}
.adr-feature{ width:100%;}
.adr-right{ float:none; width:100%;}
.adr-soft-box{ width:100%; margin:0 auto; text-align:center; float:none; padding:0px;}
.adr-feature-cont{ width:100%; float:none;}
.adr-rt{ background:#fff; border:1px solid #333; border-radius:25px; width:100%; text-align:center; padding:0px;}
.adr-rb{ background:none;}
.adr-footer{ background:#d5ebf4; width:100%; height:auto; }
.adr-fl{float:none; text-align:center; padding:0px; line-height:22px;}
.adr-fr{float:none; text-align:center;padding:0px;line-height:22px;}

@media screen and (min-width: 980px) {

/* ensure #nav is visible on desktop version */
#nav{display: block !important;}


}
@media screen and (max-width:480px) {
object{ width:100%; height:300px;}
.adr-logo{ width:110px;}
}
@media screen and (max-width:320px) {

.adr-logo{ width:110px;}
}