body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
body {
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	overflow-x: hidden;
}
#wrap {
	margin: 0 auto;
	width: 938px;
}
#top
{
background-image:url(images/topmenubg.jpg);
width:938px;
padding-top:31px;
height:75px; 

}
#header_img img{
	display: block;
	max-width: 100%;
}
/*#header
{
background-image:url(images/top.jpg);
float: left;
padding-left:470px;
padding-top:100px;
width:468px;
height:151px;
}*/
#middlebg
{
background-color:#FFFFFF;
float: left;
padding-top:20px;
width:938px;
height:auto;
}
#middleleft
{
width:638px;
height:auto;
float:left;
padding:5px;
}

#middleleft h1{
	margin-bottom:10px;
	margin-top:0px;
	display:block;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	color:#303cbb;
	font-weight:bold;
	border-bottom: 1px solid #cccccc;
}

#middleleft h2{
	margin-bottom:10px;
	margin-top:0px;
	display:block;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#303cbb;
	font-weight:bold;
	border-bottom: 1px solid #cccccc;
}

#middleleft h3{
	margin-bottom:10px;
	margin-top:0px;
	display:block;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#303cbb;
	font-weight:bold;
	border-bottom: 1px solid #cccccc;
}
.block{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom: 1px solid #cccccc;
	margin-top:0px;
	margin-bottom: 10px;
}
#middleright
{
padding-left:30px;
width:298px;
height:auto;
float:left;
}
#boxspace
{
background-color:#FFFFFF;
width:257px;
float:left;
height:10px;
}

#box
{
background-color:#FFFFFF;
width:241px;
float:right;
padding-left:17px;
height:auto;
border:#c5c5c5 1px solid; 
}

#box-content
{
background-color:#FFFFFF;
width:240px;
float:right;
padding-left:0px;
height:auto;
border:#c5c5c5 1px solid; 
}

#box-content3
{
background-color:#FFFFFF;
width:240px;
float:right;
padding-left:0px;
height:auto;
border:#c5c5c5 1px solid; 
}

#box-content4
{
background-color:#FFFFFF;
width:240px;
float:right;
padding-left:0px;
height:auto;
border:#c5c5c5 1px solid; 
}

#boxspace2
{
background-color:#FFFFFF;
width:240px;
float:right;
padding-left:0px;
height:auto;
border:#c5c5c5 1px solid; 
}

#boxspace2 a{
	display:block;
	margin:0;
	padding:5px 10px 5px 20px;
	color:#777777;
	background:url(icon.jpg) no-repeat left center;
	text-decoration:none;
	border-bottom:1px solid #F9F9F9;
	}

#bottombg
{
background-image:url(images/bottombg.jpg);
float: left;
width:938px;
height:46px;
}
#bottomleft
{
float: left;
padding-top:13px;
padding-left:30px;
width:670px;
height:33px;
}
#bottomright
{
float: left;
padding-top:15px;
width:238px;
height:31px;
}
.topcontent
{
font-family: Arial, Helvetica, sans-serif;
color:#fff;
font-size:28px;
}
.heading
{
font-size:14px;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;}
.heading1
{
font-size:20px;
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;}
.content
{
font-size:12px;
color:#000000;
line-height:18px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.orange
{
font-size:12px;
color:#ff6600;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:18px;
}
.bottomcontent
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-size:10px;
}

.line {
	font-family: tahoma;
	font-size: 12px;
	font-weight: bold;
	color:#999999;
}
#top_contact{
	color: #000;
		background: #0094d0;
		background: -moz-linear-gradient(top, #0094d0 1%, #3b67dd 50%, #00399b 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#0094d0), color-stop(50%,#3b67dd), color-stop(100%,#00399b));
		background: -webkit-linear-gradient(top, #0094d0 1%,#3b67dd 50%,#00399b 100%);
		background: -o-linear-gradient(top, #0094d0 1%,#3b67dd 50%,#00399b 100%);
	padding: 5px 10px;
	margin-bottom: 5px;
	width: auto !important;
}
#top_contact:hover{
	text-decoration: none;

}

.clickhere:link {
	color: #999999;
	text-decoration: none;	padding-left:13px;
	padding-right:13px;
}
.clickhere:visited {
	text-decoration: none;
	color: #999999;	padding-left:13px;
	padding-right:13px;
}
.clickhere:hover {
	text-decoration: underline;
	color: #1A86B7;	padding-left:13px;
	padding-right:13px;
}
.clickhere:active {
	text-decoration: none;
	color: #1A86B7;	padding-left:13px;
	padding-right:13px;	
}
.clickhere {
	font-family: tahoma;
	font-size: 12px;
	font-weight: bold;	padding-left:13px;
	padding-right:13px;
}
.clickhere1:link {
	color:#000000;
	text-decoration: none;
}
.clickhere1:visited {
	text-decoration: none;
	color:#000000;;
}
.clickhere1:hover {
	text-decoration: underline;
	color:#000000;	
}
.clickhere1:active {
	text-decoration: none;
	color: #000000;		
}
.clickhere1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
input#button{
		cursor: pointer;
	}


/******************************RECPONSIVE DESIGN******************************/
@media only screen and (min-width: 937px){
	#call{
		display: none;
	}
}
@media only screen and (max-width: 936px){
	
	#wrap{
		width: 90%;
		margin: 0 5%;
	}
	#top{
		max-width: 100%;
	}
	#header{
		max-width: 100%;
	}
	.clickhere{
		width: 100%;
		/*display: block;*/
	}
	#call{
		/*display: block;*/
	    color: #000;
	    font-size: 14px;
	    font-weight: bold;
	    padding: 5px 0;
	    text-align: center;
	    text-decoration: none;
		background: #0094d0;
		background: -moz-linear-gradient(top, #0094d0 1%, #3b67dd 50%, #00399b 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#0094d0), color-stop(50%,#3b67dd), color-stop(100%,#00399b));
		background: -webkit-linear-gradient(top, #0094d0 1%,#3b67dd 50%,#00399b 100%);
		background: -o-linear-gradient(top, #0094d0 1%,#3b67dd 50%,#00399b 100%);
	}
	#call a{
		text-decoration: none;
		color: #000;

	}

	#middlebg{
		width: 90%;
		margin: 0 5%;
	}
	.block{
		text-align: justify;
		font-size: 16px;
    	line-height: 21px;
	}
	#middleleft{
		width: 100%;
	}
	#middleleft h1{
		font-size: 18px;
	}
	#middleleft h3, #middleleft h2{
		font-size: 17px;
	}
	#middleleft h4{
		font-size: 16px;
	}
	#middleleft img{
		display: inline-block;
		max-width: 100%;
	}
	#middleleft ul li{
		font-size: 15px;
		line-height: 20px;
	}
	.content{
	    font-size: 14px;
    	line-height: 21px;
	}
	#middleright{
		margin: 0 5%;
    	width: 90%;	
    	padding-left:0;	
	}
	#boxspace{
		width: 100%;
		float: none;
	}
	#box,#box-content{
		float: none;
	    margin: 0 auto 15px;
	    width: 80%;
	    padding: 0 1em;
	}
	#box-content strong{
		display: block;
	}
	#box-content table{
		width: 100% !important;
	}

	#box-content table tr td.address{
		width: 20% !important;
	}
	#box-content table tr td input, #box-content table tr td textarea {
		width: 98% !important;
		padding:5px 2%;
	}
	
	#bottombg{
		width: 100%;
		background-image: none;
		background-color: #313CBC;
		padding: 10px 5%;
		border-top: 5px solid #fff;
		/*min-height: 60px;*/
	}
	#bottomleft{
		width: 100%;
		padding-left:0;
	}
	#bottomright{
		width: 100%;
		padding-left:0;
		padding-bottom: 10px;
	}
}
@media only screen and (max-width: 748px){
	.clickhere{
		width: 90%;
		display: block;
		padding-bottom: 3px;
	}
	div span.line{
		display: none;
	}
	#top{
		background-image:none;
		background-color: #000000;
	    padding-bottom: 25px;
    	padding-top: 15px;
	}
}
@media only screen and (max-width: 809px){
	#bottombg{
		height: 80px;
	}
}
@media only screen and (max-width: 422px){
	#bottombg{
		height: 90px;
	}
}
@media only screen and (max-width: 530px){
	#middleright{
		width: 98%;
		margin: 0 2%;
	}
	#box,#box-content{
		float: none;
	    margin: 0 auto 10px;
	    width: 96%;
	    padding: 0 2%;
	}
	iframe {
		width: 100% !important;
		height: 240px !important;
	}
	.column1{
	display:block;
	float:left;
    width:100%;
	height:50px;
	overflow:hidden;
	}
}
@media only screen and (max-width: 301px){
	#top{
		padding-bottom: 45px;
	}
}
@media only screen and (max-width: 299px){
		#top{
		padding-bottom: 60px;
	}
}

.innercol1 {
    text-align: center;
    width: 95%;	}
	
/*---------------------------------------*/
* {
    box-sizing: border-box;
}

/* Create four equal columns that floats next to each other */
.column {
    float: left;
    width: 33%;
    padding: 20px;
}

/* Clear floats after the columns */
.rows:after {
    content: "";
    display: table;
    clear: both;
}

/* On screens that are 992px wide or less, go from four columns to two columns */
@media screen and (max-width: 992px) {
    .column {
        width: 50%;
    }
}

/* On screens that are 600px wide or less, make the columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
    .column {
        width: 100%;
    }
}
.innercol1{
	text-align:center;
	}
	/*---------      -----------*/
.rows-inner{
	 content: "";
    display: table;
    clear: both;
}
@media screen and (max-width: 992px) {
    .column-inner {
        width: 100%;
    }
}

/* On screens that are 600px wide or less, make the columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
    .column-inner {
        width: 100%;
    }
}