/* Layout Stylesheet */ 

img { border: none;} 

header .three {position:relative; z-index: 100; background: #200a35; padding-bottom: 18px!important;}

body {text-align: center; /* required for centering the page in IE */ background: #200A35 url(/images/back.gif); width: 100%;}

#wrapper { max-width: 980px; margin: 0px auto 0; /* centering the page */ text-align: left; overflow:hidden;}

hr {border-color: #bebdbe!important; ;}

.clear {clear:both;}

header {float:left; padding: 0% 1% 1% 1%; width: 100%; margin-bottom: 0%; overflow: visible!important; z-index: 100!important;}
div .orbit { border: white 5px solid; margin-bottom: 6%; }


.logo {padding-top: 3%;}


.top-bar { float:right; background: none; height: 45px; line-height: 45px;  padding: 0px; margin: 0 0 0 0!important;  width: 88%; /* Contain width to .row width */ /* First <ul> for branding, title, name, etc */ /* topbar global <ul> styles */ }
.top-bar a:hover { background: none; }
.top-bar ul > li:hover, .top-bar ul > li.active { background: none;}
.top-bar li { padding: 0px; margin: 0px; }
.top-bar ul > li a:not(.button) { float:right; color: white; display: block; font-size: 13px; font-weight: normal; height: 45px;  padding: 0 10px;}
#strap_holder {width: 100%; height: 100px!important;  float:left;}
#home_content p, h1, h2, h3, h4, h5, h6 {color:white;}
#home_content_bottom {margin-top: 5%!important;}
#home_content_bottom p, h1, h2, h3, h4, h5, h6 li span{color:white;}
.white {color:white;}
#home_content_bottom ul {list-style-type:none;}
#home_content_bottom li {list-style: none; border-bottom: 1px white dotted; padding-bottom: 10px!important; margin-bottom: 10px!important;}
#home_content_bottom li {padding: 0 0 3% 0;}
.twitterStatus {color:white!important; font-size: 90%; }
.twitterTime {color:white!important; font-size: 85%; color: #a06fa2; font-style: italic; }

#booking_form {float:left!important; width: 27%; }
.news_title {float:left; margin-left: 5%;}
.news_image {background: grey; border: 2px white solid; border-radius: 6px; height: 200px; width:100%;  float:left;  }
#news_image {background: white; border: 1px #b6b6b6 solid; border-radius: 6px;   float:left; padding: 6px; box-shadow: 0 15px 10px -16px #606060; margin-left: 3%;  }
#news_image_article {background: white; border: 1px #b6b6b6 solid; border-radius: 6px;   float:left; padding: 6px; box-shadow: 0 15px 10px -16px #606060; margin-left: 0%;  }


#news_container h1 {margin-left: 9%!important;}
footer {margin-top: 60px; margin-bottom: 0px!important; border-top: #CAC4CF solid 4px; padding-top: 30px; background: #321e47; height: 220px;

background-image: linear-gradient(bottom, rgb(36,17,54) 4%, rgb(50,30,71) 44%, rgb(74,49,99) 100%);
background-image: -o-linear-gradient(bottom, rgb(36,17,54) 4%, rgb(50,30,71) 44%, rgb(74,49,99) 100%);
background-image: -moz-linear-gradient(bottom, rgb(36,17,54) 4%, rgb(50,30,71) 44%, rgb(74,49,99) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(36,17,54) 4%, rgb(50,30,71) 44%, rgb(74,49,99) 100%);
background-image: -ms-linear-gradient(bottom, rgb(36,17,54) 4%, rgb(50,30,71) 44%, rgb(74,49,99) 100%);

background-image: -webkit-gradient(
  linear,
  left bottom,
  left top,
  color-stop(0.04, rgb(36,17,54)),
	color-stop(0.44, rgb(50,30,71)),
	color-stop(1, rgb(74,49,99))
);

}


.button { border-radius: 3px!important; width: auto; background: #990000; color: #fff; border: 1px solid #7a0202; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; color: white; cursor: pointer; display: inline-block; font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: bold; line-height: 1; margin: 0; outline: none; padding: 10px 20px 11px; position: relative; text-align: center; text-decoration: none; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; /* Hovers */ /* Sizes */ /* Colors */ /* Radii */ /* Layout */ /* Disabled ---------- */ }
.button:hover {  background-color: #c20e0e; color: #fff; border: 1px solid #990000; }

header .button { border-radius: 3px!important; width: auto; background: #51356c; border: 1px solid #3d2256; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; color: white; cursor: pointer; display: inline-block; font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: bold; line-height: 1; margin: 0; outline: none; padding: 10px 20px 11px; position: relative; text-align: center; text-decoration: none; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; /* Hovers */ /* Sizes */ /* Colors */ /* Radii */ /* Layout */ /* Disabled ---------- */
background-image: url ('/images/lines.png'); background-repeat:no-repeat; background-position: left;}



header .button:hover {  background-color: #9b7eb8; }


#featured { background: url(/spinner.gif) center center #f4f4f4; height: 300px; }
#featured img { display: none; }

#featured.orbit { background: none; }
#featured.orbit img { display: block; }


.OT_header h1, h2 {color: #000000;}



.OT_day {
    background-position: -11px -5px;
    border-bottom: 2px solid #433C33;
    border-top: 2px solid #3C3429;
    list-style: none outside none;
    margin: 6px 0 0!important;
    padding: 10px 0 5px 35px!important;
}
.OT_day, .OT_time, .OT_party {
    background-image: url("../img/icons_final_dark.png");
    background-position: -11px -4px;
    background-repeat: no-repeat;
    border-bottom: 2px solid #3C3429;
    border-color: #3C3429;
    height: 3px;
    list-style: none outside none;
    margin: 0;
    padding: 15px 0 15px 35px;
    position: relative;
    width: 160px;

}

.OT_list li.OT_day {height: 56px; width: 195px;  padding: 10px 0 5px 35px!important;  }
.OT_list li.OT_time {height: 56px; width: 195px;  padding: 10px 0 5px 35px!important;}
.OT_list li.OT_party {height: 56px; width: 195px;  padding: 10px 0 5px 35px!important; }

.OT_header {  padding-left: 16px; }

.OT_list li.OT_submit {height: 35px; width: 100%; padding-left: 35px;}

.OT_list li.OT_day input { width: 135px!important; margin-left: 5px; }
.OT_list li.OT_time input { width: 135px!important; margin-left: 5px; }
.OT_list li.OT_party input { width: 135px!important; margin-left: 5px; }


.OT_wrapper {

width: 200px!important;
background-color: #F4F4F4!important;

}

.OT_ExtLink {padding-left: 20px;}

.facebook {margin-right: 5px!important; margin-bottom: 10px;}
.twitters { border-top: 1px dotted #666666; padding-top: 4px; margin: 15px 0 0 0;}


#home_text {margin-right: 3%!important; }

#contact_content {float:left; width: 50%;  background:white; padding-left: 5%; padding-top: 37px; padding-right: 5%; padding-bottom: 0px;}
#form_content {float:right; width: 50%;  background:white; padding-left: 5%; padding-top: 37px; padding-right: 5%; padding-bottom: 0px;}

#inner_container {width: 100%; border-radius: 4px; border: #CAC4CF solid 6px; min-height: 400px; float:left; background: white;}
#content {float:right; width: 47%; margin-right: 3%; min-height: 880px; background-image:url('/images/backs/white.png'); background-repeat: repeat;  border-left: solid #CAC4CF 6px;    border-right: solid #CAC4CF 6px;    padding-left: 5%; padding-top: 37px; padding-right: 5%; padding-bottom: 40px;}
#content h1 {margin: 0px!important;}
#content_short {float:right; width: 47%; margin-right: 3%; min-height: 610px; background-image:url('/images/backs/white.png'); background-repeat: repeat;  border-left: solid #CAC4CF 6px;    border-right: solid #CAC4CF 6px;    padding-left: 5%; padding-top: 37px; padding-right: 5%; padding-bottom: 40px;}
.divider {float:left; margin: 10px 0 18px 0; clear:both;}

#gallery_content {float:right; width: 100%; min-height: 880px; background-color:white;  padding-left: 5%; padding-top: 30px; padding-right: 5%; padding-bottom: 40px;}
#reviews_content {float:right; width: 65%; margin-right: 3%; min-height: 880px; background-image:url('/images/backs/white.png'); background-repeat: repeat;  border-left: solid #CAC4CF 6px;    border-right: solid #CAC4CF 6px;    padding-left: 5%; padding-top: 37px; padding-right: 5%; padding-bottom: 40px;}
#news_content {float:left; width: 73%;  background-color:white; background-repeat: repeat;  padding-left: 3%; padding-top: 44px; padding-right: 6%; padding-bottom: 40px;}

#news_title {margin-bottom: 15px!important;}

#our_restaurant_back { background-image:url('/images/backs/restaurant_back2.jpg'); background-repeat:no-repeat; height:100%; float:left; width: 100%;  }
#awards_back {  background-image:url('/images/backs/awards_back2.jpg'); background-repeat:no-repeat; height:100%; float:left; width: 100%; }
#weddings_back {  background-image:url('/images/backs/weddings_back.jpg'); background-repeat:no-repeat; height:100%; float:left; width: 100%; min-height: 680px; }
#menu_one_back {  background-image:url('/images/backs/menu_one.jpg'); background-repeat:no-repeat; height:100%; float:left; width: 100%; min-height: 680px; }
#menu_two_back {  background-image:url('/images/backs/menu_two.jpg'); background-repeat:no-repeat; height:100%; float:left; width: 100%; min-height: 680px; }
#menu_three_back {  background-image:url('/images/backs/menu_three.jpg'); background-repeat:no-repeat; height:100%; float:left; width: 100%; min-height: 680px; }
#menu_four_back {  background-image:url('/images/backs/menu_four.jpg'); background-repeat:no-repeat; height:100%; float:left; width: 100%; min-height: 680px; }
#team_back {  background-image:url('/images/backs/team.jpg'); background-repeat:no-repeat; height:100%; float:left; width: 100%; min-height: 680px; }
#offers_back {  background-image:url('/images/backs/offers.jpg'); background-repeat:no-repeat; height:100%; float:left; width: 100%; min-height: 680px; }
#reviews_back {  background-image:url('/images/backs/reviews.jpg'); background-repeat:no-repeat; height:100%; float:left; width: 100%; min-height: 680px; }
#menu_xmas1_back {  background-image:url('/images/backs/xmas_back.png'); background-repeat:no-repeat; height:100%; float:left; width: 100%; min-height: 680px; }
#menu_xmas2_back {  background-image:url('/images/backs/xmas_back2.jpg'); background-repeat:no-repeat; height:100%; float:left; width: 100%; min-height: 680px; }
#menu_xmas3_back {  background-image:url('/images/backs/xmas_back3.jpg'); background-repeat:no-repeat; height:100%; float:left; width: 100%; min-height: 680px; }

#gallery_content ul {list-style-type: none;}

.menu_icon {margin-left: 29%; }
#reviews_content h2 {margin: 0 0 3px 0px;}


#home_news_container {margin: 5% 0 0 25px; padding-bottom: 18px;}


#news_container {margin: 5% 0 0 0; border-bottom: 1px solid #dddcdd; padding-bottom: 18px;}
#news_container {margin: 5% 0 0 0; border-bottom: 1px solid #dddcdd; padding-bottom: 18px;}
#news_text {margin-left: 3%; float:right; width: 42%; }
.news_menu {float:right; width: 27%; padding: 2%; background: #f7effe; min-height: 100%;   	padding: 20px 20px 1500px 20px;  background: #200A35 url(/images/menuback.gif); background-repeat: repeat;
	margin: 0 0 -1500px 0px;    }

aside {padding-top: 50px!important; margin-bottom: }
aside hr {margin: 0px 0 15px 0;}
aside h2 {margin: 0px 0 5px 0;}
aside ul {list-style-type: none; margin: 18px 0 25px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 95%; color: #000000;line-height: 1.7em;text-align: left; padding: 0px;}
aside li a {color: #383838; font-size: 90%; padding: 5px 20px 5px 10px; width: 100%; display:block;} 
aside li {display:block; width: 100%;} 

aside li a:hover {background: #51356C; color: #fff; background-repeat: no-repeat; background-position: 5px 10px;} 
#article_text {float:left; margin-top: 18px!important;}


#news_content a {font-weight: bold;}

#map {padding: 0 0 50px 60px!important; float:left; }


#map iframe {width:88%;}


.latest_news_div {margin-left: 40px;}





footer h4 { 
	color: #ffffff!important;
	 }

footer a { 
	color: #f4f4f4!important;
	}

footer a:hover { 
	color: white!important;
        text-decoration: underline;
	 }
 
nav a:hover: {color: #9b7eb8;}
.nav-bar > li ul {z-index: 200;}
#footer_navs {margin-top: 7px;}


/* OLD TEXT STYLES */


/* Presentation Stylesheet */ 

/* body and H tags */

h1 {
	margin:0px 0 5px 0;
	 font-family: "ratio", Helvetica, sans-serif;
	font-size: 155%;
	color: #990000;
	line-height: 1.5em;
	text-align: left;
	padding: 0px;
  font-style: normal;
  font-weight: 300;
}

h2 {
	margin:0px 0 8px 0;
   font-family: "ratio", Helvetica, sans-serif;
	font-size: 120%;
	color: #aa9dbf;
	line-height: 1.7em;
	text-align: left;
	padding: 0px;
  font-style: normal;
  font-weight: 300;
  }



h3 {
	
	   font-family: "ratio", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 300;

 }







p {
	margin:0px 0 14px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 95%;
	color: #000000;
	line-height: 1.7em;
	text-align: left;
	padding: 0px;
 }



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

	font-size: 90%!important;

 }

}





footer ul {

	font-family: Helvetica, sans-serif;
	margin:5px 0 14px 0;
	font-size: 80%;
	color: #000000;
	line-height: 1.7em;
	text-align: left;
	padding: 0px;
        list-style-type: none;
	
 }


footer ul li a:link {
	font-size: 80%;
 }
 
footer ul li a:hover {
  color: #8e4ea6;
  text-decoration:none;
 }









 h4 {
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #ffffff;
	font-style: normal;
	line-height: 1.5em;
	font-weight: normal;
	font-variant: normal;
	text-align: left;	
 }
 
 .centre  {
 
 
 	margin:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #000000;
	line-height: 1.7em;
	text-align: center;
	padding: 0px;
 }
 

 .italic_small {
	font-style: italic;
	font-size: 90%;
}

 .italic { font-style: italic;}

 
 a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
        
}
a:active {
	text-decoration: none;}

 
 /* text styles */
 
.bottomLinks {
	color: #666666;
	background: center;
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-decoration: underline;
}
.twist {
	color: #FFFFFF;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
.blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #6699CC;
	line-height: 1.5em;
}

/* form styling */


input {
 background-color: #E7EEF4;
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #333333;
	padding-top: 5px;
	padding-left:3px;
	padding-right:7px;
	padding-bottom:2px;
}

textarea {
 background-color: #E7EEF4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #333333;
}
form {
	padding: 5px 5px 5px 0px;
	line-height: 2em;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 75%;
}


.phone {
	font-size: 120%;
	color: #7a6b91;
}
.bold {
	font-weight: bold;
}
.link {
	color: #990000;
	text-decoration: underline;
}
.linkbook {
	color: #7a6b91;
	text-decoration: underline;
}
.photoGallery {
	color: #7a6b91;
	text-decoration: underline;
}



#linkbook  { color: white;}


.mainheader {
	margin:0px 0 20px 0;
	font-family:  Helvetica, sans-serif;
	font-size: 130%;
	color: white;
	line-height: 1.7em;
	text-align: left;
	padding: 0px;
	font-weight: lighter;
}



.maintext {
	margin:0px 0 20px 0;
	font-family:  Helvetica, sans-serif;
	font-size: 85%;
	color: white;
	line-height: 1.7em;
	text-align: left;
	padding: 0px;
	font-weight: lighter;
	
}



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



.nav-bar > li > a:first-child {font-size: 93%!important;}

}


  @media only screen and (max-width: 767px) {

#news_container {float:left; margin-top: 8px!important;}
#home_news_article {width: 60%; float:left;  margin-top: 15px!important;}



#twitter {display:none!important;}
#home_news_article {margin-top: 0px!important;}
#booking_form {float:left!important;}
#social_icons {float:left!important; margin-top: 18px!important;}
#footer_navs {display:none;}
#news_container h1 {margin-left: 0%!important;}
#news_image {background: grey; border: 2px white solid; border-radius: 6px; height: auto!important; }
#home_news_image {width: 235px!important; float:left;}

#news_image { margin-bottom: 8px!important;  background: white; border: 1px #b6b6b6 solid; border-radius: 6px;   float:left; padding: 6px; box-shadow: 0 15px 10px -16px #606060; }

.news_menu {float:left!important; clear:both!important; width: 100%!important; min-height: auto!important; }

#news_content {width:100%!important; padding-bottom: 0!important;}

#news_image_article {float:left;}

aside {padding-top: 13px!important; padding-left: 5px!important; min-height: auto!important;}

#news_content {min-height:auto!important; margin-bottom: 30px!important;}

#news_container {border: none!important;}

#map {float:left!important; width:99%!important;}

#home_news_container {margin: 5% 0 0 0px; padding-bottom: 18px;}
.latest_news_div {margin-left: 5px!important; margin-top: 12px!important;}

}


  @media only screen and (max-width: 480px) {
#home_news_image {display:none!important;}
#content {border-left: none!important; border-right: none!important; width: 100%!important;  margin-left: 0%!important; margin-right: 0%!important; height:auto!important;}
#reviews_content {border-left: none!important; border-right: none!important; width: 100%!important;  margin-left: 0%!important; margin-right: 0%!important; height:auto!important;}
#content_short {border-left: none!important; border-right: none!important; width: 100%!important;  margin-left: 0%!important; margin-right: 0%!important; height:auto!important;}


#our_restaurant_back { background-image:none!important; background-repeat:no-repeat; height:100%; float:left; width: 100%;  }
#awards_back {  background-image:none!important; background-repeat:no-repeat; height:100%; float:left; width: 100%; }
#weddings_back {  background-image:none!important;background-repeat:no-repeat; height:100%; float:left; width: 100%; min-height: 680px; }
#menu_one_back { background-image:none!important; background-repeat:no-repeat; height:100%; float:left; width: 100%; min-height: 680px; }
#menu_two_back {  background-image:none!important; background-repeat:no-repeat; height:100%; float:left; width: 100%; min-height: 680px; }
#menu_three_back {  background-image:none!important; background-repeat:no-repeat; height:100%; float:left; width: 100%; min-height: 680px; }
#menu_four_back {  background-image:none!important; background-repeat:no-repeat; height:100%; float:left; width: 100%; min-height: 680px; }
#team_back {  background-image:none!important; background-repeat:no-repeat; height:100%; float:left; width: 100%; min-height: 680px; }
#offers_back {  background-image:none!important; background-repeat:no-repeat; height:100%; float:left; width: 100%; min-height: 680px; }
#reviews_back { background-image:none!important; background-repeat:no-repeat; height:100%; float:left; width: 100%; min-height: 680px; }



#map {padding-left: 20px!important;}

#news_text {width: 40%!important; margin-top: 0%!important;  float:left;}

#booking_form { margin-left: 13%!important;}


}


  @media only screen and (max-width: 599px) {
#news_text {width: 97%!important; margin-top: 0%!important;  float:left;}




}





.float_bird {
  float: right;
}

#contact_content h2 { color: #6d5495;}
#form_box  h2 { color: #6d5495;}
#content h2 { color: #6d5495;}
#content_short h2 { color: #6d5495;}
#reviews_content h2 { color: #6d5495;}
#news_content h2{color: #6d5495;}
.news_menu h2 {color: #6d5495;}


#other_articles a {color: #4b2363; font-weight: normal;}
#other_articles a:hover {color: #990000; font-weight: normal;}

#other_articles p {margin: 0 0 6px 0;}

#content ul { margin-left: 0px;}
#content li {padding: 4px 8px;}
#content a {color: #4b2363; font-weight: normal;}
#content a:hover {color: #990000; font-weight: normal;}


#content .button { color: #fff; }
#content .button:hover { color: #fff;}



.privacy {
width: 650px;
padding: 20px 20px 20px 50px;

} 


.privacy table {
  margin: 10px 0 10px 0;
}


.privacy td {
  margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #000;
	line-height: 1.7em;
	text-align: left;
	padding: 10px;
 }

	
#cccwr p {
font-size: 12px;
color: #000;
}


  @media only screen and (max-width: 320px) {
.inner_container {overflow:hidden;}

.form_content {padding-top: 0px!important;}
#form_content {padding-top: 0px!important;}

#contact_content {padding: 37px 2% 0 5%!important; width: 97%!important;}
#form_box textarea {width: 117%!important;}

header .logo {margin-left: 17%;}

}

  @media only screen and (max-width: 480px) {
#ccc-icon {display:none!important;}
}




.award {padding-top: 20px;}


