@charset "utf-8";
/* CSS Document */

body {
	background: url(/content/images/josewyatt/bg_7.jpg) repeat #000;
	font: "Trebuchet MS";
	font-size: 12px;
	color: #575757;
	margin: 0px;
}

#header {
	background: url(/content/images/josewyatt/header_bg_2.png) repeat-x;
	height: 150px;
	text-align: center;
	margin: 0 auto;	
}
#wrapper {	
	margin: 0 auto;
	margin-top: 15px;
	margin-bottom: 0px;
	overflow: hidden;
}


.logo{background: url(/content/images/josewyatt/jose_logo.png) center no-repeat; height: 76px; padding-top: 20px;}
.line{background: url(/content/images/josewyatt/top-line.png) center no-repeat; height: 15px; padding-top: 0px;}
#menu {padding-top: 0px;}
.menu_bg
{
    background: url(/content/images/josewyatt/menu_bg.png) center no-repeat; 
    height: 37px; 
    margin-top: 1px;
    position: relative;
    text-align: center;
}
div, span, p, td, th, li, a, input, select,h1, h2, h3 { font-family: Arial, Tahoma, Helvetica; color: #575757; }
h4 {font-size:13px; font-family: Arial; color: #9b885e; margin: 0px;}
h3 {font-size:16px; font-family: Arial; color: #9b885e; margin: 0px;}
h2 {font-size:20px; font-family: Arial; color: #9b885e; margin: 0px;}
a {font-family: Arial; color: #c0a873; font-size: 12px; text-decoration: none;}
h2 a {font-size: 20px; font-family: Arial; color: #9b885e; margin: 0px;}
h3 a {font-size:16px; font-family: Arial; color: #9b885e; margin: 0px;}
a:hover {color: #a2833e;}
p {margin-bottom: 12px; font-size: 13px; line-height: 1.6;}
img {border: none;}



.menu_nav{
}
.menu_nav ul{
	margin: 0px;
	padding: 0px;
	float: left;
	position: relative;
	left: 50%;
}
.menu_nav div.left ul {
	margin: 0px;
	padding: 0px;
}

.menu_nav em { display: none; margin: 0; padding: 0; line-height: 0px;}
.menu_nav li { float: left; padding: 0px; margin: 0px; list-style-type: none; display: inline; position: relative; right: 49% }
.menu_nav li a.m1 { background: url(/content/images/josewyatt/btn_home.png) no-repeat left top; width: 42px; padding-left: 15px; display: block; height: 30px; }
.menu_nav li a.m2 { background: url(/content/images/josewyatt/btn_about.png) no-repeat left top; width: 60px; padding-left: 15px; display: block; height: 30px; }
.menu_nav li a.m3 { background: url(/content/images/josewyatt/btn_news.png) no-repeat left top; width: 75px; padding-left: 15px;display: block; height: 30px; }
.menu_nav li a.m4 { background: url(/content/images/josewyatt/btn_photo.png) no-repeat left top; width: 88px; padding-left: 15px;display: block; height: 30px; }
.menu_nav li a.m4_sub {color: #FFF; margin: 5px 0 0 0; padding: 0 7px 0 2px }
.menu_nav li a.m5 { background: url(/content/images/josewyatt/btn_video.png) no-repeat left top; width: 88px; padding-left: 15px;display: block; height: 30px; }
.menu_nav li a.m6 { background: url(/content/images/josewyatt/btn_blog.png) no-repeat left top; width: 37px; padding-left: 15px;display: block; height: 30px; }
.menu_nav li a.m7 { background: url(/content/images/josewyatt/btn_contact.png) no-repeat left top; width: 71px; padding-left: 15px;display: block; height: 30px; }
.menu_nav li:hover { background-position: left -53px; }

/*.menu_nav li:hover div.left { display: block; }*/

.menu_nav li div.left a:hover {text-decoration: none; color: #dbc188;}
.menu_nav li div.left 	
{
    background: url(/content/images/josewyatt/menu_over_bg_left.png) no-repeat left top;
    display: none;
    position: absolute; 
    top: 31px;   
}
.menu_nav li div.right 	
{
    background: url(/content/images/josewyatt/menu_over_bg_right.png) no-repeat right top;
    display: block; 	
}

.menu_nav li div.inner
{
	margin: 0 25px 0 25px;			
	display: block; 	
	width: auto;
	height: 34px;  
	padding: 6px 0 0 0;	
	background: url(/content/images/josewyatt/menu_over_bg.png) repeat-x 10px top;
	color: #fff;
	text-decoration: none;
}

/*ABOUT */
#profil{}
#profil-pic{
	float: left;
	margin-top: 10px;
	width: 400px;
}
#profil-word{
	float: right;
	width: 340px;
	margin-top: 10px;
	margin-right: 0px;
}
#profil-word p {margin-bottom: 12px; font-size: 13px; line-height: 1.6;}
#crew-page{width: 100%; margin-top: 10px;}
.crew-left {float: left; width: 300px; margin-left: 0px; height: 450px; margin-top: 10px;}
.crew-right {float: right; width: 380px; margin-right: 15px; height: 200px; margin-top: 5px;}
#crew-page p {margin-top: 20px; font-size: 15px;}
.crew-left p {margin-top: 50px; font-size: 15px; font-weight: bold; line-height: 1.6;}
.crew-right p {margin-top: 10px; font-size: 15px; line-height: 1.6;}
#crew-nav{width: 100%; text-align: center; padding-top: 0px;}
.crew-nav-content{padding-left: 20%; padding-right: 20%;}
.profil-word_quote {font-style: italic;}


/* SLIDESHOW for LANDING PAGE */
#slide 
{
	background: url(/content/images/josewyatt/slide_bg.png) center no-repeat; 
	height: 450px; width: 684px;
	margin: -10px auto -20px;
	overflow: hidden;

}
	
	.fade-box {
		width: 659px;
		height: 380px;
		position: absolute;
		text-align:center;		
	}

#image-container {
width: 330px;
height: 200px;
background: url(images/fade-image-bg.gif);
background-position:center;
background-repeat:no-repeat;
margin-top: 35px;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 12px;						
}

#gallery 
{		
	width: 617px;
	margin: 0 auto;
	padding-top: 20px;
	overflow: hidden;
	text-align: center;
	position: relative;		
}

#carousel-wrapper {
    margin: 0 19px;        
    overflow: hidden; 
    border-top: solid 1px #D0D0D0;   
    border-bottom: solid 1px #D0D0D0;  
}
#carousel-content {
    width: 20500px;
    padding: 9px 0;    
    overflow: hidden;
}
#carousel-content .slide {
    float: left;
    width: 572px;
}

#gallery #preview-container .ico-next {
	position:absolute;
	right: -10px;
	bottom: 15px;
}

#gallery #preview-container .ico-prev{
	position:absolute;
	left: -10px;
	bottom: 15px;
}

#gallery .slide 
{
	height: 48px;
	overflow: hidden;	
}

#gallery .slide img
{
	margin: 0 1px;
	cursor: pointer;
	border: solid 1px #ccc;	
}
#gallery #preview-container
{
	/* 596 x 398 */
	height: 416px;	
	margin-bottom: 40px;

	overflow: hidden;	
}
#video_preview 
{
	padding: 8px 0 0 0;
}
#gallery #preview-container img
{
	margin: 10px;		
}

#top {
	background: url(/content/images/josewyatt/blog-contentbg-top.png) no-repeat; width: 884px;
	margin: 0 auto;
	padding-top: 3em;
	overflow: hidden;
	width: 884px;
	height: 0px; /* IE */	
}
#bottom {
	background: url(/content/images/josewyatt/blog-contentbg-bottom.png) no-repeat; width: 884px;
	margin: 0 auto;

	padding-bottom: 30px;
	overflow: hidden;
	width: 884px;
	height: 0px; /* IE */
}	

/* CONTACT */
#contact-address{width: 320px; float: left; margin-left: 50px;}
#contact-address ul {margin: 15px 0 0 5px; padding: 0px; }
#contact-address li 
{   
    list-style-type: none;
    list-style-position: outside;    
    width: 250px;     
}
#contact-address strong {font-size: 13px; background: url(/content/images/josewyatt/nav_point.png) no-repeat left top; padding: 2px 0 0 25px }
#contact-address p {margin: 5px 0 10px 25px; font-size: 1.2em; line-height: 1.2;}
	
#contact-email{width: 350px; padding-right: 50px; padding-top: 40px; float:right;}
#line_contact {background: url(/content/images/josewyatt/line_contact.png) repeat-y; height: 400px; width: 10px; margin-top: 40px; margin-left: 0px; float: left;}
.submit{margin-left: 0px;}


/* BLOG */
#content {
	background: url(/content/images/josewyatt/blog-contentbg-mid.png) repeat-y;
	margin: 0 auto;
	padding-top: 0px;   
	width: 884px;
}
.post {padding: 0 2em 2em 3.5em; overflow: hidden; clear: both;}
.post-content{width: 600px; float: left; margin: 0px;}
.post-content { margin-bottom: 1em; font-size: 1.1em; line-height: 1.6; }
.post-content img {}
.right-nav{width: 205px; padding-right: 10px; float:right;}
.blog-search-box{background: url(/content/images/josewyatt/search_box.png) no-repeat; width: 164px; height: 30px; float: left;}
.blog-search-button{background: url(/content/images/josewyatt/search_btn.png) no-repeat; width: 33px; height: 30px; float: right;}
.search-box{border: 0px; width: 150px; height: 18px; font-size: 11px; margin: 6px 0 0px 7px;}
.search-button{background: url(/content/images/josewyatt/search_btn.png) no-repeat;}


/* CALENDAR */
#blog-calendar{margin-top: 70px;}
.calendar-content{width: 225px; height: 200px; border: 1px #999 solid;}
table.calendar {
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	width: 100%;
	background: #fff;
}
table.day {
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	width: 100%;
	background: #fff;
}
table.dayheader 
{
    margin: 5px 0 0 0;
	padding: 0px;
	border-collapse: collapse;
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	width: 100%;
	background: #fff;
}
table.calendar td {width: 10px; padding: 3px 0px; text-align: center; margin: 0px 2px; border: 1px #ccc solid; }
table.calendar td.on { background-color: #927536; }
table.day td {width: 10px; padding: 3px 0px; text-align: center; margin: 0px 2px; border: none; }
table.dayheader td { padding: 3px 0px; text-align: center; margin: 0px 2px; border: none; }
table.dayheader td #cal_prev { margin-left: 5px; width: 15%; }
table.dayheader td #cal_next { margin-right: 5px; width: 15%; } 


.nav_line{background:url(/content/images/josewyatt/nav_line.png) no-repeat; width: 200px; height: 6px;}
.nav_point{margin: 8px 5px 0px 5px; background: url(/content/images/josewyatt/nav_point.png) no-repeat; width: 25px; height: 15px;}
.blog_nav {margin-top: 60px;}
/*.blog_nav ul {list-style: none; margin-left: 0px;}
.blog_nav li {list-style-image:url(/content/images/josewyatt/nav_point.png); margin: 5px 0 0 0; width: 150px;}
.blog_nav .comment-text { font-style: italic; }*/
#category-list h3 {margin-top: 30px;}
#category-list ul { margin: 10px 0 0 7px; padding: 0px; }
#category-list ul li {margin:0 0 10px 0; width: 180px; list-style-type: none; list-style-position: outside;}
#category-list ul li a { background: url('/content/images/josewyatt/nav_point.png') no-repeat left top; padding: 2px 0 0 25px; }

#recent-comments h3 {margin-top: 30px;}
#recent-comments ul { margin: 10px 0 0 7px; padding: 0px; }
#recent-comments ul li {background: url('/content/images/josewyatt/nav_point.png') no-repeat left top; padding: 2px 0 0 25px; margin:0 0 10px 0; width: 180px; list-style-type: none; list-style-position: outside; }
#recent-comments ul li .title a { font-weight: bold; }
#recent-comments ul li .comment-text a { font-style: italic; background: none; padding: 0px; font-weight: normal; }


/* COMMENT */
#comment{margin-top: 20px;}
.comment-list { border-top: dotted 1px #ccc; }
.comment-list ul { margin: 0; padding: 0; list-style-type: none; }
.comment-list ul li { border-bottom: dotted 1px #ccc; padding: 3px 0;}
.comment-list .byline { font-size: 0.9em}
.comment-list .byline b { color: #990000; font-weight: bold; }
.comment-list .comment-text { margin: 0 0 4px 0; }
#comment-box {margin-top: 30px;}
#comment-box ul { margin: 0px; padding: 0px; }
#comment-box ul li { list-style-type: none; list-style-position: outside }
#comment-box .comment-text a { font-style: italic; text-decoration: none; }
#comment-box .title { font-weight: bold }


div.row {
	clear: both;
	width: 100%;
}

.col1 {
	text-align: left;
	width: 135px;
	height: 31px;
	margin: 0;
	float: left;
	margin-right: 2px;
	background: url(/content/images/josewyatt/bg_label.gif) no-repeat;
}

.col2 {
	width: 195px;
	height: 31px;
	display: block;
	float: left;
	margin: 0;
	background: url(/content/images/josewyatt/bg_textfield.gif) no-repeat;
}

/* PAGING */
ul#pager { margin: 0; padding: 0; list-style-type: none; }
ul#pager li { display: inline; margin: 0 3px 0 0; }
ul#pager li span { font-weight: bold; }
#pager { text-align: center; display: block; overflow: hidden;  }
#pager ul {margin: 0px; padding: 0px; }
#pager ul li { list-style-type: none; list-style-position: outside; margin: 0 4px 0 0; display: inline}

.simple-form { width: 100%; margin-top: 20px;}
.simple-form ul { margin: 0; padding: 7px; list-style-type: none; }
.simple-form ul li { display: block; margin: 0 0 7px 0; overflow: hidden; }
.simple-form ul li label { float: left; width: 100px; margin: 0 7px 0 0; font-weight: 600; color: #323232; }
.simple-form input,  .simple-form textarea { width: 250px; border: #c0a873 1px solid;}
.simple-form select { width: 250px; border: #c0a873 1px solid;}
.simple-form input,  .simple-form textarea { width: 250px; border: #c0a873 1px solid;}
.simple-form .submit input { width: auto }

#footer {text-align: center; padding: 20px 0 0px 0px ; color: #575757; font-size: 10px; margin-bottom:0px;}
#footer p { color: #575757; font-size: 10px; margin: 0px; padding: 0px; }
#footer a { font-size: 10px; color: #575757; }


#image-wrapper, #video-wrapper { width: 590px; }
#image-wrapper .thumb, #video-wrapper .thumb { padding: 3px; border: solid 1px #ccc; margin: 0 0 12px 0; text-align: center}
.paragraph { margin: 12px 0; font-size: 13px; line-height: 1.6; }
.post-content .more { padding: 0 0 12px 0; font-weight: bold; display: block; }
.post .body { font-size: 13px; line-height: 1.6; margin: 7px 0; }
.blog-post-list ul { margin: 0px; padding: 0px }
.blog-post-list ul li { list-style-type: none; list-style-position: outside; padding: 0 0 6px 0; clear: right; }
#related-content ul { margin: 0px; padding: 0px }
#related-content ul li { list-style-type: none; list-style-position: outside }

/* EVENT */
#event-date {
	text-align:center; margin-bottom: 10px;
}
#event-list { margin: 7px 0; }
#event-list ul { margin: 0px; padding: 0px }
#event-list ul li { list-style-type: none; list-style-position: outside; border-bottom: 1px dotted #9b885e; padding: 5px 0; margin: 0 0 0 0px; clear: right; overflow: hidden }
#event-list h3 a { background: url(/content/images/josewyatt/nav_point.png) no-repeat;  padding: 0 0 0 27px; }
#event-list .date { padding: 0 0 0 27px; }

.share{ float: right; display: block; margin: 0 10px 0 0; }
.share ul { margin: 5px 0 0 0px; padding: 0; list-style: none;}
.share ul li { float: left; margin: 0 0 0 15px; padding: 0; list-style: none; border: none !important; }
.share li.facebook, li.tweeter { margin: 0 0 0 5px !important; }
.facebook a { background: url(/content/images/josewyatt/facebook.png) no-repeat !important; width: 20px; height: 20px; }
.tweeter a { background: url(/content/images/josewyatt/tweeter.png) no-repeat !important; width: 20px; height: 20px; }
.share li.facebook a, .share li.tweeter a { text-indent:-2000em; display:block; overflow:hidden; text-decoration: none; }

#search-result { margin: 7px 0; }
#search-result ul { margin: 0px; padding: 0px }
#search-result ul li { list-style-type: none; list-style-position: outside; border-bottom: 1px dotted #9b885e; padding: 5px 0; margin: 0 0 0 0px}
#search-result h3 a { background: url(/content/images/josewyatt/nav_point.png) no-repeat;  padding: 0 0 0 27px; }
#search-result .date { padding: 0 0 0 27px; }

.form .calendar img { vertical-align: top; }

.form .enquiry { margin-left: 39% }
.form input { width: 160px; font-family: Arial; font-size: 11px }
.form select { width: 165px; font-family: Arial; font-size: 11px }