/*
Theme Name: Market Street Cafe 
*/

body {
	margin:0;
	padding:0px;
	background:url(../../../images/main-top-bg.jpg) repeat-x top left #fff;
	color:#000000;
	font-size:14px; /* Resets 1em to 10px */
	font-family: 'chucaratextregular';
	text-align:left;
	line-height:30px;
	font-weight:bold;
}
@font-face {
    font-family: 'chucaratextregular';
    src: url('fonts/chucara-regular-webfont.eot');
    src: url('fonts/chucara-regular-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/chucara-regular-webfont.woff') format('woff'),
         url('fonts/chucara-regular-webfont.ttf') format('truetype'),
         url('fonts/chucara-regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
				font-family: 'QuigleyWiggly';
				src: url('fonts/quigleyw.eot');
				src: url('fonts/quigleyw.eot#iefix') format('embedded-opentype'),
						 url('fonts/quigleyw.woff') format('woff'),
						 url('fonts/quigleyw.ttf') format('truetype'),
						 url('fonts/quigleyw.svg') format('svg');
				font-weight: normal;
				font-style: normal;
		}
@font-face {
				font-family: 'Peridot-Light';
				src: url('fonts/pel.eot');
				src: url('fonts/pel.eot#iefix') format('embedded-opentype'),
						 url('fonts/pel.woff') format('woff'),
						 url('fonts/pel.ttf') format('truetype'),
						 url('fonts/pel.svg') format('svg');
				font-weight: normal;
				font-style: normal;
		}

a { 
	color:#258;
	text-decoration:none;
}

a:hover {
	text-decoration:underline; 
}

h1, h1 a, h2, h2 a, h3, h4, h5, h6 {
	margin:0;
	color:#27a;
	font-family: 'QuigleyWiggly';
}

h1 {font-size:2.6em;}
h2 { background:url(../../../images/hdng-bg.png) no-repeat left top;font-size:40px; color:#003366; height:56px; padding-left:10px; line-height:45px; text-align:left; width:480px; display:block; position:absolute; left:38px; *left:36px; top:462px; z-index:9999;}
h2.posttitle { background:url(../../../images/hdng-bg.png) no-repeat left top;font-size:36px; color:#003366; height:56px; padding-left:10px; line-height:45px; text-align:left; width:480px; display:block; position:absolute; left:38px; *left:36px; top:182px; z-index:999;}
h2.posttitle a {color:#003366; text-decoration:none;}
h2.posttitle a:hover {color:#ef7d00; text-decoration:none;}
h3 {font-size:35px; color:#333333;}
h4 {font-size:28px; color:#ffffff; margin-bottom:15px;}
h5 {font-size:1em;}
h6 {font-size:0.8em;}


img {
	border:0;
}

input {
	font-size:1.2em;
}

input[type=text], textarea{
	background:#fff;
	border:1px inset #aaa;
}
input[type=submit] {
	background:#eee;
	border:1px outset #aaa;
}

textarea {
	font-size:12px;
}

pre {
	font-size:12px;
	overflow:auto;
}
code {
	font-size:12px;
	background-color:#f8f8f8;
	color:#111;
}

/***********************MAIN*****************/
#maintopwrapper { background:url(../../../images/chair.jpg) repeat-x left bottom; width:100%; overflow:hidden; min-height:800px; padding-bottom:40px;}
#outerwrapper {width:885px; margin:0px auto; overflow:hidden; position:relative;}

/***********************HEADER******************/

#headerwrapper {width:885px; margin:0px auto; min-height:175px;}
.logo {width:234px; height:182px; float:left;z-index:9999; position:absolute; left:5px; top:0px;}

#nav{border:none; width:605px; float:left; border:0px; /*margin:25px 0px 0px 35px; */padding:0px; font-size:18px; line-height:59px; font-weight:normal;text-align:center; position:absolute; left:252px; top:25px;}
#nav ul{height:59px; list-style:none; margin:0;padding:0;}
#nav li{float:left;padding:0px;margin:0px;}
#nav li a{color:#003366; background:url(../../../images/bullet.png) no-repeat right 28px; font-family: 'Peridot-Light'; font-size:20px; display:block;font-weight:normal;margin:0px;padding:0px 20px;text-align:center;text-decoration:none;}
#nav li a:hover span {background:url(../../../images/nav-left.png) no-repeat left top; padding:0px 0px 0px 20px; display:block;}
#nav li a:hover {background:url(../../../images/nav-right.png) no-repeat right top; color:#FFFFFF;text-decoration:none;padding:0px 20px 0px 0px;}
#nav ul li.current_page_item a span {background:url(../../../images/nav-left.png) no-repeat left top; padding:0px 0px 0px 20px; display:block;}
#nav ul li.current_page_item a  {background:url(../../../images/nav-right.png) no-repeat right top; color:#FFFFFF;text-decoration:none;padding:0px 20px 0px 0px;}
#nav ul li.current_page_item  li a span {background:none;}
#nav ul li.current_page_item li a {background:none;color:#003366;}
#nav li ul{background:#6dcdf7;display:none;height:auto;padding:0px;margin:0px;border:0px;position:absolute;width:225px;z-index:200;}
#nav li:hover ul{display:block; z-index:9999;}
#nav li li {background:#6dcdf7;border-bottom:#003366 1px dashed;display:block;height:30px;line-height:30px;float:none;margin:0px;padding:0px;    width:225px;}
#nav li:hover li a{background:none;background-image:none; font-size:18px;}
#nav li ul a{display:block;	color:#003366;height:30px;line-height:30px;font-size:12px;font-style:normal;margin:0px;padding:0px 10px 0px 15px;  text-align:left;}
#nav li ul a:hover, #nav li ul li:hover a{background:#003366;border:0px;color:#FFFFFF;text-decoration:none;height:30px;height:30px;line-height:30px;line-height:30px;padding:0px 10px 0px 15px;}

#nav li ul li a:hover span {background-image:none; padding-left:5px;}
#nav li:hover li.current_page_item a span {background:none;}


.topmenu {display:none;}

.call {width:410px; background:url(../../../images/call-img.png) no-repeat right bottom; display:block; float:right; height:43px; position:absolute; right:0px; top:89px;}
.call img {float:left;}
.call span {width:239px; float:right; text-align:center; line-height:40px; color:#FFFFFF; display:block; font-family: 'Peridot-Light'; font-size:22px;}

/****************************************BANNER********************/
#bannerwrapper {background:url(../../../images/banner-bg.png) no-repeat center top; width:872px; margin:-35px auto 0px; height:330px; padding:5px 5px 0px 5px; text-align:center; position:relative;}
/*#bannerwrapper img {margin-top:-15px; *margin-top:5px; left:13px; top:10px; z-index:99; position:absolute;}*/
.piccontainer{position:absolute;width:858px;height:293px;overflow:hidden;top:13px;left:13px;}
.plate{position:absolute;top:0px;left:0px;width:858px;height:293px;}
.plate img{width:858px;height:293px;}
.dot{}
.description{height:56px;background:url(http://www.market-street-cafe.com/wp-content/themes/market-street/bg.png);width:858px;padding:5px;position:absolute;left:0px;bottom:0px;font-family:Arial;font-size:13px;color:#CCCCCC;}
.description div{width:550px;}
.dotcontainer{position:absolute;right:340px;bottom:5px; z-index:99999; }
.dotcontainer ul{margin:0px;list-style-type:none;float:left }
.dotcontainer ul li{float:left;margin-right:5px;cursor:pointer;}

/********************************CONTENT***********************/
.content-top {background:url(../../../images/content-top.png) no-repeat center top; width:850px; height:95px; position:absolute; left:16px; top:260px; z-index:999;}
#contentwrapper {width:810px; background:#c6182c; overflow:hidden; margin:0px auto; padding:0px 20px 20px 20px;}
#contentwrapper-inner {width:810px; background:#c6182c; overflow:hidden; margin:0px auto; padding:20px;}
#content {background:#FFFFFF; padding:0px 15px 15px; overflow:hidden; border:#710e19 1px solid;}
#content img {background:#FFFFFF; padding:8px; border:#dddddd 1px solid; /*box-shadow: 10px 10px 5px #888888;*/ float:right; margin:0px 0px 15px 15px;}
.postentry {clear: both; *margin-top: 40px; margin-top: 0px;overflow: hidden; height:auto;}
#contenthome {background:#FFFFFF; padding:15px; overflow:hidden; border:#710e19 1px solid; font-size:12px; line-height:24px;}

.gallery {width:560px; float:left; margin-top:17px;}
.rightmenu {width:203px; float:right; margin-top:10px;}
.rightmenu .top {width:203px; background:url(../../../images/right-top.jpg) no-repeat center top; height:15px;}
.rightmenu .bottom {width:203px; background:url(../../../images/right-bottom.jpg) no-repeat center top; height:15px;}
.rightmenu .middle {width:193px; background:url(../../../images/right-middle.jpg) repeat-y center top; padding:0px  0px 0px 10px;}
.rightmenu .middle ul {list-style:none; padding:0px; margin:0px;}
.rightmenu .middle li {list-style:none; padding:0px 5px; margin:0px;}
.rightmenu .middle li a {color:#FFFFFF; text-decoration:none;}
.rightmenu .middle li a:hover {color:#033163; text-decoration:none;}

/*.rightmenu .middle ul h2 {font-family: 'chucaratextregular';margin:0;padding:0 0 15px 0;color:#FFFFFF;font-size:24px;text-transform:uppercase; background:none;}*/

/***********************FOOTER***************************/

#footerwraper {background:url(../../../images/footer-bg.jpg) repeat-x left bottom #6dcdf7; width:100%; padding-bottom:70px;}
.footerblock {width:989px; margin:0px auto; overflow:hidden; padding-top:10px;}
.leftfooter {width:256px; float:left; padding-right:10px; font-size:15px; line-height:30px; border-right:#333333 1px solid; min-height:315px;}
.middlefooter {width:300px; float:left; padding:0px 10px; font-size:15px; line-height:30px; border-right:#333333 1px solid; min-height:315px; text-align:center;}
.rightfooter {width:370px; float:right; padding:0px 15px; font-size:15px; line-height:30px; min-height:315px;}
.rightfooter a {color:#000000; text-decoration:none;}
.rightfooter a:hover {text-decoration:underline;}

@media only screen and (min-width:768px) and (max-width:960px){
/***********************MAIN*****************/
h2 { background:url(../../../images/hdng-bg-small.png) no-repeat left top; font-size:24px; color:#003366; height:36px; padding-left:10px; line-height:30px; text-align:left; width:250px; display:block; position:absolute; left:30px; top:425px; z-index:9999;}
h2.posttitle { background:#66ccff;-moz-border-radius-bottomright: 50px 50px; border-bottom-right-radius: 50px 50px; -moz-border-radius-topright: 50px 50px; border-top-right-radius: 50px 50px;font-size:24px; color:#003366; height:36px; padding-left:10px; line-height:30px; text-align:left; width:350px; display:block; position:absolute; left:30px; *left:36px; top:157px; z-index:999;}
h3 {font-size:25px; color:#333333;}
#outerwrapper {width:768px; margin:0px auto; overflow:hidden;}

/***********************HEADER******************/

#headerwrapper {width:768px; margin:0px auto; min-height:116px;}
.logo {width:234px; height:182px; float:left; margin:0px 0px 0px 5px;}
.logo img {width:100%;}

#nav{border:none; width:650px; float:left; border:0px; margin:25px 0px 0px 0px; padding:0px; font-size:18px; line-height:59px; font-weight:normal;text-align:center; position:absolute; left:205px; top:25px;}
#nav ul{height:59px; list-style:none; margin:0;padding:0;}
#nav li{float:left;padding:0px;margin:0px;}
#nav li a{color:#003366; background:url(../../../images/bullet.png) no-repeat right 28px; font-family: 'Peridot-Light'; font-size:20px; display:block;font-weight:normal;margin:0px;padding:0px 20px;text-align:center;text-decoration:none;}
#nav li a:hover span {background:url(../../../images/nav-left.png) no-repeat left top; padding:0px 0px 0px 20px; display:block;}
#nav li a:hover {background:url(../../../images/nav-right.png) no-repeat right top; color:#FFFFFF;text-decoration:none;padding:0px 20px 0px 0px;}
#nav ul li.current_page_item a span {background:url(../../../images/nav-left.png) no-repeat left top; padding:0px 0px 0px 20px; display:block;}
#nav ul li.current_page_item a  {background:url(../../../images/nav-right.png) no-repeat right top; color:#FFFFFF;text-decoration:none;padding:0px 20px 0px 0px;}
#nav ul li.current_page_item  li a span {background:none;}
#nav ul li.current_page_item li a {background:none;color:#003366;}
#nav li ul{background:#6dcdf7;display:none;height:auto;padding:0px;margin:0px;border:0px;position:absolute;width:225px;z-index:200;}
#nav li:hover ul{display:block; z-index:9999;}
#nav li li {background:#6dcdf7;border-bottom:#003366 1px dashed;display:block;height:30px;line-height:30px;float:none;margin:0px;padding:0px;    width:225px;}
#nav li:hover li a{background:none;background-image:none; font-size:18px;}
#nav li ul a{display:block;	color:#003366;height:30px;line-height:30px;font-size:12px;font-style:normal;margin:0px;padding:0px 10px 0px 15px;  text-align:left;}
#nav li ul a:hover, #nav li ul li:hover a{background:#003366;border:0px;color:#FFFFFF;text-decoration:none;height:30px;height:30px;line-height:30px;line-height:30px;padding:0px 10px 0px 15px;}

#nav li ul li a:hover span {background-image:none; padding-left:5px;}

.topmenu {display:none;}

.call {width:400px; background:url(../../../images/call-img.png) no-repeat right bottom; display:block; float:right; height:43px; position:absolute; right:0px; top:89px;}
.call img {float:left; width:13%;}
.call span {width:239px; float:right; text-align:center; line-height:40px; color:#FFFFFF; display:block; font-family: 'Peridot-Light'; font-size:22px;}

/****************************************BANNER********************/
#bannerwrapper {background:url(../../../images/banner-bg.png) no-repeat center top; width:750px; margin:20px auto 0px; height:270px; padding:5px 5px 0px 0px; text-align:center; position:relative;}
.piccontainer{position:absolute;width:750px;height:270px;overflow:hidden;top:13px;left:10px;}
.plate{position:absolute;top:0px;left:0px;width:750px;height:270px;}
.plate img{width:100%;height:auto;}
.dot{}
.dotcontainer{position:absolute;right:10px;bottom:220px; }
.dotcontainer ul{margin:0px;list-style-type:none;float:left }
.dotcontainer ul li{float:left;margin-right:5px;cursor:pointer;}

/********************************CONTENT***********************/
.content-top {background:url(../../../images/content-top.png) no-repeat center top; width:768px; height:80px; position:absolute; left:8px; top:210px; z-index:999;}
#contentwrapper {width:710px; background:#c6182c; overflow:hidden; margin:0px auto; padding:0px 20px 20px 20px;}
#contentwrapper-inner {width:710px; background:#c6182c; overflow:hidden; margin:0px auto; padding:20px;}
#content {background:#FFFFFF; padding:15px; min-height:300px; overflow:hidden; border:#710e19 1px solid; font-size:16px; font-weight:normal;}
#content img {background:#FFFFFF; padding:8px; border:#dddddd 1px solid; /*box-shadow: 10px 10px 5px #888888;*/ float:right; margin:0px 0px 15px 15px;}
.postentry {clear: both; *margin-top: 40px; margin-top: 20px;overflow: hidden; height:auto;}
#contenthome {background:#FFFFFF; padding:15px; overflow:hidden; border:#710e19 1px solid; font-size:12px; line-height:24px;}

.gallery {width:400px; float:left;}

.special {width:100%;}
.special img {width:100%;}

/***********************FOOTER***************************/
#footerwraper {background:url(../../../images/footer-bg.jpg) repeat-x left bottom #6dcdf7; width:100%; min-height:200px;}
.footerblock {width:768px; margin:0px auto; overflow:hidden; padding-top:10px;}
.leftfooter {width:210px; float:left; padding-right:10px; font-size:15px; line-height:25px; border-right:#333333 1px solid; min-height:315px;}
.middlefooter {width:210px; float:left; padding:0px 10px; font-size:15px; line-height:25px; border-right:#333333 1px solid; min-height:315px; text-align:center;}
.rightfooter {width:210px; float:right; padding:0px 15px; font-size:15px; line-height:25px; min-height:315px;}
.rightfooter a {color:#000000; text-decoration:none;}
.rightfooter a:hover {text-decoration:underline;}
}

@media only screen and (min-width:768px) and (max-width:1024px){

/***********************MAIN*****************/
#outerwrapper {width:768px; margin:0px auto; overflow:hidden;}

/***********************HEADER******************/

#headerwrapper {width:768px; margin:0px auto; min-height:144px;}
.logo {width:200px; height:150px; float:left; margin:0px 0px 0px 5px;}
.logo img {width:100%;}

#nav{border:none; width:680px; float:left; border:0px; margin:25px 0px 0px 0px; padding:0px; font-size:18px; line-height:59px; font-weight:normal;text-align:center; position:absolute; left:205px; top:25px;}
#nav ul{height:59px; list-style:none; margin:0;padding:0;}
#nav li{float:left;padding:0px;margin:0px;}
#nav li a{color:#003366; background:url(../../../images/bullet.png) no-repeat right 28px; font-family: 'Peridot-Light'; font-size:20px; display:block;font-weight:normal;margin:0px;padding:0px 20px;text-align:center;text-decoration:none;}
#nav li a:hover span {background:url(../../../images/nav-left.png) no-repeat left top; padding:0px 0px 0px 20px; display:block;}
#nav li a:hover {background:url(../../../images/nav-right.png) no-repeat right top; color:#FFFFFF;text-decoration:none;padding:0px 20px 0px 0px;}
#nav ul li.current_page_item a span {background:url(../../../images/nav-left.png) no-repeat left top; padding:0px 0px 0px 20px; display:block;}
#nav ul li.current_page_item a  {background:url(../../../images/nav-right.png) no-repeat right top; color:#FFFFFF;text-decoration:none;padding:0px 20px 0px 0px;}
#nav ul li.current_page_item  li a span {background:none;}
#nav ul li.current_page_item li a {background:none;color:#003366;}
#nav li ul{background:#6dcdf7;display:none;height:auto;padding:0px;margin:0px;border:0px;position:absolute;width:225px;z-index:200;}
#nav li:hover ul{display:block; z-index:9999;}
#nav li li {background:#6dcdf7;border-bottom:#003366 1px dashed;display:block;height:30px;line-height:30px;float:none;margin:0px;padding:0px;    width:225px;}
#nav li:hover li a{background:none;background-image:none; font-size:18px;}
#nav li ul a{display:block;	color:#003366;height:30px;line-height:30px;font-size:12px;font-style:normal;margin:0px;padding:0px 10px 0px 15px;  text-align:left;}
#nav li ul a:hover, #nav li ul li:hover a{background:#003366;border:0px;color:#FFFFFF;text-decoration:none;height:30px;height:30px;line-height:30px;line-height:30px;padding:0px 10px 0px 15px;}

#nav li ul li a:hover span {background-image:none; padding-left:5px;}

.topmenu {display:none;}

.call {width:410px; background:url(../../../images/call-img.png) no-repeat right bottom; display:block; float:right; height:40px; position:absolute; right:0px; top:105px;}
.call img {float:left; width:10%;}
.call span {width:239px; float:right; text-align:center; line-height:40px; color:#FFFFFF; display:block; font-family: 'Peridot-Light'; font-size:20px;}

/****************************************BANNER********************/
#bannerwrapper {background:url(../../../images/banner-bg.png) no-repeat center top; width:750px; margin:0px auto 0px; height:270px; padding:5px 5px 0px 5px; text-align:center; position:relative;}

.piccontainer{position:absolute;width:750px;height:260px;overflow:hidden;top:5px;left:5px;}
.plate{position:absolute;top:0px;left:0px;width:750px;height:260px;}
.plate img{width:750px;height:260px;}
.dot{}
.dotcontainer{position:absolute;right:290px;bottom:0px; }
.dotcontainer ul{margin:0px;list-style-type:none;float:left }
.dotcontainer ul li{float:left;margin-right:5px;cursor:pointer;}

/********************************CONTENT***********************/
.content-top {background:url(../../../images/content-top.png) no-repeat center top; width:750px; height:80px; position:absolute; left:2px; top:210px; z-index:999;}
#contentwrapper {width:710px; background:#c6182c; overflow:hidden; margin:0px auto; padding:0px 20px 20px 20px;}
#contentwrapper-inner {width:710px; background:#c6182c; overflow:hidden; margin:0px auto; padding:20px;}
#content {background:#FFFFFF; padding:15px; min-height:300px; overflow:hidden; border:#710e19 1px solid;}
#content img {background:#FFFFFF; padding:8px; border:#dddddd 1px solid; /*box-shadow: 10px 10px 5px #888888;*/ float:right; margin:0px 0px 15px 15px; width:30%;}
#contenthome {background:#FFFFFF; padding:15px; overflow:hidden; border:#710e19 1px solid; font-size:12px; line-height:24px;}
#contenthome {background:#FFFFFF; padding:15px; overflow:hidden; border:#710e19 1px solid; font-size:12px; line-height:24px;}
#contenthome img { float:left;}
.postentry {clear: both; *margin-top: 40px; margin-top: 20px;overflow: hidden; height:auto;}
.gallery {width:400px; float:left;}
.ngg-galleryoverview img {width:70%;}
.special {width:100%;}
.special img {width:100% !important;}
/***********************FOOTER***************************/
#footerwraper {background:url(../../../images/footer-bg.jpg) repeat-x left bottom #6dcdf7; width:100%; min-height:200px;}
.footerblock {width:765px; margin:0px auto; overflow:hidden; padding-top:10px;}
.leftfooter {width:210px; float:left; padding-right:10px; padding-left:10px; font-size:15px; line-height:30px; border-right:#333333 1px solid; min-height:315px;}
.middlefooter {width:210px; float:left; padding:0px 10px; font-size:15px; line-height:30px; border-right:#333333 1px solid; min-height:315px; text-align:center;}
.rightfooter {width:210px; float:left; padding:0px 15px; font-size:15px; line-height:30px; min-height:315px;}
.rightfooter a {color:#000000; text-decoration:none;}
.rightfooter a:hover {text-decoration:underline;}
.map {width:100%;}
}
@media only screen and (min-width:480px) and (max-width:750px){

h2 { background:none; font-size:24px; color:#003366; height:36px; padding-left:10px; line-height:30px; text-align:left; width:400px; display:block; position:absolute; left:15px; *left:36px; top:517px; z-index:9999;}
h2.posttitle { background:none; font-size:24px; color:#003366; height:36px; padding-left:10px; line-height:30px; text-align:left; width:340px; display:block;/* position:absolute; */left:0px; *left:36px; top:0px; margin:0px; z-index:999; position:static;}
h3 {font-size:25px; color:#333333;}
#outerwrapper {margin: 0 auto;overflow:hidden; width: 480px;}

#headerwrapper {width:480px; margin:0px auto; height:auto; overflow:hidden; float:left; background:#6dcdf7;}
.logo {width:234px; height:160px; float:left; margin:0px 0px 0px 148px;}
.logo img {width:70%;}

.call {width:380px; background:url(../../../images/call-img.png) no-repeat right bottom; display:block; float:right; height:43px; position:absolute; top:125px;}
.call img {width:10%;}
.call span {width:225px; float:right; text-align:center; line-height:40px; color:#FFFFFF; display:block; font-family: 'Peridot-Light'; font-size:16px;}

#nav {display:none; padding:0px; margin:0px;}

.topmenu{width:100%;clear:both; display:block; /*position:absolute;top:166px;*/  margin-top:166px;}
.topmenu ul {list-style:none; padding:0px; margin:0px;}
.topmenu li{ list-style:none; padding:0px; margin:0px;}
.topmenu li a{display:block;font-family: 'Peridot-Light';font-size:16px;line-height:30px;text-transform:uppercase;color:#1b3032;padding:0 0 0 7px;border-bottom:#003366 1px dashed;}
.topmenu li a:hover{background-color:#003366; color:#FFFFFF; text-decoration:none; text-decoration:none;}
.topmenu li a.active{background-color:#003366; color:#FFFFFF;}
.topmenu li a.subTab{background:url(../../../images/nav-plus.png) 95% 50% no-repeat;}
.topmenu li a.subTab:hover{background:url(../../../images/nav-plus.png) 95% 50% no-repeat #003366; color:#FFFFFF; display:block;}
.topmenu li a.subTab.active{background:url(../../../images/nav-minus.png) 95% 50% no-repeat #003366; color:#FFFFFF;}

.topmenu li ul{padding:8px 0 15px 12px;}
.topmenu li ul li{padding:1px 0; margin:0px; line-height:20px; display:block;}
.topmenu li ul li a{display:inline-block;font:normal 12px/20px Arial, Helvetica, sans-serif;text-transform:none;border-bottom:none;	padding:0 5px;
width:100%;}
.topmenu li ul li a.active{font-weight:bold; background:none;}
.topmenu li ul.sub-menu {display:none;}


/****************************************BANNER********************/
#bannerwrapper {background:url(../../../images/banner-bg.png) no-repeat center top; width:480px; margin:0px auto 0px; height:171px; padding:5px 5px 0px 5px; text-align:center; position:relative; float:left;}

.piccontainer{position:absolute;width:480px;height:171px;overflow:hidden;top:5px;left:5px;}
.plate{position:absolute;top:0px;left:0px;width:305px;height:126px;}
.plate img{width:470px;height:150px;}
.dot{}
.dotcontainer{position:absolute;right:165px;bottom:0px; }
.dotcontainer ul{margin:0px;list-style-type:none;float:left }
.dotcontainer ul li{float:left;margin-right:5px;cursor:pointer;}
/********************************CONTENT***********************/
.content-top {background:url(../../../images/content-top-small.png) no-repeat center top; width:460px; height:95px; position:absolute; left:10px; top:143px; z-index:999;}
#contentwrapper {width:450px; background:#c6182c; overflow:hidden; margin:0px auto; padding:10px; float:left;}
#contentwrapper-inner {width:450px; background:#c6182c; overflow:hidden; margin:0px auto; padding:10px;}
#content {background:#FFFFFF; padding:15px; overflow:hidden; border:#710e19 1px solid; /*height:300px;*/ font-size:12px; line-height:24px;}
#content img {width:40%; background:#FFFFFF; padding:8px; border:#dddddd 1px solid; /*box-shadow: 10px 10px 5px #888888;*/ float:right; margin:0px 0px 15px 15px;}
#contenthome {background:#FFFFFF; padding:15px; overflow:hidden; border:#710e19 1px solid; font-size:12px; line-height:24px;}
#contenthome img { float:left;}
.postentry {clear: both; *margin-top: 40px; margin-top: 20px;overflow: hidden;}
.gallery {width:400px; float:left;}
.ngg-galleryoverview img {width:100%;}
.rightmenu {width:203px; float:none; margin:0px auto; clear:both;}

.postmetadata {margin-top:15px; clear:both;}
.special {width:100%;}
.special img {width:100% !important;}
/***********************FOOTER***************************/
#footerwraper {background:url(../../../images/footer-bg.jpg) repeat-x left bottom #6dcdf7; width:100%; min-height:200px;}
.footerblock {width:480px; margin:0px auto; overflow:hidden; padding-top:10px;}
.leftfooter {width:90%; float:none; clear:both; padding-right:10px; padding-left:10px; font-size:12px; line-height:20px; border-right:none;  min-height:150px;}
.middlefooter {width:90%; float:none; clear:both; padding:0px 10px; font-size:12px; line-height:20px; border-right:none; height:auto; text-align:center;min-height:150px;}
.rightfooter {width:90%; float:none; clear:both; padding:0px 15px; font-size:12px; line-height:20px; height:auto;min-height:150px;}
.rightfooter a {color:#000000; text-decoration:none;}
.rightfooter a:hover {text-decoration:underline;}
.map {width:100%;}

/************************GALLERY********************/
.ngg-gallery-thumbnail {width:150px; margin-right:30px !important;}
.ngg-gallery-thumbnail img {width:100%;}
}
@media only screen and (min-width:320px) and (max-width:479px){

h2 { background:none; font-size:22px; color:#003366; height:36px; padding-left:0px; line-height:30px; text-align:left; width:280px; display:block; /*position:absolute; left:11px; *left:36px; top:433px;*/ left:0px; position:static; z-index:9999; margin:0px;}
h2.posttitle { background:none;font-size:20px; color:#003366; height:36px; padding-left:0px; line-height:30px; text-align:left; width:300px; display:block; /* position:absolute; */left:0px; *left:36px; top:0px; margin:0px; z-index:999; position:static;}
h2.posttitle a {display:block; clear:both;}
h3 {font-size:25px; color:#333333;}
#outerwrapper {margin: 0 auto;overflow:hidden; width: 310px;}
.postmetadata {/*margin-top:55px;*/ clear:both; display:block;}
.archive {}
#headerwrapper {width:310px; margin:0px auto; height:auto; /*overflow:hidden;*/ background:#6dcdf7;float:left;}
.logo {width:150px; height:100px; float:left; margin:0px 0px 0px 88px;}
.logo img {width:90%;}

.call {width:300px; background:url(../../../images/call-img-small.png) no-repeat right bottom; display:block; float:right; height:34px; position:absolute; top:110px;}
.call img {width:10%;}
.call span {width:180px; float:right; text-align:center; color:#FFFFFF; display:block; font-family: 'Peridot-Light'; font-size:15px;}

#nav {display:none; padding:0px; margin:0px;}

.topmenu{width:100%; clear:both;display:block; /*position:absolute; top:140px;*/ margin-top:140px;}
.topmenu ul {list-style:none; padding:0px; margin:0px;}
.topmenu li{ list-style:none; padding:0px; margin:0px;}
.topmenu li a{display:block;font-family: 'Peridot-Light'; font-size:16px;line-height:30px;text-transform:uppercase;color:#1b3032;padding:0 0 0 7px;border-bottom:#003366 1px dashed;}
.topmenu li a:hover{background-color:#003366; color:#FFFFFF; text-decoration:none;}
.topmenu li a.active{background-color:#003366; color:#FFFFFF;}
.topmenu li a.subTab{background:url(../../../images/nav-plus.png) 95% 50% no-repeat;}
.topmenu li a.subTab:hover{background:url(../../../images/nav-plus.png) 95% 50% no-repeat #003366; color:#FFFFFF; display:block; text-decoration:none;}
.topmenu li a.subTab.active{background:url(../../../images/nav-minus.png) 95% 50% no-repeat #003366; color:#FFFFFF;}

.topmenu li ul{border-bottom:#c2c2c2 1px solid; padding:8px 0 15px 12px;}
.topmenu li ul li{padding:1px 0;}
.topmenu li ul li a{display:inline-block;font:normal 12px/20px Arial, Helvetica, sans-serif;text-transform:none;border-bottom:none;	padding:0 5px;
width:100%;}
.topmenu li ul li a.active{font-weight:bold; background:none;}
.topmenu li ul.sub-menu {display:none;}

/****************************************BANNER********************/
#bannerwrapper {background:url(../../../images/banner-bg.png) no-repeat center top; width:305px; margin:0px auto 0px; height:126px; padding:5px 5px 0px 5px; text-align:center; position:relative; float:left;}

.piccontainer{position:absolute;width:305px;height:126px;overflow:hidden;top:5px;left:5px;}
.plate{position:absolute;top:0px;left:0px;width:305px;height:126px;}
.plate img{width:300px;height:120px;}
.dot{}
.dotcontainer{position:absolute;right:65px;bottom:0px; }
.dotcontainer ul{margin:0px;list-style-type:none;float:left }
.dotcontainer ul li{float:left;margin-right:5px;cursor:pointer;}

/********************************CONTENT***********************/
.content-top {background:url(../../../images/content-top-small.png) no-repeat center top; width:310px; height:42px; position:absolute; left:0px; top:90px; z-index:999;}
#contentwrapper {width:290px; background:#c6182c; overflow:hidden; margin:0px auto; padding:10px;}
#contentwrapper-inner {width:290px; background:#c6182c; overflow:hidden; margin:0px auto; padding:10px;}
#content {background:#FFFFFF; padding:15px; overflow:hidden; border:#710e19 1px solid; font-size:12px; line-height:24px;}
#content img { width:40%; background:#FFFFFF; padding:8px; border:#dddddd 1px solid; box-shadow: 10px 10px 5px #888888; float:right; margin:0px 0px 15px 15px;}
#contenthome img { float:left;}
.postentry {clear: both; *margin-top: 40px; /*margin-top: 20px;*/overflow: hidden;}
.gallery {width:267px; float:left;}
.rightmenu {width:203px; float:none; margin:0px auto; clear:both;}

.special {width:100%;}
.special img {width:100% !important;}
/*.ngg-galleryoverview img {width:100%;}*/

#footerwraper {background:url(../../../images/footer-bg.jpg) repeat-x left bottom #6dcdf7; width:100%; min-height:200px;}
.footerblock {width:310px; margin:0px auto; overflow:hidden; padding-top:10px;}
.leftfooter {float:none; clear:both; padding:0px 10px; font-size:12px; line-height:20px; border-right:none; min-height:150px;}
.middlefooter {float:none; clear:both; padding:0px 10px; font-size:12px; line-height:20px; border-right:none; min-height:150px; text-align:center;}
.rightfooter {float:none; clear:both; padding:0px 5px; font-size:12px; line-height:20px; min-height:150px;}
.rightfooter a {color:#000000; text-decoration:none;}
.rightfooter a:hover {text-decoration:underline;}
.map {width:80%;}
}