/*--------------------------------------------------
########### CSS RESET
--------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {margin: 0;padding: 0;border: 0;outline: 0;font-weight: normal;font-style: normal;font-size: 100%;font-family: inherit;vertical-align: baseline;}
body {line-height: 1;}
:focus {outline: 0;}
ol, ul {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
input, textarea {margin: 0;padding: 0;}
hr {margin: 0;padding: 0;border: 0;color: #000;background-color: #000;height: 1px;}
/*--------------------------------------------------
########### HTML Tags
--------------------------------------------------*/
body{background:#ededee url("../images/page-bck.png") repeat-x;font:normal 100% "Arial";}
h1{font:normal 24px/28px "Arial";color:#2eb1cc;margin-bottom:12px;}
.interior{background:transparent url("../images/bck-h1.png") no-repeat;width:586px;height:39px;padding:4px 0 0 12px;}
h2{font:normal 18px/28px "Arial";color:#0d759a;margin-bottom:12px;}
p{color:#4f5d63;font-size:12px;text-align:justify;line-height:20px; margin-bottom:8px;}
em{font-style:italic;}

/*--------------------------------------------------
########### Structure
--------------------------------------------------*/
#mainwrapper{width:902px;margin:0 auto;}
#header{background:transparent url("../images/bck-header.png") no-repeat top center;height:174px;}
#content{background:transparent url("../images/bck-content.png") repeat-x; min-height:600px;overflow:hidden;}
#footer{border-top:1px solid #dddddd;}

/*--------------------------------------------------
########### Header
--------------------------------------------------*/
.headmain{overflow:hidden;}

.logo{float:left;width:25%;}
.logo a{background:transparent url("../images/logo.png") no-repeat;width:265px;height:114px;display:block;}
.logo span{display:none;}

.topnav{float:right;width:72%;}
.topnav ul{float:right;padding-top:53px;}
.topnav ul li{float:left;display:inline;}
.topnav ul li a{display:block;height:44px;}
.topnav ul li a span{display:none;}

.topnav ul li a.emergency{background:transparent url("../images/top-nav-emergency.png") no-repeat left top;width:169px;}
.topnav ul li a.resources{background:transparent url("../images/top-nav-resources.png") no-repeat left top;width:152px;}
.topnav ul li a.login{background:transparent url("../images/top-nav-login.png") no-repeat left top;width:122px;}
.topnav ul li a.free{background:transparent url("../images/top-nav-free.png") no-repeat left top;width:114px;}

.topnav ul li a.emergency:hover{background:transparent url("../images/top-nav-emergency.png") no-repeat left bottom;}
.topnav ul li a.resources:hover{background:transparent url("../images/top-nav-resources.png") no-repeat left bottom;}
.topnav ul li a.login:hover{background:transparent url("../images/top-nav-login.png") no-repeat left bottom;}
.topnav ul li a.free:hover{background:transparent url("../images/top-nav-free.png") no-repeat left bottom;}

.activeemergency{background:transparent url("../images/top-nav-emergency.png") no-repeat left bottom;width:169px;height:44px;display:block;}
.activeresources{background:transparent url("../images/top-nav-resources.png") no-repeat left bottom;width:152px;height:44px;display:block;}
.activelogin{background:transparent url("../images/top-nav-login.png") no-repeat left bottom;width:122px;height:44px;display:block;}
.activefree{background:transparent url("../images/top-nav-free.png") no-repeat left bottom;width:114px;height:44px;display:block;}

.activeemergency span, .activeresources span, .activelogin span, .activefree span{display:none;}

.mainnav{overflow:hidden;padding-left:8px;padding-top:12px;}
.mainnav ul{}
.mainnav ul li{float:left;display:inline;}
.mainnav ul li a{display:block;height:44px;}
.mainnav ul li a span{display:none;}

.mainnav ul li a.home{background:transparent url("../images/mainnav-home.png") no-repeat left top;width:108px;}
.mainnav ul li a.servicies{background:transparent url("../images/mainnav-services.png") no-repeat left top;width:123px;}
.mainnav ul li a.membership{background:transparent url("../images/mainnav-member.png") no-repeat left top;width:201px;}
.mainnav ul li a.testimonial{background:transparent url("../images/mainnav-testimonial.png") no-repeat left top;width:164px;}
.mainnav ul li a.about{background:transparent url("../images/mainnav-about.png") no-repeat left top;width:133px;}
.mainnav ul li a.contact{background:transparent url("../images/mainnav-contact.png") no-repeat left top;width:160px;}

.mainnav ul li a.home:hover{background:transparent url("../images/mainnav-home.png") no-repeat left bottom;}
.mainnav ul li a.servicies:hover{background:transparent url("../images/mainnav-services.png") no-repeat left bottom;}
.mainnav ul li a.membership:hover{background:transparent url("../images/mainnav-member.png") no-repeat left bottom;}
.mainnav ul li a.testimonial:hover{background:transparent url("../images/mainnav-testimonial.png") no-repeat left bottom;}
.mainnav ul li a.about:hover{background:transparent url("../images/mainnav-about.png") no-repeat left bottom;}
.mainnav ul li a.contact:hover{background:transparent url("../images/mainnav-contact.png") no-repeat left bottom;}

.activehome{background:transparent url("../images/mainnav-home.png") no-repeat left bottom;width:108px;height:44px;display:block;}
.activeservicies{background:transparent url("../images/mainnav-services.png") no-repeat left bottom;width:123px;height:44px;display:block;}
.activemembership{background:transparent url("../images/mainnav-member.png") no-repeat left bottom;width:201px;height:44px;display:block;}
.activetestimonial{background:transparent url("../images/mainnav-testimonial.png") no-repeat left bottom;width:164px;height:44px;display:block;}
.activeabout{background:transparent url("../images/mainnav-about.png") no-repeat left bottom;width:133px;height:44px;display:block;}
.activecontact{background:transparent url("../images/mainnav-contact.png") no-repeat left bottom;width:160px;height:44px;display:block;}

.activehome span, .activeservicies span, .activemembership span, .activetestimonial span, .activeabout span, .activecontact span{display:none;}
/*--------------------------------------------------
########### Content
--------------------------------------------------*/
.contwrapper{margin:6px 7px 0 8px}
.banner{margin:0 auto 30px auto;overflow:hidden;}
.bannerint{margin:0 auto;overflow:hidden;}

.leftimg{float:left;margin:0 0 4px 4px;}
.rightimg{float:right;margin:0 0 4px 40px;}

.boxcontainer{clear:both;overflow:hidden;margin-top:20px;margin-bottom:28px;}
.boxone, .boxtwo, .boxthree{background:transparent url("../images/bck-box.png") no-repeat;height:154px;width:286px;}

.boxone{float:left;margin-right:14px;}
.boxtwo{float:left;}
.boxthree{float:right;}

.boxone .adress{display:block;padding-right:22px;text-align:right;}
.boxone .phone{color:#0d759a;font-size:14px;}

.boxone .title, .boxtwo .title, .boxthree .title{padding-left:20px;padding-top:6px;}
.boxtwo p, .boxthree p{padding-left:10px;width:90%;line-height:16px;text-align:left;}

.boxtwo .more, .boxthree .more{overflow:hidden;margin-right:10px;}
.boxtwo .more a, .boxthree .more a{display:block;float:right;width:75px;height:24px;background:transparent url("../images/btn-more.png") no-repeat left top;}
.boxtwo .more a:hover, .boxthree .more a:hover{background:transparent url("../images/btn-more.png") no-repeat left bottom;}
.boxtwo a span, .boxthree a span{display:none;}

/*--------------------------------------------------
########### Footer
--------------------------------------------------*/
.footerwrapper{width:84%;margin:0 auto;padding-top:20px;padding-bottom:18px;}
.footerwrapper p{clear:both;text-align:center;font-size:10px;}

.footerwrapper ul{font:normal 10px/18px "Arial";color:#4f5d63;margin:6px auto;text-align:center;}
.footerwrapper ul li{display:inline;}
.footerwrapper ul li a{color:#4f5d63;text-decoration:none;}
.footerwrapper ul li a:hover{text-decoration:underline;}

/*--------------------------------------------------
########### Interior
--------------------------------------------------*/
.leftcolum{float:left;width:270px;overflow:hidden;}
.rightcolum{float:right;width:600px;overflow:hidden;padding-top:8px;margin-bottom:16px;}
/*-- Left Content --*/
.leftcolum ul{margin-top:16px;}
.leftcolum ul li{margin:-8px 0;}

.leftcolum ul li a{padding:12px 0 0 32px;height:39px;display:block;background:transparent url("../images/submenu-btn.png") no-repeat left top;width:265px;font:normal 12px/16px "Arial";text-decoration:none;color:#63747c;}
.leftcolum ul li a:hover{height:39px;display:block;background:transparent url("../images/submenu-btn.png") no-repeat left bottom;color:#a6adb0;}

/*-- Right content --*/

.rightcontent{padding:0 16px;overflow:hidden;}
.rightcontent p a{font-weight:bold;text-decoration:none;color:#4f5d63;}
.rightcontent p a:hover{text-decoration:underline;}

.rightcontent ul{list-style-image: url("../images/list-bullet.png");margin:10px 0;padding-left:20px; color:#4f5d63;font-size:12px;text-align:justify;line-height:20px}
.rightcontent ul li a{font:bold 12px/20px "Arial";text-decoration:none;color:#4f5d63;}
.rightcontent ul li a:hover{color:#0d759a;}