/*  
Theme Name: main street
Theme URI: http://344

Description: main street
Version: 0.1
Author: Michael McCrea
Author URI: http://purposemakers.net
*/



/*-----------------------------------------------------------------------------------------------


* div  {
  background:#cfd0d2;
}


  Global Styles
-----------------------------------------------------------------------------------------------*/



* {
  padding:0;
  margin:0;
}

h1, h2, h3, h4, h5, h6, p, li {
  margin:0 0 1em 0;
}

.hide { display:none; }
.left{ float:left; }
.right{ float:right; }
.center{ text-align:center; }
.t_left{ text-align:left; }
.t_right{ text-align:right; }
.clear{ clear:both; }
.clear_right{clear:right;}
a img{ border:none; }

/*-----------------------------------------------------------------------------------------------
  Layout / Base Page Styling
-----------------------------------------------------------------------------------------------*/

body{   
  background:#000 url(img/page_bg_01.jpg);
  font-size:12px;
  font-family:Helvetica, Arial;
}

/* This class sets the width and position for all rows */
.inside {
  width:900px;
  margin:0 auto;
  border-right:8px solid #e7d8ac;
  border-left:8px solid #e7d8ac;
  padding:0;
  background-color:#e7d8ac;
}

a {
  color:#e7d8ac;
  text-decoration:none;
  font-weight:bold;
  outline: none;  
}

a:hover { 
  color:#fff;
}

h1, h2, h3{
  font-size:2em;
  font-weight:normal;
  margin:0 0 20px 0;  
}

h2{
  font-size:2em;
  font-weight:normal;
  margin:0px 0 20px 0;  
}

h3{
  font-size:1.1em;
   font-weight:bold;
   margin:0 0 2px 0; 
}

h4{
  font-size:1.2em;
   font-weight:bold;
   margin:0 0 0px 0; 
}


h5{
  font-size:2.1em;
   font-weight:bold;
   margin:0 0 0px 0; 
}


p{
  line-height:1.75em; 
}

ul li{
  list-style-type:square;
  margin:0.5em 0 0.5em 2em;
}

/*-----------------------------------------------------------------------------------------------
  Header
-----------------------------------------------------------------------------------------------*/
body h1 {
border:0 none;
display:block;
text-decoration:none;
text-indent:-10000px;
width:310px;
}

#header .inside {
  border-top:8px solid #e7d8ac;
  background-color:#000;
  position:relative;
  height:110px;
  top:0;
  left:0;
}

#header a {
  color:#e7d8ac;
}

#header a:hover { 
  color:#fff;
}

#venue_left{
  float:left;
  padding:17px 0 0 12px;
}

#venue_left img{
  padding-right:10px;
}

#venue_right{
	float:right;
	  padding:0px 12px 0 0px;
 z-index:50;
 position:relative;
}

#venue_right img{
	padding-left:10px;
}

#logo {
	width:230px;
	margin-left: 95px;
	float:left;
}

#logo img {
	position:relative;
	top:16px;
	right:10px;
	z-index:999;
}

#header h2{ 
  margin:20px 0 0 0;
  padding:0;
  float:right;
  font-size:2.5em;
  color:#fff;  
}

#search_nav {
  height:30px;logo
  width:100%;
  position:relative;
  top:72px;
  left:0;
  background-color:#650D0C;
  border-bottom:8px solid #e7d8ac;
   z-index:100;
}


.breadcrumbs2 {
 position:relative;
 bottom:25px;
  width:350px;
  color:#e7d8ac;
 z-index:1;
}

.breadcrumbs2 a {
  color:#e7d8ac;
}

.breadcrumbs2 a:hover {
 color:#FFF;

}

/*-----------------------------------------------------------------------------------------------
  Menu Styles
-----------------------------------------------------------------------------------------------*/

#nav {
  margin:0 auto;
  width:900px;
  font-size:11px;
}

ul#navigation{
	float:right;
  padding:0 0 0 0;
  margin:25px 0 0 0 ;
  clear:both;
}


#navigation li {
  float:left;
	margin:0;
  padding:0;
  list-style:none; 
}


#navigation a {
  display:block;
	color:#E7D8AC;  
	padding:4px 0 3px 20px; 
}

#navigation a:hover {
	color:#fff;  
}


#breadcrumb {
  padding:5px 10px;
  clear:both;
}

#breadcrumb a {
  color:#e7d8ac;
  text-decoration:none;
}

/*-----------------------------------------------------------------------------------------------
  Primary Items
-----------------------------------------------------------------------------------------------*/

#primary {
    color:#E7D8AC;
}

#primary .home {
  width:901px;
  background: url(img/home_offers_02.jpg) no-repeat left top;
  height:305px;
  position: relative;
  left:0;
  top:0;  
  z-index:1;    
}

#primary .travel {
  width:900px;
  background: url(img/travel_map.jpg) no-repeat left top;
  height:466px;
  position: relative;
  left:0;
  top:0;  
  z-index:1;    
}

#primary .the-magic-of-main-street {
  width:900px;
  background: url(img/magic_banner_01.jpg) no-repeat left top;
  height:466px;
  position: relative;
  left:0;
  top:0;  
  z-index:1;    
}

#primary .hot-summer-nights {
  width:900px;
  background: url(img/hotsummernights-bg.jpg) no-repeat left top;
  height:466px;
  position: relative;
  left:0;
  top:0;  
  z-index:1;    
}

.hot-summer-nights .hot-text {
  position: absolute;
  left:16px;
  top:235px;  
	font-size:3.7em;
	font-weight:bold;
	color:#fff;
}


#primary .about {
  width:900px;
  background: url(img/about_bg_02.jpg) no-repeat left top;
  height:305px;
  position: relative;
  left:0;
  top:0;  
  z-index:1;    
}

#primary1 .private-hire {
  background: url(img/concerts_bg_01.jpg) no-repeat left top;
}

#primary .careers {
  width:900px;
  background: url(img/careers_bg_01.jpg) no-repeat left top;
  height:305px;
  position: relative;
  left:0;
  top:0;  
  z-index:1;    
}

#primary .bar-ten {
  background: url(img/bar_10_01.jpg) no-repeat left top;
  height:304px;  
}

#primary .ostlers {
  /*background: url(img/ostlers_bg_02.jpg) no-repeat left top;*/
  background: url(img/03_ostlers_banner.jpg) no-repeat left top;
  height:304px;  
}

#primary .flourworks {
  background: url(img/flourworks_bg_04.jpg) no-repeat left top;
  height:304px;  
}

#primary .una-vita {
  background: url(img/una-vita-main-banner-01.jpg) no-repeat left top;
  height:304px;  
}

#primary .entertainment {
  background: url(img/news_events_02.png) no-repeat left top; 
}

#primary .rue {
  background: url(img/rue_main_02.jpg) no-repeat left top;
}

#primary .contact {
  background: url(img/contact_bg_01.jpg) no-repeat left top;
}

#primary .about-main-street {
  background: url(img/about_img_01.jpg) no-repeat left top;
}

#primary .main-street-map {
  background: url(img/map_img_01.jpg) no-repeat left top;
}

#primary .post {
  clear:both;
  width:500px;
  padding:0 10px;
  float:left;  
}

#primary .page .post {
  width:480px;
  padding:0 20px;
  float:left;  
}

#primary h2 {
  font-weight:normal;
  font-size:20px;
}


.breadcrumb {
  padding:10px 0;
  font-size:11px;
}

.breadcrumb a {

}

.breadcrumb a:hover {
  color:#000;
}

#scroll_container {
  overflow:hidden;
  position:relative;  
  width:900px;
  height:300px;
}

table{   
  color:#000;
  font-size:12px;
  font-family:Helvetica, Arial;
}

td{
padding:2px;	
}


.homepage_item {
  float:left;
  position:relative;
  top:0;
  left:0;   
  width:900px;
  height:300px;
}

.homepage_item img {
  position:absolute;
  top:0;
  left:0; 
}

.homepage_text {
  color:#fff;
  width:900px;
  height:70px;  
  position:relative;
  top:227px;
  left:0;
  padding-top:10px;
  background: url(img/contact_bg_black_01.png)  left center;
}

.homepage_text h2 {
	padding-left:20px;
	font-size:18px;
	font-weight:bold;
}

.homepage_text p {
	padding-left:20px;
	font-size:18px;

}

/*-----------------------------------------------------------------------------------------------
  Sub sections  
-----------------------------------------------------------------------------------------------*/

#sub_logo {
  float:left;
  margin:20px 10px;
  height:200px;  
  
}

#sub_contact_info {
  width:183px;
	height:264px;  
  margin:0;
  padding:20px;
  background: url(img/contact_bg_black_01.png)  left center;
}

#sub_contact_info5 {


  width:876px;
  position:relative;
  top:189px;
  height:110px;
  padding:3px 3px 3px 20px;
  margin: 0;
  background: url(img/contact_bg_black_01.png)  left center;
  text-align:left;
  font-size:14px;
}


#sub_sec_nav {
  clear:both;
  border-bottom:8px solid #e7d8ac;
  margin:0;
  padding:0;
}

#sub_sec_nav a {
  float:left;
  margin:2px 0px 0 0;
}



/*-----------------------------------------------------------------------------------------------
  Ancillary Items and bottoms
-----------------------------------------------------------------------------------------------*/

#ancillary {
  float:right;
  padding:5px 0 0 0;
}
#ancillary img{

}

#bottom a {
  float:left;
  margin:2px 0px 0 0;
}

#about_main{
width:100%;
margin-top:6px;
margin-bottom:6px;
color:#FFF;
font-size:14px;
text-align:left;
}

#feature1{
float:left;
width:428px;
height:220px;
background: url(img/una-vita-feature-bg.jpg) no-repeat left center;
background-color:#650D0C;
padding:0px 20px 10px 0px;
margin:5px 0 0 0;
color:#FFF;
font-size:14px;
position:relative;
text-align:center;
}

#feature1_text {
	width:250px;
	text-align:left;
	position:absolute;
	top:150px;
	left:10px;
	font-size:2em;
	text-transform:uppercase;
	font-weight:bold;	
}

#feature2{
  float:right;
  width:429px;
  height:220px;
	background: url("img/magic_banner_home_01.jpg") no-repeat left center;
/*  background: url(img/hotsummer_bg_small.jpg) no-repeat left center; */
  padding:0px 20px 10px 0px;
  color:#FFF;
  margin:5px 0 0 0;  
  font-size:14px;
  text-align:center;
  position:relative;
}

#feature2 a {
  text-decoration:none; 
  display:block;
  width:429px;
  height:220px;
  border:0;
  text-indent:-10000px;

}

#feature2_text{
width:250px;
text-align:left;
position:absolute;
top:130px;
left:10px;
font-size:2em;
text-transform:uppercase;
font-weight:bold;
}

#feature1_text a,
#feature2_text a {
	color: #FFF;
}

#feature1_text a:hover,
#feature2_text a:hover {
	color: #E7D8AC;
}

/*-----------------------------------------------------------------------------------------------
  Contact Form
-----------------------------------------------------------------------------------------------*/

.contactform {
  float:left;
  font-size:1.1em;
  width:400px;
}

label {

} 

.contacterror {
  border: 1px solid #ff0000;
}

.sub_error {
  background-color:#cc0000;
  color:#fff;
  padding:5px;
  margin:0 0 20px 0;
}

.sub_error p {
  padding:0px;
  margin:0px;
}

/*-----------------------------------------------------------------------------------------------
  Foooter
-----------------------------------------------------------------------------------------------*/

#footer{
  clear:both;
  color:#E7D8AC;
  margin-bottom:15px;
  font-size:10px;
}

#footer .inside {
  margin-top:10px;
  background-color:transparent;
  border:none;
}

#footer a {
  color:#fff;
  text-decoration:none;
  font-weight:bold;
}

#footer a:hover { 
  color:#ccc;
}

#footer p {
  margin:0;
  font-size:1.1em;
}

#footer p.attributes{ 
  float:right;
  padding:0 0 0 1em;
}

a.rss {
  padding:4px 0 5px 16px;
  margin:5px 0 0 0;
  background: url(img/feed-icon-12x12.gif) no-repeat left center;
}


#arrow_left, #arrow_right {
  float:left;
  cursor:pointer;
}

#arrow_right {
  margin:0 0 0 5px;
}


#thumbnails {
  width:900px;
  height:74px;
  background-color:#bda965;
  border-top:10px solid #e7d8ac;
  border-bottom:10px solid #e7d8ac;  
}


#thumb_container{
  overflow:hidden;
  float:left;
  height:74px;
  width:827px;    
}

#thumb_container img{
padding-left:10px;
padding-right:10px;
}

#thumbs {
  width:2720px;
}

#thumbs img {

}

#thumbs a {
  margin:0 0 0 10px;
}

#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider, #slider li{ 
	width:900px;
	height:305px;
	overflow:hidden; 
	}
span#prevBtn{}
span#nextBtn{}