/*
Theme Name: Sunsets at the Pier - San Clemente
Theme URI: http://www.sunsetsbar.com/san-clemente-pier
Description: Sunsets at the Pier
Version: 1.0
Author: SDA Creative 
Author URI: http://sdacreative.com
*/

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

/* RESET */
/* ----------------------------------------- */

/* Global reset */

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
html, body { height:100%;}
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal;font-family:'Trykker', Arial, Helvetica, serif; color:#e3c178; }
q:before, q:after { content:''}

/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }

a img { border:none } /* Gets rid of IE's blue borders */
article, aside, figure, figure img, figcaption, hgroup, footer, header, nav, section 	{
	display: block;
}



/******** Global Styles *******/
p     { 
    margin: 0 0 15px 0;
	/*max-width: 560px;*/
	color:#c8bab9;
}
.left {
	float:left;
}
.right {
	float:right;
}
.center {
	text-align:center;
}
.clear {
	clear:both;
}
.hide {
	display:none;
}
.show {
	display:block;
}

.leftpad {
	padding-left: 52px;
}

.rightpad {
	padding-right: 20px;
}

.botpad {
	padding-bottom: 10px;
}

.botmarg {
	margin-bottom:10px;
}

.add-bottom {
	margin-bottom:20px;
}

.leftmarg {
	margin-left:65px;
}

.rightmarg {
	margin-right:20px;
}

a:link, a:visited, a:hover, a:active {
	color:#e3c178;
	text-decoration:none;
}

.lighter {
	color:#c1a369;
}
h1 {
	font-size:33px;
	text-transform:uppercase;
}

#pagetitle h1 {
	border-bottom: 1px solid #3e1d16;
}

h2 {
	
	font-size:18px;
	margin:0 0 7px 0;
}

h2.cater   {
	font-size: 18px;
	color: #F3F3F3; 
	text-align:center;
	text-transform:uppercase;
	margin-top: 20px;
}

h2.cater a {
	background-color: #BA6D0F;
    color: #FFFFFF;
    font-size: 12px;
    height: 24px;
    margin-top: 12px;
    opacity: 0.9;
    padding: 10px 15px;
    text-align: center;
	font-family:Arial, Helvetica, sans-serif;
    width: 200px;
	font-weight: normal;
}


h2.cater a:hover {
    opacity: 1.0;
}
h3 {
	font-size:22px;
	text-transform:uppercase;
}

h4 {
	font-size:18px;
	
}

h5 {
	font-size:15px;
	
}

.push {
	height: 416px;
}

#wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -416px;
}


/********* Type Styling *******/

footer h5 {
	color:#e9d7af;
}


/******** Main Styles ********/

body {
	font: 13px/1.6 Arial, Arial, Helvetica, sans-serif; 
	min-width:1100px;
    color: #c8bab9;
	background: url(images/bg-top-grad.png) repeat-x 0 0, url(images/bg-2.jpg) 0 0 repeat;
}

#container {
	width:1100px;
	margin:0 auto;
}

#header {
	width: 1100px;
	height: 212px;
	margin: 0 auto;
}

#bamboo {
  width:100%;
  background:url(images/bamboo.png) 0 0 repeat-x;
  height:14px;
  
}

h1.logo {
	float:left;
	width:422px;
	padding: 13px 0 0 0;
}


#home-link {
	width: 310px;
	height: 197px;
	background: url(images/sunsets-pier-logo-2.png) no-repeat 0 0;
	display:block;
	text-indent:-9999px;
	position:relative;
	padding: 10px 0 0 0;
}

#pagetitle {
	margin-bottom: 15px;
}

#pageheader {
	margin:0;
	float:left;
	padding:9px;
	background: rgb(0, 0, 0) transparent; /* default fallback */
    background: rgba(0, 0, 0, 0.3); /* nice browsers */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF); /* IE 6/7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF)"; /* IE8 */
-webkit-box-shadow: 0 17px 17px -15px rgba(0,0,0,0.7);
	   -moz-box-shadow: 0 17px 17px -15px rgba(0,0,0,0.7);
	        box-shadow: 0 17px 17px -15px rgba(0,0,0,0.7);
			margin-bottom:20px;
}

#pageheader img {
	float:left;
}


/************ Navigation ************/

nav {
	width: 395px;
	height:198px;
	float: right; 
	display:inline;
	padding-top:25px;
	font-family: 'Trykker', Arial, Helvetica, serif;
	
}

#main-nav-col-1 {
	font-size: 17px;
	width:120px;
	float:left;
	margin-right:20px;
}

#main-nav-col-1, 
#main-nav-col-1 li   {
	display:inline;
	list-style:none;
}


#main-nav-col-1 li {
	position:relative;
	display:inline;
}
#main-nav-col-1 li a {
	display: block;
	margin: 9px 20px;
	text-decoration:none;
	color: #ece1cb;
	text-transform:capitalize;
	
}

#main-nav-col-1 li a:hover {
	
	color:#ca9526;
	
}

#main-nav-col-2 {
	font-size: 17px;
	width:138px;
	float: left; 
}

#main-nav-col-2, 
#main-nav-col-2 li   {
	display:inline;
	list-style:none;
}

#main-nav-col-2 li {
	position:relative;
	display:inline;
}
#main-nav-col-2 li a {
	display: block;
	margin: 9px 20px;
	text-decoration:none;
	color: #ece1cb;
	text-transform:capitalize;
	
}

#main-nav-col-2 li a:hover {
	
	color:#ca9526;
	
}


/******* Sub Nav ***********/

#sub-nav-wrap {
	width:298px;
	margin-right: 20px;
}
.sub-nav {
	list-style-type:none;
	float:left;
	margin: 0 0 20px 19px;
	font-family: 'Trykker', Arial, Helvetica, serif;
	}

.sub-nav li {
	
}
.sub-nav li a {
	display: block;
	padding: 9px 0px 3px 0px;
	text-decoration:none;
	font-size:18px;
	color: #e3c178;
	text-transform:uppercase;
	font-weight:normal;
	border-bottom: 1px solid #3E1D16;
	
}

.sub-nav li a:hover {
	
	
}

/******* Slider  ***********/


#slider-wrap {
	width:1081px;
	height: 355px;
	padding:8px;
	background: #1F0500; /* default fallback */
    background: rgba(0, 0, 0, 0.3); /* nice browsers */
	/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF); /* IE 6/7 */
    /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF)"; /* IE8 */
	position:relative;
	margin: 0 0 0 0;
	z-index:5;
	/*float:left;*/
    -webkit-box-shadow: 0 17px 17px -15px rgba(0,0,0,0.7);
	   -moz-box-shadow: 0 17px 17px -15px rgba(0,0,0,0.7);
	        box-shadow: 0 17px 17px -15px rgba(0,0,0,0.7);

}

#slider1  {
	/*position: relative;
	float:left;*/
	width: 1081px;
	height: 381px;
}

#slider1 div {width:1081px;height:355px;} /***** Fix for slider not displaying  ***/

a.bx-prev {
	position: absolute;
	top: 140px;
	left: -8px;
	background: url(images/prev-arrow.png) 0 0 no-repeat;
	text-indent:-9999px;
	width:52px;
	height:75px;
}

a.bx-next {
	position: absolute;
	top: 140px;
	left: 1038px;
	background: url(images/next-arrow.png) 0 0 no-repeat;
	text-indent:-9999px;
	width:52px;
	height:75px;
}

/********** Social Links ********/

#social_side_links {
    position: fixed;
    top: 100px;
    left: 0;
    padding: 10px;
    background: #371e1c;
	/*background: rgb(52, 29, 26); /* default fallback */
    background: rgba(255, 255, 255, 0.1); /* nice browsers */
	/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF); /* IE 6/7 */
    /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF)"; /* IE8 */ 
}

#social_side_links li a {
    display: block;
    background-repeat: no-repeat;
    background-position: top left;
	opacity:1.0;
}
#social_side_links li a img {
    opacity:1.0;
}


/************ Tranparent Blocks w Border ********/

.inner {
	overflow: hidden;
	border-width: 7px 7px 7px 7px;
	border-style:solid; /* fix for new firefox 15 update*/
	-moz-border-image:url(images/border-image.png) 7 7 7 7 repeat;
	-webkit-border-image:url(images/border-image.png) 7 7 7 7 repeat;
	border-image: url(images/border-image.png) 7 7 7 7 repeat;
	border-style:solid; /*IE Fallbacks */
	border-color: #482A21; /*IE Fallbacks */
	padding-left:8px;
}


.content-block {
	background: rgba(0,0,0,0.3);
	padding: 10px 9px;
	float: left;
	display: inline;
	margin-bottom: 25px;
}



/**************** Mid Homepage Boxes ************/

.col3 {
	width: 316px;
	float:left;
	padding-top:7px;
	padding-bottom: 7px;
}

.col2 {
	width: 318px;
	float:left;
	padding-top:7px;
	padding-bottom: 7px;
}

.col4 {
	width: 333px;
	float:left;
	padding-top:7px;
	padding-bottom: 7px;
}

#feat-photo {
	width:278px;
	padding:12px;
}

#home-mid-wrap {
		width:1082px;
		margin:38px 0 30px 0;
					
				
}

#home-mid-wrap h2 a {
	    color: #FFFFFF;
		font-family: "Open Sans", Arial, Helvetica, sans-serif;
		text-transform:uppercase;
}

#home-mid-wrap h2 {
	margin:0;
}


#welcome-wrap {
	float:left;
	
}

#welcome-wrap .inner {
	min-height:263px;
}

#featured-wrap {
	float:right;
}

#featured-wrap h3 {
	text-align:center;
}

#featured-wrap .inner {
	padding-top:6px;
}

#calendar-teaser {
	width:316px;
	height:150px;
	position:relative;
	overflow:hidden;
}

#menu-teaser {
	width:316px;
	height:150px;
	position:relative;
	overflow:hidden;
}

#gallery-teaser {
	width:316px;
	height:150px;
	position:relative;
	overflow:hidden;
}

.col3 p {
	width:316px;
}

a#calendar-title {
	width:298px;
	height:83px;
	background: #000000;
	background: rgba(0, 0, 0, 0.8) url(images/arrow-icon.png) center 41px no-repeat;
	position:absolute;
	top: 101px;
	transition:top .5s;
	-moz-transition:top .5s; /* Firefox 4 */
	-webkit-transition:top .5s; /* Safari and Chrome */
	-o-transition:top .5s; /* Opera */
}

a#calendar-title:hover {
	top:67px;
}

a#calendar-title span {
	position:absolute;
	top: 11px;
	text-align:center;
	width:316px;
}

a#menu-title {
	width:316px;
	height:83px;
	background: #000000;
	background: rgba(0, 0, 0, 0.8) url(images/arrow-icon.png) center 41px no-repeat;
	position:absolute;
	top: 101px;
	transition:top .5s;
	-moz-transition:top .5s; /* Firefox 4 */
	-webkit-transition:top .5s; /* Safari and Chrome */
	-o-transition:top .5s; /* Opera */
	
}

a#menu-title:hover {
	top:67px;
}

a#menu-title span {
	position:absolute;
	top: 11px;
	text-align:center;
	width:316px;
}

a#gallery-title {
	width:316px;
	height:83px;
	background: #000000;
	background: rgba(0, 0, 0, 0.8) url(images/arrow-icon.png) center 41px no-repeat;
	position:absolute;
	top: 101px;
	transition:top .5s;
	-moz-transition:top .5s; /* Firefox 4 */
	-webkit-transition:top .5s; /* Safari and Chrome */
	-o-transition:top .5s; /* Opera */
}

a#gallery-title:hover {
	top:67px;
}

a#gallery-title span {
	position:absolute;
	top: 11px;
	text-align:center;
	width:316px;
}

#secondary-page-wrap {
		width:1082px;
		margin:20px 0 30px 0;				
}

#secondary-page-wrap .inner {
	padding: 15px;
}

#menu-wrap  {
		width:744px;
		margin:0px 0 30px 0;				
}

#menu-wrap .inner {
	padding: 15px;
}

#menu-wrap h2 {margin:20px 0 0 0px; text-transform:uppercase; font-size:16px;}
#menu-wrap p {margin-bottom:0px;}
#menu-wrap h2:first-of-type {margin-top:0;}


/************ Menu Pages *************/


#menu-home-wrap {
		width:1082px;
		margin:0 0 30px 0;
					
				
}

.menu-landing-item {
    width:316px;
	height:247px;
	position:relative;
	overflow:hidden;
}

a.menu-item {
	width:316px;
	height:83px;
	background: #000000;
	background: rgba(0, 0, 0, 0.8);
	position:absolute;
	top:75%;
}

a.menu-item:hover {
	background: rgba(0, 0, 0, 1.0);
	
}


a.menu-item span {
	position:absolute;
	top: 16px;
	text-align:center;
	width:316px;
	text-transform:uppercase;
	font-size:18px;
	font-family: 'Trykker',Arial,Helvetica,serif;
}

/************ Wide w/ Sidebar *******/

#left {width:600px;}
#right {width:320px;}
#wide {}
#staff-left {width:680px;}

/***********  Blog *******************/

.post-wrap {
	border-bottom:1px solid #3E1D16;
	margin-bottom:20px;
}

.blog-title h3 {
	font-size:18px;
	line-height:normal;
	font-weight:bold;
	margin-bottom: 5px;
}

.more {
	margin: 5px 0 15px 0;
	}

.more a {
	background-color:#57280E;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:px;
	border:1px solid #703210;
	display:inline-block;
	color:#fff;
	padding: 2px 5px;
	font-size:11px;
}

/*        Staff Page
================================================= */

.staff-wrap {
	width:667px;
}

.staff-photo {
	width:200px;
	height:270px;
	/*background: none repeat scroll 0 0 #fff;
    box-shadow: 0 1px 2px 0 #757550;
	-webkit-box-shadow: 0 1px 2px 0 #757550;
	-moz-box-shadow: 0 1px 2px 0 #757550;*/
    padding: 7px;
	float:left;
    text-align: center;	 
	margin-right:20px;       
}

.staff-name {
	font-size:18px;
	line-height:normal;
	font-weight:bold;
	margin-bottom: 5px;
	/*float:left; removed when photo was removed*/
	width:356px;
}

.staff-name h3 {
	color:#e3a521;
}

.staff-title {
	float:left;
	margin-bottom: 5px;
	width:300px;
}

.staff-bio {
	float:left;
	width:600px;
}




/************ Sidebar ***************/

#calendar {
	margin-bottom: 45px;
}

#archives-wrap {
	margin-bottom:40px;
}

.mod {
	width:290px;
	margin-bottom:20px;
}

.bd {
	width:288px;
}


.hd h3 {
	width:278px;
	color:#E3C178;
	font-size:17px;
	padding: 0 0 6px 10px;
	
	
}

.hd {
	position:relative;
	border-bottom:1px solid #3E1D16;
	
}

#rss-ico {
	width: 30px;
	height:20px;
	position:absolute;
	right:0px;
	top:3px;
	
}


#events-feed {
	
	list-style:none outside none;
	margin-left:48px;
	padding-top:10px;
}



#events-feed li {
    margin: 0 0 5px -1px;
	color: #c8bab9;
	padding-right:15px;
	text-indent:-37px;
}

#events-feed li a {
	color: #c8bab9;
	text-decoration:none;
}

#events-feed li a span {
	color:#A36B31;
}
#latest-news {
	margin-bottom:45px;
}

.news-feed-wrap {
	padding-top: 10px;
}

.news-feed-wrap li {
	margin-left: 15px;
}


.read-more-sm {
	margin-left: 13px;
}

.read-more-sm a  {
	color:#a36b31;
	font-size: 11px;
	font-weight: bold;
	text-decoration:none;
	
}
.newstitle {
	margin:0 14px 0 13px;
}
.newstitle a {
	margin-bottom:0px;
	color:#C8BAB9;
	text-decoration:none; 
	
}

.postdate a {
	color:#bcbbbb;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	margin:0 0 0 20px;
	
}

p.postdate {
	margin-bottom:8px;
}

p.newstitle {
	color:#C8BAB9;
	line-height:17px;
	margin-bottom: 15px;
}

/*        Gallery Landing
================================================= */
.gal-row {margin-bottom: 20px; float:left;}
.gallery-th-wrap {float:left;margin:0 0px 20px 26px;width:240px;}
.gal-row .gallery-th-wrap:first-of-type {margin-left:0;}
 
.gallery-landing-title {
	font-size:16px;
	margin: 0 0 3px;
    max-height: 60px;
    overflow: hidden;
	text-align:center;
  
}

.gallery-landing-title a {
	color:#E3C178;
	opacity: 1.0;
	font-family: 'Trykker',Arial,Helvetica,serif;
}

.gallery-landing-title a:hover {
	opacity: 0.8;
}


/*        Gallery View
================================================= */

.rg-image-wrapper{
	position:relative;
	padding:20px 30px;
	/*-moz-border-radius: 10px;
	-webkit-border-radius: 7px;
	border-radius: 10px;
	min-height:20px;
	border: 1px solid #cecece;
	background:#ffffff;
	-moz-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.6);
	box-shadow:0px 1px 3px rgba(0, 0, 0, 0.6);*/
}
.rg-image{
	position:relative;
	text-align:center;
	line-height:0px;
}
.rg-image img{
	max-height:100%;
	max-width:100%;
}
.rg-image-nav a{
	position:absolute;
	top:0px;
	left:0px;
	/*
	background: url(images/nav.png) no-repeat -20% 50%;
	*/
	width:46px;
	height:100%;
	text-indent:-9000px;
	cursor:pointer;
	opacity:0.6;
	outline:none;
	/*-moz-border-radius: 10px 0px 0px 10px;
	-webkit-border-radius: 10px 0px 0px 10px;
	border-radius: 10px 0px 0px 10px;*/
}
.rg-image-nav a.rg-image-nav-next{
	background: url(images/next-arrow-gal.png) no-repeat;
	right:0px;
	left:auto;
	background-position:20% 50%;
	/*-moz-border-radius: 0px 10px 10px 0px;
	-webkit-border-radius: 0px 10px 10px 0px;
	border-radius: 0px 10px 10px 0px;*/
}

.rg-image-nav a.rg-image-nav-prev{
	background: url(images/prev-arrow-gal.png) no-repeat 0% 50%;
}
.rg-image-nav a:hover{
	opacity:1.0;
}
.rg-caption {
	text-align:center;
	margin-top:15px;
	position:relative;
}
.rg-caption p{
	font-size:11px;
	letter-spacing:2px;
	line-height:16px;
	padding:0 15px;
	text-transform:uppercase;
}
.rg-view{
	height:30px;
}
.rg-view a{
	display:block;
	float:right;
	width:16px;
	height:16px;
	margin-right:3px;
	background:#464646 url(images/views.png) no-repeat top left;
	border:3px solid #464646;
	opacity:0.8;
}
.rg-view a:hover{
	opacity:1.0;
}
.rg-view a.rg-view-full{
	background-position:0px 0px;
	display:none;
}
.rg-view a.rg-view-selected{
	background-color:#6f6f6f;
	border-color:#6f6f6f;
}
.rg-view a.rg-view-thumbs{
	background-position:0px -16px;
	display:none;
}
.rg-loading{
	width:46px;
	height:46px;
	position:absolute;
	top:50%;
	left:50%;
	background:#000 url(images/ajax-loader.gif) no-repeat center center;
	margin:-23px 0px 0px -23px;
	z-index:100;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	opacity:0.7;
}



/************ Footer ***************/

footer {
	height: 416px;
	width: 100%;
	background-color: #1F0500; /* default fallback */
    background-color: rgba(0, 0, 0, 0.4); /* nice browsers */
	/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#66000000); /* IE 6/7 */
	/*	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#66000000)"; /* IE8 */	
	background: url(images/double-border-top.png) center 9px repeat-x, url(images/bg-bot-grad.png) repeat-x 0 bottom rgba(0, 0, 0, 0.4);
	/*background-color:rgba(0, 0, 0, 0.4);*/ 
    padding-top: 30px;
}

#footer-top {
	width:100%;
	/*margin:0 auto;*/
	border-bottom:1px solid #482a22;
	min-height:223px;
	
}

#locations {
	float:left;
	margin-right:100px;
}

.footer-block {
	float:left;
}

#footer-top p {
	font-size:13px;
}

#footer-top h4 {
	padding-bottom:6px;
}

p.post-teaser {
	margin-bottom:7px;
	width:298px;
}

.post-teaser a {
	color:#c8bab9;
}

.post-teaser a:hover {
	color:#FFF;
}

a#all-posts {
	width: 98px;
	height:21px;
	background-color: #a36b31;
	padding: 1px 7px;
	color:#FFF;
	font-size:13px;
	float:left;
	text-align:center;
	margin-top:12px;
	opacity:0.9;
}

a#all-posts:hover {
	opacity:1.0
}

#map {
	width:622px;
	float:left;
}

ul#footer-links {
	display:inline;
	list-style:none;
	
}

ul#footer-links li {
	float:left;
	padding: 0 20px 0 0;
}

ul#footer-links li a {
	font-size:12px;
	color:#be988e;
}



#copyright {
	float:left;
	color: #71483d;
	margin-top:8px;
}

#copyright a {
	color: #a36b30;
	padding-top: 10px;
	
}

#capo-beach {
	margin-right: 50px;
}

ul.social-foot {
	width:65px;
	height:32px;
}

ul.social-foot li {
	float:left;
}

ul.social-foot li a {
    float:left;
    background-repeat: no-repeat;
	margin-right:4px;
	
}

ul#recent-news-feed {
	margin-left:19px;
	width:250px;
}

ul#recent-news-feed li {
	line-height:24px;
	list-style-image:url(images/square.gif);
}

ul#features-list {
	list-style-type:none;
	padding-left:5px;
}

ul#features-list li {
	line-height:24px;
}


ul#features-list li:before {
	content:"\007E \0020";
}



#footer-lower-wrap {
	width:100%;
	float:left;
	padding: 8px 0;
}

#footer-wrap {
	margin: 0 auto;
	width:1100px;
}

#searchwrap {
	width:298px;
	height:24px;
	float:right;
	border: 1px solid #5f3b32;
	background:#482a22;
	margin-top:7px;
}

#searchbox .searchfield {
	background-color:#482a22;
	border:none;
	color:#be988e;
	padding-left: 5px;
}

#searchbox button {
	background-color:#482a22;
	width:20px;
	height:20px;
	border:none;
	float:right;
	margin-right:5px;
	cursor:pointer;
}



#secondary-page-wrap .grid_5 {width: 259px;}
#secondary-page-wrap .grid_6 {width: 314px;}
#secondary-page-wrap .grid_7 {width: 369px;}
#secondary-page-wrap .grid_8 {width: 424px;}
#secondary-page-wrap .grid_9 {width: 479px;}
#secondary-page-wrap .grid_10 {width: 534px;}
#secondary-page-wrap .grid_11 {width: 589px;}


/* Contact Form Cusomization
======================================*/

.wpcf7-submit     {display: block; margin: 5px 0; padding: 3px 6px;font-size: 11px; line-height: normal; cursor: pointer; font-weight:normal;}
.bttn-style {
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:12px;
	padding:5px 14px;
	text-decoration:none;
}


.wpcf7 form {max-width:600px; margin: 20px 0;}
.wpcf7 textarea {
	    background: #180200;
		 border: solid 1px #3e2508;
		 font-size: 15px;
		 line-height:20px;
		 padding:5px;
		 max-width:482px;
		 width:100%;
		 opacity:0.7;
		 color:#C8BAB9;
		 
}

.wpcf7-form input {
	     background: #180200;
		 border: solid 1px #3e2508;
		 font-size: 15px;
		 line-height:20px;
		 padding:5px;
		 color:#C8BAB9;
	}
	
.wpcf7-form input#submit {
	background-color:#A36B31;
	color:#FFF;
	opacity:0.9;
}

.wpcf7-form input#submit:hover {
	opacity:1.0;
}
	
.wpcf7-text {background: #180200;opacity:0.7; color:#C8BAB9;}	
.wpcf7-form span.your-comments {max-width:482px;}
.wpcf7-form span.your-subject {max-width:482px;}

div.wpcf7-validation-errors, div.wpcf7-mail-sent-ok  {background-color:#323232; color:#FFFFFF;}
.wpcf7-text:hover, 
.wpcf7-text:focus, 
.wpcf7-text:active, 
.wpcf7 textarea:hover, 
.wpcf7 textarea:focus, 
.wpcf7 textarea:active {
    opacity:1.0;
	outline: none;
}

.wpcf7 .wpcf7-list-item{
	padding-left: 0;
	margin-left: 0;
	margin-right: 40px;
}

.wpcf7 .wpcf7-list-item input{
	border: none;
	padding-left: 0;
	margin-left: 0;
}

.wpcf7 select{
	outline: none;
	background: none repeat scroll 0 0 #FFFFFF;
    border: solid 1px #3e2508;
    color: #ababab;
    font-size: 12px;
    padding: 6px;
	margin-right:20px;
	width:218px;
	background: #180200;
	opacity:0.7;
}
.wpcf7-list-item-label{display:none;}
.required {color: #FF0000;}
.wpcf7-captchac {color:#BA6D0F;background:#3c2c13;}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter, div.aligncenter {
    display:block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

img.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin:0;
    max-width: 98.5%;
    padding:0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size:11px;
    line-height:17px;
    margin:0;
    padding:0 4px 5px;
}