* {
	padding:0;
	margin:0;
	outline:0;
}
body {
	font-size:12px;
	line-height:1.5;
	font-family:Arial, "Trebuchet MS", sans-serif;
	color:#000;
	background:#fff;
	text-align:left;
}

a img {
	border:0;
}
a {
	color:#006699;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
a:hover {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.cl, .clear {
	display:block;
	height:0;
	font-size:0;
	line-height:0;
	text-indent:-4000px;
	clear:both;
}
a.gray {
	color:#646464;
}
.shell {
	width:902px;
	margin:0 auto;
}
.shell3 {
	width:902px;
	margin-top: 4px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 30px;
	color: #333333;
	background-color: #181510;
}
h2 {
	font-size:28px;
	font-weight:bold;
	color:#CC0000;
	padding-bottom:2px;
}
h3 {
font-size:18px;
	font-size:17px;
	font-weight:bold;
	color:#FFFFFF;
		border-bottom:0px solid #cc0000;
		padding-bottom:8px;
}
h4 {
	font-size:18px;
	color:#0c556a;
	display:block;
	border-bottom:1px solid #cc0000;
	padding-bottom:8px;
}
h5 {
	font-size:11px;
	color:#08657f;
}
h6 {
	font-size:12px;
	color:#0c556a;

}
h7 {
	font-size:14px;
	color:#0c556a;
	font-weight: bold;
	display:block;
	padding-bottom:8px;

}
/*
#header {
	height:136px;
	background:#006699;
}


#header img {

position: absolute;
        left:25%; top: 50px;


}
h1#logo {


	float:left;
	padding-top:9px;
	padding-left:500px;
}
h1#logo a {
	width:247px;
	float:left;
	color:#FFFFFF;
	font-weight:bold;
	font-size:22px;
	font-family:Arial, "Trebuchet MS", sans-serif;
	line-height:19px;
	text-decoration:none;
}
h1#logo a span {
	display:block;
	font-size:14px;
	color:#FFFFFF;
	font-weight:normal;
	line-height:9px;
	padding-top:8px;
}


*/

#header { margin:0; padding:0; width:100%; height:130px; background:#006699;}

/* header */

#logo  { background-image: url("../css/images/logosmall2.png");  background-repeat: no-repeat; z-index:1200;
	float:left; width:80px; height:90px;}


#logo h1{
width: 420px;
height: 30px;
color:#FFFFFF;
font-size:20px;
padding-top:90px;
}

.search {
	width:500px;
	float:right;
	font-size:24px;
	padding-top:19px;
	padding-left:90px;
	padding-right:1px;
}

search img {
margin-right:500px;
}

.blink
{
float:right;
	width:550px;
color:#FFFFFF;
font-size:24px;
}


.phone{

	float:right;
	width:200px;
	border:0;

	padding:6px 0 7px 17px;

	color:#FFFFFF;
	font-size:30px;
}
.search-button {
	float:left;
	width:27px;
	height:28px;
	background:#9a9a9a url('images/search-button.gif') no-repeat 0 center;
	border:0;
	cursor:pointer;
	font-size:0;
	line-height:0;
	text-indent:-4000px;
}
#navigation {
	height:65px;
	background:url('images/navigation-bg.gif') repeat-x 0 0;
}
#navigation ul {
	list-style:none;
	padding-top:2px;
}
#navigation ul li {
	float:left;
	display:inline;
	position:relative;
}
#navigation ul li a {
	float:left;
	display:inline;
	padding:2px 17px 11px 16px;
	font-size:13px;
	font-weight:bold;
	line-height:50px;
	color:#fff;
	text-decoration:none;
}
#navigation ul li a.active, #navigation ul li a:hover {
	background:#282828 url(images/nav-arrow.gif) no-repeat center bottom;
}
#featured {
	height:300px;
	background:url('images/featured-bg.gif') repeat-x 0 0;
	padding-top:0px;
	position:relative;
}
#featured .shell {
	width:884px;
	padding:10px 0;
	background:#333333;
}
.jcarousel-clip, .slider-carousel {
	width:862px;
	height:280px;
	background:#fff;
	margin:0 auto;
	position:relative;
}
.slider-carousel ul {
	list-style:none;
}
.slider-carousel ul li {
	float:left;
	display:inline;
	width:860px;
}
.image {
	float:left;
	display:inline;
	width:394px;
	padding-top:21px;
	padding-left:25px;
}
.info {
	float:left;
	display:inline;
	width:350px;
	height:235px;
	padding:19px 0 0 54px;
}
.info p {
	padding-bottom:18px;
}

.image2 {
	float:left;
	display:inline;
	width:860px;
		height:235px;
	padding-top:0px;
	padding-left:0px;
}
.info2 {
	float:left;
	display:inline;
	width:0px;
	height:0px;
	padding:0px 0 0 54px;
}
.info2 p {
	padding-bottom:18px;
}














.button-big {
	padding-top:8px;
}
.button-big a {
	width:184px;
	height:52px;
	float:left;
	background:url('images/button-big.gif') no-repeat 0 0;
	cursor:pointer;
	font-size:0;
	line-height:0;
	text-indent:-4000px;
	margin-left:-8px;
}
.jcarousel-prev {
	width:86px;
	height:66px;
	background:url('images/jcarousel-prev.png') no-repeat 0 0;
	position:absolute;
	top:108px;
	left:-51px;
	cursor:pointer;
}
.jcarousel-next {
	width:83px;
	height:65px;
	background:url('images/jcarousel-next.png') no-repeat 0 0;
	position:absolute;
	top:108px;
	right:-51px;
	cursor:pointer;
}
#main {
	padding-top:11px;
	padding-bottom:7px;
	overflow: hidden;
}
#main-boxes {
	padding-bottom:8px;
}
#main-boxes .box {
	width:278px;
	height:255px;
	float:left;
	background:url('images/box-bg.gif') no-repeat 0 0;
	padding-right:34px;
	color:#646464;
	line-height:19px;
	position:relative;
}
.left-arrow {
	width:7px;
	height:56px;
	background:url('images/box-left.gif') no-repeat 0 0;
	position:absolute;
	top:0;
	left:-7px;
	font-size:0;
	line-height:0;
	text-indent:-4000px;
}
#main-boxes .box h3 {
	padding:14px 0 0 17px;
}
#main-boxes .box-content {
	padding:20px 20px 0 17px;
	height:162px;
	overflow:hidden;
}
#main-boxes .box-content p {
	padding-bottom:10px;
}
#main-boxes .box-last {
	padding-right:0;
	position:relative;
}
a.button-small {
	margin-left:17px;
	text-decoration:none;
	background:url('images/button-arrow.gif') no-repeat left center;
	padding-left:8px;
}
a:hover.button-small {
}
ul.link-list {
	list-style:none;
}
ul.link-list li {
	line-height:30px;
	border-bottom:0px dotted #765c5c;
	background:url('images/list-arrow.gif') no-repeat left center;
	padding-left:10px;
}
a.rss-icon {
	position:absolute;
	top:12px;
	;
	left:87px;
}
ul.post-news {
	list-style:none;
}
ul.post-news li {
}
ul.post-news li.second {
	border-top:1px dotted #765c5c;
	padding-top:5px;
}
#autocontentleft {
	float:left;
	width:285px;
	margin-right:10px;
}
#autocontentright {
	float:left;
	width:285px;
	margin-right:0px;
}
#content {
	float:left;
}
#content .box {
	float:left;
	display:inline;
	width:590px;
}
#content .box-content {
	text-align:justify;
	padding-top:12px;
}
#content .box-content img {
	float:left;
	padding-right:30px;
}
#content p.anchor {
	text-align:right;
	padding-top:12px;
}

#content2 {
	float:right;
}


#content2 .box {
	float:left;
	display:inline;
	width:390px;
}
#content2 .box-content {
	text-align:justify;
	padding-top:12px;
}
#content2 .box-content img {
	float:left;
	padding-right:10px;
}
#content2 p.anchor {
	text-align:right;
	padding-top:12px;
}
#content2 .box2 {
	float:right;
	display:inline;
	width:290px;
}
#content2 .box-content2 {
	text-align:justify;
	padding-top:12px;
}
#content2 .box-content2 img {
	float:left;
	padding-right:10px;
}
#content2 p.anchor {
	text-align:right;
	padding-top:12px;
}




#sidebar {
	float:left;
	width:278px;
	padding-left:33px;
}
#sidebar .quote {
	width:278px;
	height:329px;
	background:url('images/quote-bg.gif') 0 0 no-repeat;
	margin-top:12px;
	color:#646464;

	line-height:25px;
}
#sidebar .quote p {
	width:205px;
	height:320px;
	padding:10px 0 0 59px;
	overflow:hidden;
}
#sidebar .quote a
{
font-family:Arial, "Trebuchet MS", sans-serif;

float:right;

	background:url('images/button-arrow.gif') no-repeat left center;
	margin-left:17px;
	padding-left:8px;
		color:#08657f;

}

#sidebar .quote a hover
{



}




/* ----------------------------------------------Wrapper-------------------------------------*/

div.wrapper{
	display:block;
	width:100%;
	margin:0;
	text-align:left;
	}

div.wrapper h1, div.wrapper h2, div.wrapper h3, div.wrapper h5, {
	color:#CCC;
	font-size:20px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	border-bottom:1px dotted #362C20;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 0;
	}


div.wrapper h6{
	float:left;
	font-size:12px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 45px;
	padding-bottom: 2px;
	padding-left: 0;
	}

div.wrapper h4 {
	margin:0 0 0px 0;
	padding:0 0 0px 0;
	font-size:16px;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	}

div#footer-bg{
	background-color:#181510;
	color:#181510;
	}
div#footer-bg div#footer-menu{
	width:922px; margin:0 auto;
	padding:20px 0 29px 0;
	background:url(images/logo_footer.png) 100% 13px no-repeat;
	}
div#footer-bg div#footer-menu ul.footMenu{
	padding:0 0 0 0;
	}
div#footer-bg div#footer-menu ul.footMenu li{
	float:left; background:url(images/footmenu-divider2.gif) 0 3px no-repeat;
	}
div#footer-bg div#footer-menu ul.footMenu li.noDivider{
	background:none;
	}
div#footer-bg div#footer-menu ul.footMenu li a{
	color:black; font-size:11px; line-height:16px;
	padding:0 7px 0 7px; display:block; margin:0 0 0 1px;
	background-color:inherit;
	}
div#footer-bg div#footer-menu ul.footMenu li a:hover{
	color:#268293;
	}
div#footer-bg div#footer-menu p.copyright{
	padding:5px 0 0 7px; color:#775513;
	font-size:11px; line-height:11px;
	background-color:inherit;
	}
div#footer-bg div#footer-menu p.copyright a{
	color:#268293;
	background-color:inherit;
	}
div#footer-bg div#footer-menu p.copyright a:hover{
	color:#268293;
	background-color:inherit;
	}
div#footer-bg div#city{
	background-color:#181510;
	display:none;
	height:220px;
	overflow:hidden;
	padding-left:12px;
	width:902px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	border-right-style: none;
	border-bottom-style: none;
	}
div#footer-bg div#area{
	background-color:#181510;
	margin-top:-22px;
	position:absolute;
	z-index:999;
	-moz-border-radius:6px 6px 0 0;
	}
div#footer-bg div#area:hover{
	background-color:#000000;
	border-bottom-style: none;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
	}
div#footer-bg div#area h5{
	color:#CCC;
	margin:0;
	padding:5px;
	cursor:pointer;
	}
div#footer-bg h5:hover{
	cursor:pointer;
	color:#CCC !important;
	}
div#footer-bg div#city ul{
	color:#CCC;
	float:left;
	list-style:none;
	width:235px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	}
div#footer-bg div#city li{
		color:#CCC;
		font-family:Arial, Helvetica, sans-serif;

	font-size:12px;
	}
div#footer-bg div#city li a {
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#a2a2a2;
	text-decoration:none;
	padding:5px;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	}
div#footer-bg div#city li a:hover {
		font:bold 11px Arial, Helvetica, sans-serif;
	color:#a2a2a2;
	text-decoration:none;
	padding:5px;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	}
#city .left  {
	float: left;
	width: 250px;
	margin-right: 0px;
	margin-left: 0px;
}
#city .left_middle  {
	float: left;
	width: 250px;
	margin-right: 0px;
	border-bottom: 0px solid #352e29;
	padding-bottom: 10px;
	margin-left: 105px;
}














#city .right {
	float: right;
	width: 223px;
	margin-left: 0px;
}


.col1{
	color:#FFFFFF;
	background-color:#181510;
	border-top:0px solid #362C20;
}
.col2{
	color:#FFFFFF;
	background-color: #003366;
}
.col2 a{
	color:#FF9900;
	background-color:#003366;
}
.col3{
	color:#000000;
	background-color:#FFFFFF;
}
.col4{
	color:#666666;
	background-color:#375233;
}
.col4 a{color:#FFFFFF;}
.col5, .col5 a{
	color:#FFFFFF;
	background-color:#07619F;
}









#sidebar p.author {
	color:#0c556a;
	font-style:normal;
	font-weight:bold;
	line-height:14px;
	text-align:right;
}
#sidebar .author span {
	display:block;
	font-weight:normal;
}
.spacer
{
clear:both; height:0px; background:#FFF; margin:0 0 20px 0; padding:0;
}


/*FBG_blog*/
.FBG_blog {border-top:0px solid #0e0e0e; margin:0; padding:0; border-bottom:0px solid #0e0e0e;}
.FBG_blog_resize { width:960px; margin:0 auto; padding:0px 15px;}
.FBG_blog_resize p { font: normal 12px Arial, Helvetica, sans-serif; color:#FFF; padding:0; margin:0;}
.FBG_blog_resize p span { font: normal 12px Arial, Helvetica, sans-serif; color:#0096ce;}
.FBG_blog_resize img { float:right; margin:0; padding:0;}
.FBG_blog_resize .recent { width:560px;float:left; pa dding:0; margin:5px 0  0 0;}
/*FBG*/
.FBG { background:#FFF; border-top:0px solid #323232; margin:0; padding:50px;}
.FBG_resize { width:920px; margin:0 auto; padding:20px 0;}
.FBG_resize p { font: normal 12px Arial, Helvetica, sans-serif; color:#FFF; padding:5px 0; margin:0; line-height:1.5em;}
.FBG_resize ul { list-style:none; margin:10px auto; padding:0;}
.FBG_resize li { padding:0; margin:0;}
.FBG_resize li a { font: normal 12px/1.5em Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none;}
.FBG_resize li a:hover { color:#d5d5d5;}
.FBG_resize h2 { font:14px Arial, Helvetica, sans-serif; color:#FFF; padding:5px 0; margin:0;}
.FBG_resize h3 { font:14px Verdana, Arial, Helvetica, sans-serif; color:#000000; padding:5px 0; margin:0;}
.FBG_resize .left { width:180px; float:left; margin:0; padding:0px 50px 50px 50px; text-align: left;}
/* END_bloga*/
/*************footer**********/
.footer {padding:0;  margin:0; background:#252525; border-top:1px solid #434343;}
.footer_resize { width:930px; margin:0 auto; padding:10px 15px;}
.footer p { font:normal 11px  Arial, Helvetica, sans-serif; color:#a2a2a2;}
.footer h3 {
color:#000000;  font: 16px verdana, arial, helvetica, sans-serif; text-align:left;
}

.footer a {
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#a2a2a2;
	text-decoration:none;
	padding:5px;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
}
.footer p.right { text-align:right; width:150px; margin:0; padding:15px 0 0 0; float:right;}
.footer p.leftt { text-align:left; width:650px; margin:0; padding:15px 0 0 0; float:left;}
/********** contact form **********/
.form { float:left; width:550px; margin:5px auto; padding:0; background:#fff; border:1px solid #dedede;}
/********** contact form **********/
#contactform { margin:0; padding:5px 0;}
#contactform * { color:#7a7a7a;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { float:left; margin:0; width:150px; padding:5px 0; font:bold 11px Arial, Helvetica, sans-serif; color:#222; text-transform:capitalize;}
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif;}
#contactform input.text { width:480px; border:1px solid #e9e9e9; margin:5px 0; padding:5px 2px; height:15px; background:#f8f8f8; float:left;}
#contactform textarea { width:480px; border:1px solid #e9e9e9; margin:10px 0; padding:2px; background:#f8f8f8; height:150px; float:left;}
#contactform li.buttons input { padding:3px 0; margin:0 0 0 370px; border:0; color:#FFF;}
p.response { text-align:center; color:#2c2c2c; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.5em; width:auto;}

p.clr, .clr {
	clear:both;
	padding:0;
	margin:0;
	padding-left: 20px;
}
li.bg, .bg { clear:both; border-bottom:1px solid #e2e2e2; padding:10px 0 0 0; margin:0 0 10px 0; background:none; list-style:none;}



.banner_ads { width: 920px; padding: 20px; background: #ffffff; overflow: hidden; border-top: 1px solid #ded9cf; }
.banner_ads_left { float: left; display: inline; width: 626px; overflow: hidden; }
.banner_ads_right { float: right; display: inline; width: 294px;}

.banner_ads_left img { float: left; display: inline; margin-right: 20px; }

.footer h2 { float: right; display: inline; margin-top: 8px; width: 200px; height: 17px; }
.footer img.church { float: left; display: inline; margin-top: 0; }

.copyright { width: 90%; float: right; display: inline; margin-top: 10px; }
.copyright p { font-size: 1.1em; margin: 0 0 4px 0; }
.copyright p.last { margin-bottom: 0; }



p.no_margin { margin-top: 0; }

.bottom_box {
	width: 100%;
	margin: 0;
	padding: 40px 0 35px;
	overflow: hidden;
	color: #91857b;
	background-color: #181510;
	background-image: url(../images/bg/bg_bottom_box.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
.bottom_box p { clear: both; }
.bottom_box h4 { float: left; font-family: /* "HelveticaNeueLight", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", */ Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: 200; margin: 0 0 10px; color: #FFFFFF; padding: 0;}

/* menu area */
.bottom { width: 960px; margin: 0 auto; padding: 0 25px; }
.bottom .left  {
	float: left;
	width: 250px;
	margin-right: 0px;
	margin-left: 43px;
}
.bottom .left_middle  {
	float: left;
	width: 250px;
	margin-right: 0px;
	border-bottom: 0px solid #352e29;
	padding-bottom: 10px;
	margin-left: 105px;
}














.bottom .right {
	float: right;
	width: 210px;
	margin-right: 20px;
	margin-left: 10px;
}

#bottom-menu
{
margin: 0;
padding: 0;

}

#bottom-menu li {
float: left;
}

#bottom-menu ul {
	padding-right:0px;
	padding-left: 0px;
	display: block;
	line-height: 22px;
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #FFFFFF;
	list-style-type:none;
	list-style: none;
	background-color: #181510;
}

#lf
{
padding:5px 0px 0px 0px;
}

.enews_input { background: #6a5f56; border: 1px solid #9b9189; padding: 10px; color: #FFFFFF; margin-bottom: 15px; width: 264px; }
.frmEnews { margin-top: 20px;}


.follow_footer { overflow: hidden; }
.follow_footer li { float: left; display: inline; margin-right: 10px; font-size: 1.8em; color: #FFFFFF; }

.event_list { width: 100%; padding: 0; margin: 0 0 22px 0; overflow: hidden; border-bottom: 1px solid #352e29; padding-bottom: 10px; clear: both; }
.event_list h4 { text-align: center; width: 35px; height: 30px; padding-top: 5px; float: left; display: block; margin:2px 0 0; font-size: 1.2em; font-weight: normal; color: #be3221; line-height:1em; background: url(../images/icons/icon_event_list.gif) 0 0 no-repeat; }
.event_list .listing { width: 80%; float: left; display: inline; }
/* .right { width:480px; margin:10px 8px 10px 0; padding:0 10px; float:right;  } */
.event_list .listing h5 { font-size: 1.2em; margin: 0; color: #91857b; font-weight: normal; }
.event_list .listing h5 a { font-weight: normal; color: #91857b; }
.event_list .listing p { margin: 0; color:#91857b; }

.phone_color {
font: 14px verdana, arial, helvetica, sans-serif; color:#fff; text-decoration:none;}


#h2-logo {
	color:#FFF !important;
	font-size: 20px !important;
	font-weight: bold !important;
	width: 420px !important; display: block !important;
	padding-top: 90px !important;

}








/*Responsive by Mehdi Akram	*/
img {max-width: 100%;}
.fix {overflow:hidden;}
.selectnav {display:none}
#nav {display: inline-table;}
.mainmenu { text-align: center;}
#mapleft > iframe {  max-width: 100%;}
.mobileview {display:none;}
.desktopview {display:block;}



@media only screen and (max-width: 991px) {
.shell, .shell3 {width: 750px;}
.search {width: 225px;}
#navigation ul li a {font-size: 12px;  padding: 2px 12px 11px;}
#featured .shell, .jcarousel-clip, .slider-carousel { height: 280px;  width: 670px;}
.jcarousel-prev { left: -41px;}
.jcarousel-next { right: -41px;}

.bottom .left, .bottom .left_middle, .bottom .right, #city .left, #city .left_middle, #city .right  { float: left; margin-left: 20px;  width: 210px;}


#main-boxes .box-last { margin-right: 0 !important;}
#main-boxes .box { margin-right: 10px;  width: 243px;padding-right: 0px;}
ul.link-list li { line-height: 25px;}



#content .box {width: 500px;}
#sidebar {padding-left: 20px; width: 220px;}
#sidebar .quote {
  background: url("images/quote-bg.gif") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
  height: 360px;
  width: 220px;
}
#sidebar .quote p {  padding: 10px 0 0 40px;  width: 175px;}
#sidebar img {max-width: 100%;}
#bottom-menu a {  font-size: 9px;}



}
@media only screen and (max-width: 768px) {
.shell, .shell3 {width: 583px;}
div#footer-bg div#city {width: 571px;}
.search {width: 225px;}
#navigation ul li a {font-size: 10px;  padding: 2px 7px 11px;}
.bottom .left, .bottom .left_middle, .bottom .right, #city .left, #city .left_middle, #city .right
{ float: left; margin-left: 20px;  width: 583px;}
#featured {display:none;}

#main-boxes .box {
background: url("images/box-bg.gif") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
margin-right: 0px;  width: 100%; padding-right: 0px;}

ul.link-list li { line-height: 30px;}

#content .box { padding: 0 10px; width: 563px;}
#sidebar {padding-left: 20px; width: 583px;}
#sidebar .quote {
  background: url("images/quote-bg.gif") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
  height: 360px;
  width: 550px;
}
#sidebar .quote p {  padding: 10px 0 0 100px;  width: 430px;}
#lf {  background: #181510;  display: inline-block;  width: 100%;}








}
@media only screen and (max-width: 599px) {
.selectnav {display: block;margin: 0 auto;}
#nav {display:none}
#navigation { padding-top: 20px;}


.shell, .shell3 {width: 460px;}
div#footer-bg div#city {width: 448px;}
.search {width: 225px;}


#navigation {  padding-top: 13px;}
.selectnav {  padding: 5px 5px 0;  width: 100%;cursor: pointer;}
.selectnav option {  padding: 5px;border-bottom: 1px solid #DDD;}
#navigation ul li a {font-size: 10px;  padding: 2px 7px 11px;}


.bottom .left, .bottom .left_middle, .bottom .right, #city .left, #city .left_middle, #city .right
{ float: left; margin-left: 20px;  width: 460px;}


#main-boxes .box {
background: url("images/box-bg.gif") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
margin-right: 0px;  width: 100%; padding-right: 0px;}

ul.link-list li { line-height: 30px;}

#content .box { padding: 0 10px; width: 443px;}
#sidebar {padding-left: 20px; width: 443px;}
#sidebar .quote {
  background: url("images/quote-bg.gif") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
  height: 360px;
  width: 430px;
}
#sidebar .quote p {  padding: 10px 0 0 100px;  width: 323px;}
#lf {  background: #181510;  display: inline-block;  width: 100%;}
textarea#FC_Reason, textarea#message { width: 400px !important;}






}
















@media only screen  and (max-width: 480px) {
.mobileview {display:block;}
.desktopview {display:none;}


.shell, .shell3 {width: 300px;}

#header {height: 130px; position: fixed; z-index: 100;}
#logo { background-image: url("../css/images/logosmall2.png");  background-repeat: no-repeat;  background-size: 60px auto;height: 80px;}
#logo h1 {font-size: 16px;padding-left: 60px; padding-top: 18px;}
#h2-logo {font-size: 16px !important;
	padding-left: 60px !important;
	padding-top: 18px !important;}

.search {width: 300px; padding: 0;}
.search a {text-decoration: none;}
.phone {font-size: 18px;  box-shadow: 0 0 10px #000;  float: none;  margin: 0 auto;  padding: 6px 0;  text-align: center;  width: 85%;border-radius: 10px;
		background-color: steelblue; text-decoration: none;}
.phone a {color: #FFF;font-size: 18px;text-decoration: none;}
#navigation {padding-top: 136px;}





#navigation ul li a {font-size: 10px;  padding: 2px 7px 11px;}


.bottom .left, .bottom .left_middle, .bottom .right, #city .left, #city .left_middle, #city .right
{ float: left; margin-left: 20px;  width: 460px;}





#main-boxes .box {
background: url("images/box-bg.gif") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
margin-right: 0px;  width: 100%; padding-right: 0px;}

ul.link-list li { line-height: 30px;}

#content .box { padding: 0 10px; width: 283px;}
#sidebar {padding-left: 20px; width: 283px;margin-bottom: 30px;}
#sidebar .quote {
  background: url("images/quote-bg.gif") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
  height: 360px;
  width: 273px;
}

#sidebar .quote p {  padding: 10px 0 0 55px;  width: 210px;}
#bottom-menu ul { line-height: 15px;}
#lf {  background: #181510;  display: inline-block;  width: 100%;}
.footer p {font-size: 9px ;}
div#footer-bg div#city {width: 291px;}
#footer-bg .shell3 {height:53px;}
textarea#FC_Reason, textarea#message { width: 280px !important;}








}