* {
	border: 0;
	outline: 0;
}

body {
	width: 100%;
	text-align: center;
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #525252;
}





.hidden {
	display: none;
}

.clear {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
}

h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 36px;
	color: #494949;
	font-weight: bold;
	line-height: 32px;
	margin-top: 0;
	letter-spacing: -1px;
}

h1 span.blue {
	color: #3a62c7;
	padding-left: 15px;
	font-size: 30px;
}

h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 20px;
	color: #494949;
	font-weight: bold;
	line-height: 26px;
	margin: 0px 0px 5px 0px;
}

h3 {
	color: #494949;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px 0px 5px 0px;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	background: #f6f6f6;
	padding: 6px 0 6px 8px;
	letter-spacing: -1px;
	font-weight: bold;
	color: #3a62c7;
	margin-top: 0;
}

h5 {
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 6px 0 6px 0;
}

h6 {
	font-size: 16px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 30px;
	padding: 6px 0 6px 0;
}

h7 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 20px;
	color: #494949;
	font-weight: bold;
	line-height: 26px;
	margin: 0;
}


p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #525252;
	line-height: 15px;
}

p a {
	color: #3a62c7;
	text-decoration: none;
}

li a {
	text-decoration: none;
}

p a:hover, h3 a:hover {
	text-decoration: underline;
}

hr {
	width: 100%;
	clear: both;
	border: none;
	border-top: 1px solid #d3d3d3;
	margin: 15px 0 15px 0;
}

#wrapper { max-width:1024px; min-width:320px; margin:0px auto;
	text-align: left;
}

#left-content {
	width: 65%; 
	float: left;
}

#right-content {
	width: 30%;
	float: right; 
	padding-left: 4%;
}
.container{ margin:0px auto; max-width:1024px; position:relative; }
.clear{ clear:both;}

#header {
	background: url(/images/misc/top-bg.gif) repeat-x;
	max-width: 100%; 
	min-height: 220px;
	 
}

#header-container {
	background: url(/images/misc/map.jpg) right no-repeat;
	border-bottom: 1px solid #f0ecec;
	min-height: 161px;
	padding-top: 20px;
	width: 1024px; margin:0px auto;  
	text-align: left;
	 
}

#navbar-container {
	min-height: 38px;
	max-width:1024px;
	text-align: left; margin:0px auto;
	 
}

#header ul {
	margin: 0 0 15px 0;
	height: 38px;
	float: left;
	padding: 0;
	list-style: none;
	background: url(/images/misc/navbar.gif) repeat-x;
}

#header ul li {
	float: left;
	border-right: 1px solid #3a62c7;
	border-left: 1px solid #4a70d1;
}

#header ul li a {
	line-height: 38px;
	color: #ffffff;
	text-align: center;
	padding: 11px 25px 11px 24px;
	text-decoration: none;
}

#header ul li a:hover {
	background: #4a70d1;
}

#header ul li.first {
	background: url(/images/misc/navbar-left.gif) left no-repeat;
	border-left: none;
}

#header ul li.last {
	background: url(/images/misc/navbar-right.gif) right no-repeat;
	border-right: none;
}

#header ul li.first a:hover {
	background: #4a70d1 url(/images/misc/navbar-left-ro.gif) left no-repeat;
}

#header ul li.last a:hover {
	background: #4a70d1 url(/images/misc/navbar-right-ro.gif) right no-repeat;
}

#extra-footer {
	position:relative; max-width:1024px;
	margin:0px auto; display:inline-block!important;
	padding-left: 10px;
	/*border:0px solid #666;*/
} 

#page-wrapper {
	position:relative;
	width:100%;
	border:0px solid #666;
	 
}

#footer-wrapper {
	width: 1024px; border:1px #FF0000 solid;
	margin: 0 auto;
	text-align: left;
}

.words-section {
	width:25%;
	float:left;
	margin-left:6%;
	opacity:0.7;
	border:0px solid #666;
	text-align:left;
}

.words-section h3{
	text-align:center;
}

.words-section a{
	color: #000000;
	text-decoration: none;	
}

.word-section a:hover{
	color: #3a62c7;
	font-weight: bold;
	text-decoration: underline;
}

.breadcrumb {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}



#logo {
	width: 10%; overflow:hidden;
	padding-right: 20px;
	float: left;
}
#logo a img{ max-width:100%; border:none;}

.orange-text {
	color: #e78a30;
}

.blue-text {
	color: #3a62c7;
}

.slogan {
	float: left; width:80%; text-align:left;
}
.slogan p{font-size: 20px; 	color: #494949; font-weight: bold; line-height: 26px; 	margin: 0;}
span.bigger {
	font-size: 26px;
}

h2 span.call-us {
	padding-left: 40px;
}

#img-area {
	width: 270px;
	float: left;
	padding: 0px 20px 5px 0;
}

.float-text {
	width: 387px;
	float: left; min-height:182px; overflow:hidden;  
	padding-top: 0px;
}

.float-text p {
	margin-top: 0;
}

.float-text-new {
	width: 100%;
	float: left; min-height:182px; overflow:hidden;  
	padding-top: 0px;
	padding-right: 10px;
}
.float-text-new p {
	margin-top: 0;
}

.video-embedded
{
    width: 100%;
	margin: 10px 0px 10px;
}

.ratio-16-9
{
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.25%; /* This is your aspect-ratio */
}


.ratio-16-9 iframe {

	display: block;
    position: absolute;

    left: 0;
    top: 0;
    right: 0;
    bottom: 0;

    width: 100%;
    height: 100%;

}



.infographic-list{	
float: left;	
background: #ffffff;
}

.info-box{	
width: 100%;	
float: left;	
text-align: left;	
margin: auto;
}

.info-box-image{	
width: 130px;	
height: 130px;	
float: left;	
text-align: left;	
margin-bottom: 10px;	
margin-top: 0px;
}

.info-box-image img{	
width: 130px;	
height: 130px;}

.info-box-text{	
margin-left: 130px;	
margin-top: 5px;
}
.info-box-text p{	
margin-top: 0px;	
}

.info-box-text h2{	
margin-top: 5px;	
font-size: 16px;	
line-height: 16px;
}
.info-box-text h2 span.blue{	
color: #3a62c7;
}

.info-box-text a {
    text-decoration: none;
}

.info-box-text a:hover {
    color: DarkOrange;
	text-decoration: none;
}


.payment-methods{	
width: 100%;	
margin-bottom: 30px;	
margin-top: 0px;}

.payment-methods img{	
padding-left: 5px;
}

.payment-sidebar{	

width: 100%;	

margin-bottom: 10px;

background: #fde4cc;	

margin-top: 10px;

}

.other-area-box {
	width: 45%;
	float: left;
	text-align: left;
	margin-bottom: 10px;
}

.other-area-box a.button {
	display: block;
	width: 120px;
	height: 20px;
	line-height: 20px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	margin-top: 6px;
}

.other-area-box a.button:hover {
	text-decoration: underline;
}

.row {
	content: "";
	display: table;
	clear: both;
}

.column {
	margin-left: 2.5%;
	margin-right: 2.5%;
	width: 45%;
	float: left;
}








.feature-box {
	width: 159px;
	float: left;
	height: 138px;
	background: url(/images/misc/feature-box.jpg);
	text-align: center;
	margin-bottom: 10px;
}

.feature-box a.button {
	display: block;
	width: 120px;
	height: 20px;
	line-height: 20px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	margin-top: 6px;
}

.feature-box a.button:hover {
	text-decoration: underline;
}


.button-area {
	width: 296px;
	margin: 0 auto;
}

.sidebar-box {
	width: 243px;
	border: 1px solid #d4d4d4;
	border-bottom: none;
	background: #f0f0f0;
	padding: 10px 15px 10px 15px;
}

.sidebar-box ul {
    padding-left: 20px;
}

.sidebar-box li {
    padding-bottom: 10px;
}

.sidebar-box li a {
    text-decoration: none;
}

.sidebar-box li a:hover {
    color: BlueViolet;
	text-decoration: none;
}


.sidebar-box-btm {
	background: url(/images/misc/feature-btm.gif) no-repeat;
	height: 10px;
	width: 275px;
	margin-bottom: 20px;
	float: right;
}


.contact-box {
	width: 140px;
	height: 89px;
	padding: 15px 50px 0 85px;
	background: url(/images/misc/contact-us.jpg) no-repeat;
	margin-bottom: 20px;
	font-size: 17px;
	font-weight: bold;
	float: right;
}

.contact-box a {
	color: #525252;
	text-decoration: none;
}

.contact-box a:hover {
	color: #e78a30;
}	

.orange-box {
	border: 1px solid #e4cab1;
	border-bottom: none;
	background: #fde4cc;
	float: right;
}


.orange-box-btm {

	background: url(/images/misc/feature-btm-orange.gif) no-repeat;

	height: 10px;

	width: 275px;

	margin-bottom: 20px;

	float: right;

}


.place-section{
	
	width: 275px; 
	
	float:right; 
	
	padding-bottom:10px;
	
}


.poi { 

	padding:0; 
	
	list-style-type:none; 
	
	margin-top:10px ; 
	
}

.poi img { 

	width:100%; 
	
	height:auto; 
	
}
.poi, .poi li { 

	padding-bottom:15px 

	}
	
.text { 

	padding-top:0px; 
	
	display:block 

}
.contentp{
	
	border: 1px solid #e4cab1;
	
	border-bottom: none;
	
	background: #fde4cc; 
	
	padding: 10px 15px 10px 15px;
	
}
.contentp p{ 

	line-height:22px; 
	
	font-size:13px;
}

.contentp a{
	
	color:#e78a30;
	
}

.place-section .orange-box-btm{
	
	margin-bottom:2px!important;
	
}

/******************************** Advert Buttons ************************************/

.advert-area {
	width: 260px;
	margin: 0 auto;
	float: right;
}

a.advert-but {
	display: block;
	width: 120px;
	height: 55px;
	line-height: 30px;
	color: #ffffff;
	font-size: 14px;
	text-decoration: none;
	float: right;
	background: url(/images/misc/advert-but.jpg) no-repeat;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 10px;
	margin-left: 0px;
	padding: 0px 5px 5px 0px;
	text-align: center;
}

a.advert-but:hover {
	background: url(/images/misc/advert-but-ro.jpg) no-repeat;
}

/******************************** Side Buttons ************************************/

.side-area {
	width: 275px;
	margin: 0 auto;
	float: right;
}

a.side-but {
	display: block;
	width: 275px;
	height: 55px;
	line-height: 30px;
	color: #ffffff;
	font-size: 14px;
	text-decoration: none;
	float: left;
	background: url(/images/misc/side-but.jpg) no-repeat;
	font-weight: bold;
	margin-bottom: 5px;
	margin-right: 20px;
	padding: 0px 0px 5px 0px;
	text-align: center;
}

a.side-but:hover {
	background: url(/images/misc/side-but-ro.jpg) no-repeat;
}


.other-locations {
	margin: 10px 0px 0px 0px;
}

.other-locations p{
	margin: 0px 10px 4px 10px;
	font-size: 13px;
}

.other-locations h4{
	margin: 0px 0px 5px 0px;
}

.other-locations a {
	color: #525252;
	text-decoration: none;
}

#right-content h3 {
	color: #ffffff;
	font-size: 14px;
	background: url(/images/misc/feature-top-blue.gif) no-repeat;
	width: 267px;
	height: 33px;
	line-height: 33px;
	padding-left: 8px;
	margin: 0;
}

#right-content h3.orange {
	background: url(/images/misc/feature-top-orange.gif) no-repeat;
	float:right;
	text-align: center;
}


.office_map iframe { 

	width:275px;

	height:280px;

	float:right;

}

.office_map_link { 

	margin-top:15px;
	
	margin-bottom:15px;
	
	float:right;
	
}

a.main-but {
	display: block;
	width: 133px;
	height: 55px;
	line-height: 30px;
	color: #ffffff;
	font-size: 14px;
	text-decoration: none;
	float: left;
	background: url(/images/misc/main-but.jpg) no-repeat;
	font-weight: bold;
	margin-right: 30px;
}

a.main-but:hover {
	background: url(/images/misc/main-but-ro.jpg) no-repeat;
}

.expert-advice {
	font-size: 22px;
	font-weight: bold;
	padding: 10px 0 10px 0;
	letter-spacing: -1px;
}

#footer {
	border-top: 1px solid #d3d3d3;
	padding-top: 8px;
	margin-top: 20px;
	border-bottom: 1px solid #d3d3d3;
	padding-bottom: 8px;
	margin-bottom: 20px;
	text-align: center;
}

#footer p a, #footer p {
	color: #262626;
}

.greyline {
	width: 100%;
	background: url(/images/misc/greyline.gif) repeat-x;
	height: 2px;
	margin: 12px 0 12px 0;
}

.text-box, select, textarea {
	border: 1px solid #c3c3c3;
	width: 240px;
	height: 22px;
	line-height: 22px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #525252;
	margin-bottom: 7px;
}

select {
	width: 243px;
}

textarea {
	height: 60px;
}

#left-content .text-box, #left-content select, #left-content textarea {
	width: 280px;
}

label {
	font-weight: bold;
}

.input-but {
	width: 80px;
	height: 25px;
	line-height: 23px;
	background: url(/images/misc/button-orange.gif) repeat-x;
	float: right;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
	font-weight: bold;
	font-size: 12px;
	border: 1px solid #cb690a;
}

.input-but:hover {
	background: #e78a30;
}

.quote-left {
	float: left;
	background: url(/images/misc/quote-left.jpg) no-repeat;
	width: 12px;
	height: 12px;
	padding-right: 6px;
}

.quote-right {
	float: right;
	background: url(/images/misc/quote-right.jpg) no-repeat;
	width: 12px;
	height: 12px;
}

.quote {
	float: left;
	width: 213px;
}

.quote p {
	margin-top: 0;
}

.text-indent {
	padding-left: 8px;
}

.no-margin-right {
	margin-right: 0 !important;
}

#left-content ul {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0 0 15px 20px;
}

ul.float {
	width: 240px;
	float: left;
	padding-right: 15px;
}

.float-text ul.float {
	width: 172px;
}

.float-text-new ul.float {
	width: 172px;
}

.float-text-new ul {
	margin-left: 10px;
	list-style-position: inside;
}

/************************** Slide Show Styles ***********************************/


.slideshow img { 
	padding: 0px; 
	border: 3px solid #ccc; 
	background-color: #eee;
}


.slideshow { height: 170px; width: 270px; margin: auto; padding: 0px; position:relative; }


/************************** Main Page Slide Show Styles ***********************************/
    #slides {
      display: none
    }

    #slides .slidesjs-navigation {
      margin-top:5px;
    }

    a.slidesjs-next,
    a.slidesjs-previous,
    a.slidesjs-play,
    a.slidesjs-stop {
      background-image: url(../img/btns-next-prev.png);
      background-repeat: no-repeat;
      display:block;
      width:12px;
      height:18px;
      overflow: hidden;
      text-indent: -9999px;
      float: left;
      margin-right:5px;
    }

    a.slidesjs-next {
      margin-right:10px;
      background-position: -12px 0;
    }

    a:hover.slidesjs-next {
      background-position: -12px -18px;
    }

    a.slidesjs-previous {
      background-position: 0 0;
    }

    a:hover.slidesjs-previous {
      background-position: 0 -18px;
    }

    a.slidesjs-play {
      width:15px;
      background-position: -25px 0;
    }

    a:hover.slidesjs-play {
      background-position: -25px -18px;
    }

    a.slidesjs-stop {
      width:18px;
      background-position: -41px 0;
    }

    a:hover.slidesjs-stop {
      background-position: -41px -18px;
    }

    .slidesjs-pagination {
      margin: 7px 0 0;
      float: right;
      list-style: none;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(../img/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }

    #slides a:link,
    #slides a:visited {
      color: #333
    }

    #slides a:hover,
    #slides a:active {
      color: #9e2020
    }

    .navbar {
      overflow: hidden
    }

/******************************** Format for lists of ticks ***************************/
.bullet-box{
	float: left;
	border: solid 0px #000000;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;	
}

.plusses {
    background: url("/images/misc/gold-tick.png") no-repeat scroll 2px top rgba(0, 0, 0, 0);
    color: #b25900;
    font-size: 14px;
    padding: 0px 0px 5px 30px;
	list-style: none;
	font-weight: bold;
}

#mobile-menu{ display:none;}

 @media (min-width: 800px) and (max-width: 979px) {
 
 #logo {
    float: left;
    overflow: hidden; text-align:center;
    padding-right: 0px;
    width: 20%!important;
}
.slogan {
    float: left;
    text-align: left;
    width: 75%!important;
}

.slogan h1{ 
	font-size:30px!important;
	line-height:30px!important;
}

h1 span.blue {
    font-size: 26px;
}

.slogan p {
    float: left!important;
    font-size: 15px!important;
    line-height: 22px!important;
}

p span.bigger {
    font-size: 18px!important;
}





 #navbar-container {
	min-height: 38px;
	max-width:800px!important;
	text-align: left; margin:0px auto;
	 
}
#header ul li a {
 
    padding: 11px 13px!important;
 
}
#left-content {
    float: left;
    width: 62%!important;
}
#right-content {
    float: right; padding:0px!important; margin:0px!important;
    width: 35%;
}
#header-container{ max-width:800px!important;}.
.container{ max-width:800px!important; margin:0px auto!important;} #wrapper{ max-width:800px!important; margin:0px auto!important;}

#right-content h3 {
    background: url("/images/misc/feature-top-blue.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #ffffff;
    font-size: 14px;
    height: 33px; border-top-right-radius:11px!important;
    line-height: 33px;
    margin: 0;
    padding-left: 8px;
    width: 267px!important;
}
.contact-box{ width:140px!important; border-bottom-right-radius:11px!important;}
.advert-area {
    margin: 0px auto;
    width: 260px!important;
}
a.advert-but {
  
    width: 120px!important;
}
.sidebar-box{ width:243px!important;}
.text-box, select, textarea{ width:240px!important;}
select {
    width: 243px!important;
}
.orange-box-btm {
 
    width: 275px!important;
}
.float-text {
   
    width: 100% !important;
}

.float-text-new {
   
    width: 100% !important;
}

.feature-box {
    width: 159px!important;
}

.expert-advice {
	font-size: 19px;
	font-weight: bold;
	padding: 10px 0 10px 0;
	letter-spacing: -1px;
}
 }
 
 
  @media (min-width: 768px) and (max-width: 799px) {
   
  #header-container {
   /* background: url("/images/misc/map.jpg") no-repeat scroll right bottom rgba(0, 0, 0, 0)!important;*/
    background:none!important;
    border-bottom: 1px solid #f0ecec;
    margin: 0 auto;
    /*min-height: 170px!important;
    padding-top: 10px!important;*/
    text-align: left;
    width:100%;
}
   
 #logo {
    float: left;
    overflow: hidden; text-align:center;
    padding-right: 20px;
    width: 20%!important;
}
.slogan {
    float: left;
    text-align: left;
    width: 70%!important;
}
 #navbar-container {
	min-height: 38px;
	max-width:750px!important;
	text-align: left; margin:0px auto;
	 
}
#header ul li a {
 
    padding: 11px 12px!important; font-size:11.5px!important;
 
}
#left-content {
    float: left;
    width: 57%!important;
}
#right-content {
    float: right; padding:0px!important; margin:0px!important;
    width: 38%;
}
#header-container{ max-width:750px!important;}.
.container{ max-width:750px!important; margin:0px auto!important;} #wrapper{ max-width:750px!important; margin:0px auto!important;}

#right-content h3 {
    background: url("/images/misc/feature-top-blue.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #ffffff;
    font-size: 14px;
    height: 33px;
    line-height: 33px;
    margin: 0; border-top-right-radius:10px!important;
    padding-left: 8px;
    width: 267px!important;
}
.contact-box{ width:140px!important; font-size:13px!important; border-bottom-right-radius:11px!important;}
.advert-area {
    margin: 0 auto;
    width: 260px!important;
}
a.advert-but {
  
    width: 120px!important; border-radius:10px!important;
}
.sidebar-box{ width:243px!important;}
.text-box, select, textarea{ width:240px!important;}
select {
    width: 243px!important;
}
.orange-box-btm {
 
    width: 275px!important; border-bottom-right-radius:10px!important;
}
.float-text {
   
    width: 100%!important;
}
.float-text-new {
   
    width: 100%!important;
}
.feature-box {
    width: 166px !important; margin-left:9%!important;
}
h5 {
    font-size: 10px!important;
    font-weight: bold;
    margin: 0;
    padding: 6px 0!important;
}

.expert-advice {
	font-size: 24px;
	font-weight: bold;
	padding: 10px 0 10px 0;
	letter-spacing: -1px;
}
 }
 
 
 
  @media (min-width: 600px) and (max-width: 767px) {
   
  #header-container {
   /* background: url("/images/misc/map.jpg") no-repeat scroll right bottom rgba(0, 0, 0, 0)!important;*/
    background:none!important;
    border-bottom: 1px solid #f0ecec;
    margin: 0 auto;
    min-height: 170px!important;
    padding-top: 10px!important;
    text-align: left;
    width:100%;
}
   
 #logo {
    float: left;
    overflow: hidden; text-align:center;
    padding-right: 0px;
    width: 30%!important;
}
 #logo a img{ max-width:100%!important;}
.slogan {
    float: left;
    text-align: left;
    width: 70%!important;
}
.slogan h1{ float:left!important; font-size:30px!important; line-height:28px!important;   text-align:center; width:100%!important;}
h1 span.blue {
    color: #3a62c7;
    font-size: 24px;
    padding-left: 0px!important;
	text-align: left;
}
.slogan p {
    color: #494949;
    float: left!important; text-align:center!important;
    font-size: 15px!important;
    font-weight: bold;
    line-height: 22px;
    margin-left: 2%!important;
}
 #navbar-container {
	min-height: 38px; display:none!important;
	max-width:620px!important;
	text-align: left; margin:0px auto; 
}
#mobile-menu{ min-height:38px!important; text-align:left;   max-width:620px!important; margin:0px auto!important;  background: url("/images/misc/navbar.gif") repeat-x scroll 0 0 rgba(0, 0, 0, 0);  display:block;}
#mobile-menu #top-menu{   padding:7px 20px; position:relative;  line-height:24px!important; display:block;   text-align:left; color:#FFFFFF; font-weight:700; text-transform:uppercase; text-decoration:none;}
#mobile-menu .sub-mobile{ width:100%; min-height:233px; display:none; background:#4A70D1; position:relative; padding:0px; margin:0px;}
#mobile-menu .sub-mobile ul{text-align:center; width:100%; padding-left:0px; float:left; list-style:none; border:none!important; background:none!important; }
#mobile-menu .sub-mobile ul li{ display:block; border-bottom:1px #006699 dotted!important; float:left; padding:0px; margin:0px; width:100%; border-left:none!important; border-right:none!important;  }
#mobile-menu .sub-mobile ul li a:hover{ background:#5A80DF!important;}
#mobile-menu .sub-mobile ul li:last-child{ border-bottom:none!important;}
#mobile-menu .sub-mobile ul li a{ text-align:left; display:block; line-height:36px!important;  padding:0px 20px!important; color:#FFFFFF; font-weight:700; text-decoration:none; text-transform:uppercase;}
#mobile-menu #top-menu i{ width:19px; height:11px; float:right; position:absolute; right:24px; top:15px;}
 #mobile-menu .sub-mobile ul li:hover{ background:#FF0000;}
#left-content {
    float: left;
    width: 58%!important;
}
#right-content {
    float: right; padding:0px!important; margin:0px!important;
    width: 38%;
}

#img-area {
	padding-right: 100px;
}

#header-container{ max-width:620px!important;}.
.container{ 
max-width:620px!important; 
margin:0px auto!important;
} 

#wrapper{ max-width:620px!important; margin:0px auto!important; padding-top: 10px;}

#right-content h3 {
    background: url("/images/misc/feature-top-blue.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #ffffff;
    font-size: 14px; border-top-right-radius:10px!important;
    height: 33px;
    line-height: 33px;
    margin: 0;
    padding-left: 8px;
    width: 228px!important;
}
.contact-box{ width:101px!important;    
font-size: 13px!important; border-bottom-right-radius:11px!important;}
.advert-area {
    margin: 0 auto;
    width: 237px!important;
}
a.advert-but {
  
    width: 100px!important; border-radius:10px!important; margin-left:5px!important;
}

.side-area {
	width: 236px;
	margin: 0 auto;
	float: right;
}

a.side-but {
	width: 236px;
	background: url(/images/misc/side-but.jpg) no-repeat;
	border-radius:10px!important;
	
}

.sidebar-box{ width:204px!important;}
.text-box, select, textarea{ width:198px!important;}
select {
    width: 202px!important;
}
.orange-box-btm {
 
    width: 236px!important; border-bottom-right-radius:10px!important;
}


.place-section{
	
	width: 236px!important; 
	
	float:right; 
	
	padding-bottom:10px;
}
    
.pimg img{
	
	max-width:100%;
	
}

.office_map{
	
	width: 236px!important;
	
}
	

.office_map iframe{
	
	width:100%!important;
	
}

.float-text {
   
    width: 100%!important;
}
.float-text-new {
   
    width: 100%!important;
}

.float-text-new p{
   
    padding-right:10px;
	clear: both;
}

.video-embedded
{
    
	margin-right:10px;

}


.info-box-text{	
margin-left: 130px;	
margin-top: 5px;
}
.info-box-text p{	
margin-top: 0px;
padding-right:10px;
clear: none;	
}

.feature-box {
    width: 166px !important; margin-left:0.75%!important;
}
h5 {
    font-size: 10px!important;
    font-weight: bold;
    margin: 0;
    padding: 6px 0!important;
}
 }
 
 
 
 
  
  @media (min-width: 460px) and (max-width: 599px) {
   #header {
	background: url(/images/misc/top-bg.gif) repeat-x;
	max-width: 100%; 
	min-height: 170px!important;
	 
}
   #header-container {
   /* background: url("/images/misc/map.jpg") no-repeat scroll right bottom rgba(0, 0, 0, 0)!important;*/
    background:none!important;
    border-bottom: 1px solid #f0ecec;
    margin: 0 auto;
    min-height: 170px!important;
    padding-top: 10px!important;
    text-align: left;
    width:100%;
}
   
 #logo {
    float: left;
    overflow: hidden; text-align:center;
    padding-right: 0px;
    width: 30%!important;
}
 #logo a img{ max-width:100%!important;}
.slogan {
    float: left;
    text-align: left;
    width: 70%!important;
}
span.bigger {
    font-size: 18px!important;
}
.slogan h1{ float:left!important; font-size:22px!important; line-height:24px!important;   text-align:center; width:100%!important;}
.slogan h2{ float:left!important; font-size:20px!important; line-height:22px!important;   text-align:center; width:100%!important;}

h1 span.blue {
    color: #3a62c7;
    font-size: 24px;
    padding-left: 0px!important;
}
.slogan p {
    color: #494949;
    float: left!important; text-align:center!important;
    font-size: 16px!important;
    font-weight: bold;
    line-height: 18px; width:100%!important;
}
 .text-indent {
    padding: 8px!important;
}



 #navbar-container {
	min-height: 38px; display:none!important;
	max-width:100%!important;
	text-align: left; margin:0px auto; 
}
#mobile-menu{ min-height:38px!important; text-align:left;   max-width:620px!important; margin:0px auto!important;  background: url("/images/misc/navbar.gif") repeat-x scroll 0 0 rgba(0, 0, 0, 0);  display:block;}
#mobile-menu #top-menu{ position:relative; font-size:16px!important;  padding:7px 20px; line-height:24px!important; display:block; text-align:left; color:#FFFFFF; font-weight:700; text-transform:uppercase; text-decoration:none;}
#mobile-menu .sub-mobile{ width:100%; min-height:233px; display:none; background:#4A70D1; position:relative; padding:0px; margin:0px;}
#mobile-menu .sub-mobile ul{text-align:center; width:100%; padding-left:0px; float:left; list-style:none; border:none!important; background:none!important; }
#mobile-menu .sub-mobile ul li{ display:block; border-bottom:1px #006699 dotted!important; float:left; padding:0px; margin:0px; width:100%; border-left:none!important; border-right:none!important;  }
#mobile-menu .sub-mobile ul li a:hover{ background:#5A80DF!important;}
#mobile-menu .sub-mobile ul li:last-child{ border-bottom:none!important;}
#mobile-menu .sub-mobile ul li a{ text-align:left; font-size:12px!important; display:block; padding:0px 20px!important; line-height:36px!important;  color:#FFFFFF; font-weight:700; text-decoration:none; text-transform:uppercase;}
#mobile-menu #top-menu i{ width:19px; height:11px; float:right; position:absolute; right:24px; top:15px;}

 
#left-content {
    float: left; padding:3%;
    width: 94%!important;
}
#right-content {
    float: none; 
	padding-top:5%!important; 
	padding-bottom:5%!important; 
	padding-right:0%!important; 
	padding-left:0%!important; 
	margin:0 auto!important; 
	width: 281px;
}
#header-container{ max-width:100%!important;}.
.container{ max-width:100%!important; margin:0px auto!important;} #wrapper{ max-width:100%!important; margin:0px auto!important;}

#right-content h3 {
    background: url("/images/misc/feature-top-orange.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0)!important;
    color: #ffffff;
    font-size: 14px;
    height: 33px; 
    line-height: 33px;
    margin:0px auto!important; 
    padding-left: 6px!important;
    width: 275px !important;
	
}

#right-content h3.orange {
	float: left;
}

.contact-box{ width:156px!important; margin:0px auto!important;    font-size: 13px!important; float: left;}
.advert-area {
    margin: 0 auto;
    width: 301px!important;
	float:left;
	padding-top: 10px;
}
a.advert-but {
  
    width: 129px!important; margin-left:5px!important; 
	float: left;
}
.sidebar-box{ margin:0px auto!important; 
    width: 243px !important; float:left;}
.text-box, select, textarea{ width:240px!important;}
select {
    width: 240px!important;
}
.orange-box-btm {
 
    width: 275px!important;
	float:left;
}

.place-section{
	
	width: 275px; 
	
	float:none!important; 
	
	padding-bottom:10px;
}

.office_map{
	
	width: 275px!important;
	
}
      
.office_map_link{
	
	float:none!important; 
	
	display:block!important; 
	
	padding:10px 0px 15px 0px;
}

.side-area {
	float: left;
}
.float-text { 
    width: 100%!important;
}

.float-text-new { 
    width: 100%!important;
}

.feature-box {   
    margin-left: 6px !important;
    padding: 0 !important;
    width:166px !important; min-height:131px!important;
}
 .feature-box a.button{ margin-top:2px!important;}
h5 {
    font-size: 10px!important;
    font-weight: bold;
    margin: 0;
    padding: 6px 0!important;
}

#extra-footer {
    margin: 0 auto;
    max-width:100%!important;
    position: relative;
}
.words-section {
    border: 0 solid #666;
    float: left;
    margin-left: 0%!important;
    opacity: 0.7;
    text-align: left;
    width: 97%!important;
}

#img-area {
    float: left; 
	padding: 10px 20px 10px 0px!important;
    }
 }
 
 .hidess{ display:none;}
 
@media (min-width: 320px) and (max-width: 459px) {
   #header {
	background: url(/images/misc/top-bg.gif) repeat-x;
	max-width: 100%; 
	min-height: 170px!important;
	 
}
   #header-container {
   /* background: url("/images/misc/map.jpg") no-repeat scroll right bottom rgba(0, 0, 0, 0)!important;*/
    background:none!important;
    border-bottom: 1px solid #f0ecec;
    margin: 0 auto;
    min-height: 170px!important;
    padding-top: 10px!important;
    text-align: left;
    width:100%;
}
   
 #logo {
    float: left;
    overflow: hidden; text-align:center;
    padding-right: 0px;
    width: 30%!important;
}
 #logo a img{ max-width:100%!important;}
.slogan {
    float: left;
    text-align: left;
    width: 70%!important;
}
span.bigger {
    font-size: 18px!important;
}
.slogan h1{ float:left!important; font-size:22px!important; line-height:24px!important;   text-align:center; width:100%!important;}
.slogan h2{ float:left!important; font-size:20px!important; line-height:22px!important;   text-align:center; width:100%!important;}

h1 span.blue {
    color: #3a62c7;
    font-size: 24px;
    padding-left: 0px!important;
}
.slogan p {
    color: #494949;
    float: left!important; text-align:center!important;
    font-size: 16px!important;
    font-weight: bold;
    line-height: 18px; width:100%!important;
}
 .text-indent {
    padding: 8px!important;
}



 #navbar-container {
	min-height: 38px; display:none!important;
	max-width:100%!important;
	text-align: left; margin:0px auto; 
}
#mobile-menu{ min-height:38px!important; text-align:left;   max-width:620px!important; margin:0px auto!important;  background: url("/images/misc/navbar.gif") repeat-x scroll 0 0 rgba(0, 0, 0, 0);  display:block;}
#mobile-menu #top-menu{ position:relative; font-size:16px!important;  padding:7px 20px; line-height:24px!important; display:block; text-align:left; color:#FFFFFF; font-weight:700; text-transform:uppercase; text-decoration:none;}
#mobile-menu .sub-mobile{ width:100%; min-height:233px; display:none; background:#4A70D1; position:relative; padding:0px; margin:0px;}
#mobile-menu .sub-mobile ul{text-align:center; width:100%; padding-left:0px; float:left; list-style:none; border:none!important; background:none!important; }
#mobile-menu .sub-mobile ul li{ display:block; border-bottom:1px #006699 dotted!important; float:left; padding:0px; margin:0px; width:100%; border-left:none!important; border-right:none!important;  }
#mobile-menu .sub-mobile ul li a:hover{ background:#5A80DF!important;}
#mobile-menu .sub-mobile ul li:last-child{ border-bottom:none!important;}
#mobile-menu .sub-mobile ul li a{ text-align:left; font-size:12px!important; display:block; padding:0px 20px!important; line-height:36px!important;  color:#FFFFFF; font-weight:700; text-decoration:none; text-transform:uppercase;}
#mobile-menu #top-menu i{ width:19px; height:11px; float:right; position:absolute; right:24px; top:15px;}

 
#left-content {
    float: left; padding:3%;
    width: 94%!important;
}
#right-content {
    float: none; 
	padding-top:5%!important; 
	padding-bottom:5%!important; 
	padding-right:0%!important; 
	padding-left:0%!important; 
	margin:0 auto!important; 
	width: 281px;
}
#header-container{ max-width:100%!important;}.
.container{ max-width:100%!important; margin:0px auto!important;} #wrapper{ max-width:100%!important; margin:0px auto!important;}

#right-content h3 {
    background: url("/images/misc/feature-top-orange.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0)!important;
    color: #ffffff;
    font-size: 14px;
    height: 33px; 
    line-height: 33px;
    margin:0px auto!important; 
    padding-left: 6px!important;
    width: 275px !important;
	
}

#right-content h3.orange {
	float: left;
}

.contact-box{ width:156px!important; margin:0px auto!important;    font-size: 13px!important; float: left;}
.advert-area {
    margin: 0 auto;
    width: 301px!important;
	float:left;
	padding-top: 10px;
}
a.advert-but {
  
    width: 129px!important; margin-left:5px!important; 
	float: left;
}
.sidebar-box{ margin:0px auto!important; 
    width: 243px !important; float:left;}
.text-box, select, textarea{ width:240px!important;}
select {
    width: 240px!important;
}
.orange-box-btm {
 
    width: 275px!important;
	float:left;
}

.place-section{
	
	width: 275px; 
	
	float:none!important; 
	
	padding-bottom:10px;
}

.office_map{
	
	width: 275px!important;
	
}
      
.office_map_link{
	
	float:none!important; 
	
	display:block!important; 
	
	padding:10px 0px 15px 0px;
}

.side-area {
	float: left;
}
.float-text { 
    width: 100%!important;
}

.float-text-new { 
    width: 100%!important;
}

.float-text-new p{

    padding-right:10px;
	clear: both;
}


.video-embedded
{
    
	margin-right:10px;

}

.info-box{	
width: 100%;	
float: left;	
text-align: left;	
margin: auto;
}

.info-box-image{	
width: 100%;	
height: 130px;		
text-align: center;	
margin-bottom: 10px;	
margin-top: 0px;

}

.info-box-image img{	
width: 130px;	
height: 130px;
margin-left: auto;
margin-right: auto;
}

.info-box-text{	
width: 100%;
margin-left: 0px;	
margin-top: 5px;

}
.info-box-text p{	
margin-top: 0px;
padding-right:10px;
	
}

.info-box-text h2{	
margin-top: 0px;
padding-right:10px;
	
}


.other-area-box {
	width: 100%;
}

.other-area-box a.button {
	display: block;
	width: 120px;
	height: 20px;
	line-height: 20px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	margin-top: 6px;
}

.other-area-box a.button:hover {
	text-decoration: underline;
}


.feature-box {   
    margin-left: 5px !important;
    padding: 0 !important;
    width:145px !important; min-height:131px!important;

	background: url(/images/misc/feature-box-mobile.jpg);
	
}

.feature-box img{   

    margin-bottom: 6px !important;
	
}

 .feature-box a.button{ margin-top:2px!important;}
h5 {
    font-size: 10px!important;
    font-weight: bold;
    margin: 0;
    padding: 6px 0!important;
}

#extra-footer {
    margin: 0 auto;
    max-width:100%!important;
    position: relative;
}
.words-section {
    border: 0 solid #666;
    float: left;
    margin-left: 0%!important;
    opacity: 0.7;
    text-align: left;
    width: 97%!important;
}

#img-area {
    padding: 10px 10px 10px 10px!important;
	margin-left: auto;
	margin-right: auto;
	float: none;
    }
 }
 
 .hidess{ display:none;}
 
 
 

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f7f7f7;
    width: 100%;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 999;
	max-width: 960px;
	left:0px;
	padding: 10px 10px 0 12px;
    box-sizing: border-box;
}

 #header .dropdown-content ul li a {
     color: #496fd2!important;
    text-transform: capitalize!important;
    position: relative;
    padding-left: 20px!important;
    display: block!important;
    line-height: 17px!important;
    border-bottom: 1px solid #efe9e9;text-align: left;
    font-weight: 500!important;
}

 #header .dropdown-content ul li a:hover{background:transparent!important;}

 #header .dropdown-content ul li a:before{content: "";
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #496fd2;
    position: absolute;
    left: 7px;
    top: 14px;}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}

 #header ul{position:relative;}
 
 
 #header .dropdown-content .col {
    
    display:block;
    float:left;
    margin-right:5px;
    padding:0px;
        width: 24.4123%;
}


 #header .dropdown-content .col ul li:last-child a{border-bottom:0px solid #fff!important;}
 
  #header .dropdown-content .col.col-4{margin-right:0px!important;}
 
 
  #header .dropdown-content h3{font-size: 14px;
    border-bottom: 1px solid #efe9e9;text-align:left;
    color: #fff;
    font-weight: 600;
    margin:0;
    padding: 0px 0px;
    background: #496fd2;}
 
  #header .dropdown-content ul{background:transparent!important;float:none!important;margin:0px;height:auto!important;}
  #header .dropdown-content ul li{background:transparent!important;float:none!important;margin:0px;border:0px!Important;}
 
 @media (max-width:767px){
	#header .dropdown-content .col {    
    display:block;
    float:none;
    margin-right:0;   
    width: 100%;} 
#mobile-menu .sub-mobile ul li a {    padding: 8px 21px 8px 21px!important;     line-height: 26px!important;}
#header .dropdown-content h3{text-align:left;}
#header .dropdown-content ul li a:before{top:15px;}

#mobile-menu .mobile_ul{float:none!important;background:#f7f7f7!important;height:auto!important;}


#mobile-menu .sub-mobile .dropdown>a{display:inline-block!important;}

.dropdown-content {
    display: block;
    position: static;
    
    box-shadow: none;
  
    box-sizing: border-box;}

#mobile-menu .mobile_ul>li{float:none!important;}

#mobile-menu .sub-mobile .dropdown{text-align:left;position:relative;}

#mobile-menu .sub-mobile .dropdown	i{    position: absolute;
    right: 25px;
    top: 15px;}

	 
 } /* @media (max-width:767px) */