/* wedding css */

body
{
	margin: 0;
	padding: 0;
	background-color: white;
	background-image: url(images/gradient_back.jpg);
	background-repeat: repeat-y;
	background-position: 0 0;
	background-attachment: fixed;
}
	
img {
	margin: 0;
	padding: 0;
	border: 0;
	}

.spacer {
  clear: both;
  }
  
 span.right
 {
 float: right;
 }
 
 span.left
 {
 float: left;
 }
  

/* homepage layout elements */

#homeheader {
	margin: 0;
	padding: 0;
float: left;

	}

#homecontent
{
	margin: 0;
	padding: 0;
	width: 735px;
top: 68px;
left: 0px;
position: absolute;
	border-color: gray;
	border-width: 1px 1px 1px 0;
	border-style: solid;
	
}

#homeimage
{
margin: 0;
padding: 0;
width: 735px;
float: left;

}

#homenavigation
{
margin: 0;
padding: 0;
width: 220px;
top: 69px;
left: 515px;
position: absolute;
z-index: 300;

}

#pages
{
margin: 0;
padding: 0;
width: 220px;
top: 290px;
left: 515px;
position: absolute;
z-index: 500;
border: 0;
border-top: 1px solid gray;
}


#hometext
{
	margin: 10px 5px 0 0;
	padding: 0;
}

#hometext2
{
	margin: 5px 5px 0 0;
	padding: 0;
}


#footer {
	margin: 0;
	margin-top: 10px;
	margin-left: 30px;
	padding: 0;
	width: 735px;
top: 568px;
left: 0;
position: absolute;
	}

/* navigation buttons */

#n-on
{
margin: 0;
margin-top: 5px;
padding: 0;
width: 220px;
background-color: #cccccc;
}

#n1
{
margin: 0;
margin-top: 5px;
padding: 0;
width: 220px;
background-color: rgb(255,102,0);
}

#n2
{
margin: 0;
margin-top: 5px;
padding: 0;
width: 220px;
background-color: rgb(51,51,0);
}

#n3
{
margin: 0;
margin-top: 5px;
padding: 0;
width: 220px;
background-color: rgb(102,0,0);

}

#n4
{
margin: 0;
margin-top: 5px;
padding: 0;
width: 220px;
background-color: rgb(51,102,153);
}

#n5
{
margin: 0;
margin-top: 5px;
padding: 0;
width: 220px;
background-color: rgb(102,51,102);

}

#n6
{
margin: 0;
margin-top: 5px;
padding: 0;
width: 220px;
background-color: #333333;

}

#n7
{
margin: 0;
margin-top: 5px;
padding: 0;
width: 220px;
background-color: #066;

}

/* text styles */


p
{
	color: white;
	font-family: Verdana, Arial, sans;
	font-size: 11px;
	line-height: 15px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	margin: 0 0 0 0;
	padding: 5px;
}

#n-on p
{
	color: #333333;
	font-family: Verdana, Arial, sans;
	font-size: 11px;
	line-height: 15px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	margin: 0 0 0 0;
	padding: 5px;
}

#hometext p
{
	color: #333333;
	font-family: Verdana, Arial, sans;
	font-size: 11px;
	line-height: 15px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	margin: 0 0 10px 5px;
	padding: 0;
}

#hometext2 p
{
	color: #333333;
	font-family: Verdana, Arial, sans;
	font-size: 11px;
	line-height: 15px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	margin: 0 0 10px 5px;
	padding: 0;
}

#footer p
{
	color: #666666;
	font-family: Verdana, Arial, sans;
	font-size: 9px;
	line-height: 11px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	margin: 0;

	padding: 0;
}

#pages p
{
	color: #666666;
	font-family: Verdana, Arial, sans;
	font-size: 10px;
	line-height: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	margin: 0;
	padding: 5px;
}

/* link styles */

#hometext p a:link, #hometext p a:visited, #hometext p a:active
{
color: #333333;
}

#hometext2 p a:link, #hometext2 p a:visited, #hometext2 p a:active
{
color: #333333;
}

#pages p a:link, #pages p a:visited, #pages p a:active
{
color: #666666;
}

#footer p a:link, #footer p a:visited, #footer p a:active
{
color: #666666;
}

#n-on p a:link, #n-on p a:visited, #n-on p a:active
{
color: #333333;
text-decoration: none;
}

#n-on p a:hover
{
color: #999999;
}

#n1 p a:link, #n1 p a:visited, #n1 p a:active
{
color: white;
text-decoration: none;
}

#n1 p a:hover
{
color: #333333;
}

#n2 p a:link, #n2 p a:visited, #n2 p a:active
{
color: white;
text-decoration: none;
}

#n2 p a:hover
{
color: #333333;
}

#n3 p a:link, #n3 p a:visited, #n3 p a:active
{
color: white;
text-decoration: none;
}

#n3 p a:hover
{
color: #333333;
}

#n4 p a:link, #n4 p a:visited, #n4 p a:active
{
color: white;
text-decoration: none;
}

#n4 p a:hover
{
color: #333333;
}

#n5 p a:link, #n5 p a:visited, #n5 p a:active
{
color: white;
text-decoration: none;
}

#n5 p a:hover
{
color: #333333;
}

#n6 p a:link, #n6 p a:visited, #n6 p a:active
{
color: white;
text-decoration: none;
}

#n6 p a:hover
{
color: #cccccc;
}

#n7 p a:link, #n7 p a:visited, #n7 p a:active
{
color: white;
text-decoration: none;
}

#n7 p a:hover
{
color: #cccccc;
}.smalltext {  font-size: 9px; line-height: 11px; margin-top: 2px; margin-right: 0px; margin-bottom: 2px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px}
