/* @override
	http://process.helensrva.com/wp-content/themes/helens-wordpress/style.css?1358630255
	http://process.helensrva.com/wp-content/themes/helens-wordpress/style.css?1358731006
	http://process.helensrva.com/wp-content/themes/helens-wordpress/style.css?1358877589
	http://process.helensrva.com/wp-content/themes/helens-wordpress/style.css?1358879945
	http://process.helensrva.com/wp-content/themes/helens-wordpress/style.css?1358895900
	http://process.helensrva.com/wp-content/themes/helens-wordpress/style.css?1358898048
	http://process.helensrva.com/wp-content/themes/helens-wordpress/style.css?1358898362
	http://process.helensrva.com/wp-content/themes/helens-wordpress/style.css?1358898678
	http://process.helensrva.com/wp-content/themes/helens-wordpress/style.css?1358919499
	http://process.helensrva.com/wp-content/themes/helens-wordpress/style.css?1358920227
	http://process.helensrva.com/wp-content/themes/helens-wordpress/style.css?1359049139
	http://process.helensrva.com/wp-content/themes/helens-wordpress/style.css?1359049411
	http://process.helensrva.com/wp-content/themes/helens-wordpress/style.css?1359050210
	http://process.helensrva.com/wp-content/themes/helens-wordpress/style.css?1359050390
	http://process.helensrva.com/wp-content/themes/helens-wordpress/style.css?1359051313
	http://process.helensrva.com/wp-content/themes/helens-wordpress/style.css?1359052173
	http://process.helensrva.com/wp-content/themes/helens-wordpress/style.css?1359058277
	http://process.helensrva.com/wp-content/themes/helens-wordpress/style.css?1359061433
	http://process.helensrva.com/wp-content/themes/helens-wordpress/style.css?1359147113
	http://process.helensrva.com/wp-content/themes/helens-wordpress/style.css?1359160197
*/

@import url(http://fonts.googleapis.com/css?family=Euphoria+Script);

/*
Theme Name: Helen's Restaurant
Theme URI: http://www.helensrva.com
Author: Kevin Trinh
Author URI: http://www.never-not.com
Description: HTML5 starter theme based off Ian Stewart's HTML5 Toolbox Theme with other goodies added plus chunks of Paul Irish's HTML5 Boilerplate mixed in for good measure. Shake well.
Version: 0.9.1
*/


/* html5doctor.com Reset Stylesheet \\v1.6.1 \\ Last Updated: 2010-09-17 \\ http://richclarkdesign.com \\ @rich_clark */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }
body { font: 13px/1.231 sans-serif; *font-size:small;

 }
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }
body, select, input, textarea {
  /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */
  color: #444;
  /* set your base font here, to apply evenly */
  /* font-family: Georgia, serif;  */



}
h1,h2,h3,h4,h5,h6 { font-weight: bold; }
html { overflow-y: scroll; }

html, body { width: 100%; height: 100%; background-color: #edecde; }

#loader { display: block; background: url(./images/preloader.gif) no-repeat; position: fixed; left: 50%; top: 50%; margin: -75px 0 0 -35px; width: 40px; height: 40px; }

p{
font-family: "droid-serif",serif;

font-style: normal;
font-weight: 400;}
a:hover, a:active { outline: none; }
a, a:active, a:visited { color: #fefffe; }
a:hover { }
ul, ol { margin-left: 1.8em; }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td, td img { vertical-align: top; }
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
pre {
  padding: 15px;
  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  white-space: pre; /* CSS2 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word; /* IE */
}
textarea { overflow: auto; }
.ie6 legend, .ie7 legend { margin-left: -7px; }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type=button], input[type=submit], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid {
      border-radius: 1px;
    -moz-box-shadow: 0px 0px 5px red;
 -webkit-box-shadow: 0px 0px 5px red;
         box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid { background-color: #f0dddd; }
::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
::selection { background:#FF5E99; color:#fff; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #FF5E99; }
button {width: auto; overflow: visible;}
.ie7 img {-ms-interpolation-mode: bicubic;}


.clear { clear: both; display: none; }
.container img { max-width: 100%; }
.title { text-align: center; }
.split2 {-moz-column-count: 2;-moz-column-width: 31.25%;-moz-column-gap: 2.0833334em;-webkit-column-count: 2;-webkit-column-width: 31.25%;-webkit-column-gap: 2.0833334em;}


/*FRAMEWORK*/
.section {
 height: 100%; height: auto !important; min-height: 100%; overflow-x: hidden; position: relative;
}
.container,
.slide_container { margin-left: auto; margin-right: auto; overflow: hidden; position: relative; z-index: 1;
	margin-top: 0!Important;
}

.columns { display: inline; float: left; position: relative; margin: 0 1.0416667%;
	background-repeat: no-repeat;
      margin-bottom: 30px;
}
.three { width: 22.916667%; }
.four { width: 40.25%; }
#findus .four{
	width: 31.25%;
}
.six { width: 47.916667%; }
.eight { width: 64.583333%; }
.nine { width: 72.916667%; }
.twelve { width: 97.916667%; }

/* Type */

.section-title{
		text-align: center;
	/*text-transform: uppercase;*/
	color: #1d1d24;
	font: 4em 'Euphoria Script', cursive;
	/*margin-bottom: .25em;*/
}

.menu .section-title{

	width: 100%;
}

#subjectToChange span {
  margin-bottom: 2.5em;
  display:block;
  width: 100%;
  margin-left:11px;


}

.happyHour{
    background: #513f3d;
}

.text-center{
	text-align: center;
}

/* NAVIGATION*/

#logos img:hover { opacity: .7; filter: alpha(opacity=70); }

#fixed { position: fixed; width: 100%; z-index: 5;
}

#nav { padding: 53px 0 0 30px;
	margin-left: 0;
	width: 70px;
}

.home #nav{
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
	width: 100%;

	}

.home #nav li a{
		padding: .5em 1em;
}
#nav li { -webkit-transition: color .3s ease-in-out;	-moz-transition: color .3s ease-in-out;	-o-transition: color .3s ease-in-out; -ms-transition: color .3s ease-in-out; transition: color .3s ease-in-out; margin: 0 -3px 3px;  display: inline-block; font-size: 0.9em; text-transform: uppercase;  font-family: 'T', Helvetica, sans-serif;
	padding: 0.5em 0 3px;
}
#nav li a {
color: #818079; text-decoration: none; cursor: pointer; opacity: 1; filter:alpha(opacity=100); -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out;
	font: bold 14px "franklin-gothic-urw-cond",sans-serif;
	letter-spacing: 2px;
}
#nav li a:hover {
	}
#nav li.current {
/*border-bottom: 3px solid #fff;*/
}
#nav li.current a { color: #293953; }
#nav li.current a:hover { opacity: 1; filter:alpha(opacity=100);}
.home #nav li.current {  }
.home #nav li.current a { color: #fff; }
.home #nav li a { color: #e5e5e5;
	padding-left: 0;
	padding-right: 30px;
}





.menu #nav li.current a { color: #4f4f5f; }
.menu #nav li a { color: #c2c3c3; }


.news #nav li.current a { color: #ba9c55; }
.news #nav li a { color: #c2c3c3; }



.about #nav li.current a {
	color: #fefffe;
}
.about #nav li a { color: #787151; }



.findus #nav li.current { }
.findus #nav li.current a { color: #c2c3c3; }
.findus #nav li a { color: #826662; }




.home #nav li.current {  }
.home #nav li.current a { color: #fff; }
.home #nav li a { color: #e5e5e5;
	padding-left: 0;
	padding-right: 30px;
}


#about{
	padding-top: 50px;
	padding-bottom: 90px;
}
#about h2{
	font: 1.82em/1.5 "franklin-gothic-urw-cond";
	text-align: center;
	margin-bottom: 18px;
	text-transform: uppercase;
	margin-top: 20px;
}


.menu .two.columns.title {
	margin-right: 2%;
	margin-left: 13%;
}



.menu span.disclaimer {
	font: 14px/19px "franklin-gothic-urw-cond",sans-serif;
		margin: 0rem auto!important;

}

.menu .reserve{
	font: italic 13px "droid-serif",serif;
}

.frame{position:relative;

z-index: -999;
}

#home {
  font-family: "franklin-gothic-urw-cond";


	background: url(./images/helens_home_bg.jpg) no-repeat 0 bottom;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	max-width: 100%;

	overflow: hidden;
}

.logo-holder{

	position: absolute;
	left: 50%;
    top:50%;
    margin: -150px 0 0 -519px !important;
    width: 960px;
    height: 170px;
}
#home #logo {

display: block;
max-width: 100%;
z-index:50;
	margin: 0 auto;

/*padding: 16% 0 14%;*/
-moz-transition: all 0.4s ease 0; -o-transition: all 0.4s ease 0; -webkit-transition: all 0.4s ease 0; -ms-transition: all 0.4s ease 0; transition: all 0.4s ease 0;
	width: 519px;
}
#home .details { /*background: #28416a;*/ font-style: normal; font-  font-family: "franklin-gothic-urw-cond";

 font-weight: 400; position: absolute; z-index: 5; bottom: 0; width: 100%; /*filter: alpha(opacity=90); opacity: 0.9;*/

 /* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
	padding-top: 30px;
	font-size: 17px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
#home .details p { color: #fff; float: left; padding: 1em;
	font: 12px "franklin-gothic-urw-cond",sans-serif;
	letter-spacing: 2px;
}
#home .details p a {
	font: "franklin-gothic-urw-cond",sans-serif;

color: #fff; opacity: 1; filter:alpha(opacity=100); -webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; -ms-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out;
	text-decoration: none;
	margin-top: 0;
}
.icon{
	background-repeat: no-repeat;
	background-position: 0 top;
}

.icon img,.social img{
	padding-right: 5px;
	vertical-align: -2px;
}


p#beer{
	margin-bottom: 7px!important;
}


#phone{
	font-size: 12px;
	clear: both;
}
#home .details p.social { float: right; font-size: 12px; font- text-transform: uppercase; }
#home .details p.social span { font-size: .70em; vertical-align: top; }


.menu { background: #edecdc;
	padding: 80px 0 50px;

	border-top: 10px solid #fff;
	border-left: 10px solid #fff;
		border-right: 10px solid #fff;
		border-bottom: 5px solid #fff;
}

h2.brunch{
	background-color: #ba9d47;
}

.menu .hours_date{
	display: inline-block;
	margin-top: 10px;
	text-transform: uppercase;
	font: 15px franklin-gothic-urw-cond, Helvetica, sans-serif;
}

.menu .hours_time{
	text-transform: uppercase;
	display: inline-block;
	font: 14px franklin-gothic-urw-cond, Helvetica, sans-serif;
	margin-top: 5px;
}
.menu h2 { background-size: 100% 100%;
/*margin: 0 auto;*/

 min-width: 80px; color: #fff; display: block; font-size: 0.9em;

font-family: franklin-gothic-urw-cond, Helvetica, sans-serif; padding: 8px 10px 8px 15px;
	/*width: 80px;*/
	letter-spacing: 2px;
	background-repeat: no-repeat;
	background-position: center center;
	text-transform: uppercase;
}

h2.dinner{
	background-color: #b96342;
}

h2.salads{
	margin-top: 15px!important;
	background-color: #b96248;
}
.menu h3 { color: #4f4f5f; letter-spacing: 1px; text-transform: uppercase;
	font: normal 800 1.12em/26px "franklin-gothic-urw-cond";
	text-align: left;
	clear: both;
}
.menu .menu_group { margin-bottom: 40px;
	margin-right: 50px;
	margin-left: 0;
}


.menu .menu_item { margin-top: 8px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	line-height: 1.5;
}
.menu .twelve { text-align: center; margin: 20px 0 0; }


#about { background: #e1d393 fixed; position: relative; z-index: 6;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;

		border-top: 5px solid #fff;
	border-left: 10px solid #fff;
		border-right: 10px solid #fff;
		border-bottom: 5px solid #fff;


}
#about .ten { margin: 30px 1.0416667%;
	clear: both;
}
#about .ten img { padding: 2.3478261%; background: #eee; max-width: 91.3043478%;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#about .title p { line-height: 26px;
}
#about .subhead { color: #1d1d22;

	padding-bottom: 2em;
	padding-top: .5em;
	font: italic 17px "droid-serif",serif;
}


#about .wrap{
	width: 720px;
	margin: 0 auto;
}

#about div.container div.wrap .ten {
	margin: 0 auto;
	line-height: 1.5;

}

#about .split2 p{
	font-style: italic;
	margin-bottom: 21px;
	line-height: 1.5;
	font-size: 1.08em;
}
#about h1{
	text-align: center;
}



#news { background: #ecebe8;

	border-top: 5px solid #fff;
	border-left: 10px solid #fff;
		border-right: 10px solid #fff;
		border-bottom: 5px solid #fff;
	padding-top: 30px;
	padding-bottom: 40px;
}

 #news h1{
	margin-bottom: 40px;
}

#news img { /*padding: 1.2258065%;*/

background: #f5f5f5;


	margin-left: 0;
}

#news div.ten.columns {
	margin: 0 auto!Important;
	display: block;
	float: none;
	width: 800px;
}

#findus { background: #513f3d;
	color: #fff;
	padding-top: 50px;
	padding-bottom: 100px;

		border-top: 5px solid #fff;
	border-left: 10px solid #fff;
		border-right: 10px solid #fff;
		border-bottom: 10px solid #fff;

}

#findus .section-title{
	color: #fff;
}

#findus .container{
	width: 800px;
	margin-top: 0!Important;
}

#findus h3{
	text-align: center;
	text-decoration: none;
	margin-bottom: 8px;
	font: italic bold 17px "droid-serif",serif;
}
#findus p{
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 20px;
	font: 100 1.1em franklin-gothic-urw-cond;
}

#findus p.email_icon a {
	display: inline-block;
	padding-top: 3px;
}

p.phone_icon{
	margin-bottom: 2px!important;
	margin-top: 4px;
}

#findus h4{
	text-align: center;
	font: italic 13px "droid-serif",serif;
	margin-bottom: 7px;
}

#findus #map_canvas { height:200px; z-index:1000;
border: 15px solid;
padding: 0.2478261%;
background: #eee url(./images/Helens-Google-Map.jpg) 0 -100px;
max-width: 93.3043478%;
	margin-top: 20px;
	margin-bottom: 10px;
}

#findus .siteby { font-family: "proxima-nova-condensed", Helvetica, sans-serif; position: absolute; bottom: 20px; right: 20px; z-index: 100; }
#findus .siteby p { font-size: 0.9em!important; letter-spacing: .09em; }
#findus .siteby p a { color: #fff;  padding: .1em; text-transform: uppercase; }
#findus .siteby img { width: auto; height: 32px;
	vertical-align: -13px;
	padding-left: 10px;
}
#findus p#location{
	text-align: center;
	background-position: center;
	margin-bottom: 5px;
}
/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;
}

#slider.flexslider{
	max-height: 500px;
	padding: 10px;
	margin-bottom: 10px;
	height: 487px;
}

#carousel.flexslider img{
}

#carousel div.flex-viewport ul.slides li {
width: 177px!important;
	margin-right: 10px;
	margin-left: 10px;
}

#carousel.flexslider{
	/*max-height: 120px;*/
	overflow: hidden;
	position: relative;
	height: 119px;
		border: 10px solid #f7f7f7;

}

.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
	width: 100%;
	display: block;
	background-attachment: fixed;


}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {  position: relative;
overflow: hidden;
 zoom: 1;
	background-color: #fff;
	margin-bottom: 0;
}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=50); cursor: default;}

@-webkit-keyframes reset {
    0% {   opacity: 0; }
    100% { opacity: 0; }
}

@-webkit-keyframes fadeIn {
    0% {   opacity: 0; }
    100% { opacity: 1; }
}


.invisible { visibility: hidden; }
.fadeIn {
    -webkit-animation-name: reset, fadeIn;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-iteration-count: 1;
}
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after {
  content: "\0020"; display: block; height: 0; visibility: hidden;
}
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/*
 *
 * Media queries for responsive design
 * These follow after primary styles so they will successfully override.
 *
 */

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}

@media screen and (max-width: 480px), (max-device-width: 480px) {

#loader{
	margin-left: -15px;
	margin-top: 0;
}
#location{
	width: 100%;
	clear: both;
	padding-bottom: 5px;
	float: left;
}

#phone{
	font-size: 12px;
	display: inline-block;
	position: relative;
}

#news .ten.columns {
	width: 360px!important;
	margin: 0 auto px 0px!important;
}



.menu h3 { color: #4f4f5f; text-transform: uppercase;
	font: normal 800 .92em/26px "franklin-gothic-urw-cond";
	text-align: left;
	clear: both;
	letter-spacing: 1px;
}


#slider.flexslider{
	height: 220px;
}

p { font-size: .875em; }
	.three, .four, .six, .eight, .nine { display: block; float: none; width: 90%; padding: 0 5%!Important }
	.split2 { column-count: 1;
	font-size: 12px;
}
	#nav li { font-size: 10em; }
	#home {
	background: #1a1a21 url(images/helens_home_bg.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/helens_home_bg.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/helens_home_bg.jpg', sizingMethod='scale')";
	background-size: cover;

	height: 200px;
	min-height: 200px;
	max-height: 420px;
}



	#home #logo{
	height: 90px!important;
	width: auto!important;
	left: 12%;
	margin-left: 42%;
	margin-top: 90px;
}
	#home .details { text-align: center; }

#home .details p,#home .details p a{ font-size: .8em; padding: 0; margin: 0; }



#home .details .clear { display: block; }
	#home .details p { float: none; width: 100%; text-align: center; padding: 0 0 7px!Important; margin: 0;
	font-size: 12px;
}
	#home .details p.social { padding-bottom: 1em; }

	.menu div.container div.two.columns.title{
	margin-bottom: 50px;
	margin-left: 90px;
}
	#about .title, #findus .title, .menu .title { margin-bottom: 20px; text-align: center; }

	#about .wrap{
	width: 260px;
		padding-right: 20px;
	padding-left: 20px;
}
	#about .ten { margin: 0 1.0416667% 30px!important; }


	#nav, #logos, .hide, .flex-direction-nav { display: none; }

.container { padding:  0 !important; margin: 0!important;
	padding-top: 0;
}


#news img { background: #f5f5f5;
	padding: 1.3258065px;
}




  /*.flex-control-nav { display: none; }*/
	.menu {
	padding-top: 30px;
	margin-bottom: 0;
}
.menu .section-title{
	width: 99.55%;
	/*margin-bottom: .8em;*/
}

	.menu h2 { margin: 0 auto 0 0;
	clear: both;
}

#findus{
	padding-top: 30px;
}
	#findus .siteby { position: relative; width: 100%; text-align: center; margin: 20px 0; right: 0; }
	#findus .container { margin-top: 50px; width: 80%; padding: 0 10%;
	margin-left: 30px!Important;
}

#findus #map_canvas{
	margin-left: 15px;
	background: url(./images/Helens-Google-Map_2x.jpg) -386px -180px;
}

#findus .four{
	width: 62%;
	margin-left: 14%;
}

	#about .split2 p{
	font-style: italic;
	margin-bottom: 21px;
	line-height: 1.5;
	font-size: 1.08em;

}

}


@media screen and (max-width: 1024px), (max-device-width: 1024px) {
	#fixed, .flex-direction-nav { display: none;
	margin-top: 0;
}

}

@media screen and (max-width: 768px), (max-device-width: 768px) {
	/*#home #logo { width: 50%;
	padding: 25px 0 0 30px!important;
	margin-left: 25%;
}*/
	#home .details p { font-size: 12px; padding: 0; margin: 0; }
	#home .details p.social { padding-bottom: 1em; }
	.split2 { -moz-column-count: 1; -moz-column-width: 64.583333%; -moz-column-gap: 0; -webkit-column-count: 1; -webkit-column-width: 64.583333%; -webkit-column-gap: 0;}


	.menu .two.columns.title {
	margin-right: 2%;
	margin-left: 13%;
}


}





@media only screen
and (min-width : 321px) and (max-device-width : 480px) {


	#about .split2 p{
	font-style: italic;
	margin-bottom: 21px;
	line-height: 1.5;
	font-size: 1.08em;
	width: 320px;
	margin-left: -30px;
}
  /* Style adjustments for portrait mode goes here */
}

@media screen and (min-width: 321px) and (max-width: 480px){

#home{
	max-height: 350px!important;
}


  #home #logo{
	padding-top: 30px;
}

#home img#logo{
	display: ;
	width: 300px;
	padding-left: 0;
	padding-top: 3px;
}


.menu div.container div.two.columns.title{
margin-bottom: 30px;
margin-left: 33.8%;
}


	#findus .container { margin-top: 50px; width: 80%; padding: 0 10%;
	margin-left: 45px!Important;
}



}
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; }
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }  /* Don't show links for images */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}
