/* 
** flowertree - default stylesheet
** This CSS file makes the website look pretty ;-)
** 
** Nov 18, 2006 - (version 1.0)
** 
** This is a part of the open source layout by 
** Jonas John (www.jonasjohn.de) !
*/

/* page overall: */

body,div,p,img,form,h1,h2,h3,h4,h5,h6 { 
    margin: 0; 
    padding: 0; 
    border: 0;
}

ul {
	padding-left: 2em;	
}

body {
	/* BG-Color: */
	background-color: #D4D0C8;
	text-align: center;
}

.page {
	/* Page width: */
	width: 900px;
}
#pagebook {
	/* Page width: */
	width: 900px;
}
#logo {
	margin: 0 auto;
	text-align: left;
	font-family: Verdana, Arial;
	font-size: 1.2em;	
	margin-bottom: 0.2em;
	letter-spacing: -0.01em;
}

#logo a:link, #logo a:visited, #logo a:hover, #logo a:active {
	text-decoration: none;
	/* logo color 1: */
	color: #C43917;
}

#logo_black {
	/* logo color 2: */
	color: #000000;
}

#sub_logo {
	margin: 0 auto;
	text-align: left;
	color: #99846E;
	font-family: Verdana, Arial;
	font-size: 0.7em;
	padding-bottom:5px;
	/*width:310px;
	float:left;*/
}



/* menu: */


#menu {
	margin: 0 auto;
	/*padding-bottom:5px;*/
	text-align:right;
	color: #55301a;
	font-family: Verdana, Arial;
	font-size: 1.2em;
	float:right;
	width:500px;
	/*margin-top: 0.3em;*/
}

/* link colors */
#content a:link, a:visited{
	color: #0000aa;
	text-decoration:underline;
}

#content a:hover, a:active {
	color: #33201D;
	text-decoration:underline;
}

#contentfull a:link, a:visited{
	color: #0000aa;
	text-decoration:underline;
}

#contentfull a:hover, a:active {
	color: #33201D;
	text-decoration:underline;
}

/* venue link colors */
#venue a:link, a:visited{
	color: #55301a;
	/*font-size:14px;*/
	text-decoration:none;
}

#venue a:hover, a:active {
	color: #000000;
	/*-size:14px;*/
	text-decoration:none;
}




#sidebar a:visited, a:link{
	color: #5530bf;
	text-decoration: none;
}

#sidebar a:active {
	color: #C2361D;
	text-decoration: none;
}

#sidebar a:hover {
	color: #C2361D;
	text-decoration: none;
}

#menu a:visited, a:link{
	color: #55301a;
	text-decoration: none;
}

#menu a:active {
	color: #C2361D;
	text-decoration: none;
}

#menu a:hover {
	color: #C2361D;
	text-decoration: none;
}


#padding {
	padding: 1em;
}

#innerpage {
	/* Background image: */
	/*background-image: url("../images/wedding-photography-liz.jpg");
	background-repeat: no-repeat;
	background-position:center;*/
	padding: 0em;
	height: 45em;
	width:900px;
}

/*
 Styles that apply to the 
 content area:
*/
#contentbox {
	background-color: #ffffff;                
	margin: 0 auto;
	text-align: left;
	width:900px;
	height: 85em;
}

#contentbox h1{
	font-weight:bold;
}

#contentboxpackages {
	background-color: #ffffff;                
	margin: 0 auto;
	text-align: left;
	width:900px;
	height: 0em;
}
#contentboxdetails {
	background-color: #ffffff;                
	margin: 0 auto;
	text-align: left;
	width:900px;
	height: 80em;
}
#contentboxcontact {
	background-color: #ffffff;                
	margin: 0 auto;
	text-align: left;
	width:900px;
	height: 0em;
}
#contentboxclient {
	background-color: #ffffff;                
	margin: 0 auto;
	text-align: left;
	width:900px;
	height: 1em;
}
#contentboxlinks {
	background-color: #ffffff;                
	margin: 0 auto;
	text-align: left;
	width:900px;
	height: 1em;
}
#contentboxbook {
	background-color: #ffffff;                
	margin: 0 auto;
	text-align: left;
	width:950px;
	height: 1em;
}
#contentboxpics {
	background-color: #ffffff;                
	margin: 0 auto;
	text-align: left;
	width:950px;
	height: 1em;
}
#content {
	background-color: #ffffff; 
	/*filter: Alpha(opacity=70); 
	opacity: .7; */
	float: left; 
	width:520px;
	padding: 1em 0 0 3em;
	font-family: Verdana, Arial;
	font-size: 0.8em;
	/*overflow: auto;*/
}

#contentfull {
	background-color: #ffffff; 
	/*filter: Alpha(opacity=70); 
	opacity: .7; */
	padding: 3em;
	font-family: Verdana, Arial;
	font-size: 0.8em;
	/*overflow: auto;*/
}

#content p,ul {
	font-size: 0.9em;
}

/* heading */
#content h1 {
	font-size: 1.3em;
	font-family: Verdana, Arial;
	margin-top: 0.2em;
	margin-bottom: 0.3em;
	color: #55301a;
	font-weight:bold;
}
#content h3 {
	font-family: Verdana, Arial;
	margin-top: 0.2em;
	margin-bottom: 0.3em;
	color: #55301a;
	font-weight:bold;
}
#contentfull p {
	font-size: 0.9em;
}

/* heading */
#contentfull h1 {
	font-size: 1.3em;
	font-family: Verdana, Arial;
	margin-top: 0.2em;
	margin-bottom: 0.3em;
	color: #55301a;
	font-weight:bold;
}
#contentfull h5 {
	font-family: Verdana, Arial;
	margin-top: 0.2em;
	margin-bottom: 0.3em;
	color: #55301a;
	font-weight:bold;
}
#sidebar {
	background-color: #ffffff; 
	/*filter: Alpha(opacity=70); 
	opacity: .7; */
	text-align:center;
	float:right; 
	width:300px;
	height: 94em;
	border-left-style: solid;
	border-left-color: #D4D0C8;
	border-left-width: thin;
	padding: 1em;
	font-family: Verdana, Arial;
	font-size: 0.8em;
	/*overflow: auto;*/
}

#contact {
	text-align:left;
	color: #55301a;
	font-family: Verdana, Arial;
	font-size: 0.8em;
}

#gallerylink {
	margin: 0 auto;
	text-align: left;
	color: #55301a;
	font-family: Verdana, Arial;
	font-size: 0.7em;
	float:left;
}
#contentboxpackages #contentfull p {
	font-family: Verdana, Arial;
}
.social td
{
	text-align:center;
	 style="padding:0px;
	 margin:0px;
}
#copyright
{
	text-align:center;
	font-family: Verdana, Arial;
	font-size: 0.7em;	
}

#slideshow{
	background-color:#000000;
	border:0px;
	height:561px;
	width:900px;
	margin:0px auto 0;
	position:relative;
	
	/*
	-moz-box-shadow:0 0 5px #111;
	-webkit-box-shadow:0 0 5px #111;
	box-shadow:0 0 5px #111;*/
}
#slideshow2{
	background-color:#000000;
	border:0px;
	height:800px;
	width:800px;
	margin:0px auto 0;
	position:relative;
	
	/*
	-moz-box-shadow:0 0 5px #111;
	-webkit-box-shadow:0 0 5px #111;
	box-shadow:0 0 5px #111;*/
}
#slideshow ul{
	height:531px;
	left:23px;
	list-style:none outside none;
	overflow:hidden;
	position:absolute;
	top:0px;
	width:900px;
}

#slideshow li{
	position:absolute;
	display:none;
	z-index:0;
}

#slideshow li:first-child{
	display:block;
	z-index:1000;
}

#slideshow .slideActive{
	z-index:1000;
}

#slideshow canvas{
	display:none;
	position:absolute;
	z-index:10;
}

#slideshow .arrow{
	height:0px;
	width:0px;
	position:absolute;
	background:url('img/arrows.png') no-repeat;
	top:0%;
	margin-top:0px;
	cursor:pointer;
	z-index:5000;
}

#slideshow .previous{ background-position:left top;left:0;}
#slideshow .previous:hover{ background-position:left bottom;}

#slideshow .next{ background-position:right top;right:0;}
#slideshow .next:hover{ background-position:right bottom;}