@import url('css/reset.css'); /*import reset stylesheet */
/*-----------------------------------------------------------------------------------*/
/*  Preloader Styles
/*-----------------------------------------------------------------------------------*/

div#preloaded-images {
	position: absolute;
	overflow: hidden;
	left: -9999px;
	top: -9999px;
	height: 1px;
	width: 1px;
}
/*-----------------------------------------------------------------------------------*/
/*  *General Site Styles
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*  General Layout
/*-----------------------------------------------------------------------------------*/


.Clear {
	clear: both;
	margin: 0;
	padding: 0;
}

* {
	margin: 0;
	padding: 0;
}
html, body {
	height: 100%;
}
body {
	margin: 0;
	font-size: 12px;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
	color: #555;
}
.mainbody {
	z-index: 1;
	height: 100%;
	position: relative;
	margin-left: 140px;
}
UL {
	list-style:none;
}
.container {
	position: relative;
	min-height: 100%;
  height: auto !important; /*min-height hack*/
  height: 100%;    
}
/* Absolute position in front of background */
.contentarea {
	position: absolute;
	width: 100%;
	overflow-x: hidden;
	z-index: 999999;
	min-height: 100%;
  height: auto !important; /*min-height hack*/
  height: 100%;    
}
.smallpage, .projectcontent {
	width: 380px;
	float: left;
	min-height: 100%;
  height: auto !important; /*min-height hack*/
  height: 100%;            /*min-height hack*/
}
.largepage {
	width: 100%;
}

/* Stylistic Cushioning to Bottom of Page */	

#Footer {
	height: 84px;
	width:160px;
	background-color: #fff;
	position: fixed;
	bottom: 0px;
	left: 0px;
	z-index: 9999;
}
#Social ul {
	width: auto;
	padding-left: 19px;
	float: left;
	margin-top: 26px;
}
#Social ul li {
	float: left;
}
#Social ul li a {
	width: 33px;
	height: 33px;
	display: block;
	float: left;
	text-indent: -9999px;
	margin-left: 11px;
}
#Language ul {
	float: right;
	width: auto;
	padding-right: 30px;
	margin-top: 36px;
}
#Language ul li, #Language ul li a {
	float: left;
	color: #666;
	text-decoration: none;
	font-size: 12px;
	margin-left: 10px;
}
#Language ul li a:hover {
	color: #FFF;
}

/* #Logo Styles
======================================================*/

.logo h1, .logo h1 a, .mobilenavcontainer h1, .mobilenavcontainer h1 a {
	line-height: 22px;
	font-size: 22px;
	margin: 0;
	padding: 0;
	color: #333;
	font-weight: bold;
	text-align: left;
}
.logo {
	margin: 20px 0;
}

/* #General Theme Styles
================================================== */

.mobileonly {
	display:none !important;	
}
img.scale-with-grid {
	max-width: 100% !important;
	height: auto !important;
}
/* Makes Images Automatically Responsive */
.pagebg img {
	max-width: 100% !important;
	height: auto !important;
}

/* Site Wide Styles *********************/

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.nomargin {
	margin: 0;
}



/*-----------------------------------------------------------------------------------*/
/*  *General Form Elements
/*-----------------------------------------------------------------------------------*/

/* #Text Boxes
================================================== */

input#s {
	padding: 10px;
	border-style: solid;
	border-width: 1px;
	font-size: 10px;
	width: 90%;
	max-width: 400px;
	margin: 0;
}
input[type=text], textarea {
	margin: 0 0 20px 0;
	border-style: solid;
	border-width: 1px;
	font-size: 12px;
	width: 90%;
	padding: 10px;
}

input[type=submit].button {
	margin-top:0;	
}

/*-----------------------------------------------------------------------------------*/
/*  *Dropdown Navigation
/*-----------------------------------------------------------------------------------*/

/* #Essential Styles
================================================== */
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style:none;
	font-size: 12px;
	z-index: 10;
}
.sf-menu {
	line-height: 1.0;
}
.sf-menu ul {
	position: absolute;
	top: -999em;
	width: 18em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width: 100%;
}
.sf-menu li:hover {
	visibility: inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li a:hover {
	color:#000;
}
.sf-menu li {
	float: left;
	position: relative;
}
.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
	left: 0;
	top: 2.0em; /* match top ul list item height */
	z-index: 99;
}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
	top: -999em;
}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
	left: 18em;
	top: 0;
}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
	top: -999em;
}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
	left: 18em; /* match ul width */
	top: 0;
}
.sub-menu {
	z-index: 3;
	width: 450px;
}
#footer ul.sub-menu {
	background: none;
}


/* #Basic Menu Layout
================================================== */

.sf-menu {
	float: left;
	margin-bottom: 30px;
}
.sf-menu a {
	padding: .75em 1em;
	text-decoration: none;
	padding-left: 0;
}
.sf-menu li li a, .sf-menu li li a:visited {
	padding-left: 1.25em;
}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline: 0;
	color:#000;
}
.sf-menu ul li a {
	padding: 5px 5px;
	margin: 0;
}
.sf-menu ul li:last-child a {
	border-bottom: none;
}
/* #Menu Arrows
================================================== */

.sf-menu a.sf-with-ul {
	padding-right: 2.25em;
	min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position: absolute;
	display: block;
	right: .75em;
	top: 1.05em; /* IE6 only */
	width: 10px;
	height: 10px;
	text-indent: -999em;
	overflow: hidden;
}
li li .sf-sub-indicator {
	top: 1.35em;
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {
	background-position: -10px 0;
}
.sf-menu ul a > .sf-sub-indicator {
	background-position: 0 0;
}
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}
/*** shadows for all but IE6 ***/
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}
.sf-shadow ul {
	box-shadow: 0 0px 0px rgba(0, 0, 0, .1);
}
/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
	width: 100%;
	padding-right: 20px;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul, .sf-vertical li.sfHover ul {
	left: 100%; /* match ul width */
	top: 0;
	cursor: pointer;
}
/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator {
	background-position: -10px 0;
} /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator {
	background-position: 0 0;
} /* use translucent arrow for modern browsers*/
/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator, .sf-vertical a:hover > .sf-sub-indicator, .sf-vertical a:active > .sf-sub-indicator, .sf-vertical li:hover > a > .sf-sub-indicator, .sf-vertical li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}
.sf-menu ul li:last-child li a {
	
	border-bottom-color: gainsboro;
}
.sf-menu ul li li:last-child a {
	border-bottom: none;
}

/* #Navigation Containers
======================================================*/


/* Full Navigation Container */
.navcontainer {
	background:#fff;
	position: fixed;
	top: 0;
	width: 120px;
	left: 0;
	top: 0;
	padding: 20px;
	padding-top: 0;
	height: 100%;
	z-index: 998;
}
.navcontainer .container {
	z-index: 10;
}
/* Mobile Navigation Container */
.mobilenavcontainer {
	width: 100%;
	position: static;
	z-index: 999999;
}

#mobilenav:target a {
	-moz-transition: height .25s, line-height .25s, background .25s, visibility .25s;
	-ms-transition: height .25s, line-height .25s, background .25s, visibility .25s;
	-o-transition: height .25s, line-height .25s, background .25s, visibility .25s;
	-webkit-transition: height .25s, line-height .25s, background .25s, visibility .25s;
	transition: height .25s, line-height .25s, background .25s, visibility .25s;
}
/* Mobile Navigation */
.mobilenavigation {
	width: 322px;
	margin: auto;	
	padding-bottom: 20px;
}
ul#mobilenav, #mobilenav li {
	list-style:none;
	margin:0;
}
#mobilenav:target li li a, #mobilenav:target li li li a{
	padding-left:40px;	
	padding-right:20px;	
}

ul#mobilenav ul {
	margin:0;
}

ul#mobilenav {
  margin: 0;
  position: relative;
  z-index: 1000;
}

#mobilenav a {
	position:relative;
	display:block;
  	overflow: hidden;
  	height: 0;
  	line-height: 0;
	padding: 5px 5px;
	border-bottom: 1px dotted gainsboro;
	text-align: left;
	height: 0;
	overflow: hidden;
	padding: 0;
	z-index: 1000;
	border-width:0;
	font-size:13px;
	color:#CCC;
}

#mobilenav a:hover {
    background: #fff;
}

#mobilenav:target a{
	border-bottom-width:1px;
	height:20px;
	padding:9px 5px 5px 5px;
}

#jump {	
	z-index: 1001;
	background:#fff 95% 50% no-repeat;
	width: 300px;
	height: auto;
	display: block;
	padding: 30px 10px 20px 10px;
	margin: auto;
	text-align: right;
	position: relative;
	font-size: 12px;
	color:#333;
}
#jump a:hover {
	background:#fff 95% 50% no-repeat;
}

#mobilenav {
  /* the nav sits behind the menu button */
  z-index: 1000;
}
#mobilenav:target {
  /* unless it’s showing */
  z-index: 1001;
}
#mobilenav:target a {
   /* make nav links sit up a level */
  position: relative;
  z-index: 1;
}
#back {
	position:relative;	
}
#back a {
	background:#fff 95% 45% no-repeat;
	border: 0;
	position: relative;
	left: 0;
	right: 0;
	z-index: 1001;
	margin-top: 0px;
	border-width:0;
	color:#333;
	text-align:right;
}
#back a:hover {
	background:#fff  95% 45% no-repeat;
}

#mobilenav:target #back a{
	border-width:1px;
	height:auto;
	padding: 30px 10px 20px 10px;
	margin-top: -75px;
}


#top_panel {
	background:#fff;
	color:#333;
}



/* Absolute Positioning on Fullscreen Pages */
.page-template-template-home-php .mobilenavcontainer {
	position: absolute;
	top: 0;
	width: 100%;
}
/* Handle to open full navigation */
.navhandle2 {
	width: 35px;
	height: 35px;
	display: block;
	z-index: 999999;
	cursor: pointer;
	background: url(../images/leftarrowhandle.png) 18px center no-repeat;
	margin-right:-25px;
}
.navhandle {
	width: 35px;
	height: 35px;
	display: block;
	position: fixed;
	z-index: 999999;
	top: 10px;
	left: 565px;
	border-radius: 18px;
	-moz-border-radius: 18px;
	cursor: pointer;
	background: url(../images/leftarrowhandle.png) 18px center no-repeat;
}
.navhandle.rightarrow {
	background: url(../images/rightarrowhandle.png) 18px center no-repeat;
}

#log{
	display:block;
	position:fixed;
	bottom:170px;
	padding:0;
  padding-left:30px;
  z-index: 999999;
}


#log img{
  margin-right:15px;
}

.login{
	border:none;
  background-color:#fff;
  color:#000;
  padding:5px;
  width:150px;
}


/*-----------------------------------------------------------------------------------*/
/*  *Navigation Skin
/*-----------------------------------------------------------------------------------*/

.sf-menu {
	float: right;
	margin-right: -20px;
	z-index: 9998;
}
.sf-menu a {
	padding: .75em 1em 32px 1em;
	margin: 0;
	text-decoration: none;
}
.sf-menu.sf-vertical a {
	padding: .75em 1.5em .75em 0;
}
.sf-menu.sf-vertical li li a {
	padding: 14px 16px;
}
.sf-menu ul li {
	font-weight: normal;
}
.sf-menu .sfHover ul li a, .sf-menu .sfHover ul li li a {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.sf-menu ul li a:focus, .sf-menu ul li a:hover, .sf-menu ul li a:active, .sf-menu ul li li a:focus, .sf-menu ul li li a:hover, .sf-menu ul li li a:active {
	-moz-border-radius: 0px;
	border-radius: 0px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	text-shadow: none;
}
.sf-menu ul li a, .sf-menu li li a, .sf-menu li li li a {
	border-color: #dcdcdc;
}
.sf-menu a:hover, .filter li a:hover, .filter li.active a, ul.tabs li a:hover {
	color:#FFF;
}
.sf-menu ul li a:focus, .sf-menu ul li a:hover, .sf-menu ul li a:active, .sf-menu ul li li a:focus, .sf-menu ul li li a:hover, .sf-menu ul li li a:active {
	color::#FFF;
	background:url(../images/BG_Body.gif) #333;
}
.sf-menu ul li a, .sf-menu ul li a, .sf-menu ul li a, .sf-menu ul li li a, .sf-menu ul li li a, .sf-menu ul li li a {
	background:url(../images/BG_Body.gif) #333;
}
.sf-menu a {
	color:#999;
}
.sf-menu li li a  {
	color:#999;
}
.sf-sub-indicator {
	background: url(../images/navarrows.png) no-repeat -10px -100px;
}

/*-----------------------------------------------------------------------------------*/
/*  *Mobile Nav Panel
/*-----------------------------------------------------------------------------------*/

/* #Top Panel
======================================================*/
#top_panel {
	width: 100%;
	font-size: 10px;
	display: none;
	position: relative;
}

#top_panel_content {
	z-index: 99999;
}

/* #Mobile Dropdown
======================================================*/

select.dropdownmenu {
	display: none;
	padding: 10px;
	margin: 20px 0;
	width: 100%;
	border-width: 1px;
	border-style: solid;
}

/*-----------------------------------------------------------------------------------*/
/*  *Typography
/*-----------------------------------------------------------------------------------*/

/* #Site Wide Typography
================================================== */

p, ul {
	font-size: 12px;
	line-height: 22px;
	margin-bottom: 10px;
}
p a, a {
	text-decoration: none;
	-moz-transition: opacity 0.3s ease 0s;
	-webkit-transition: opacity 0.3s ease 0s;
	-o-transition: opacity 0.3s ease 0s;
	transition: opacity 0.3s ease 0s;
	-moz-transition: opacity 0.3s ease 0s;
}
h1 {
	margin: 0;
	padding: 0;
	font-size: 35px;
	line-height: 40px;
	margin-top: 87px;
	margin-bottom: 20px;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	font-family: "Garamond BE", serif !important;
	font-weight: normal;
}
h2 {
	margin: 0;
	padding: 0;
	font-size: 24px;
	line-height: 26px;
	margin-bottom: 20px;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	font-family: "Garamond BE", serif !important;
	font-weight: normal;
}
h3 {
	margin: 0;
	padding: 0;
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 20px;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	font-weight: bold;
}
h4 {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 16px;
	margin-bottom: 20px;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
}
h5 {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	margin-bottom: 20px;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
}

/* #Site Wide Specifics
================================================== */ 

p img {
	margin: 0;
}
p.lead {
	font-size: 21px;
	line-height: 27px;
}
em {
	font-style: italic;
}
strong {
	font-weight: bold;
}
small {
	font-size: 80%;
}


/* #Lists
======================================================*/
ul, ol {
	margin-bottom: 20px;
}
ul {
	list-style:none;
}
ol {
	list-style: decimal;
}
ol, ul.square, ul.circle, ul.disc {
	margin-left: 30px;
}
ul.square {
	list-style:none;
}
ul.circle {
	list-style:none;
}
ul.disc {
	list-style:none;
}
ul ul, ul ol, ol ol, ol ul {
	margin: 4px 0 5px 30px;
	font-size: 90%;
}
ul ul li, ul ol li, ol ol li, ol ul li {
	margin-bottom: 6px;
}
li {
	line-height: 18px;
	margin-bottom: 12px;
}
ul.large li {
	line-height: 21px;
}
li p {
	line-height: 21px;
}


/*-----------------------------------------------------------------------------------*/
/*  *Homepage Caption Styling
/*--------------------------------------------------------------------------

/* #Caption Colors
======================================================*/

#slidecaption .White h2 {
	color: #fff;
}

/* #Simple Caption Layout
======================================================*/

.chasse {
	position:absolute;
	bottom:30px;
	right:40px;
	z-index:9999;
	width:40px;
	height:40px;
}
.restaurant {
	position:absolute;
	bottom:30px;
	right:90px;
	z-index:9999;
	width:40px;
	height:40px;
}
.vins {
	position:absolute;
	bottom:30px;
	right:120px;
	z-index:9999;
	width:60px;
	height:40px;
}
.domaine {
	position:absolute;
	bottom:30px;
	right:190px;
	z-index:9999;
	width:40px;
	height:40px;
}


.vins .chasse .domaine .restaurant{
	bottom:50px;
	right:30px;
	
}


#slidecaption .Center {
	position: absolute;
	width: 596px;
	top: 50%;
	left: 50%;
	margin-left: -298px;
	text-align: center;
}
#slidecaption .Left {
	position: absolute;
	width: 596px;
	top: 50%;
	left: 120px;
	text-align: left;
}
#slidecaption .Right {
	position: absolute;
	width: 596px;
	top: 50%;
	right: 120px;
	text-align: right;
}
#slidecaption .Right.Top {
	position: absolute;
	width: 596px;
	top: 100px;
	right: 120px;
	text-align: right;
	margin-top: 0;
}
#slidecaption .Left.Top {
	position: absolute;
	width: 596px;
	top: 100px;
	left: 120px;
	text-align: left;
	margin-top: 0;
}
#slidecaption .Right.Bottom {
	position: absolute;
	width: 596px;
	bottom: 85px;
	top: auto;
	right: 120px;
	text-align: right;
	margin-top: 0;
}
#slidecaption .Left.Bottom {
	position: absolute;
	width: 596px;
	bottom: 70px;
	top: auto;
	left: 120px;
	text-align: left;
	margin-top: 0;
}
.captionbutton {
	line-height:12px;	
}

/* #Simple Caption Typography
======================================================*/

#slidecaption h2  {
	margin-bottom: 0;
	font-family:"PT Sans Narrow", arial, sans-serif !important;
}
#slidecaption h2, #slidecaption span {
	background: none;
}

/* #Caption Background Layout
======================================================*/


/* Default Slidecaption Font Size */
#slidecaption {
	font-size: 34px;
	line-height: 38px;
}
/* Increase Margin for Subheadline Background */
#slidecaption .Dark .subheadline, 
#slidecaption .Light .subheadline {
	margin-bottom: 8px;
}
/* Negative Margin for Buttons to line up with background */
#slidecaption .Left.Dark .button, 
#slidecaption .Left.Light .button {
	margin-left: -12px;
}
/* Negative Margin for Buttons to line up with background */
#slidecaption .Right.Dark .button, 
#slidecaption .Right.Light .button {
	margin-right: -12px;
}
/* Increase Line Height for Dark and Light */
#slidecaption .Dark h2, #slidecaption .Light h2 {
	line-height: 140%;
}
#slidecaption .Light h2, 
#slidecaption .Light span, 
#slidecaption .Dark h2, 
#slidecaption .Dark span, 
#slidecaption .Black.Dark h2, 
#slidecaption .Black.Dark span {
	display: inline;
	margin-bottom: 5px;
	opacity: 1;
}
/* Set Default Line Height and Padding for caption subheadline span */
#slidecaption .Light span, 
#slidecaption .Dark span, 
#slidecaption .Black.Dark span, 
#slidecaption .White.Dark span {
	line-height: 24px;
	padding: 5px 0;
}

/* #Caption No BackgroundsColor
======================================================*/

/* Black */
#slidecaption .Black, 
#slidecaption .Black h2, 
#slidecaption .Black span {
	color: #fff;
}
/* White */
#slidecaption, 
#slidecaption h2, 
#slidecaption span {
	color: #FFF;
}

/* #Caption Background Colors
======================================================*/

#slidecaption .Dark h2, 
#slidecaption .Dark span, 
#slidecaption .Black.Dark h2, 
#slidecaption .Black.Dark span {
	background:url(../images/BG_Body.gif) #333;
	color: #fff;
	box-shadow: 12px 0 0 #000, -12px0 0 #000;
	-moz-box-shadow: 12px 0 0 #000, -12px 0 0 #000;
	-webkit-box-shadow: 12px 0 0 #000, -12px 0 0 #000;
	background: rgba(0,0,0,.5);
	box-shadow: 12px 0 0 rgba(0,0,0,.5), -12px 0 0 rgba(0,0,0,.5);
	-moz-box-shadow: 12px 0 0 rgba(0,0,0,.5), -12px 0 0 rgba(0,0,0,.5);
	-webkit-box-shadow: 12px 0 0 rgba(0,0,0,.5), -12px 0 0 rgba(0,0,0,.5);
}
#slidecaption .Light h2, 
#slidecaption .Light span, 
#slidecaption .White.Light h2, 
#slidecaption .White.Light span {
	background:url(../images/BG_Body.gif) #333;
	color: #000;
	box-shadow: 12px 0 0 #fff, -12px 0 0 #fff;
	-moz-box-shadow: 12px 0 0 #fff, -12px 0 0 #fff;
	-webkit-box-shadow: 12px 0 0 #fff, -12px 0 0 #fff;
	background: rgba(255,255,255,.5);
	box-shadow: 12px 0 0 rgba(255,255,255,.5), -12px 0 0 rgba(255,255,255,.5);
	-moz-box-shadow: 12px 0 0 rgba(255,255,255,.5), -12px 0 0 rgba(255,255,255,.5);
	-webkit-box-shadow: 12px 0 0 rgba(255,255,255,.5), -12px 0 0 rgba(255,255,255,.5);
	background:url(../images/BG_Body.gif) #333;
}

/* Mobile Element */ 
.bottomfade {
	background: url(../images/topfade.png) top repeat-x;
	height: 200px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	display: none;
}



/*-----------------------------------------------------------------------------------*/
/*  *All Projects Page Styling
/*-----------------------------------------------------------------------------------*/

/* #Portfolio Filter
================================================== */

.filterwrap {
	margin: 0;
	background: white;
	opacity: 1;
	padding: 10px;
	padding-bottom: 0;
}
.filter li a {
	color: #999;
	text-decoration: none;
	margin-bottom: 1px;
	padding: 3px 6px;
	text-decoration: none;
	margin-right: 3px;
}
ul.filter li {
	list-style:none;
	float: left;
	margin-right: 0px;
	margin-left: 0;
}
ul.filter li:first-child {
	background: none;
}
.filter li a:hover, .filter li a.active {
	text-decoration: none;
	background:url(../images/BG_Body.gif) #333;
	color: #fff;
}
.filter {
	min-height: 12px;
	margin-bottom: 0;
}
.filtersection {
	float:left;
	margin-bottom:20px;
	width:100%;
	background:#fff;	
}
.filtercontainer {
	margin-right: 20px;	
}

/* #Portfolio Thumbnails
================================================== */

.portfoliowrap {
	margin-left: 20px;
}
.full .contentwrap {
	padding: 0;
}
.blogpost.portfolio {
	margin-bottom: 5px;
	border-bottom: none;
	padding-bottom: 0;
}
.blogpost.portfolio h4 {
	line-height: 16px;
	margin-bottom: 4px;
	text-align:center;
	margin-top:10px;
	font-size:14px;
}
.blogpost.portfolio p, .blogpost.portfolio p a {
	color:#777;
	text-align:center;
	margin-bottom:0;
}
.portfolioitem img {
	display: block;
}
.portfoliothumb {
	width: 222px;
	float: left;
	background:#fff; 
	padding:10px; 
	margin-bottom:10px; 
	margin-right:10px;
}
.portfolioitem {
	position: relative;
}
#portfoliocontainer {
	min-width: 500px;
}

/* #Portfolio Animations
================================================== */

.isotope, .isotope .isotope-item {
	/* change duration value to whatever you like */
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;
}
.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}
.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	-o-transition-property: top, left, opacity;
	transition-property: transform, opacity;
}

/*-----------------------------------------------------------------------------------*/
/*  *Portfolio Page Styling
/*-----------------------------------------------------------------------------------*/

/* #Toggle Project Info Button
======================================================*/
a.toggleproject {
	background: url(../images/plus.png) center no-repeat;
	width: 34px;
	height: 34px;
	text-indent: -999999px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 30px;
	background-color: #fff;
	border-radius: 17px;
	-moz-border-radius: 17px;
	position: relative;
	margin-top: 25px;
}
a.toggleproject.minus {
	background-image: url(../images/minus.png);
	background-position: center;
	background-repeat: no-repeat;
}

/* #Portfolio Page Content, Background Controls
======================================================*/

/* Hide Project Content on Default, Make Sure it's Z-index is top */
.projectcontent {
	display: none;
	margin-left: 10px;
	z-index: 9999;
	position: relative;
}



#controls-wrapper {
	left: 0;
	height: 110px;
	width: 160px;
	top: 200px;
	z-index: 999999;
	opacity: .85
}

/*-----------------------------------------------------------------------------------*/
/*  *Page Styling
/*-----------------------------------------------------------------------------------*/


/* Content Padding */
.contentwrap {
	padding: 25px 25px 85px 25px;
}

/*Page Background */
.content.pagebg, .pagebg {
	background: #fff;
}
.content.pagebg.full {
	width: 100%;
}


/*-----------------------------------------------------------------------------------*/
/*	*Contact Forms
/*-----------------------------------------------------------------------------------*/

textarea {
	overflow: hidden;
}
.contactsubmit span {
	color: #c85849;
}
.contactsubmit select {
	font-family: Arial, Helvetica, sans-serif;
}
.contactsubmit .formrow {
	height: 90px;
}
.contactsubmit .messagerow {
	padding-bottom: 15px;
}
.contactsubmit label {
	margin: 0 0 6px;
	display: block;
	font-size: 12px;
	text-transform: uppercase;
}
.contactsubmit input[type=text], .contactsubmit textarea, .contactsubmit select {
	padding: 10px;
	margin: 0;
	border-width: 1px;
	border-style: solid;
	font-size: 12px;
}
.contactsubmit input[type=text] {
	width: 90%;
}
.contactsubmit select {
	width: 100%;
}
.contactsubmit input[type=submit] {
	border: none;
}
.contactsubmit textarea {
	width: 95%;
}
.contactsubmit #submit {
	padding: 10px;
	margin: 0 0 20px 0;
	border: inherit;
	width: inherit;
	font-family: inherit;
	color: inherit;
	font-size: inherit;
	font-style: inherit;
}
.contactsubmit input:focus, .contactsubmit textarea:focus {
	border-width: 1px;
	border-style: solid;
	outline: 0;
}
.contactsubmit .radiobutton {
	margin-left: 10px;
	display: block;
	margin-right: 0;
	width: 100px;
	float: left;
	line-height: 30px;
	height: 45px;
	font-size: 12px;
	text-transform: none;
}
.contactsubmit input[type="radio"] {
	font-size: 12px;
	display: inline;
	float: left;
	width: 15px;
	margin: 0;
	margin-top: 8px;
	margin-right: 5px;
}
.contactsubmit label.error {
	font-size: 10px;
	color: #c85849;
	text-transform: none;
}
p.loading {
	display: none;
}

.emailsuccess {
	background: #F3F3F3;
	margin-bottom: 30px;
	color: #63AE39;
	background: #E6F9DC;
	padding: 20px;
	box-shadow: 0 1px 2px #F0F0F0;
	text-shadow: 0 1px 0 white;	
}
.emailsuccess h4 {
	margin-bottom:10px;	
	color: #407c1f;
}
.emailsuccess p {
	margin:0;	
	color: #63AE39;
}


/*-----------------------------------------------------------------------------------*/
/*  *Top Scroll Button
/*-----------------------------------------------------------------------------------*/


.top {
	position: fixed;
	bottom: 0;
	right: 20px;
	display: none;
	cursor: pointer;
	z-index: 9999;
	width: 36px;
	height: 36px;
	box-shadow: 0 0 10px rgba(0,0,0,.25);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.25);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.25);
}
.top a {
	text-decoration: none;
	float: left;
	display: block;
	padding-right: 10px;
}
.top .scroll {
	visibility: hidden;
	float: left;
	display: block;
	opacity: 0;
	padding-top: 10px;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.top a:hover .scroll p, .top a:hover .scroll, .top:hover .scroll {
	display: block;
	float: left;
	text-align: center;
	text-decoration: none;
	visibility: visible;
	opacity: .95;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
} 

/*-----------------------------------------------------------------------------------*/
/*  *Shortcode Styles
/*-----------------------------------------------------------------------------------*/

/* #Column Shortcodes
================================================== */

.full {
	width: 100%;
}

.one_half {
	width: 48%;
}
.one_third {
	width: 30.66%;
}
.two_third {
	width: 65.33%;
}
.one_fourth {
	width: 22%;
	min-width:250px;
}
.three_fourth {
	width: 74%;
}
.one_fifth {
	width: 16.8%;
}
.two_fifth {
	width: 37.6%;
}
.three_fifth {
	width: 58.4%;
}
.four_fifth {
	width: 79.2%
}
.one_sixth {
	width: 13.33%;
}
.five_sixth {
	width: 82.67%;
}
.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
	margin-right: 4%;
	margin-bottom: 10px;
	float: left;
}
#top_panel .one_half, #top_panel .one_third, #top_panel .two_third, #top_panel .three_fourth, #top_panel .one_fourth, #top_panel .one_fifth, #top_panel .two_fifth, #top_panel .three_fifth, #top_panel .four_fifth, #top_panel .one_sixth, #top_panel .five_sixth {
	margin-right: 3%;
	margin-bottom: 0;
}
.column-last {
	margin-right: 0!important;
	clear: right;
}

/* #Tabs (activate in tabs.js)
================================================== */
ul.tabs {
	display: block;
	margin: 0 0 20px 0;
	padding: 0;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
ul.tabs li {
	display: block;
	width: auto;
	height: 30px;
	padding: 0;
	float: left;
	margin-bottom: 0;
	margin-left: 0;
	list-style-type: none;
}
ul.tabs li a {
	display: block;
	text-decoration: none;
	width: auto;
	height: 29px;
	padding: 0px 20px;
	line-height: 30px;
	border-style: solid;
	border-width: 1px 1px 0 0;
	margin: 0;
	font-size: 13px;
	background:#fff;
}
ul.tabs li a.active {
	height: 30px;
	position: relative;
	top: -4px;
	padding-top: 4px;
	margin: 0 0 0 -1px;
	border-bottom: none;
	background:#fff;
}
ul.tabs li:first-child a.active {

	margin-left: 0;
}
ul.tabs li:first-child a {
	border-width: 1px 1px 0 1px;
}
ul.tabs-content {
	margin: 0;
	display: block;
}
ul.tabs-content br {
	display: none;
}
ul.tabs-content li br {
	display: inline;
}
ul.tabs-content > li {
	display: none;
	margin-left: 0;
	list-style-type: none;
}
ul.tabs-content > li.active {
	display: block;
}
/* Clearfixing tabs for beautiful stacking */
ul.tabs:before, ul.tabs:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
ul.tabs:after {
	clear: both;
}
ul.tabs {
	zoom: 1;
}
ul li {
	list-style-type: none;
}

.aligncenter {
	text-align: center;
}

/*-----------------------------------------------------------------------------------*/
/*  *Responsive Non-Fullscreen Sliders
/*-----------------------------------------------------------------------------------*/

/* #Project (WMU) Slider
================================================== */

.wmuSlider {
	display:none;	
	background:#frff;
}

.wmuSliderWrapper {
	overflow: hidden;
	background:#fff;
}
.wmuSlider {
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
	argin-top: -10px;
}
.wmuSlider img {
	position: relative;
	z-index: 1;
	display: block;
	background:#fff;
}
.wmuSlider span {
	display: block;
	overflow: hidden;
}
.wmuSliderPrev, .wmuSliderNext {
	position: absolute;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	top: 50%;
	margin-top: -30px;
	z-index: 2;
	cursor: pointer;
	opacity: .5;
}
.wmuSliderPrev {
	background: url('./../images/prev-button-white.png') center no-repeat;
	left: 0px;
}
.wmuSliderNext {
	right: 0px;
	background: url('./../images/next-button-white.png') center no-repeat;
}
.wmuSliderPagination {
	z-index: 2;
	position: absolute;
	right: 10px;
	top: 10px;
}
.wmuSliderPagination li {
	float: left;
	margin: 0 5px 0 0;
	list-style-type: none;
}
.wmuSliderPagination a {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 10px;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
	-moz-opacity: 0.7 !important;
	filter: alpha(opacity=70) !important;
	opacity: 0.7 !important;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.wmuSliderPagination a.wmuActive {
	background-position: -10px -80px;
}
.wmuSlider .wmuLoading {
	position: absolute;
	width: 200px;
	text-align: center;
	height: 20px;
	top: 50%;
	left: 50%;
	margin: -10px 0 0 -100px;
	z-index: 0;
}
.wmuSlider:hover .wmuSliderNext, .wmuSlider:hover .wmuSliderPrev {
	-moz-opacity: 0.7 !important;
	filter: alpha(opacity=70) !important;
	opacity: 0.7 !important;
}

/*-----------------------------------------------------------------------------------*/
/*  *Responsive Fullscreen Sliders
/*-----------------------------------------------------------------------------------*/

/* #Supersized Background
================================================== */

ul#supersized li {
	margin: 0;
	padding: 0;
}
img {
	border: none;
}
#supersized-loader {
	position: fixed;
	right: 15px;
	bottom: 15px;
	z-index: -2;
	width: 60px;
	height: 60px;
	text-indent: -999em;
	background: #fff url(./../images/loading-white.gif) no-repeat center center;
}
#supersized li {
	background-image: url(./../images/loading-white.gif) !important;
	background-position:center !important;
	background-repeat:no-repeat !important;
}
.home #supersized-loader, .single-portfolio #supersized-loader {
	position:absolute;
	top: 50%;
	left: 50%;
	margin: -30px 0 0 -30px;
}
#supersized {
	display: block;
	position: static;
	left: 0;
	top: 0;
	overflow: visible;
	z-index: -999;
	height: 90%;
	width: 90%;
	margin:0;
	margin-top:25px;
}
.no-csstransitions #supersized {
	display:inline;	
}
#supersized img {
	width: auto;
	height: auto;
	position: relative;
	display: none;
	outline: none;
	border: none;
	-webkit-transition-property: top;
	-webkit-transition-duration: 0s;
}
#supersized img.resize {
	-webkit-transition-duration: .5s;
}
#controls {
	overflow: hidden;
	height: 100%;
	text-align: left;
	z-index: 9;
	bottom:150px;
}
#supersized.speed img {
	-ms-interpolation-mode: nearest-neighbor;
	image-rendering: -moz-crisp-edges;
}	/*Speed*/
#supersized.quality img {
	-ms-interpolation-mode: bicubic;
	image-rendering: optimizeQuality;
}			/*Quality*/
#supersized li {
	display: block;
	list-style:none;
	z-index: -30;
	position: absolute;
	overflow: visible;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#supersized li {
	background: #fff;
}
#supersized a {
	width: 100%;
	height: 100%;
	display: block;
	position: fixed;
}
#supersized li.prevslide {
	z-index: -20;
}
#supersized li.activeslide {
	z-index: -10;
}
#supersized li.image-loading {
	background: #111 url(./../images/loading.gif) no-repeat center center;
	width: 100%;
	height: 100%;
}
#supersized li.image-loading img {
	visibility: hidden;
}
#supersized li.prevslide img, #supersized li.activeslide img {
	display: inline;
}

/* #Controls Bar
======================================================*/

#controls-wrapper {
	height: 110px;
	width: 160px;
	margin-bottom: 200px;
	width: 160px;
	z-index: 999999;
	opacity: .85
}
#slidecounter {
	color: #999;
	font-size: 12px;
	text-align: center;
	line-height: 32px;
	position: absolute;
	bottom: 118px;
	left: 55px;
}
.playcontrols {
	width: 92px;
	height: 40px;
	margin: 0 auto;
}
#navigation {
	float: right;
	margin: 0px 20px 0 0;
}
#play-button {
	float: left;
	margin-top: 1px;
	cursor: pointer;
	opacity: .5;
	position: absolute;
	bottom: 113px;
	left: 90px;
}
#prevslide, #nextslide {
	float: left;
	height: 30px;
	width: 30px;
	opacity: .75;
	margin-top: 6px;
}
#prevslide {
	background: url('./../images/prev-button-white.png') center no-repeat;
	display: block;
	position: fixed;
	margin: -40px 0 0 0 !important;
	left: 0px;
	top: 50%;
	width: 65px;
	height: 80px;
}
#prevslide.fullopen {
	display: none !important;
}
#nextslide {
	background: url('./../images/next-button-white.png') center no-repeat;
	position: fixed;
	right: 0px;
	margin: -40px 0 0 0 !important;
	top: 50%;
	width: 65px;
	height: 80px;
}
#prevslide:active, #nextslide:active {
	margin-top: 2px;
}
#prevslide:hover, #nextslide:hover {
	cursor: pointer;
}

/* #Slide Dots
======================================================*/

ul#slide-list {
	padding: 8px 0;
	float: left;
	position: fixed;
	bottom: 15px;
	left: 190px;
	z-index: 999;
	width:100px;
}
ul#slide-list li {
	list-style:none;
	width: 12px;
	height: 12px;
	float: left;
	margin: 0 5px 0 0;
}
ul#slide-list li.current-slide a, ul#slide-list li.current-slide a:hover {
	background-position: 0 0px;
}
ul#slide-list li a {
	display: block;
	width: 12px;
	height: 12px;
	background: url('../images/nav-dot.png') no-repeat 0 -24px;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
	-moz-transition: none;
}
ul#slide-list li a:hover {
	background-position: 0 -12px;
	cursor: pointer;
}

/* #Image Tray
======================================================*/

#tray-button {
	width: 22px;
	position: absolute;
	bottom: 128px;
	left: 135px;
	opacity: .5;
}
#tray-button:hover {
	cursor: pointer;
}
		
#thumb-tray {
	position: fixed;
	z-index: 3;
	bottom: 0;
	height: 108px;
	width: 100%;
	overflow: hidden;
	text-align: center;
	display:none;
}
#thumb-back, #thumb-forward {
	position: absolute;
	z-index: 5;
	bottom: 42px;
	height: 108px;
	width: 40px;
	top: 50%;
	margin-top: -55px;
}
#thumb-back {
	left: 0;
	background: url('./../images/thumb-back.png') no-repeat center center;
}
#thumb-forward {
	right: 0;
	background: url('./../images/thumb-forward.png') no-repeat center center;
}
#thumb-back:hover, #thumb-forward:hover {
	cursor: pointer;
	background-color: #fff;
}
ul#thumb-list {
	display: inline-block;
	list-style:none;
	position: relative;
	left: 0px;
	padding: 0 0px;
}
ul#thumb-list li {
	background: #fff;
	list-style:none;
	display: inline;
	width: 150px;
	height: 108px;
	overflow: hidden;
	float: left;
	margin: 0;
}
ul#thumb-list li img {
	width: 200px;
	height: auto;
	opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
}
ul#thumb-list li.current-thumb img, ul#thumb-list li:hover img {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}
ul#thumb-list li:hover {
	cursor: pointer;
}


/*-----------------------------------------------------------------------------------*/
/*  *Modernizr Fallbacks
/*-----------------------------------------------------------------------------------*/

.no-boxshadow #slidecaption .Dark h2, 
.no-boxshadow #slidecaption .Dark span,
.no-boxshadow #slidecaption .Black.Dark h2, 
.no-boxshadow #slidecaption .Black.Dark span,
.no-boxshadow .namecontainer .pagename h2 span {
	background-color:transparent;
}
.no-boxshadow #slidecaption .Light h2, 
.no-boxshadow #slidecaption .Light span,
.no-boxshadow #slidecaption .White.Light h2, 
.no-boxshadow #slidecaption .White.Light span,
.no-boxshadow #homevideocaption .Light h2 {
	background-color:transparent;	
}
.no-boxshadow #slidecaption .Light.Left .bgwrap, 
.no-boxshadow #slidecaption .Dark.Left .bgwrap,
.no-boxshadow #slidecaption .Light.Right .bgwrap, 
.no-boxshadow #slidecaption .Dark.Right .bgwrap { 
	line-height: 1.0; 
	padding: 4px 0 5px 0;   
}
.no-boxshadow #slidecaption .Light.Left h1, 
.no-boxshadow #slidecaption .Dark.Left h1, 
.no-boxshadow #slidecaption .Light.Right h1, 
.no-boxshadow #slidecaption .Dark.Right h1 { 
	display: inline; 
	margin: 0; 
}

.no-boxshadow #slidecaption .Left.Dark .button, 
.no-boxshadow #slidecaption .Left.Light .button,
.no-boxshadow #slidecaption .Right.Dark .button, 
.no-boxshadow #slidecaption .Right.Light .button,
.no-boxshadow #homevideocaption .Right.Light .button {
	margin:20px 0 0 0;
}
.no-boxshadow .namecontainer {
	margin-left:5px;	
}


/*-----------------------------------------------------------------------------------*/
/*  *Media Queries
/*-----------------------------------------------------------------------------------*/

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 940px) {
.three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
	width: 100%;
}
.smallpage, .projectcontent, #comments, .largepage {
	width: 465px;
	margin-right: 0;
}
.sidebar, .smallpage, .largepage {
	margin-bottom: 0;
}
.divider.full, .smallpage .divider.full, .sidebar .divider.full  {
	width: 445px;
}
.divider.full.sidetop {
	display:block;	
}
.sidebar {
	width: 465px;
	margin-left:0;
}
#slidecaption .Right, #slidecaption .Left, #slidecaption .Top.Right, #slidecaption .Top.Left, #slidecaption .Bottom.Right, #slidecaption .Bottom.Left, #slidecaption .Center {
	width: 400px;
}
#homevideocaption .Right.Bottom {
	width: 400px;
}
#slidecaption .Center {
	margin-left: 0px;
}
#slidecaption h2, #homevideocaption h2 {
	font-size: 44px !important;
}
#prevslide {
	right: 40px;
	
}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
/* prettyPhoto styling for small screens */
.pp_pic_holder.pp_default {
	width: 100%!important;
	left: 0!important;
	overflow: hidden;
}
div.pp_default .pp_content_container .pp_left {
	padding-left: 0!important;
}
div.pp_default .pp_content_container .pp_right {
	padding-right: 0!important;
}
.pp_content {
	width: 100%!important;
	height: auto!important;
}
.pp_fade {
	width: 100%!important;
	height: 100%!important;
}
a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom {
	display: none!important;
}
#pp_full_res img {
	width: 100%!important;
	height: auto!important;
}
.pp_details {
	width: 100%!important;
	padding-left: 3%;
	padding-right: 4%;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #fff;
	margin-top: -2px!important;
}
a.pp_close {
	right: 10px!important;
	top: 10px!important;
}

.mobileonly {
	display:block !important;	
}
/* Mobile Nav Elements */
.mobilenavcontainer h1, .mobilenavcontainer h1 a {
	text-align: center;
}
.home #top_panel {
	position: absolute;
}
#top_panel {
	display: block;
}
.logo, .navigation {
	display: none;
}
.logo { /* Center Mobile Logo */
	margin: auto;
}
.navcontainer {
	position: static !important;
	padding: 0 !important;
}
.navhandle {
	display: none;
}
#prevslide {
	right: 40px;
	
}






/* Mobile Layout
=================================================================================*/

/* Pagenames */

.page-template-template-home-video-php .namecontainer .pagename {
	text-align:center;	
}
/* Content Areas */
.contentarea {
	position: static;
	width: auto;
	margin: auto;
}
.smallpage, .largepage, #nextpost {
	width: 320px;
	float: none;
	margin: auto;
}
.playcontrols {
	width: 320px;
}
.sidebar {
	margin-bottom: 0;
	float: none;
	margin: auto;
}
/* General Layouts */


ul.tabs li a {
	font-size:10px;	
}
/* Convert Project Page Layout to Mobile Device */
.projectcontent {
	width: 100%;
	margin: 0;
	display: block !important;
}
#infscr-loading {
	margin-left: -83px;	
}
.wmuSlider {    /* Show Mobile Slideshow */
	display: block !important;
	min-height: 200px;
	width: 320px;
	float: none;
	margin: auto;
	background: #222;
}
.wmuSlider span {
	width: 320px !important;.smallpage,
}
.portfoliowrap {
	margin: 0;.smallpage,
}
.content.pagebg.full, .filtersection {
	width: 320px;
}
.filtersection {
	float:none;
	margin:auto;	
}
.filterwrap {
	padding-top: 15px;
	margin-bottom: 10px;
	padding-bottom: 3px;
	margin-top: 10px;
}
ul.filter li a {
	color: #333;
	text-decoration: none;
	margin-bottom: 1px;
	background: #f3f3f3;
	padding: 8px 15px;
	text-decoration: none;
	margin-right: 0px;
	margin-bottom: 3px !important;
}

 #Footer {
 width: 100%;
 height: 42px;
 z-index:9999;
}
/* Supersized Mobile Elements
================================================================================*/

/* Mobile lines are also the play/stop button */
.home .linesmobile {
	display:block;	
}

/* Hide Supersized Fullscreen Elements */
.toggleproject, .tipsy, .playcontrols, #progress-back, .lines, #supersized-loader, #play-button, #videocaption, #homevideocaption {
	display: none !important;
}
.page-template-template-home-video-php .mainbody {
	height:auto;	
}
body {
	background-color: #fff;
}
#supersized-loader {
	top: 50%;
	left: 50%;
	margin: -30px 0 0 -30px;
}
#controls-wrapper {
	display: none;
	
}
#supersized, #supersized li {
	visibility: hidden !important;
	overflow: hidden;
}
#supersized, #supersized li {
	position: fixed;
}
#supersized img {
	position: relative;
}
.page-template-template-home-php ul#slide-list, ul#slide-list {
	display: none !important;
}
/* Show Supersized Elements on Homepage */
.home #supersized, .home #supersized li, .home .playcontrols, .home #progress-back, #supersized-loader {
	display: block !important;
	visibility: visible !important;
}
.home #play-button {
	display:block !important;
	height:100%;
	width:100%;
	position:rixed;
}
.home #pauseplay {
	display:none;	
}
.home .playcontrols {
	position:fixed;
	bottom:100px;
}
body.home {
	background-color: #fff;
}
#progress-back, #progress-bar {
	height: 2px;
	margin: 0;
	padding: 0;
}
.bottomfade { /*Fade Section for Mobile Titles */
	display: block;
}
.home #controls-wrapper {
	position: absolute;
	top: 50% !important;
	margin-top: -40px;
	z-index: 99;
	display: block !important;
}
/* Mobile Supersized Font Changes 
=================================================================================*/
.subheadline {
	margin-bottom: 5px;
}
#slidecaption span {
	font-size: 12px !important;
}
/* Convert Global Page Layouts to Mobile Device 
========================================================================  */

#slidecaption .Right, #slidecaption .Top.Right, #slidecaption .Bottom.Right, #slidecaption .Left, #slidecaption .Top.Left, #slidecaption .Bottom.Left, #slidecaption .Center {
	top: auto !important;
	bottom: 10px !important;
	right: auto;
	width: 400px;
	left: 50%;
	margin-left: -200px;
	text-align: left;
	line-height: 24px;
}
#slidecaption .Dark h2, #slidecaption .Dark span, #slidecaption .Light h2, #slidecaption .Light span, #slidecaption .Black h2, #slidecaption .Black span, #slidecaption .White h2, #slidecaption .White span {
	background: none !important;
	border: none !important;
	box-shadow: none !important;
	padding: 0 !important;
	color: #fff !important;
	line-height: 100%;
}
#slidecaption span {
	line-height: 100% !important;
}
#slidecaption h2 {
	font-size: 30px !important;
}
#slidecaption .Left.Dark .button, #slidecaption .Left.Light .button {
	margin-left: 0;
}
#slidecaption .Light span, #slidecaption .Dark span, #slidecaption .Black.Dark span, #slidecaption .White.Dark span {
	line-height: 12px;
	padding: 0;
}
#slidecaption .Dark .subheadline, #slidecaption .Light .subheadline, #slidecaption .subheadline {
	margin-bottom: 5px;
	line-height: 11px;
	font-size: 11px;
}


.wmuSlider {
	min-height: 1px;
}

#nextslide {
	float: right;
}
#nextslide, #prevslide {
	width: 30px;
	height: 30px;
}
#prevslide {
	width: 30px;
	left: 0px !important;
	background: url('./../images/prev-button-white.png') left no-repeat;
}
#nextslide {
	width: 30px;
	right: 0px !important;
	background: url('./../images/next-button-white.png') right no-repeat;
}
#yt-container {
	background:url(../images/BG_Body.gif) #333;
	position: static;
}
#mutecontrols {
	top: -42px;
	left: 50%;
	width: 34px;
	height: 34px;
	position: absolute;
}
#yt-container {
	margin-left: 0;
}
.mainbody {
	margin-left: 0 !important;
}
#thumb-tray {
	display: none !important;
}
.namecontainer.singleproject {
	position: static !important;
}
.single-portfolio .navcontainer .logo, .single-portfolio .navcontainer .navigation {
	display: none;
}
#controls-wrapper {
	position: absolute;
	display: none !important;
}
#slidecounter, ul#slide-list, #tray-button {
	display: none;
}
.contentwrap.full {
	margin: 0;
}
.mobilelogo {
	display: block;
	width: 275px;
	margin: auto;
	position:absolute;
	top:15px;
    left:25px;
	z-index: 1002;
}
.fulllogo {
	display: none;
}
.navcontainer {
	position: absolute;
	width: 100%;
	height: auto;
	padding: 20px 0;
	background:#fff;
}
.mobilenavcontainer {
	z-index: 99999;
}
#portfoliocontainer {
	width: 320px;
	min-width: 320px;
	margin: auto;
}
.portfoliothumb {
	margin-right: 0;
	width: 300px;
}




.top {
	display: none !important;
}
h2 {
	font-size: 28px;
	line-height: 32px;
}
.recent-project {
	width: 41px;
	height: 41px;
}
.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
	width: 100%;
}
select.dropdownmenu {
	display: block;
	width: 280px;
	margin: auto;
	position: relative;
	z-index: 999;
	margin-bottom: 10px;
}
.nav {
	display: none;
}
.mobilenavcontainer h1, .mobilenavcontainer h1 a {
	padding: 20px 0;
}
h1 a.mobilelogo {
	text-align: center;
	padding: 0 !important;
	margin: 10px 0;
}
.mobiledetails {
	display: inline;
}
.fulldetails {
	display: none;
}

.wmuSliderPrev, .wmuSliderNext { /* default opacity */
	-moz-opacity: .01;
	filter: alpha(opacity=50);
	opacity: .01;
}

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
/* Mobile Layout
=================================================================================*/

.smallpage, .sidebar, .playcontrols, .largepage, #nextpost {
	width: 480px;
}
/* General Layouts */
.divider.full {
	width: 460px !important;
}
.commentsform {
	width: 97%;
}
.wmuSlider {    /* Show Mobile Slideshow */
	min-height: 200px;
	width: 480px;
	margin-top:20px;
}
.wmuSlider span {
	width: 480px !important;
}
#captioncontainer {
	width: 375px;
}
select.dropdownmenu {
	display: block;
	width: 460px;
}
.mobilenavigation {
	width: 480px;	
}
#jump {
	width:460px;	
}
.top {
	display: none;
}
.recent-project {
	width: 54px;
	height: 54px;
}
#portfoliocontainer {
	width: 500px;
	min-width: 500px;
	margin: auto;
	left: 50%;
	margin-left: -240px;
}
.portfoliothumb {
	margin-right: 10px;
	width: 215px;
}
.namecontainer.full {
	width: 400px;
}
.content.pagebg.full, .filtersection {
	width: 480px;
}
#projectsback {
	display: block;
	z-index: 999;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -210px;
}
.blogpost h3.blogtitle, .blogpost h3.blogtitle a {
width: 365px;
line-height: 25px;
font-size: 25px;
}
 #Footer {
 width: 100%;
 height: 82px;
 z-index:9999;
}

.vins, .chasse, .domaine, .restaurant{
	bottom:900px;	
}

#slidecaption .Right, #slidecaption .Top.Right, #slidecaption .Left, #slidecaption .Top.Left, #slidecaption .Bottom.Right, #slidecaption .Bottom.Left, #slidecaption .Center {
	top: auto;
	bottom: 140px !important;
	right: auto;
	width: 275px;
	left: 50%;
	margin-left: -137px;
	text-align: left;
	line-height: 24px;
}
.content {
	margin-left:0px;
}
.mainbody {
	margin-left:0px;
}
#log{
	display:none;
}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
/* Mobile Layout
=================================================================================*/

#log{
	display:none;
}
.smallpage, .largepage, #nextpost {
	width: 320px;
}
/* General Layouts */

.wmuSlider {    /* Show Mobile Slideshow */
	min-height: 200px;
	width: 320px;
	margin-top:0px;
}
.wmuSlider span {
	width: 320px !important;
}
#captioncontainer, #videocaptioncontainer {
	width: 275px;
}
.sidebar {
	width: 320px;
}
.mobilenavigation {
	width: 320px;	
}
#jump {
	width:300px;	
}
#slidecaption .Right, #slidecaption .Top.Right, #slidecaption .Left, #slidecaption .Top.Left, #slidecaption .Bottom.Right, #slidecaption .Bottom.Left, #slidecaption .Center {
	top: auto;
	bottom: 140px !important;
	right: auto;
	width: 275px;
	left: 50%;
	margin-left: -137px;
	text-align: left;
	line-height: 24px;
}
#myytplayer, .videowrapper, #iframeplayer, .videoslide span {
	position: relative;
	width: 320px !important;
	height: 180px;
}

 #Footer {
 width: 100%;
 height: 32px;
 z-index:9999;
}

#Social ul {
 padding-left: 9px;
 margin-top: 4px;
}
#Social ul li a {
 margin-left: 5px;
}
#Language ul {
 margin-top: 16px;
}
.content {
	margin-left:0px;
}
.mainbody {
	margin-left:0px;
}
.sub-menu {
	z-index: 3;
	width: 320px;
}

.wmuSlider img {
	position: relative;
	z-index: 1;
	display: block;
	padding-bottom:70px;
}
.wmuSlider span {
	display: block;
	overflow: hidden;
}
.wmuSliderPrev, .wmuSliderNext {
	position: absolute;
	width: 40px;
	height: 80px;
	text-indent: -9999px;
	top: 90%;
	margin-top: -40px;
	z-index: 2;
	cursor: pointer;
	opacity: .5;
}
}

@media only screen and (max-width: 767px) {
		
h1 {
margin-top: 27px;
}

.vins, .chasse, .domaine, .restaurant{
	bottom:60px;	
}
.content {
	margin-left:0px;
}
.mainbody {
	margin-left:0px;
}}


@media only screen and (max-device-width: 480px) {
	
.wmuSlider img {
	position: relative;
	z-index: 1;
	display: block;
	padding-bottom:70px;
}
.wmuSlider span {
	display: block;
	overflow: hidden;
}
.wmuSliderPrev, .wmuSliderNext {
	position: absolute;
	width: 40px;
	height: 80px;
	text-indent: -9999px;
	top: 90%;
	margin-top: -40px;
	z-index: 2;
	cursor: pointer;
	opacity: .5;
}
	
	
h1 {
margin-top: 15px;
}
.mobilelogo {
    left:20px;
	
}

.hamburger {
	margin-right: 10px;
}

.vins, .chasse, .domaine, .restaurant{
	bottom:60px;	
}
.content {
	margin-left:0px;
}
.mainbody {
	margin-left:0px;
}
.sub-menu {
	z-index: 3;
	width: 320px;
}
#log{
	display:none;
}

}