/* 
Title:			{Fete} screen style
Author:		28media
Author URI:		http://28media.com
*/
@import url("flexcrollstyles.css");
/* reset================================================= */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}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 {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}

/* general================================================= */
html {
	height: 100%;
}
body {
	font: 0.625em/1em Georgia, Times New Roman, serif;
	background-color: #E8F580;
	line-height: 1.25em;
	height: 100%;
}
p {
	font: 1.15em/1em georgia;
	color: #858585;
	line-height: 1.8em;
}
em {
	font-style: italic;
}
p + p {
	margin-top: 0 
}
a {
	color: #336600;
	text-decoration: none;
	outline: none;
}
a:hover {
	border-bottom: 1px dotted #336600;
}
/* classes================================================= */
.clearfix {
	display:inline-block;
}
.clearfix:after {
	display:block; 
	visibility:hidden; 
	clear:both; 
	height:0; 
	content: "."; 
}

/* structure================================================= */
#main {
	width: 1000px;
	height: 650px;
	background: #E8F580 url(../images/background.gif) no-repeat scroll top center;
	margin: 0 auto 0 auto;
	clear: both;
	position: relative;
}
#main_wrapper {
	margin: 0 auto 0 auto;
	height: 500px;
	padding-top: 21px;
	width: 850px;
}
#content_wrapper {
	width: 850px;
	height: 375px;
	margin: 0 auto 0 auto;
	display: block;
	position: relative;
}
#right_column {
	float: right;
	width: 50%;
}
#left_column {
	float: left;
	width: 50%;
}
#right_column_wrapper {
	position: relative;
}
#skiplink {
	float:left;
	height:50%;
	margin-top:-325px;
	width:100%;
	color: #000;
}

/* header================================================= */
#main_logo  a:hover {
	border: none;
}
#main_logo  a {
	background: url(../images/fete_logo.gif) no-repeat center center;
	display: block;
	width: 96px;
	height: 122px;
	text-indent: -9999px;
	margin: 0 auto 0 auto;
	text-align: center;
	outline: none;
}
#menu {
	margin-top: 21px;
}
#menu ul {
	width: 100%;
	margin-bottom: 25px;
}
#menu ul li {
	float: left;
}
#menu ul li a:hover {
	border: none;
}
#menu ul li a {
	display: block;
	height: 34px;
	width: 170px;
	text-align: center;
	text-indent: -9999px;
	background: transparent url(../images/menu.gif) no-repeat;
	outline: none;
}

/* Menu Positions */
li#bio_menu a:link, li#bio_menu a:visited {background-position: 0px 0px;}
li#bio_menu a:hover, li#bio_menu a:focus  {background-position: 0px -68px;}
body#bio  #menu ul li#bio_menu a  {background-position: 0px -34px;}

li#what_menu a:link, li#what_menu a:visited {background-position: -170px 0px;}
li#what_menu a:hover, li#what_menu a:focus  {background-position: -170px -68px;}
body#what #menu ul li#what_menu a  {background-position: -170px -34px;}

li#wedding_menu a:link, li#wedding_menu a:visited {background-position: -340px 0px;}
li#wedding_menu a:hover, li#wedding_menu a:focus  {background-position: -340px -68px;}
body#wedding #menu ul li#wedding_menu a  {background-position: -340px -34px;}

li#gallery_menu a:link, li#gallery_menu a:visited {background-position: -510px 0px;}
li#gallery_menu a:hover, li#gallery_menu a:focus  {background-position: -510px -68px;}
body#gallery #menu ul li#gallery_menu a  {background-position: -510px -34px;}


li#contact_menu a:link, li#contact_menu a:visited {background-position: -680px 0px;}
li#contact_menu a:hover, li#contact_menu a:focus  {background-position: -680px -68px;}
body#contact #menu ul li#contact_menu a  {background-position: -680px -34px;}

/* Home================================================= */
body#home #content_wrapper {
	width: 800px;
}
body#home #content_wrapper div#home_message p {
	background: url(../images/home_message.png) no-repeat top center;
	display: block;
	height: 135px;
	width: 800px;
	text-indent: -9999px;
	position: absolute;
	top: 102px;
	z-index: 2;	
}
ul#rotate {
	z-index: 1;
}
/* Footer================================================= */
#footer { 
	margin: 15px 0 40px 0; 
	color: #858585;
	text-transform: uppercase;
	text-align: center;
}
#footer a:hover {
	border:none;
}
#footer a {
	margin: 0 auto 0 auto;
	background: url(../images/footer_info.gif) no-repeat center center;
	width: 125px;
	height: 33px;
	display: block;
	text-indent: -9999px;
}

/* Bio ================================================= */
body#bio #content_wrapper {
	background: url(../images/background_bio.gif) no-repeat top center;
	width: 800px;
}
body#bio #right_column_wrapper {
	padding: 11px 21px 21px 11px;
	overflow-y: scroll;
	height: 300px;
	width: 360px;
	margin-top: 10px;
}
body#bio #right_column p {
	font-size: 120%;
	line-height: 1.6em;
	margin-bottom:1em;
}
body#bio #right_column img {
	float: left;
	border: 6px solid #ffffff;
	margin: 0 11px 0 0;
}
body#bio #left_column ul li a{ 
	text-decoration: none;
	color: #6EB252;
}
body#bio #left_column ul{
	margin-top: 32px;
}
body#bio #left_column ul li{
	font-size: 120%;
	margin-bottom: 13px;
}
li#current_bio {
	background: url(../images/current_bio_line.gif) repeat-x center left;
	margin-right: 8px;
}
body#bio #left_column li#current_bio a {
	background-color: #ffffff;
	padding-right: 10px;
	color: #336600;
}
.first_paragraph {
	padding-top: 4px;
}
/* What we do & Weddings================================================= */
body#what #content_wrapper, body#wedding #content_wrapper {
	background: url(../images/background_what.gif) no-repeat top center;
	width: 800px;
	height: 360px;
}
body#what #content, body#wedding #content {
	height: 360px;
	padding-top: 15px;
}
body#what #left_column img, body#wedding #left_column img {
	margin: 8px 0 0 33px;
}

body#wedding #left_column img{
	text-decoration:none;
	outline:none;
}

body#what #right_column p, body#wedding #right_column p {
	margin-bottom: 11px;
}
body#what #right_column #services {
	margin-bottom: 11px;
}
body#what #right_column h2 {
	background: url(../images/what_we_do.gif) no-repeat center center;
	display: block;
	width: 323px;
	height: 38px;
	margin: 0 auto 0 auto;
	text-indent: -9999px;
}
#pdf_download {
	position:absolute;
	top:272px;
}
#pdf_download a:hover {
	border: none;
}
#pdf_download a {
	background: url(../images/pdf_download.gif) no-repeat center center;
	display: block;
	width: 396px;
	height: 36px;
	text-indent: -9999px;
}
/* Gallery================================================= */

body#gallery #content_wrapper {
	background: url(../images/background_contact.gif) no-repeat top right;
	width: 800px;
}

body#gallery #thumbnails {
	width: 320px;
	margin-left: 10px
}
body#gallery #content_wrapper {
	width: 800px;
}
body#gallery #right_column #image_container {
	position: absolute;
	width: 435px;
	bottom: 34px;
	line-height: 320px;
}
body#gallery #right_column #image_container img {
	margin: 0 auto 0 auto;
}
body#gallery #right_column {
	float: right;
	width: 435px;
	text-align: center;
	position: relative;
	height: 350px;
	margin-right: 20px;
}
body#gallery #left_column {
	float: left;
	width: 340px;
	padding-top: 30px;
}
body#gallery ul.gallery_images {
	width: 320px;
}
p.nav {
	text-align: center;
	width: 210px;
	margin: 0 auto 0 auto;
}
p.nav a:hover {
	text-decoration: none;
	border-bottom: none;
}
p.nav ul li {
	float: left;
	width: 29px;
}
p.nav span#page_numbering {
	float: left;
	width: 60px;
	color: #669900;
}
p.nav a.prev, p.nav a.prevImage, p.nav a.nextImage, p.nav a.next {
	display: block;
	width: 29px;
	height: 13px;
	text-indent: -9999px;
	float: left;
	margin-top: 4px;
}
p.nav a.prev {
	background: url(../images/prev_page.gif) no-repeat center center;
}
p.nav a.prevImage {
	background: url(../images/prev.gif) no-repeat center center;
}
p.nav a.nextImage {
	background: url(../images/next.gif) no-repeat center center;
}
p.nav a.next {
	background: url(../images/next_page.gif) no-repeat center center;
}

#rotate li+li {
    display: none;
}

/* Case Studies================================================= */
body#case #content_wrapper {
	background: url(../images/background_case.gif) no-repeat top right;
	width: 800px;
}
#main_photo {
	width: 400px;
	text-align: center;
}
#main_photo img {
	margin: 0 auto 0 auto;
}
ul#case_headings {
	margin: 12px 0 0 9px;
	height: 40px;
}
ul#case_headings li {
	float: left;
	width: 130px;
	text-align: center;
	padding-top: 15px;
}
ul#case_headings li a:hover {
	border: none;
}
ul#case_headings li a {
	height: 100%;
	font-family: verdana, helvetica, sans-serif;
	color: #858585;
	display: block;
}

ul#case_info {
	width: 260px;
	margin: 0 0 0 120px;
	font: 1.2em/1em georgia;
	color: #43897C;
	line-height: 1.6em;
	padding-top: 7px;
}
ul#case_info #case_client, ul#case_info #case_what, ul#case_info #case_where {
	height: 33px;
	display: block;
	line-height: 34px;
}
ul#case_info #case_did {
	margin-top: 8px;
	line-height: 1.5em;
}
span.client_name {
	font-style: italic;
}
/* Contact Us================================================= */
body#contact #content_wrapper {
	background: url(../images/background_contact.gif) no-repeat top center;
	width: 800px;
}
body#contact #content_wrapper #contact_info a {
	color: #189B3A;
}
body#contact #content_wrapper #contact_info {
	width: 300px;
	margin: 0 auto 0 auto;
	text-align: center;
	padding-top: 55px;
	color: #189B3A;
}
body#contact #content_wrapper #contact_info h2 {
	font: 2.1em/1em georgia;
}
body#contact #content_wrapper #contact_info dl {
	font: 1.5em/1em georgia;
	line-height: 1.2em;
}
body#contact #content_wrapper #contact_info dt {
	margin-top: 22px;
	font-style: italic;
}
/* Working Page ================================================= */
/* Delete after case studies is put live*/
p.working {
	font: 2.1em/1em georgia;
	line-height: 1.2em;
	color: #189B3A;
	text-align: center;
	width: 300px;
	margin: 0 auto 0 auto;
	padding-top: 55px;
}
body#case #content_wrapper {
	background: url(../case_studies/temp.gif) no-repeat top right;
	width: 800px;
}