@media only screen and (min-width:760px) and (max-width:980px) {
body {
margin:0; 
padding:0; font-family:Arial, Helvetica, sans-serif;
font-size : 13px;
color:#000000; 
background:none}

#container {width:96%; padding:0 1%; margin:1%}

/* 	------------- Header Styles Start------------------- */
header {margin:0; padding:0; width:100%; height:auto;}
header .logo{ float:left; position:relative; margin:10px 15px 0 0px;}
header hgroup{ position:relative; float:left; margin-left:0px;}
header hgroup h1{font-size:22px;color:#0c6bb1}
header hgroup h2{font-size:20px;color:#000000;}
header hgroup h3{font-size:20px;color:#000000;font-weight:normal}
header aside{ float:left;}
header aside img{ width:125px; margin-bottom:0px;}

/*---------Header here-----------*/

/* 	-----------------------------------------------------
	----------------- Navigation Styles -----------------
	----------------------------------------------------- */

nav select{ display:none}


nav {
  *zoom: 1;
  margin: 0px auto 0 auto;
  width: auto;
  text-align: left;
}
nav:before,
nav:after {
  display: table;
  content: "";
}
nav:after {
  clear: both;
}
nav ul {
  float: left;
  *zoom: 1;
  width: auto;
  z-index: 100;
  font-size: 12px;
  margin-top:-2px;
}
nav ul:before,
nav ul:after {
  display: table;
  content: "";
}
nav ul:after {
  clear: both;
}
nav ul li {
  float: left;
  padding: 0 0 1px 0;
  position: relative;
  outline: none;
  line-height: 1.2em;
  list-style: none;
  background:url(../img/nav.jpg) right no-repeat;
background-position:0 14px;
z-index:1000;

}
nav ul a {
color:#363636;
width : 175px;
text-shadow:1px 1px 1px #FFF;
border-bottom:1px dashed #aaaeb2;
float:left;
padding:13px 0 13px 15px;
background:url(../image/nav_bg1.jpg) repeat-x;
  display: block;
  zoom: 1;
}
nav ul a:link,
nav ul a:visited {
}
nav ul a:hover,
nav ul a:active {
  background:#e7e7e7;
}
nav ul a:active {
color:#363636;
width : 175px;
text-shadow:1px 1px 1px #FFF;
border-bottom:1px dashed #aaaeb2;
float:left;
padding:13px 0 13px 15px;
background:#e7e7e7;

}
#menu li:hover > ul {
  display:inline-block;
}
#menu li:hover > a {
background:url(../image/nav_bg1_h.jpg) repeat-x;
}
nav li ul {
position:relative;
display:none;
float:left;
margin:0;
padding:0;
*zoom: 1;

}
nav li ul:before,
nav li ul:after {
  display: table;
  content: "";
}
nav li ul:after {
  clear: both;
}
nav li ul a {
  float: none;
}
nav li ul li {
 padding:0; left:0
}

nav li ul li a{width : 175px; background: #f0f6fb !important;}

/* We style the color of level 2 links */
nav li ul li a:hover{background:#ffffff !important;}

nav li ul li:hover {
text-decoration:underline;
}

.rgba nav li > ul {
  left: 0px;

}

.rgba nav li > ul li {
color: #ffffff;
padding:0;
margin:0;
background:url(../img/nav_h.jpg) repeat-x
}

/*nav li ul li ul {
  display: none;
  left: 130px !important;
  top: -3px;
}*/
.rgba nav li ul li ul {
  top: -10px;
}
.rgba nav li > ul {
  margin-top: -1px;
}


/*---------mid area start here------------*/

#logo_area{width:200px !important; text-align:center}
#logo_area img{float:left;}
.left_section{ width:200px !important;}

#mid_area{max-width : 300px !important;}
/*#mid_area #video{width:100%; height:auto;}
#mid_area #video img{width:100% !important; width:expression; margin:0}*/

.video { display:block; margin:0 !important}
.video h5 {background :#C0D9F7; text-align:center}
#text_area #testi{margin:20px 10px 0px 10px;}

#right_area {float:left;}
#footer {width:760px; margin:0 auto; text-align:center}
#footer ul{width:100%; margin:0 auto; text-align:center}

#content_area  ul{
max-width : 300px}

#content_area .newsletter_cover{
	padding:0;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 20px;
	margin-left: 5px;
	float: left;
}

#content_area {width:97% !important; padding: 0px 10px 0px 10px;}
#content_area h1, p{
width:90% !important;

}
/*.testimonial_div {width:75%;}*/

.get_instant2 { margin-left:0 !important}
.map iframe { width:100px !important; height:100px !important;}
.contact_form_div {max-width:99% !important;font-size:11px;}
.video-container{ display:none !important}
.video-container{ display:block;}
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/*#mid_area #text_area {   max-width: 100% !important;   float: left;}*/
#right_area #form_area #mid { width:218px; padding-left:4px !important} 
.header_account_img{ float:right; width:80%; height:80%}
}