body,html{
	font-family:'Open Sans',arial;
	font-size:14px;	
}

h1,h2{
	margin-top:5px;	
}
#facebooklogo{
	 width:32px;height:32px;
	 cursor:pointer;
    background-image:url('/images/facebook_off.png');}
	 
#facebooklogo:hover {
    background-image:url('/images/facebook_on.png');
}

#topbar{
	background:#0092cf;
	/*border-bottom:2px solid #006;*/
	height:40px;
	color:#FFF;
}
#header{
	height:300px;
	background: url("/imagesnew/bgwavegreen.png") no-repeat center;
}
#menubar{
	background:#0092cf;
	height:50px;
	color:#FFF;
}
#slideshow{
	padding:10px 0;
	background:#FFF;	
	background: url("/imagesnew/bgonwhite.jpg") no-repeat center;
}

#feeservice{
	background:#0092cf;
	color:#FFF;
}

#footer{
	background:#8cc63f;
	color:#FFF;
}

#copyrightbar{
	background:#0092cf;
	border-top:2px solid #0072af;
	height:40px;
	color:#FFF;
}

.maincontent{
	max-width: 929px;
	width:100%;
	margin:0 auto;
}
.maincenter{
	padding:30px 0;	
}
.whitelink{
	color:#FFF;	
}
.whitelink:hover{
	color:#0092cf;	
	text-decoration:none;
}
.text-vertical-center {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.transparentonhover{
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	-ms-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s;	
	opacity: 1; 
}
.transparentonhover:hover{
	opacity: .8; 
}

.overlay{
	 width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
	 z-index: 10;
}

.button-facebook{
	padding:2px 10px;
	color:#FFF;
	background-color:#3b5998;
	-webkit-transition: opacity .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;	
}
.button-facebook:hover{
	text-decoration:none;
	color:#FFF;
	background-color:#4b69A8;
	-webkit-transition: opacity .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;	
}
.tempright{
	text-align:right;
}
.center{
	text-align:center;
}

.phonenumber{font-size:25px;font-weight:bold;color:#FFF;position:absolute;right:20px;bottom:30px;font-family:Oxygen}

.design1 {width: 100%;border-collapse: collapse;}
.design1 tr:nth-of-type(odd) { background: #eee;}
.design1 th {background: #333;color: white;font-weight: bold;}
.design1 td, th {padding: 6px;border: 1px solid #ccc;text-align: left;}	

.design2 {width: 100%;border:0px solid #F00;}
.design2 tr:nth-of-type(odd) { background: #8cc63f;}
.design2 td, th {padding: 6px;border: 0px solid #fff;text-align: left;}	

.design3 {width: 100%;border:0px solid #F00;}
.design3 tr:nth-of-type(odd) { background: #8cc63f;}
.design3 tr:nth-of-type(even) {background: #0092cf;color: white;}
.design3 td, th {padding: 6px;border: 0px solid #ccc;text-align: left;}	

.subsubmenu{color:#333;}

@media only screen and (max-width : 991px) {
.row{
	padding:0 5px;	
}
}
@media only screen and (max-width : 768px) {
	.tempright{	text-align:center;}
	.col-xs-12{	text-align:center;}
	
	/*Tables Design*/
	.design1,.design2,.design3 {width: 100%;border-collapse: collapse;}
	.design1 table, .design1 thead, .design1 tbody, .design1 th, .design1 td, .design1 tr {display: block;}
	.design2 table, .design2 thead, .design2 tbody, .design2 th, .design2 td, .design2 tr {display: block;}
	.design3 table, .design3 thead, .design3 tbody, .design3 th, .design3 td, .design3 tr {display: block;}
	.design1 thead tr,.design2 thead tr,.design3 thead tr { position: absolute;top: -9999px;left: -9999px;}
	.design1 tr,.design2 tr,.design3 tr { border: 1px solid #ccc; }
	.design1 td,.design2 td,.design3 td { border: none;border-bottom: 1px solid #eee; position: relative;}
	.design3 td:nth-of-type(1) { font-weight:bold;}
	.subsubmenu{color:#FFF;}
	.subsubmenu:hover{color:#333;}
}
@media only screen and (max-width : 325px) {
.phonenumber{font-size:20px;bottom:10px;}
}