/* CSS Document */
body{
	width:100%;
	margin:0% auto;
	padding:0%;
	font-size:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	overflow:auto;}
#wrapper{
	width:100%;
	height:auto;}
img {
    width:100%;
    height:auto;
	border:0;
	margin:0;
	float:left;}	
a:link {
	text-decoration:none;}
a:visited {
	text-decoration:none;}
a:hover {
	text-decoration:underline;}
a:active {
	text-decoration:none;}
.blk{
	color:#000;}
.grn{
	color:#27742D;}
.red{
	color:#DB1121}	
.blu{
	color:#2AABE2;}	
.grey{
	color:#666;}
.dgrey{
	color:#494949;}	
/*------------------------------------Header*/	
#hdr-wrapper{
	width:60%;
	height:auto;
	float:left;
	margin:0% 20%;
	padding:0.5% 0%;}
#hdr-wrap{
	width:100%;
	height:auto;
	margin:1% 0% 0% 0%;
	float:left;}	
#hdr-logo-add-wrap{
	width:40%;
	height:auto;
	margin:0%;
	float:left;
	border:0;
	padding:0% 0% 0% 0%;}
#hdr-logo{
	width:20%;
	height:auto;
	margin:0%;
	float:left;
	border:0;
	padding:0% 0% 0% 0%;}
#hdr-add{
	width:75%;
	height:auto;
	margin:2% 0% 0% 5%;
	float:left;
	border:0;
	line-height:1.5em;}		
#hdr-oth-wrap{
	width:60%;
	height:auto;
	margin:1% 0% 0% 0%;
	float:left;
	border:0;}		
#hdr-sm-wrap{
	width:40%;
	height:auto;
	float:left;
	border:0;
	margin:0% 5% 0% 5%;
	padding:0%;}	
#sm-fol{
	width:100%;
	height:auto;
	color:#666;
	float:left;
	margin-top:0%;
	margin-bottom:3%;
	font-size:10px;}
#sm-wrap{
	width:100%;
	height:auto;
	float:left;
	margin-top:1%;}	
.sm{
	width:15%;
	height:auto;
	float:left;
	margin-right:5%;
	padding:0%;}	
#hdr-sup-wrap{
	width:50%;
	height:auto;
	margin:0% 0% 0% 0%;
	float:left;
	border:0;
	padding:0% 0%;}
#call-wrap{
	width:100%;
	height:auto;
	float:left;}
#call-img{
	width:10%;
	height:auto;
	float:left;
	border:0;
	margin:0%;}		
#call{
	width:90%;
	height:auto;
	float:left;
	padding:2% 0% 1% 0%;
	margin:0%;
	font-size:18px;
	color:#666;
	letter-spacing:2px;}
#email-wrap{
	width:100%;
	height:auto;
	float:left;}	
#email-img{
	width:9%;
	height:auto;
	float:left;
	border:0;
	margin:0%;}
#email{
	width:91%;
	height:auto;
	float:left;
	padding:1% 0% 0% 0%;
	margin:0%;
	font-size:16px;
	color:#666;
	letter-spacing:1px;}	
/*------------------------------------Main Menu*/
#hdr-nav-wrap{
	width:100%;
	height:auto;
	float:left;}
#menu{
	width:100%;
	height:auto;
	float:left;
	padding:0% 0% 0% 0%;
	margin:0%;}			
#menu ul {
	width:100%;
	height:auto;
	float:left;
	padding:0%;
	margin:0%;
	list-style:none;}	
#menu li {
	float:left;
	width:24%;
	margin-left:1%;
	padding:0%;}		
.menu-txt{
	float:left;
	width:100%;
	height:auto;
	padding:3% 0% 0% 0%;
	text-align:center;
	margin:0% 0% 0% 0%;}	
#menu li a {
	float:left;
	width:96%;
	height:auto;
	display:block;
	padding:1% 2% 3% 2%;
	margin:0%;
	font-size:16px;
	font-weight:bold;
	color:#27742D;
	text-decoration:none;}
#menu li a:hover {
	color:#F00;}
#menu .active a {
	color:#F00;}	
	
/*------------------------------------Index*/
#indx-cont-main-wrap{
	width:100%;
	height:auto;
	float:left;
	margin:0% 0% 0% 0%;
	padding:0%;}
#indx-bnr-wrap{
	float:left;
	width:100%;
	height:auto;
	margin:0%;
	padding:0%;
	position:relative;}
#indx-bnr-img{
	width:100%;
	height:auto;
	float:left;
	border:0;
	margin:0%;}
#indx-cont1-wrap{
	float:left;
	width:100%;
	height:auto;
	margin:2% 0% 0% 0%;
	padding:0%;}
#indx-cont1-img{
	width:70%;
	height:auto;
	float:left;
	border:0;
	margin:0%;}
#indx-cont1-mtr-wrap{
	float:left;
	width:30%;
	height:auto;
	margin:0% 0%;
	padding:0%;}
#indx-cont1-logo{
	width:20%;
	height:auto;
	float:left;
	border:0;
	margin:5% 40% 2% 40%;}	
.indx-cont1-hdr1{
	float:left;
	width:100%;
	height:auto;
	margin:0%;
	font-size:25px;
	padding:2% 0% 2% 0%;
	text-align:center;
	border-bottom:1px solid #999;}	
.indx-cont1-hdr2{
	float:left;
	width:100%;
	height:auto;
	margin:0%;
	font-size:20px;
	padding:2% 0% 2% 0%;
	text-align:center;
	border-bottom:1px solid #999;}	
.indx-cont1-txt{
	float:left;
	width:80%;
	height:auto;
	margin:0%;
	font-size:16px;
	line-height:1.75em;
	padding:0% 10% 0% 10%;
	text-align:center;}
	
/*------------------------------------Footer*/		
#ftr-wrapper{
	float:left;
	width:60%;
	height:auto;
	margin:0% 20%;
	background-color:#EEE;}
.ftr-link-wrap{
	float:left;
	width:98%;
	height:auto;
	margin:1% 1% 0% 1%;
	text-align:center;}	
.ftr-link{
	float:left;
	width:100%;
	height:auto;
	font-size:14px;}
.clearfix {
	clear:both;}
#ftr{
	width:98%;
	height:auto;
	float:left;
	margin:0% 1%;
	color:#333;
	font-size:12px;
	overflow:hidden;
	text-align:center;
	padding:1% 0%;}		

/*----------------------------------Normal Desktop Monitors*/
@media screen and (min-width:769px) and (max-width:1024px) {
/*------------------------------------Header*/	
#hdr-wrapper{
	width:98%;
	margin:0% 1%;
	padding:1% 0%;}
#hdr-add{
	margin:0% 0% 0% 5%;}		
#hdr-oth-wrap{
	margin:1% 0% 0% 0%;}		
/*------------------------------------Main Menu*/	
#menu li a {
	width:100%;
	padding:2% 0% 3% 0%;
	font-size:16px;}
/*------------------------------------Index*/
#indx-cont{
	width:98%;
	margin:0% 1%;}
#indx-cont1-img{
	display:none;}
#indx-cont1-logo{
	width:10%;
	margin:2% 45% 2% 45%;}	
#indx-cont1-mtr-wrap{
	width:100%;}	
.indx-cont1-hdr1{
	padding:0% 0% 2% 0%;}	
.indx-cont1-hdr2{
	font-size:18px;
	padding:1% 0% 1% 0%;}	
.indx-cont1-txt{
	width:90%;
	font-size:15px;
	padding:0% 5% 0% 5%;}

/*------------------------------------Footer*/		
#ftr-wrapper{
	width:100%;
	margin:0% 0%;}	
.ftr-link-wrap{
	margin:2% 1% 0% 1%;}
.ftr-link{
	font-size:12px;}
}
	
/*----------------------------------Tablets*/
@media screen and (min-width:481px) and (max-width:768px) {
/*------------------------------------Header*/
#hdr-wrapper{
	width:98%;
	margin:0% 1%;
	padding:2% 0% 1% 0%;}	
#hdr-logo-add-wrap{
	width:50%;}
#hdr-logo{
	width:21%;}
#hdr-add{
	width:74%;
	margin:0% 0% 0% 3%;}	
#hdr-oth-wrap{
	width:50%;
	margin:0% 0% 0% 0%;}	
#hdr-sm-wrap{
	width:33%;
	margin:5% 1% 0% 1%;
	padding:0%;}
#hdr-sup-wrap{
	width:65%;
	margin:5% 0% 0% 0%;}	
#call{
	width:90%;
	font-size:16px;}	
#email-img{
	width:10%;}
#email{
	width:90%;
	font-size:14px;}	
/*------------------------------------Main Menu*/
#menu li a {
	width:100%;
	padding:3% 0% 3% 0%;
	font-size:14px}	
/*------------------------------------Index*/
#indx-cont{
	width:98%;
	margin:0% 1%;}
#indx-cont1-img{
	display:none;}
#indx-cont1-logo{
	width:10%;
	margin:2% 45% 1% 45%;}	
#indx-cont1-mtr-wrap{
	width:100%;}	
.indx-cont1-hdr1{
	padding:2% 0% 2% 0%;}	
.indx-cont1-hdr2{
	font-size:18px;
	padding:2% 0% 2% 0%;}	
.indx-cont1-txt{
	width:90%;
	font-size:15px;
	padding:0% 5% 0% 5%;}
	
	
/*------------------------------------Footer*/		
#ftr-wrapper{
	width:100%;
	margin:0% 0%;}	
.ftr-link-wrap{
	margin:2% 1% 0% 1%;}
.ftr-link{
	font-size:12px;}
#ftr{
	margin:0% 1%;
	font-size:11px;
	padding:1% 0% 1% 0%;}
}

/*----------------------------------Mobiles*/
@media screen and (max-width:480px) {
/*------------------------------------Header*/	
#hdr-wrapper{
	width:100%;
	margin:0% 0%;
	padding:2% 0%;}
#hdr-wrap{
	margin:0%;}	
#hdr-logo-add-wrap{
	width:98%;
	margin:0% 1% 1% 1%;}
#hdr-logo{
	width:20%;
	margin:0% 0% 0% 3%;}
#hdr-add{
	width:72%;
	margin:1% 0% 0% 5%;
	text-align:center;}	
#hdr-oth-wrap{
	width:98%;
	margin:1% 1% 0% 1%;}		
#hdr-sm-wrap{
	width:35%;
	margin:0% 2% 0% 3%;}		
#hdr-sup-wrap{
	width:60%;}
#email{
	font-size:14px;}

/*------------------------------------Main Menu*/
#menu{
	width:98%;
	height:auto;
	float:left;
	padding:2% 2% 0% 0%;
	margin:0%;}	
#menu li {
	width:23%;
	margin:0% 1% 0% 1%;}	
.menu-txt{
	width:100%;
	padding:1% 0% 0% 0%;}	
#menu li a {
	width:98%;
	margin:0%;
	padding:1% 1% 1% 1%;
	font-size:14px;}
#menu li a:hover {
	color:#000;}
#menu .active a {
	color:#F00;}	
/*------------------------------------Index*/
#indx-cont-main-wrap{
	width:98%;
	margin:0% 1%;
	padding:0%;}
#indx-cont1-img{
	display:none;}
#indx-cont1-mtr-wrap{
	width:99%;
	padding:0% 0%;
	border:1px solid #999;}
#indx-cont1-logo{
	width:20%;
	margin:3% 40% 1% 40%;}	
.indx-cont1-hdr1{
	font-size:22px;
	padding:2% 0% 2% 0%;}	
.indx-cont1-hdr2{
	font-size:16px;
	padding:2% 0% 2% 0%;}	
.indx-cont1-txt{
	width:90%;
	font-size:14px;
	line-height:1.75em;
	padding:0% 5% 0% 5%;}

/*------------------------------------Footer*/		
#ftr-wrapper{
	width:100%;
	margin:1% 0%;}	
.ftr-link-wrap{
	margin:2% 1% 0% 1%;}	
.ftr-link{
	font-size:12px;}
#ftr{
	margin:0% 1%;
	font-size:11px;
	padding:1% 0% 1% 0%;}		
}