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

body {
	background: url(images/background_buttermedia_wedding_photography.png) no-repeat;
}

#container {
	width: 850px;
	height: 100%;
}
#header {
	background: url(images/header.png) no-repeat;
	height: 115px;
	width: 850px;
}
#topnav {
	width: 850px;
	height: 28px;
	background: #aaaaa9;
}
#content {
	width: 850px;
	height: 550px;
	background: #dbdbda;
}
#bottomnav {
	width: 850px;
	height: 28px;
	background: #aaaaa9;
}
#text {
	width: 850px;
	height: 100px;
}
p {
	text-align: left;
	font: .75em/1.3em Century Gothic, Arial, Helvetica, sans-serif;
	color:#333333;
}
p a:link, p a:visited, li a:link, li a:visited{
	color: #333333;
	text-decoration: none;

}
p a:hover {
 	color: #666666;
}

#locations {
	text-align: left;
	font: .75em/1.3em Century Gothic, Arial, Helvetica, sans-serif;
	color:#333333;
}
#locations a:link, #locations a:visited, li a:link, li a:visited{
	color: #333333;
	text-decoration: none;

}
#locations a:hover {
 	color: #666666;
}
#swirl {
	background: url(images/swirl.png) no-repeat;
	height: 50px;
	width: 200px;
}
#footer {
	width: 850px;
	height: 100%;
}
h1 {
	font: .7em Century Gothic, Arial, Helvetica, sans-serif;
	color:#333333;
	text-decoration: none;
}
h1 a:link, h1 a:visited, h1 a:link, h1 a:visited{
	color: #333333;
	text-decoration: none;

}
h1 a:hover {
 	color: #666666;
	text-decoration: none;
}
h2 {
	font: 1.6em Century Gothic, Arial, Helvetica, sans-serif;
	color:#333333;
	text-decoration: none;
	text-align:left;
	margin-top: -5px;
}
h3 {
	text-align: left;
	font: .9em Century Gothic, Arial, Helvetica, sans-serif;
	color:#333333;
	margin-top: 0px;
	}
h4 {
	text-align: left;
	font: .9em Century Gothic, Arial, Helvetica, sans-serif;
	color:#333333;
	margin-bottom: -10px;
	}
h5 {
	text-align: left;
	font: .7em/1.3em Century Gothic, Arial, Helvetica, sans-serif;
	color:#333333;
	margin-top: 10px;
	}	
#nav {
	font: 1em Century Gothic, Helvetica, sans-serif;
	color:#333333;
	display: block;
	width: 850px;
	height: 25px;
	
}
#nav a:link, #nav a:visited{
	color: #ffffff;
	text-decoration: none;

}
#nav a:hover {
 	color: #333333;
}
#navcontainer
{
margin-top: 10px;
padding: 0;
height: 28px;
width: 850px
}

#navcontainer ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li
{
display: block;
float: left;
text-align: center;
padding: 0;
margin-left: 0px;
border-right: 1px solid #ffffff;
}

#navcontainer ul li a
{
width: 105.25px;
height: 25px;
padding: 0;
margin: 0;
color: #ffffff;
text-decoration: none;
display: block;
text-align: center;
font: 1em bold verdana, lucida, sans-serif;
}

#navcontainer ul li a:hover
{
color: #333333;
}

#navcontainer a:active
{
color: #333333;
}

#navcontainer li#active a
{
color: #333333;
}

#nav {
	font: 1em Century Gothic, Helvetica, sans-serif;
	color:#333333;
	display: block;
	width: 850px;
	height: 25px;
	
}
#nav a:link, #nav a:visited{
	color: #ffffff;
	text-decoration: none;

}
#nav1 a:hover {
 	color: #333333;
}
#navcontainer1
{
padding: 0;
height: 28px;
width: 850px
}

#navcontainer1 ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer1 ul li
{
display: block;
float: left;
text-align: center;
padding: 0;
margin-left: 0px;
border-right: 1px solid #ffffff;
}

#navcontainer1 ul li a
{
width: 120.424px;
height: 28px;
padding: 0;
margin: 0;
color: #ffffff;
text-decoration: none;
display: block;
text-align: center;
font: 1em bold verdana, lucida, sans-serif;
}

#navcontainer1 ul li a:hover
{
color: #333333;
}

#navcontainer1 a:active
{
color: #333333;
}

#navcontainer1 li#active a
{
color: #333333;
}




#nav2 {
	font: .9em bold verdana, lucida, sans-serif;
	color:#333333;
	display: block;
	width: 350px;
	height: 20px;
	background: #dbdbda;
	float: left;
	
}
#nav2 a:link, #nav2 a:visited{
	color: #333333;
	text-decoration: none;
	background: #dbdbda;

}
#nav2 a:hover {
 	color: #333333;
	background: #ffffff;
}
#navcontainer2
{
padding: 0;
height: 20px;
width: 350px
}

#navcontainer2 ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer2 ul li
{
display: block;
float: left;
text-align: center;
padding: 0;
margin-left: 0px;

}

#navcontainer2 ul li a
{
width: 70px;
height: 20px;
padding: 0;
margin: 0;
color: #ffffff;
text-decoration: none;
display: block;
text-align: center;
font: .9em bold verdana, lucida, sans-serif;
}

#navcontainer2 ul li a:hover
{
color: #333333;
}

#navcontainer2 a:active
{
color: #333333;
background: #ffffff;
}

#navcontainer2 li#active a
{
color: #333333;
background: #ffffff;
}




#faqleft {
width: 300px;
height: 550px;
float: left;
}
#faqright {
width: 550px;
height: 550px;
float: right;
overflow: auto;
}
#faqrightcontent {
width: 510px;
height: 530px;
margin: 10px;
}

#faq ul {
	color: #333333;
	text-align:left;
	font: 12px/1.2em Century Gothic, Arial, Helvetica, sans-serif;
}
#styles ul {
	color: #333333;
	text-align:left;
	font: 12px/1.2em Century Gothic, Arial, Helvetica, sans-serif;
}
#contactleft {
width: 300px;
height: 550px;
float: left;
}
#contactright {
width: 550px;
height: 550px;
float: right;

}
#contactrightcontent {
width: 510px;
height: 530px;
margin: 10px;
}


#aboutcontent {
	width: 600px;
	height: 510px;
	padding: 20px;
	float: left;
	overflow: auto;
}
#aboutright {
	width: 210px;
	height: 510px;
	float: right;
}

#whowearecontent {
	width: 810px;
	height: 510px;
	padding: 20px;
	overflow: auto;
}
#linkscontent {
	width: 820px;
	height: 510px;
	padding: 20px 15px;
}
#infoandlinks {
	width: 780px;
	height: 400px;
	padding: 20px;
	background: #ffffff;
}
#infoandlinksvenue {
	width: 820px;
	height: 440px;
	background: #ffffff;
}
#venuesleft {
	width: 460px;
	height: 400px;
	float: left;
	padding: 20px;
}
#venuesright {
	width: 320px;
	height: 440px;
	float: right;
}


#infoandlinkslocations {
	width: 820px;
	height: 440px;
	background: #ffffff;
}
#locationsleft {
	width: 420px;
	height: 400px;
	float: right;
	padding: 20px;
}
#locationsright {
	width: 360px;
	height: 440px;
	float: left;
}
#tablefont {
font: 12px/1.2em Century Gothic, Arial, Helvetica, sans-serif;
}


table {
	margin: -30px;
}
#testimonialscontent {
	width: 810px;
	height: 510px;
	padding: 20px;
	overflow: auto;
}

#indtestimonial {
	font: 12px/1.2em Century Gothic, Arial, Helvetica, sans-serif;
	color: #333333;
	text-align:left;
	border-bottom:dotted #ffffff;
}