/* 	Main Stylesheet for CinematicWedding.net
	Original design by www.BogeyWebDesign.com */
body {
	margin: 0px auto 0px auto;
	font-family: "Lucida Grande", Verdana, Halvetica, sans-serif;
	text-align: center;
	background-color:#000;
	color:#000;
}
/* Setting link color and roll-over effects */
a:hover {
	color: #990000;
	text-decoration: underline;
}
a {
	color: #990000;
	text-decoration: none;
}
/* Removing the bullets from the lists */
ul{
	list-style-type:none;
}
/* Setting main alignment as justified */
p{
	text-align:justify;
}
/* Removing padding and border from images */
img{
	padding: 0;
	border:0;
}
/* Setting main containment box */
#contain {
	font-weight: normal;
	margin: 0px auto 0px auto;
	text-align: center;
	height:auto;
}
/* Changing alignment on form page - making the form centered on page */
#form{
	padding:0;
	margin:0;
	text-align:left;
}
/* Changing the standard h2 and p effects for form page */
#form h2{
	color: #993300;
	font-weight: bolder;
	font-size: 14px;
	text-align:center;
}
#form p{
	font-size: 90%;
	line-height: 1.7em;
	color: #666666;
	text-align:center;
}
/* Container for header graphic, setting centering effect */
#top {
	margin: 0 auto;
	height: 215px;
	border-left: 150px solid;
	border-right:150px solid;
}
/* White box container for page content */
#middle {
	border-left: 150px solid #993300;
	border-right:150px solid #993300;
	background-color:#fff;
	width:800px;
}
/* Setting alignment and size for physical address section at bottom of page */
#address{
	clear:both;
	text-align:center;
	font-size:10px;
     	line-height:40px;
	margin:0 auto;
	color:#888;
}
/* Setting alignment and spacing for contact info section */
#contactinfo{
	text-align:right;
	padding-bottom:15px;
}
#contactinfo a{
	color:#888;
}
#contactinfo a:hover{
	color:#990000;
}
/* Creates grey line border below white box */
#bottom {
	margin: 0px auto 0px;
	border-bottom: 5px solid #888;
	width:1100px;
}
/* Setting up top links. */
#nav {
	width: 770px;
	padding: 20px 5px 10px 25px;
	margin: 0px auto;
	color: #999;
	font-weight: normal;
	font-size: 11px;
	text-align: center;

}
/* Removing bullet points and setting spacing between links. */
#nav li {
	list-style: none;
	display: inline;
	margin-right: 90px;
}
/* Setting link appearance. */
#nav a {
	font-size: 10px;
	font-weight: bold;
	color: #999;
	text-decoration: none;
}
/* Link roll-over effect. */
#nav a:hover {
	color: #990000;
	text-decoration: underline;
}
/* Left side box that contains content.  150px right margin set to clear right side box. */
#content {
	padding: 0px 15px 1px 10px;
	margin: 0px 170px 0px auto;
}
/* Right side box.  Sets width, border, font appearance. */
#side {
	float: right;
	margin: 0px 10px 0px 15px;
	width: 200px;
	border-left: 1px dotted #C4D0D7;
	padding: 0px 0px 0px 15px;
	color: #888;
	font-size: 90%;
	height:250px;
}
/* Setting content headers and paragraph settings */
#content h2 {
	color: #993300;
	font-weight: bolder;
	font-size: 14px;
	padding: 0px 35px 0px 10px;
}
#content h2	a:hover{
	color: #990000;
	text-decoration: underline;
}
#content h2 a{
	color: #990000;
	text-decoration: none;
}
#content h3 {
	color: #000000;
	font-size: 10px;
	letter-spacing: .3em;
	padding: 0px 135px 0px 10px;
	text-decoration: underline;

}
#content h4 {
	color: #993300;
	font-weight: bolder;
	font-size: 12px;
	padding: 0px 35px 0px 10px;
}
#content p {
	padding: 0px 70px 0px 10px;
	font-size: 90%;
	line-height: 1.7em;
	margin: 0px 0px 1.7em 0px;
	vertical-align: top;
	color: #666666;
}
/* Setting footer text and link appearance as well as link roll-over effects.  Copyright and design info at bottom of page. */
#footertext {
	font-size: 10px;
	font-weight: bold;
	margin: 10px auto 0px;
	height: 20px;
	width: 1100px;
	height: 31px;
	text-align: center;
	color: #888;
}
#footertext a {
	font-size: 10px;
	font-weight: bold;
	color: #999;
	text-decoration: none;
}
#footertext a:hover {
	text-decoration: underline;
}