/*Desktop////////////////////////*/


/*Generic////////////////////////*/

img {
	max-width:100%
	}
body{
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	background:#ffffff;
	}
html{
    font-size: 20px;
	}
	
	
/*Top Section ////////////////////////*/	

#wrapper{
	width: 1000px;
	margin-right:auto;
	margin-left:auto;
	}
#toppanel{
	width: 100%;
	float:left;
	position: relative;
	margin-bottom: 1.25%;
	padding: 0%;
	z-index: 1;
	background:#E8E8E8;
	border-bottom: solid 1px #ccc;
	}	
.idcase{
	width: 35%;
	margin-right:auto;
	margin-left:auto;
	float:left;
	margin-bottom:0px;
	height:auto;
	}	
#medcase{
	text-align:right;
	width: 25.7%;
	float:right;
	margin-bottom:0px;
	position: relative;
	margin-right: 1.25%;
	}
.media{
	float:right;
	margin-left: 2%;
	}
	
	
/*Navigation ////////////////////////*/	

#nav{
	width: 56%;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:0px;
	position: relative;
	margin-top:5.5%;
	text-align:right;
	color: #999;
	}
#nav ul {
	text-align: left;
	display: inline;
	margin: 0;
	padding: 15px 4px 21px 0;
	list-style: none;
	background-image:
    linear-gradient(#E8E8E8, #FFFFFF);
	}
#nav ul li {
	font: 16px/18px sans-serif;
	display: inline-block; 
	margin-right: -4px;
	position: relative;
	cursor: pointer;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	}

#nav ul li a {
	padding: 24px 15px 20px 10px;
	display:block;
	color: #999;
	text-decoration:none;
	border-left:solid 1px #ccc;
	margin: 0px;
	}
#nav ul li:hover {
	color: #fff;
	}
#nav ul li a:hover{
	color: #4682B4;
	text-decoration:none;
	}
#bar3 {
	float:left; 
	display:none;
	}
	
	
/*Middle Section Left ////////////////////////*/	

#midpnl{
	width: 1000px;
	position:relative;
	margin-right:auto;
	margin-left:auto;
	}
.midtxt{
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	float:left;
	width:68%;
	margin-bottom:1.5%;
	min-height:500px;
	background: #fff;
	padding-right:2.5%;
	border-left:dashed 1px #cccccc;
	background:#E8E8E8;
	background-image:linear-gradient(#E8E8E8, #FFFFFF);	
	background:#FFFFFF;
	}
.midtxt p {
	font-family: Arial, Helvetica, sans-serif;
	color: #7D7D7D;
	position: relative;
	float:left;
	font-size: 0.75em;
	margin-left:8.25%;
	margin-top:1%;
	margin-bottom:1%;
	position:relative;
	text-align:left;			
	font-family:Arial, Helvetica, sans-serif;
	width:70%;
	line-height:auto;
	}
h1 {
	width:91.65%;
	position: relative;
	float:left;
	colour: #FFFFFF; 
	font-size: 1em;
	position:relative;
	text-align:left;			
	font-family:Arial, Helvetica, sans-serif;
	color: #fff;
	padding-bottom:3.35%;
	padding-top:2.75%;
	padding-left:8%;
	padding-right:4%;
	font-size:1em;
	font-weight:normal;
	background:url(../images/callbar.png);
	margin-bottom:2%;
	}
.midtxt ul {
	width:70%;
	text-align: left;
	margin-bottom:0%;
	padding-left:12%;
	}
.midtxt li{
	font-family: Arial, Helvetica, sans-serif;
	color: #7D7D7D;
	text-align:left;
	font-size: 0.75em;
	line-height:auto;
	list-style:disc;
	margin-bottom:0%;
	clear:left;
	}
.midtxt a{
	text-decoration:underline;
	color: #7D7D7D;
	}

	
/*Middle Section Right ////////////////////////*/	

.impnl{
	position: relative;
	margin-left: 2%;
	margin-top: 0%;
	width:27%;
	border-bottom:dashed 1px #999999;
	float:right;
	padding-bottom: 1.5%;
	padding-top: 0%;
	margin-bottom: 1.5%;
	}
.promopnl{
	position: relative;
	margin-left: 2%;
	width:27%;
	float:right;
	margin-bottom: 0%;
	padding-bottom: 1%;
	background:#EBEBEB;
	}
.promohd{
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	position: relative;
	text-align:left;
	font-size: 0.85em;	
	width: 95%;
	background:  	#4682B4;
	float:left;
	padding-bottom: 2%;
	padding-top: 2%;
	padding-left:5%;
	}
.blog{
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	float:right;
	width:95%;
	margin-bottom:0%;
	padding-bottom:4%;
	background:#EBEBEB;
	}
.blog p {
	width: 100%;
	position:relative;
	float:left;
	padding-bottom:0%;
	margin-left:3%;
	margin-top:0%;
	text-align:left;
	font-size: 1em;	
	color: #999;
	margin-bottom:5%;
	}
.blog a{
	position: relative;
	float:left;
	color: #7D7D7D;
	margin-top:0.5%;
	text-decoration:none;
	}
.feed a{
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	position: relative;
	float:left;
	text-align:left;
	font-size: 0.5em;
	margin-top:2%;
	}
.conpnl{
	position: relative;
	margin-left: 2%;
	margin-top: 1.5%;
	width:27%; 	
	border-top:dashed 1px #999999;
	float:right;
	padding-bottom: 2%;
	padding-top: 1.5%;
	background:#FFFFFF;
	}	
.conico{
	position: relative;
	float:left;
	margin-top: 0%;
	margin-left: 2%;
	text-align:left;
	width: 18%;
	}	
.contxt{
	font-family: Arial, Helvetica, sans-seriaf;
	color: #999;
	position: relative;
	float:left;
	text-align:left;
	font-size:0.70em;	
	width: 64%;
	margin-top: 0%;
	margin-left: 4%;
	border-left:solid 1px #ccc;
	padding-left: 4%;
	}
.contxt a{
	text-decoration:underline;
	color: #666666;
	}
	
/*Footer////////////////////////*/

#footer{
	width: 1000px;
	position:relative;
	margin-right:auto;
	margin-left:auto;
	height:100px;
	}
.footerfr01{
	width: 100%;
	position:relative;
	float:left;
	padding-left:0%;
	padding-top:2%;
	padding-bottom:2%;
	background:#E8E8E8;
	}	
.footerfr02{
	width: 100%;
	position:relative;
	float:left;
	padding-left:0%;
	padding-top:1%;
	padding-bottom:1%;
	background:#999;
	}
.fttxtlt{
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	position: relative;
	float:left;
	text-align:left;
	font-size: 0.8em;	
	width:40%;
	margin-left:2%;
	}
.fttxtrt{
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	position: relative;
	float:right;
	margin-right:2%;
	text-align:right;
	font-size: 0.6em;	
	width:40%;
	}
.fttxtrt a{
	text-decoration:underline;
	color: #999999;
	}
.detail{
	font-family: Arial, Helvetica, sans-serif;
	color: #ccc;
	position: relative;
	float:left;
	text-align:left;
	font-size: 0.6em;	
	width:50%;
	margin-left:2%;
	}
.detail a{
	color: #cccccc;
	}	
	
/*Devices////////////////////////*/

@media screen and (max-width: 960px) {
	}

@media screen and (max-width: 768px) {
	}
	
@media screen and (max-width: 1023px) {

img{
	max-width:100%
	}
body {
	background:#FFFFFF;
	}
html {
    font-size: 17.5px;
	}
#wrapper{
	width: 100%;
	background:white;
	}
#toppanel{
	width: 100%;
	float:left;
	position: relative;
	margin-bottom: 2.25%;
	z-index: 1;
	background:#E8E8E8;
	border:0;
	}	
.idcase{
	width: 80%;
	text-align:center;
	border-bottom:dashed 1px #CCC;
	}
#medcase{
	text-align:right;
	width: 96%;
	float:right;
	padding-right:2%;
	padding-left:2%;
	position: relative;
	margin:0%;
	background:#E8E8E8;
	}
#nav{
	width: 100%;
	margin-top:0px;
	font-size:12px;
	text-align:center;
	}
#midpnl{
	width: 96%;
	position:relative;
	margin-right:auto;
	margin-left:auto;

	}	
.midtxt{
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	float:left;
	width:97.5%;
	border-bottom: 1px dotted #ccc ;
	margin-bottom:2%;
	padding-bottom:2%;
	padding-top:0.5%;
	border:0;
	background:#E8E8E8;
	background:#FFFFFF;
		min-height:100px;
	}
.midtxt p {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	position: relative;
	float:left;
	font-size: .75em;
	margin-top:2%;
	position:relative;
	text-align:left;			
	font-family:Arial, Helvetica, sans-serif;
	width:85%;
	}
.midhead{
	width: 100%;
	position: relative;
	float:left;
	colour: #FFFFFF; 
	position:relative;
	text-align:left;			
	margin-top: 0%;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding-bottom:3%;
	padding-left:3%;
	font-size: 0.85em;
	border:0;
	background:#4682B4;
	}
.impnl{
	width: 100%;
	height: 10em;
	overflow: hidden;
	border-top:dashed 1px #999999;
	margin:0%;
	padding:0%;
	}
.promopnl{
	width:100%;
	float:right;
	}
.conpnl{
	width:100%;
	margin-right:auto;
	margin-left:auto;
	border-bottom:dashed 1px #999999;
	}		
#footer{
	width:100%;
	margin:0px;
	margin-right:auto;
	margin-left:auto;
	background:#ccc;
	}
.footerfr01{
	width: 100%;
	margin-right:auto;
	margin-left:auto;
	position:relative;
	background:#E8E8E8;
	}


@media screen and (max-width: 599px) {
	
/* ---------------------------------*/
/* CSS needed for responsive 3bar nav */
/* ---------------------------------*/

img{
max-width:100%
}
#toppanel {
position:relative;
}
#nav {
position:absolute;
display:none;
float:none;
width:100%;
clear:both;
margin:0;
margin-top:12.6em;
padding-bottom:2em !important;
background: rgba(102, 102, 102, 0.9);
}	
#nav ul {
padding:0;
float:none;
}
#nav ul li {
padding-left:1em; 
background-color:transparent;
display:block;
color:#fff;
margin:0;
}
#nav ul li:hover {
background-color:transparent;
}
#nav ul li.subcont {
padding:1em 0 0 2em;
}
#nav ul li a {
color:#fff;
font-weight:bold;
padding: .25em 0 .25em 1em;
width:90%;
background-color:transparent;
}
#nav ul li a:hover {
background-color:#555;
color:#ccc;
}
#nav ul li ul li a {
color:#fff;
font-weight:normal;
width:88% ;
background-color:transparent;
text-shadow: none;
padding:.25em 1em .25em .5em;
}
#nav ul li ul li a:hover {
color:#ccc;
background-color:#555;
}
#nav ul li ul, #nav ul li ul li  {
display:block;
opacity: 1;
visibility: visible;
position:static;
}
#bar3 {display:block;}
}
	
/* ---------------------------------*/
/*  End responsive nav css */
/* ---------------------------------*/