@charset "utf-8";
/* CSS Document */

/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size: 1em;
    vertical-align:baseline;
    background:transparent;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

ul{
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	text-decoration:none;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}
/* Stylesheet: reset Modified On 2013-06-05 22:59:57 */
body{
	background: #efefef;
	font-size: 1.2em;
	
}
p {color: #777777; text-align: justify; margin-bottom: .5em;}

/*validator*/
label.error { float: none; color: red; padding-left: .5em; vertical-align: top; font-size: .7em; font-weight: bold;}
em { font-weight: bold; padding-right: 1em; vertical-align: top; }
/*end validator*/

img{
	max-width: 100%;
}

#wrap{
	background: white;
	border: 1px solid #c0c0c0;
	border-radius: .7em;
	box-shadow: 2px 2px 6px #999999;
	margin: 1em auto;
	width: 76%;
	padding: 15px 0 20px 0;
}
#wrap > header,
#wrap > section,
#wrap > div {
	padding: 0 15px;
}
#socialmedia{
	border: 0px solid;
	text-align: right;
}
#socialmedia li{
	display: inline-block;
}

#socialmedia a{
	display: block;
	height:38px;
	overflow: hidden;
	text-indent: -9999px;
	width: 40px;
}
header h1{
	color: #3a94d6;
	font-size: 2em;
}
header h1 span{
	color: #4a4a4a;
}
header article{
	background: #3a93d7;
	border-radius: .5em;
	color: white;
	display: block;
	font-size: 1em;
	font-style: italic;
	margin: .4em auto;
	padding: .7em;
	text-align: justify;
	overflow: hidden;
}
header article p{
	color: white;	
}
header #readmore, header #contactus{
	background-color: #fff;
	box-shadow: 2px 2px 7px #a3a3a3;
	border-radius: .5em;
	display: inline-block;
	height: 39px;
	float: right;
	padding: 7px 0 0 10px;
	width: 163px;
	font-size: 0.9em;
	color: #3a93d7;
}
header #readmore:hover, header #contactus:hover {
	background-color: #ddd;
	text-decoration: none;
}
nav.mainmenu-cover #mainmenu-0{
	display:none;
	position: relative;
}

nav.mainmenu-cover {
	height: 50px;
	margin-bottom: .8em;
	float: left;
	width: 100%;
	margin-top: 30px;
	margin-bottom: 100px;
}
nav.mainmenu-cover-footer {
	margin-bottom: 30px;
}
nav.mainmenu-cover > div {
	width: 15%;
	height: 75px;
	float: left;
	position: relative;
}
nav.mainmenu-cover > div img:first-child {
	margin-top: -13px;
	width: 100%;
	height: 75px;
}

nav.mainmenu-cover > div img:nth-child(2) {
	position: absolute;
	top: 30px;
	left: 38%;
	width: 50%;
}

nav.mainmenu-cover ul {
	width: 85%;
	height: 41px;
	background-color: #1c9dc5;
	float: right;
	border: 0;
	margin-top: 16px;
	text-align: center;
	overflow: hidden;
}

nav.mainmenu-cover ul li{
	border-right: 1px solid #c3c3c3;
	display:inline-block;
	margin-top: 5px;
	padding: 0;	
	height: 30px;
}

nav.mainmenu-cover li:last-child{
	border: none;
}
nav.mainmenu-cover li a {
	border: 0px solid #000;
	color: #fff;
	display: block;
	font-size: 1.2em;
	overflow: hidden;
	padding: 0 0.8em;
}

section#maincontent, aside{
	border: 0px solid;
	display:inline-block;
	vertical-align: top;
}
nav.xs-menu {
	background-color: #1c9dc5;
}
nav.xs-menu .navbar-toggle .icon-bar {
	background-color: #fff;
	transition:all .5s linear;
}
nav.xs-menu .navbar-toggle {
	transition:all .5s linear;	
}
nav.xs-menu .navbar-toggle,
nav.xs-menu .navbar-toggle:focus {
	background-color: transparent;
	border-color: #fff;
}
nav.xs-menu .navbar-toggle:hover {
	background-color: #fff;
	border-color: #1c9dc5;
}
nav.xs-menu .navbar-toggle:hover .icon-bar {
	background-color: #1c9dc5;
}
aside{
	background: #e9e9e9;
	border-radius: .5em;
	overflow: hidden;
	width: 20%;
	margin-bottom: 20px;
}

aside ul li{
	text-align: center;
	margin-bottom: .25em;
}

aside ul li a{
	color: #494949;
	font-family: arial;
	font-size: 1.7em;
}

section.main{
	background: #e9e9e9;
	border-radius: .5em;
}

section#maincontent{
    font-family: arial;
	font-size: 0.9em;
	padding: 0 .3em .7em .6em;
}

section#maincontent ul{
  list-style-type:circle;
  margin-left: 25px;
}

section#maincontent ol{
  margin-left: 35px;
}

section#maincontent h2.title{
	color: #3a94d6;
	font-size: 1.3em;
	margin-bottom: .5em;
}

section.main section#maincontent h2.title{
	margin-top: .5em; 
}

section#maincontent .contactform td{
  color: rgb(119, 119, 119);
  padding: .5em .25em;
  vertical-align: top;
}

section#maincontent .contactform td input, section#maincontent .contactform td textarea{
  font-family: arial, verdana;
  font-size: 1em;
  padding: .15em;
}

section#maincontent .contactform td textarea{
  width: 100%;
}

section#maincontent .contactform td input[type=submit]{
  color: rgb(119, 119, 119);
  cursor:pointer;
}

.sitemap{
  list-style-type:circle;
  margin-left: 2em;
}

.sitemap li{
  margin: .25em 0;
}

.sitemap a{
  color: rgb(119, 119, 119);
  padding: .5em;
}

.content-menu, .content-menu-2{
	display: none;
}

footer{
	margin-bottom: .7em;
}

footer #mainmenu, footer #mainassetplus{
	border: 0px solid;
	text-align: center;
}

footer #mainmenu li, footer #mainassetplus li{
	display: inline-block;
	border-right: 1px solid #b3b3b3;
	padding: 0 .5em 0 .25em;
}

footer #mainmenu li:last-child, footer #mainassetplus li:last-child{
	border: none;
}

footer #mainmenu{
	margin: .5em 0;
}

footer #mainassetplus a{
	color: #4d4d4d;
	font-family: arial;
	font-size: .6em;
	font-weight: bold;
}

footer #mainassetplus a.visual{
	color: #3a93d7;
}

.content-menu-21{
	display: none;
}

@media only screen and (min-width: 1025px){
	#wrap{
		width: 89%;
	}
}
@media only screen and (max-width: 1024px){

	body{
		font-size:1em;
	}
	#wrap{
		width: 93%;
	}
	
	nav.mainmenu-cover li a{
		font-size: 1.2em;
		padding: 0 .4em;
	}
	
  	footer #mainmenu li, footer #mainassetplus li{
		padding: 0 .3em 0 .15em;
	}
	
	footer #mainassetplus a{
		font-size: .8em;
	}
}
@media only screen and (max-width: 768px){
	body{
		font-size:.8em;
	}
	
	nav.mainmenu-cover{
		height: 42px;
	}
}

@media only screen and (max-width: 600px){
	body{
		font-size:.8em;
	}
	
	#wrap{
		width: 94%;
	}
	
	nav.mainmenu-cover{
		height: 38px;
	}
	
	nav.mainmenu-cover li a{
		
		padding: 0 .3em;
	}
	
	header #readmore, header #contactus{
		background-size: 100% 100%;
		height: 39px;
		width: 153px;
	}
	header #contactus{
		background-size: 100% 100%;
	}
	
	aside{
		width: 24%;
	}
}

@media only screen and (max-width: 480px){
	body{
		font-size:.9em;
	}
	
	#wrap{
		width: 92%;
	}

	header h1{
		font-size: 1.4em;
	}
	
	header #readmore, header #contactus{
		height: 37px;
		float: none;
		width: 118px;
	}
	
	nav.mainmenu-cover #mainmenu-0{
		display:block;
		font-size: 1.6em;
		margin-top:8px;
	}
	
	nav.mainmenu-cover #mainmenu{
		display:none;
	}
	
	nav.mainmenu-cover .content-menu #mainmenu, nav.mainmenu-cover .content-menu-11 #mainmenu{
		display:block;
	}
	
	
	
	aside{
		display: none;
	}
	
	section#maincontent img{
		width: 100%;
	}
	
	.content-menu, .content-menu-2, .content-menu-11, .content-menu-21{	
		background: #ededed;
		border: 1px solid #ededed;
		box-shadow: 2px 2px 7px #a3a3a3;
		height: 170px;
		
		left: 50px;
		
		border-radius: .5em;
		margin-bottom: .8em;
		
		position: absolute;
		top: 40px;
		
		z-index: 1000px;
	}
	/*480*/
	.content-menu-11{
		left: 60px;
		height: 165px;
		top: -165px;
	}
	
	.content-menu-2{
		height: 110px;
		left: 233px;
	}
	
	.content-menu-21{
		display: block;
		height: 100px;
		left: 233px;
		top: -100px;
	}
	
	.content-menu-21 #mainassetplus{
		margin-top: .4em;
	}
	
	.content-menu-21 #mainassetplus a{
		color: #3a93d7;
		font-family: serif;
	}
	
	.content-menu #mainmenu li, .content-menu-2 #mainassetplus li, .content-menu-11 #mainmenu li, .content-menu-21 #mainassetplus li{
		border: none;
		display: block;
		padding: .15em;
	}
	
	.content-menu #mainmenu li a, .content-menu-2 #mainassetplus li a, .content-menu-11 #mainmenu li a, .content-menu-21 #mainassetplus li a{
		font-size: 1.2em;
		font-weight: bold;
		text-align: left;
		padding-left: 1em;
	}
	.contactform input{
		width: 100%;
	}
}

@media only screen and (max-width: 320px){
	body{
		font-size:.8em;
	}
	
	nav.mainmenu-cover li a {
		font-size: .9em;
	}
	
	.content-menu{	
		height: 150px;
		left: 26px;
	}
	
	.content-menu-2{	
		height: 100px;
		left: 155px;
	}
	
	.content-menu-11{
		height: 150px;
		left: 25px;
		top: -151px;
	}
	
	.content-menu-21{	
		height: 90px;
		left: 154px;
		top: -90px;
	}
}
/* Stylesheet: style Modified On 2013-06-16 01:28:52 */
.clear {clear:both}	
/* remove the list style */
#mainmenu {
 padding:0; 
 list-style:none;
}	
	
	/* make the LI display inline */
	/* it's position relative so that position absolute */
	/* can be used in submenu */

	#mainmenu li {		
		display:inline-block; 		
		position:relative;
				
	}
		
	/* this is the parent menu */
	#mainmenu li a {
                display:block;
		text-decoration:none; 
		text-align:center;
	}
	
	/* you can make a different style for default selected value */

	
		/* submenu, it's hidden by default */
		#mainmenu ul {
			position:absolute; 
			left:0; 
			display:none; 
			margin:0 0 0 -1px; 
			padding:0; 
			list-style:none;

                        background: #3a93d7;
	                border: 1px solid #ededed;
	                box-shadow: 2px 2px 7px #a3a3a3;
	                
	                border-radius: .5em;
	                margin-bottom: .8em;

                        z-index:1;
		}
		
		#mainmenu ul li {			
			float:left;
                        border-right: none;
		}
		
		/* display block will make the link fill the whole area of LI */
		#mainmenu ul a {
			display:block;
                        font-size: .9em;
			padding: 8px 5px; 
			color:#fff;
		}

#menu-left{
 background: #fff;
 border: 1px solid #ededed;
 box-shadow: 2px 2px 7px #a3a3a3;     
 border-radius: .5em;
 margin-bottom: .8em;
}
#menu-left li{
 border-bottom: 1px solid #ccc;
}

#menu-left li.last, #menu-left li.header{
 border-bottom: none;
}

#menu-left a{
 color: #3a93d7;
 display: block;
 font-size: .9em;
 overflow: hidden;
 padding: .25em .5em;
}

#menu-left .header a{

 -webkit-border-top-left-radius: .5em;
 -webkit-border-top-right-radius: .5em;
 -moz-border-radius-topleft: .5em;
 -moz-border-radius-topright: .5em;
 border-top-left-radius: .5em;
 border-top-right-radius: .5em;

 color: white;
 background: #3a93d7;
}
/* Stylesheet: style-menu Modified On 2013-06-05 22:59:57 */