@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic);

/* -------------------------------------------------- */
/* body */
/* -------------------------------------------------- */
	body
{
	background:#fff;
	color:#333;
	font:12px 'Open Sans',Arial,sans-serif;
	line-height:20px;
	margin:0px;
	padding:0px;
}
	h1,h2,h3,h4,h5,h6
{
	color:#333;
	font-family:'Open Sans',Arial,sans-serif;
	font-weight:normal
}
	h1 a,h2 a,h3 a,h4 a,h5 a,h6 a
{
	font-weight:inherit
}
	h1
{
	font-size:28px;
	line-height:50px;
	margin-bottom:14px
}
	h2
{
	font-size:24px;
	line-height:40px;
	margin-bottom:40px
}
	h3
{
	font-size:18px;
	line-height:34px;
	margin-bottom:8px
}
	h4
{
	font-size:16px;
	line-height:30px;
	margin-bottom:4px
}
	h5
{
	font-size:14px;
	line-height:24px
}
	h6
{
	font-size:12px;
	line-height:21px
}
	p
{
	margin-bottom:20px
}

.container{
	max-width:1000px;
}

/* -------------------------------------------------- */
/* heading */
/* -------------------------------------------------- */

	h1
{
	font-size:36px;
	margin:10px 0 35px 0
}
	h1 span
{
	background-color:#333;
	color:#fff;
	padding:0 5px
}
.headline
{
	text-align:center;
	margin:25px 0 15px 0;
	background:url(../img/bg-headline.png) repeat-x center center
}
	h2.headline
{
	margin:45px 0 15px 0
}
	h5.headline
{
	font-weight:bold
}
.headline.alt
{
	margin-bottom:35px
}
.headline.alt-2
{
	margin:45px 0 35px 0
}
.headline span
{
	background-color:#fff;
	padding:0 5px
}




/* -------------------------------------------------- */
/* Header */
/* -------------------------------------------------- */
	#header
{
	position:absolute;
	top:0;
	left:0;
	right:0;
	background-color:rgba(0,0,0,0.5);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#80000',endColorstr='#80000');
	 padding:20px 0 20px 0
}
	  .dropdown-fix
{
	position:relative;
	z-index:999
}

/* -------------------------------------------------- */
/* logo & Menu*/
/* -------------------------------------------------- */
	#logo img
{
	display:block
}
.selectnav
{
	display:none;
	 cursor:pointer;
	 width:100%;
	 padding:10px;
	 height:40px;
	color:#666;
	margin-top:10px
}
	
.btn-wine {
  color: #ffffff;
  background-color: #804040;
  border-color: #804040;
  font-size:17px;
}

.services
{
	position:relative;
	margin:50px 0
}
.services img
{
	width:100%;
	display:block
}
.services .hexagon
{
	position:absolute;
	top:37px;
	left:30px
}
.services .hexagon:hover
{
	cursor:pointer
}
.ie7 .services .hexagon
{
	position:absolute;
	top:37px;
	left:30px
}
.services .hexagon .hexagon-top
{
	border-left:80px solid transparent;
	border-right:80px solid transparent;
	border-bottom:45px solid rgba(255,255,255,0.7);
	width:0
}
.ie8 .services .hexagon .hexagon-top,.ie7 .services .hexagon .hexagon-top
{
	border-bottom:45px solid #fff;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70)
}
.services .hexagon .hexagon-middle
{
	width:160px;
	background-color:rgba(255,255,255,0.7);
	padding:27px 0
}
.ie8 .services .hexagon .hexagon-middle,.ie7 .services .hexagon .hexagon-middle
{
	background-color:#fff;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70)
}
.services .hexagon .hexagon-middle h3
{
	text-align:center;
	margin-bottom:0
}
.services .hexagon .hexagon-middle h3 a
{
	color:#333
}
.services .hexagon .hexagon-bottom
{
	border-left:80px solid transparent;
	border-right:80px solid transparent;
	border-top:45px solid rgba(255,255,255,0.7);
	width:0
}
.ie8 .services .hexagon .hexagon-bottom,.ie7 .services .hexagon .hexagon-bottom
{
	border-top:45px solid #fff;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70)
}
.services .hexagon:hover .hexagon-top
{
	border-bottom-color:rgba(0,0,0,0.7)
}
.ie8 .services .hexagon:hover .hexagon-top,.ie7 .services .hexagon:hover .hexagon-top
{
	border-bottom-color:#000;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70)
}
.services .hexagon:hover .hexagon-bottom
{
	border-top-color:rgba(0,0,0,0.7)
}
.ie8 .services .hexagon:hover .hexagon-bottom,.ie7 .services .hexagon:hover .hexagon-bottom
{
	border-top-color:#000;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70)
}
.services .hexagon:hover .hexagon-middle
{
	background-color:rgba(0,0,0,0.7)
}
.ie8 .services .hexagon:hover .hexagon-middle,.ie7 .services .hexagon:hover .hexagon-middle
{
	background-color:#000;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70)
}
.services .hexagon:hover .hexagon-middle h3 a
{
	color:#fff;
	text-decoration:none
}
.services-list
{
	list-style:none;
	margin:50px 0 25px 40px
}
.services-list li
{
	background:url(images/bg-checklist.png) no-repeat center left;
	padding-left:30px;
	margin-top:15px
}
.services-list li:first-child
{
	margin-top:0
}
	img.services-img
{
	width:100%;
	display:block;
	margin-top:20px
}


/* FOOTER ***/

	#footer
{
	background-color:#333;
	padding-bottom:70px;
	color:#fff;
	margin-top:100px
}
	#footer h5.headline
{
	color:#fff;
	text-align:center;
	background:url(../img/bg-headline-2.png) repeat-x center center;
	margin:10px -20px 20px 0
}
	#footer h5.headline.alt
{
	margin-right:0
}
	#footer h5.headline span
{
	background-color:#333;
	padding:0 5px
}
	#footer .about
{
	margin-top:20px
}
	#footer .about img
{
	float:left;
	display:block;
	margin-top:10px
}
	#footer .about p
{
	margin-left:115px
}
	#footer form
{
	margin:25px 0 15px 0
}
	#footer input[type="text"]
{
	border-radius:0;
	border:none;
	background-color:#181818;
	box-shadow:none;
	color:#fff;
	width:165px;
	display:inline-block;
	padding:4px 10px;
	font-size:12px;
	font-family:'Open Sans',Arial,sans-serif
}
	#footer input[type="submit"]
{
	border:none;
	border-radius:0;
	display:inline-block;
	background-color:#804040;
	color:#fff;
	padding:3px 10px;
	margin-left:-3px;
	cursor:pointer;
	background-image:none;
	font-size:12px;
	font-family:'Open Sans',Arial,sans-serif
}
.ie7 #footer input[type="submit"]
{
	margin-top:-34px;
	padding:0px 10px 3px 10px
}
	#footer .blog-post
{
	margin-top:35px;
	border:none
}
	#footer .blog-post .date
{
	float:left
}
	#footer .blog-post .date .hexagon-top
{
	border-left:20px solid transparent;
	border-right:20px solid transparent;
	border-bottom:12px solid #181818;
	width:0
}
	#footer .blog-post .date .hexagon-bottom
{
	border-left:20px solid transparent;
	border-right:20px solid transparent;
	border-top:12px solid #181818;
	width:0
}
	#footer .blog-post .date .hexagon-middle
{
	background-color:#181818;
	width:40px;
	text-align:center;
	color:#fff;
	padding:0 10px
}
	#footer .blog-post .date .hexagon-middle p
{
	margin-bottom:0;
	line-height:10px;
	margin:0
}
	#footer .blog-post .article
{
	margin-left:60px
}
	#footer .blog-post .article p a
{
	color:#fff;
	font-size:12px
}
	#footer .blog-post .article p
{
	margin:0;
	margin-bottom:10px;
	font-size:11px;
	line-height:16px
}
	#footer a.button-red
{
	padding:0 5px;
	font-size:10px;
	margin-top:20px;
	line-height:14px;
	color:#fff
}
	#footer .contact
{
	margin:35px 0 60px 0;
	list-style:none
}
	#footer .contact li
{
	margin-top:15px
}
	#footer .contact li:first-child
{
	margin-top:0
}
	#footer .contact li.address
{
	background:url(../img/icon-home.png) no-repeat top left;
	padding-left:30px
}
	#footer .contact li.email
{
	background:url(../img/icon-email.png) no-repeat center left;
	padding-left:30px
}
	#footer .contact li.phone
{
	background:url(../img/icon-phone.png) no-repeat center left;
	padding-left:30px
}
	#footer #footer-logo
{
	display:block;
	margin:0 auto;
	margin-bottom:40px
}
	#footer p img
{
	vertical-align:middle;
	margin:0 3px
}
.social-media
{
	list-style:none;
	text-align:center;
	margin-top:-33px
}
.ie7 .social-media
{
	margin-top:-55px
}
.social-media li
{
	display:inline-block;
	margin-left:15px
}
.ie7 .social-media li
{
	display:inline
}
.social-media li:first-child
{
	margin-left:0
}
.social-media li .hexagon
{
	margin-top:0
}
.social-media li .hexagon:hover
{
	cursor:pointer
}
.social-media li .hexagon .hexagon-top
{
	border-left:29px solid transparent;
	border-right:29px solid transparent;
	border-bottom:17px solid #804040;
	width:0
}
.social-media li .hexagon:hover .hexagon-top
{

}
.social-media li .hexagon .hexagon-middle
{
	background-color:#804040;
	width:57px;
	padding:2px;
	min-height:0
}
.social-media li .hexagon:hover .hexagon-middle
{

}
.social-media li .hexagon .hexagon-middle i
{
	font-size:28px
}
.social-media li .hexagon .hexagon-middle a i
{
	color:#fff
}
.social-media li .hexagon .hexagon-middle a:hover i
{
	text-decoration:none
}
.social-media li .hexagon .hexagon-bottom
{
	border-left:29px solid transparent;
	border-right:29px solid transparent;
	border-top:17px solid #804040;
	width:0
}
.social-media li .hexagon:hover .hexagon-bottom
{

}
.hexagon
{
	float:left;
	margin-top:-6px
}
.hexagon:hover
{
	cursor:pointer
}
.ie7 .hexagon
{
	margin-top:-26px
}
.hexagon .hexagon-top
{
	border-left:75px solid transparent;
	border-right:75px solid transparent;
	border-bottom:45px solid #333;
	width:0
}
.hexagon .hexagon-bottom
{
	border-left:75px solid transparent;
	border-right:75px solid transparent;
	border-top:45px solid #333;
	width:0
}
.hexagon .hexagon-middle
{
	width:110px;
	background-color:#333;
	padding:20px;
	min-height:45px
}
.hexagon .hexagon-middle h5 a
{
	color:#fff;
	text-align:center;
	display:block
}

.page-header
{
	height:485px;
	position:relative;
	 padding-bottom: 0px;
  margin: 0px 0 0px;
  border-bottom: none;
}

.page-header .hexagon
{
	position:absolute;
	top:45%;
	left:0;
	right:0;
}
.page-header .hexagon:hover
{
	cursor:default
}
.page-header .hexagon .hexagon-top
{
	border-left:75px solid transparent;
	border-right:75px solid transparent;
	border-bottom:45px solid #804040;
	margin:0 auto
}
.page-header .hexagon .hexagon-bottom
{
	border-left:75px solid transparent;
	border-right:75px solid transparent;
	border-top:45px solid #804040;
	margin:0 auto
}
.page-header .hexagon .hexagon-middle
{
	background-color:#804040;
	width:150px;
	padding:10px 0;
	text-align:center;
	margin:0 auto
}
.page-header .hexagon .hexagon-middle h2
{
	color:#fff;
	margin-bottom:0
}
.red
{
	color:#804040
}
.categories
{
	list-style:none;
	background:url(../img/bg-headline.png) repeat-x center left;
	text-align:center;
	margin:50px 0 20px;
}
.categories li
{
	display:inline-block;
	background-color:#fff;
	padding:0 5px;
	border-left:1px solid #333;
	line-height:12px;
	margin-right:-4px
}
.ie7 .categories li
{
	display:inline;
	margin-right:0
}
.categories li:first-child
{
	border-left:none
}
.categories li a
{
	color:#333;
	font-size:13px;
}
.categories li a:hover
{
	color:#fff;
	background-color:#804040;
	text-decoration:none
}
.categories li.current a
{
	color:#fff;
	background-color:#804040
}

.portfolio.alt-2
{
	position:relative;
	float:left;
	margin:0px 10px 10px 0px;
}
.portfolio.alt-2 img
{
	border:none
}
.portfolio.alt-2 >a img
{
	width:100%;
	height:auto
}
.ie7 .portfolio.alt-2 >img
{
	width:auto
}
.portfolio-hover
{
	position:absolute;
	top:0;
	left:0;
	right:0;
	background-color:rgba(0,0,0,0.5);
	text-align:center;
	color:#fff;
	padding-top:30px;
	opacity:0;
	transition:opacity 1s
}
.ie8 .portfolio-hover,.ie7 .portfolio-hover
{
	display:none;
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#80000',endColorstr='#80000')
}
.portfolio-hover h5
{
	color:#fff
}
.portfolio-hover p
{
	margin:0 20px 20px 20px
}
.portfolio-hover .portfolio-hover-bottom
{
	border-left:157px solid transparent;
	border-right:157px solid transparent;
	border-top:75px solid rgba(0,0,0,0.5);
	position:absolute;
	bottom:-75px
}
.portfolio-hover .portfolio-hover-bottom.alt-2
{
	border-left:110px solid transparent;
	border-right:110px solid transparent;
	border-top:50px solid rgba(0,0,0,0.5);
	position:absolute;
	bottom:-50px
}
.ie8 .portfolio-hover .portfolio-hover-bottom.alt-2,.ie7 .portfolio-hover .portfolio-hover-bottom.alt-2
{
	border-top:50px solid #000;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50)
}
.ie8 .portfolio-hover .portfolio-hover-bottom,.ie7 .portfolio-hover .portfolio-hover-bottom
{
	border-top:75px solid #000;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50)
}
.portfolio:hover .portfolio-hover
{
	opacity:1
}
.ie8 .portfolio:hover .portfolio-hover,.ie7 .portfolio:hover .portfolio-hover
{
	display:block
}
.portfolio-hover-controls
{
	opacity:0;
	text-align:center;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	transition:opacity 1s,bottom 1s
}
.ie8 .portfolio-hover-controls,.ie7 .portfolio-hover-controls
{
	display:none
}
.portfolio-hover-controls img
{
	margin-right:5px
}
.portfolio:hover .portfolio-hover-controls
{
	opacity:1;
	bottom:25px
}
.ie8 .portfolio:hover .portfolio-hover-controls,.ie7 .portfolio:hover .portfolio-hover-controls
{
	display:block
}
.portfolio {
	position:relative;
	margin:10px 0
}
.ie7 .portfolio {
	margin:20px 0
}
.portfolio.alt {
	margin-bottom:100px
}
.portfolio >a img {
	width:100%;
	display:block;
	border:1px solid #000
}
.portfolio >a img {
	display:block
}
.portfolio .hexagon {
	position:absolute;
	top:-15px;
	left:45%;
	margin-top:0
}
.ie7 .portfolio .hexagon {
	position:absolute;
	top:11px
}
.portfolio .hexagon .hexagon-left {
	border-bottom:15px solid transparent;
	border-top:15px solid transparent;
	border-right:10px solid #f11d1d;
	float:left
}
.ie7 .portfolio .hexagon .hexagon-left, .ie7 .portfolio .hexagon .hexagon-right {
	height:0
}
.portfolio .hexagon .hexagon-right {
	border-bottom:15px solid transparent;
	border-top:15px solid transparent;
	border-left:10px solid #f11d1d;
	float:left
}
.portfolio .hexagon .hexagon-middle {
	width:15px;
	background-color:#f11d1d;
	text-align:center;
	color:#fff;
	padding:5px 0;
	float:left;
	min-height:0
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #999999;
  cursor: not-allowed;
  background-color: #ffffff;
  border-color: #dddddd;
}
.pagination
{
	list-style:none;
	text-align:center;
	background:url(../img/bg-headline.png) repeat-x center left;
	margin:65px 0 35px 0
}
.pagination li
{
	display:inline-block;
	background-color:#fff;
	padding:0 5px;
	margin-right:0px
}
.ie7 .pagination li
{
	display:inline;
	margin-right:-5px
}
.pagination li a
{
	color:#333;
	border:1px solid #333;
	padding:7px 12px
}
.ie7 .pagination li a
{
	display:block
}
.pagination li a:hover
{
	background-color:#333;
	color:#fff;
	text-decoration:none
}
.pagination li.current a
{
	background-color:#333;
	color:#fff
}
.portfolio-hover-bottom.alt
{
	border-left:230px solid transparent;
	border-right:230px solid transparent
}
.portfolio.alt-3
{
	margin-bottom:20px
}
.portfolio.alt-3 >img
{
	border:none
}
.portfolio.alt-3 >a img
{
	width:100%
}
.thumbs{
	margin: 0px;
	padding: 0px;
}
.thumbs li  {
  display: block;
  padding: 0px;
  margin-bottom: 10px;
  margin-right: 10px;
  line-height: 1.428571429;
  background-color: #ffffff;
  border:1px solid #000;
  width:210px;
  -webkit-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
          float: left;
}

.thumbs li > img,
.thumbs li a > img {
  display: block;
  height: auto;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
}
.my_form input,.my_form textarea{
	font-size:12px;
}
.team-member {
	text-align:center;
	margin:20px 0;
	position:relative
}
.team-member img {
	display:block;
	width:100%;
	margin-bottom:5px
}
.team-member p {
	margin-bottom:5px
}
.team-member >a {
	color:#333;
	display:inline-block;
	margin-top:5px;
	font-weight: bold;
}
.pop-content{
	padding:0px 15px;
	font-size: 13px;
	line-height: 22px;
	overflow: auto;
	height: 500px;
}
a.button-red {
	background-color:#804040;
	color:#fff;
	padding:12px 10px;
	display:inline-block
}
a:hover.button-red {
	text-decoration:none
}
a.button-underline{
	text-decoration: underline;
	color:#804040;
}
.pop-content .date{
	margin:0px 0px 20px 45%;
}	
.pop-content .hexagon-top
{
	border-left:20px solid transparent;
	border-right:20px solid transparent;
	border-bottom:12px solid #804040;
	width:0
}
	.pop-content .hexagon-bottom
{
	border-left:20px solid transparent;
	border-right:20px solid transparent;
	border-top:12px solid #804040;
	width:0
}
	.pop-content .hexagon-middle
{
	background-color:#804040;
	width:40px;
	height: 30px;
	text-align:center;
	color:#fff;
	padding:0 10px
}
	.pop-content .hexagon-middle p
{
	margin-bottom:0;
	line-height:15px;
	margin:0
}
ul#dropdown-menu {
  list-style:none;
	 margin-bottom:0px;
	float:right;
	margin-top:35px;
	border-top:1px solid #fff
}
ul#dropdown-menu li {
  float:left;
  position: relative;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
ul#dropdown-menu li a{
	 padding:5px 5px 20px 5px;
	color:#fff;
	font-size:14px;
	font-family:'Open Sans',Arial,sans-serif;
	border-top:5px solid transparent;
	margin:-3px 20px 0 3px;
  display: block;
  
}
ul#dropdown-menu li a:hover {
  text-decoration:none;
	color:#804040;
}
ul#dropdown-menu li ul {
  padding: 0;
  position: absolute;
  top: 35px;
  left: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
}
ul#dropdown-menu li ul li { 
  background-color:rgba(0,0,0,0.5);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#80000',endColorstr='#80000');
  display: block;
  width: 150px;
}
ul#dropdown-menu li ul li a{
	 padding:5px 5px 10px 5px;
}
ul#dropdown-menu li ul li:hover {  }
ul#dropdown-menu li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}
	 ul#dropdown-menu li.current >a
{
	color:#fff;
	border-top:5px solid #804040
}
.p-link{
	margin-top:30px;
}
.p-link a{
	font-size: 14px;
	font-weight: bold;
	color: #804040;
	text-decoration: underline;

}
.p-link a:hover{
	text-decoration: none;
}
.news-content .date{
	margin:0px;
}	
.news-content .hexagon-top
{
	border-left:20px solid transparent;
	border-right:20px solid transparent;
	border-bottom:12px solid #804040;
	width:0
}
	.news-content .hexagon-bottom
{
	border-left:20px solid transparent;
	border-right:20px solid transparent;
	border-top:12px solid #804040;
	width:0
}
	.news-content .hexagon-middle
{
	background-color:#804040;
	width:40px;
	height: 30px;
	text-align:center;
	color:#fff;
	padding:0 10px
}
	.news-content .hexagon-middle p
{
	margin-bottom:0;
	line-height:15px;
	margin:0
}
.news-content .blog-post h3{
	margin-top:0px;
}