/* CSS Document */



@font-face {

    font-family: 'FuturaMedium';

    src: url('fontface/futura-webfont.eot');

    src: url('fontface/futura-webfont.eot?#iefix') format('embedded-opentype'),

         url('fontface/futura-webfont.woff') format('woff'),

         url('fontface/futura-webfont.ttf') format('truetype'),

         url('fontface/futura-webfont.svg#FuturaMedium') format('svg');

    font-weight: normal;

    font-style: normal;



}



* {

	margin: 0;

	padding: 0;

	outline: 0;

	border: 0;

}



a {

	text-decoration: none;

	color: coral;

}



a img {

	border: 0;

}



body{

	background: #320d03 url(images/opart-background.jpg) repeat-x;

	font: normal 12px/14px 'Helvetica Neue', Helvetica, Arial, sans-serif;

	color: #FFF;

}



h1, h2, h3, h4, h5, h6 {

	font-family: 'FuturaMedium';

	color: #FFF;

	font-weight: normal;

	letter-spacing: 0.1ex;

	line-height: 100%;

}



h1{ font-size: 28px;}

h2{ font-size: 24px;}

h3{ font-size: 18px;}

h4{ font-size: 14px;}

h5{ font-size: 12px;}



dl{

	margin-top: 10px;

}



dd {

	display: inline-block;

	min-width: 30px;

	*display: block; /* IE7 */

	*position: absolute; /* IE7 */

	*left: 0; /* IE7 */

}



dt {

	display: inline-block;

	vertical-align: top;

	width: 400px;

	margin-bottom: 10px;

	*display: block; /* IE7 */

	*position: relative; /* IE7 */

	*left: 40px; /* IE7 */

}



table td strong{

	display: block;

	color: coral;

}



.complete{

	padding: 0 0 20px 0;

	color: green;

	font-weight: bold;

}



.error{

	padding: 0 0 20px 0;

	color: red;

	font-weight: bold;

}

.coral{

	color: coral;

}



.grey{

	color: #7D7D7D;

}



.clearfix{

	clear: both;

}



.fl {
    float: left;
    width: 100%;
}


.fr {
    float: left;
    width: 100%;
}

.center {    

	margin: auto;

}



table {width: 100%;}

table tr td {padding: 5px;}



#wrapper{

	width: 100%;

	height: 100%;

	position: relative;

}



#container{

	width: 800px;

	margin: 0 auto;

}



#header {

	position: relative;

	height: 135px;

}



#header #logo{

	float: left;

	width: 370px;

	margin: 20px 0 0 3px;

}



#header #navTop{

	float: right;

	width: 410px;

	height: 130px;

	position: relative;

}



#header #navTop .socialLink{

	text-align: right;

	margin-top: 28px;

}



#header #navTop .socialLink a{

	background: transparent url(images/icon-social-new.png) no-repeat;

	width: 32px;

	height: 32px;

	overflow: hidden;

	text-indent: -9999px;

	text-align: left;

	margin: 0 0 0 10px;

	padding: 0;

}



#header #navTop .socialLink .fb{

	background-position: 0 0;

}



#header #navTop .socialLink .tw{

	background-position: -40px 0;

}

	

#header #navTop .nav{

	margin-top: 5px;

	text-align: right;

	line-height: 18px;

	display: block;

	position: absolute;

	right: 0;

	width: 505px;

}



#header #navTop a{

	font-family: 'FuturaMedium';

	color: #312013;

	font-size: 22px;

	padding: 5px 16px;

	text-decoration: none;

	text-transform: lowercase;	

	display: inline-block;

	text-shadow: #FFF 1px 0px 1px;

}



#header #navTop a:hover{

	text-decoration: underline;

}



#header #navTop a.current{

	color: #312013;

	text-decoration: underline;

}



#header #navTop a.last, #header #navTop a.menucenter{

	padding-right: 3px;

}

 

#content {

	position: relative;

}



#content .top {

	width: 800px;

	height: 42px;

	background: transparent url(images/opart-container-top-bg.png) no-repeat;

	display: block;

	position: relative;

}



#content .middle {

	width: 800px;

	height: auto;

	position: relative;

	min-height: 500px;

	display: inline-block;

	*display: block; /*IE7*/

	background: transparent url(images/opart-container-middle-bg.png) repeat-y;

}



#content .middle .biblogo{

	width: 175px;

	height: 140px;

	position: absolute;

	left: 50px;

	bottom: 10px;

	background: transparent url(images/bib.png) center top no-repeat;

}

#content .middle .biblogo p {

	display: block;

	width: 175px;

	position: absolute;

	text-align: center;

	bottom: 0;

	left: -11px;

}

	

#content .bottom {

	width: 800px;

	height: 60px;

	background: transparent url(images/opart-container-bottom-bg.png) left bottom no-repeat;

	display: block;

}



#contentLeft{

	width: 275px;

	float: left;

	margin-left: 3px;

	margin-bottom: 200px;

}



#contentRight{

	margin: 0 0 0 280px;

}



#contentLeft .sidebar-title {

	margin-left: 50px;

}



#sidebar{

	border-right: #372619 1px solid;

	min-height: 500px;

	position: relative;

}



#locate {

	padding: 5px 8px 5px 50px;

	display: block;

}



#locate:hover {

	background: transparent url(images/avenue-hilight-bg.png);

}



#locate.current {

	background: transparent url(images/avenue-hilight-bg.png);

}



#locate h3 {

	margin-top: 18px;

}



#locate p{

	color: #7d7d7d;

	font: lighter 12px/18px 'Helvetica Neue', Helvetica, Arial, sans-serif;

	margin: 15px 0;

}



.topic-title{

	margin-left: 50px;

}



.page-title{

	margin-bottom: 18px;

}



.entry{

	color: #FFF;

	margin: 0px 10px 15px 35px;

	width: 450px;

	min-height: 500px;

	font: lighter 12px/18px 'Helvetica Neue', Helvetica, Arial, sans-serif;

}



#westernAve {

	position: relative;

	margin: 0;

}



#stateSt{

	position: relative;

	margin: 0;

}



#westernAve h3, #stateSt h3{

	margin-top: 30px;

	margin-bottom: 15px;

}



#westernAve span, #stateSt span{

	display: block;

	font-size: 14px;

	margin-bottom: 10px;

}



#page {

	position: relative;

	display: block;

	padding: 20px 40px;

	min-height: 500px;

}



#page p {

	margin: 10px 0;

	line-height: 18px;

}

#page.location {

	color: #7D7D7D;

}

#page.location h3 {

	margin-top: 15px;

}

#page.location .newline {

	margin-top: 80px;

}



#page .maps {

	width: 455px;

	float: right;

}

.opartWa{

	display: block;

	position: relative;

}

.opartWa .fl {

	width: 250px;

	float: left;

}

.opartSt {

	display: block;

	position: relative;

}

.opartSt .fl {

	width: 250px;

	float: left;

}

#westernShortcut {

	display: none;

	width: 115px;

	height: 245px;

	background-color: #300;

	position: absolute;

	right: -130px;

	top: 50px;

	padding: 15px;

}

#westernShortcut h3 {

	padding: 0;

	margin: 0;

}



#westernShortcut ul li {

	list-style: none inside;

}

.topshortcut {

	display: block;

	width: 220px;

}

.topshortcut li {

	display:block;

	float:left;

	width: 220px;

	padding: 8px 0;

}

.topshortcut li a{

	font-size: 14px;

	padding-left: 20px;

	background: transparent url(images/arrow-menu-shortcut.png) left center no-repeat;

}

.topshortcut li a:hover {text-decoration: underline;}

#toTop {

	display:none;

	text-decoration:none;

	position:fixed;

	bottom:10px;

	right:10px;

	overflow:hidden;

	width:51px;

	height:51px;

	border:none;

	text-indent:-999px;

	background:url(images/uitotop.png) no-repeat left top;

}



#toTopHover {

	background:url(../images/uitotop.png) no-repeat left -51px;

	width:51px;

	height:51px;

	display:block;

	overflow:hidden;

	float:left;

	opacity: 0;

	-moz-opacity: 0;

	filter:alpha(opacity=0);

}



#toTop:active, #toTop:focus {

	outline:none;

}





.about-img{

	display:block;

  float:left;

  margin-bottom:10px;

  margin-left:5px;

  margin-right:5px;

  margin-top:5px;

  width:230px;}

  

  

  a.printmenu {display: block; width: 100px; height: 20px; position: absolute; right: 20px; background:url(images/icon-printmenu.png) no-repeat; text-indent: -9999px;}

    #footer { padding: 20px;}

	#footer .credit {display: block; text-align: center;}



#default {width: 660px; position: relative; margin: 0 auto; text-align: center;}

#default h2.sidebar-title {margin: 25px 0 10px; display: block; text-align: center;}

#homebox {width: 660px; position: relative; margin: 30px auto 60px;}

#homebox2 {width: 660px; position: relative; margin: 30px auto 60px; left:-50%;}

#homebox .acom {
    background: transparent url("images/avenue-hilight-bg.png") repeat scroll 0 0;
    cursor: pointer;
    display: block;
    float: left;
    height: 135px;
  
    padding: 20px;
    text-align: center;
    width: 270px;
}
#acomsecond {
    float: right !important;
}
#acomlast {
    float: none !important;
    margin: 0 auto;
}

#homebox .loBox h3 {color: #EBD278; margin-bottom: 30px; font-size: 20px; line-height: 24px;}

#homebox .loBox p {color: #FFF;}

#homebox .loBox:hover h3 {text-decoration: none; color: coral; }



h3.select {color: #900;  margin-top: 60px;}

p.aboutc {text-align: left; margin-bottom: 50px; display: none;}



#navTop #nav ul {margin-left: 50px;}

#navTop #nav ul li {float: left; position: relative; list-style: none; text-align: right;}

#navTop #nav ul li a {padding: 0 16px;}

#navTop #nav ul li ul {display: none; width: 320px; position: absolute; z-index: 999; margin:0 0 0 -119px; background: transparent url(images/menusub-bg2.png) no-repeat;}

#navTop #nav ul li:hover ul {display: block;}

#navTop #nav ul li ul li {text-align: left; background: transparent url(images/arrow-menu.png) 0 16px no-repeat; width: 145px;}

#navTop #nav ul li ul li a {color: #FFF; text-shadow: none; font-size: 18px; font-weight: normal; padding: 15px 16px 6px 20px;}

#navTop #nav ul li ul li a:hover {text-decoration: underline;}

#stateStMenu h3 {margin-top: 20px; margin-bottom: 10px;}

#divSidebar {margin-left: 50px; position: absolute; top: 0;}

#divSidebar.fixed {position: fixed;top: 20px;}





/*IE7 Fix*/

*:first-child+html #navTop #nav ul li ul {margin: 0; top: 10px; left: -60px;}

*:first-child+html #header #navTop #nav {margin-top: 42px;}



.contact input,.contact select { height: 20px; width: 300px; }

.contact textarea { height: 150px; width: 300px; }
.slicknav_menu {
    display: none;
}

.chownow-order-online {
    margin: 0 auto;
    padding: 12px 40px !important;
    text-align: center;
    width: 210px;
}
@media only screen and (max-width: 767px) {
	
#acomsecond {
    float: none !important;
    margin-top: 40px !important;
}	
#homebox .acom{margin:0 auto; float:none;   width: 250px;}
	
	#header #logo {
    float: left;
    margin: 20px 0 0 3px;
    text-align: center;
    width: 100%;
}

#logo img {
    max-width: 100%;
}
#header {
    height: auto;
    position: relative;
}

#header #navTop .socialLink {
    margin-top: 15px;
    text-align: center;
}
#header #navTop .nav {
    display: none;}
	#header #navTop {
    float: left;
    height: auto;
    position: relative;
    width: 100%; margin-bottom: 20px; text-align:center;
}
#header #navTop a{float:none !important; top:10px !important;}
	
	

#container,#content .middle {
    margin: 0 auto;
    width: 98%;
}	
#default {
    
    width: 100%;
}

#homebox {
   
    width: 100%;  margin: 30px auto 40px;
}

#content .top ,#content .bottom{
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; width:100%; height: auto;}

#content .middle {
    background: #322012 none repeat scroll 0 0;
    border-radius: 10px;
    display: inherit;
    height: auto;
    min-height: 500px;
    padding: 10px 0;
   
}

h3.select {
    color: #900;
    margin-top: 15px;
}
#homebox .loBox{ margin:0 auto 40px; float:none; width:250px;}
.slicknav_menu {
    display: block;
}
#page p {
    clear: both;}
	.about-img {
    display: block;
    float: none;
    margin: 20px auto !important;
    width: 230px;
}
.page-title {
    
    text-align: center;
}

#page {
   
    padding: 20px;}
	#page .maps {
    float: left;
    width: 100%;
}
.maps iframe {
    max-width: 100%;
}
#page.location .newline {
    margin-top: 30px;
}
.contact input, .contact select {
    height: 20px;
    width:90%;
}
.contact textarea {
    height: 150px;
    width: 100%;
}
.opartWa .fl,.opartSt .fl {
    float: left;
    text-align: center;
    width: 100%;
}
#contentLeft {
    float: left;
    margin-bottom: 0;
    margin-left: 3px;
    width: 275px;
}

a.printmenu {
    
    margin: 0 auto;
   position: inherit;
 
}

#contentRight {
    float: none;
    margin: 0 auto;
    width: 95%; clear: both;
}
.entry {
    float: none;
    margin: 0 auto 0 0;
    width: 100%;
}

#contentRight .page-title,#contentLeft .page-title {
    float: left;
    margin-top: 20px;
    width: 100%;   font-size: 20px;
}

#westernAveMenu h3 {
    text-align: center;
}
#content .middle .biblogo {
    background: transparent url("images/bib.png") no-repeat scroll center top;
    bottom: 10px;
    height: 140px;
    left: 0;
    margin: 0 auto;
    position: inherit;
    width: 175px;
}
#sidebar {
   
    min-height: 400px;}
	#contentLeft {
    float: none;
    margin: 0 auto;
    width: 275px;
}
	
}
	

	
	

@media only screen and (min-width: 768px) and (max-width: 799px) {
#container {margin: 0 auto;width: 98%;}
#header {height: auto;position: relative;}
#header #logo {float: left;margin: 20px 0 0 3px;width: 40%;}
#logo img {max-width: 100%;}

#header #navTop {
    float: right;
    height: 130px;
    position: relative;
    width: 59%;
}
	
	
#content .top ,#content .bottom,#content .middle{
     width:100%; background-size:100% 100%;}	
	
.about-img {
    
    width: 210px;
}
#page p {
    clear: both;}
	#page .maps {
    float: right;
    width: 410px;
}
.maps iframe {
    max-width: 100%;
}
#page.location .newline {
    margin-top: 40px;
}

#contentRight .page-title,#contentLeft .page-title {
    font-size: 20px;
}

	
	}
	.chownow-order-online {

    display: none !important;

}