/* 
Blue Fox Restaurant
http://www.bluefoxrestaurant.com

Built by,
Octathorpe Web Consultants Pvt Ltd.
http://www.octathorpeweb.com

 */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background: #111;
	margin: 0;
	padding: 0;
	color: #000;
}

/* ~~ Element/tag selectors ~~ */
ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 15px; 
}
a img { 
	border: none;
}

a:link {
	color: #42413C;
	text-decoration: underline;
}
a:visited {
	color: #6E6C64;
	text-decoration: underline;
}
a:hover, a:active, a:focus {
	text-decoration: none;
}

.container {
	width: 960px;
	margin: 0 auto; 

}
#content { float: left;background:url(../images/trans_60.png) repeat; height:450px; text-align:center; margin-top:30px; text-align:left }
#content #leftbox { float: left; width: 460px; padding-top:35px; }
#content #rightbox { float: left; width: 500px; color:#EEE; padding:5px 0; }
#content #rightbox p{ padding:0px 20; }


.header {
	background:transparent; padding:10px 0 0 0;
}


/* ~~ The footer ~~ */
.footer {
	margin-top:20px;
	padding: 10px 0;
	background: #000;
	color:#555;
	font-size:0.8em;
	height:50px;
}
.footer a{
	color:#0CF;
	text-decoration:none;
}
.footer a:hover{
	color:#fff;
}
/* ~~ miscellaneous float/clear classes ~~ */
.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

a.logo{margin:0px 0 10px 15px; width:160px; float:left; background:#000; padding:10px 0 0 0}

.topbg{background:url(../images/top_bg.png) repeat-x; width:100%; height:100%;}

.container ul.options strong {
  font-family: monospace;
  font-size: 1.2em;
}
.container li {
  list-style: none;
  font-size: 1.2em;
  margin: 7px 0;
}
.container li strong { display: block; }
#flipbox {
  width: 460px;
  height: 380px;
  line-height: 200px;
  font-family: 'ChunkFive Regular', Tahoma, Helvetica;
  font-size: 2.5em;
  color: #ffffff;
  text-align: center;
}


#flipPad .revert {
  background-color: #ff9000;
  border: 2px solid #ff9000;
  display: none;
}

.slide {
	background:transparent;
	height:410px;
	margin:1em 0;
	overflow:hidden;
	position:relative;
	width:500px;
}
.panel {
	color:#EAEAEA;
	left:-500px;
	top:40px;
	padding:6px 0 0 15px;
	position:absolute;
	width:460px;
}
.panel p{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:14px;
	line-height:1.4;
	margin:20px 0;
}
.conthead {
	color:#F90;
	left:-500px;
	position:absolute;
	width:460px;
	font-family: 'OFL Sorts Mill Goudy TT', serif;
	font-size:50px;
	font-weight:normal;
	margin:0;
	padding:6px 0 10px 30px;
}
.internal{
	height:300px;
	overflow:scroll;
}
#flipPad {
  margin: 36px 0 0 0px;
}
ul.SlidingMenu {
  list-style: none;
}
ul.SlidingMenu a {
  text-decoration: none;
      color: #c95fc0;
    z-index: 2;
    position: relative;
    cursor: pointer;
    float: left;
    font-size: 29px;
	
	font-family:"Raleway","Lucida Sans Unicode", "Lucida Grande", sans-serif ;
    text-decoration: none;
   padding: 34px 10px 13px 10px;
}
ul.SlidingMenu a:hover {
      color: #F93;
}
ul.SlidingMenu a:hover,ul.SlidingMenu a:active{border:0px !important;}
ul.Horizontal li {
  float: left;
}
.ClearFix {
  clear: both;
}
#HorizontalSlidingMenu {
}
#HorizontalSlidingMenu li.Background {
  background: url('bg_menu_right.png') top right no-repeat;
}
#HorizontalSlidingMenu li.Background div{
  background: url('bg_menu.png') top left no-repeat;
  height: 100%;
  margin-right: 31px;
}


#blob {
    background: #e515d4;
    position: absolute;
    z-index: 1;
    top: 0;
    background: -moz-linear-gradient(top, #e515d4, #b310a6);
    background: -webkit-gradient(linear, left top, left bottom, from(#e515d4), to(#b310a6));
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-box-shadow: 2px 3px 10px #011331;
    -webkit-box-shadow: 2px 3px 10px #011331;
}

.content-A { display:inline; float:left; height:auto; width:200px; margin:0px 10px 0px 0px; }

.content-B { display:inline; float:left; height:auto; width:200px; margin:0px 0px 0px 15px; }
.highlight {font-weight:bold; color:#0CF} 
ul.mails {list-style:circle; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:13px; margin:20px 0 0 20px}
ul.mails li{padding:3px 0px;}
ul.mails li span{display:block; width:160px; float:left}
ul.mails li a{color:#09C}
ul.mails li a:hover{color:#F90}

ul.locations{list-style:circle; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:13px; margin:20px 0 0 20px}
ul.locations li{padding:3px 0px;}
ul.locations li span{ display:inline-block; width:220px;} 
ul.locations li:hover{ color:#0CF;}

a.services{color:#39C;padding-top:15px}
a.services:hover{color:#F90}

a.branch{color:#F63; padding-left:20px; font-size:0.9em}
a.branch:hover{color:#F90}

div.service_panel{width:400px; display:none; margin-left:20px;}
div.service_panel div.list{margin-left:20px; margin-top:0px}
p.exp{display:none; margin:8px 0 8px 30px;}

input.contact{
	width:250px;
	background: none repeat scroll 0 0 #000;
    border: 1px solid #555;
    font-size: 16px;
    padding: 3px;
	color:#FAFAFA;
	margin-top:2px;
}
input:hover.contact{
    border: 1px solid #c95fc0;
}
textarea{
	width:348px;
	height:80px;
	background: none repeat scroll 0 0 #000;
    border: 1px solid #555;
    font-size: 15px;
    padding: 2px;
	color:#FAFAFA;
	margin-right:71px;
	margin-top:4px;
}
textarea:hover{
    border: 1px solid #c95fc0;
}
label{
	display:inline-block;
	width:100px;
}
p.contact{
	margin:10px 0 5px 0;
}

a.submit{
	background:url(../images/submit1.png) no-repeat 0 0;
	display:block;
	width:100px;
	height:36px;
	margin-top:10px;
	margin-left:273px;
}
a:hover.submit{
	background:url(../images/submit1.png) no-repeat 0 -36px;
}
.awesome, .awesome:visited {
	background: #222 url(alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}
.rightbtn{
	margin-left:180px;
}
	.awesome:hover							{ background-color: #111; color: #fff; }
	.awesome:active							{ top: 1px; }
	.small.awesome, .small.awesome:visited 			{ font-size: 11px; padding: ; }
	.awesome, .awesome:visited,
	.medium.awesome, .medium.awesome:visited 		{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	.large.awesome, .large.awesome:visited 			{ font-size: 14px; padding: 8px 14px 9px; }
	
	.green.awesome, .green.awesome:visited		{ background-color: #91bd09; }
	.green.awesome:hover						{ background-color: #749a02; }
	.blue.awesome, .blue.awesome:visited		{ background-color: #2daebf; }
	.blue.awesome:hover							{ background-color: #007d9a; }
	.red.awesome, .red.awesome:visited			{ background-color: #e33100; }
	.red.awesome:hover							{ background-color: #872300; }
	.magenta.awesome, .magenta.awesome:visited		{ background-color:#630030 ; }
	.magenta.awesome:hover							{ background-color:#a9014b ; }
	.orange.awesome, .orange.awesome:visited		{ background-color: #ff5c00; }
	.orange.awesome:hover							{ background-color: #d45500; }
	.yellow.awesome, .yellow.awesome:visited		{ background-color: #ffb515; }
	.yellow.awesome:hover							{ background-color: #fc9200; }

a.gallery { display:block; float:left; margin: 15px 0 0 20px;font-size:16px; color:#EEE;border:2px solid #AAA;padding:5px 12px;background:#c95fc0; text-decoration:none }
a.gallery:hover { -moz-box-shadow:inset 0 0 5px #EEE;
   -webkit-box-shadow:inset 0 0 5px #EEE;
   box-shadow:inset 0 0 5px #EEE;
background:#F93;
 }
a.hl_link{
	 color:#0CF;
	 text-decoration:none;
	 border-bottom:dotted 1px #0CF;
	 margin:10px 0 0 0;
 }
a:hover.hl_link{
	 color:#fff;
	 border-bottom:solid 1px #fff;
 }
  a.branch_link{
	 color:#fff;
	 text-decoration:none;
 }
a:hover.branch_link{
	 color:#0CF;
 }
 p.rep a{
	 color:#0CF;
	 text-decoration:none;
	 font-size:14px;
	 border-bottom:dotted 1px #0cf;
 }
 p.rep a:hover{
	 color:#fafafa;
	 border-bottom:solid 1px #fafafa;
 }
 p.rep{
	 margin:14px 0 0 0;
	 padding:0px;
 }
 .head1{font-size:27px; font-family: 'OFL Sorts Mill Goudy TT', Helvetica Neue, sans-serif }
 .slideshow p{ width:540px !important;height:45px; float:left }