/* CSS Document */

/*

here are all the general text and document css styling. 

After this comes the general page divs, iods and classes

after that comes the individual page stylings.

*/

body {
	background:url(images/bg.gif);
	margin: 0;
	padding: 0;
}
h2 {
	font-weight: 300;
	font-variant:small-caps;
}

p { font:1em Arial, Helvetica, sans-serif;}


a {
	color:#000;
	font-size:14px;
	text-decoration:none;
	font-weight:600;/*stretches the text*/
	font-family:verdana, arial, helvetica, sans-serif;
}

a:link {color: #000000; background-color: transparent;}
a:visited {color: #666666; background-color: transparent;}
a:hover {background-color:#eee;}/*shades the text background color*/


/* 

Here is all the main divs and classes for the document. top to bottom. 

Individual pages comes next and before this is the general text and document css styles


*/


#banner {
background:url(images/headerwedding.gif) no-repeat;
height: 200px;
}

#container {
width: 800px;
margin: 0em auto;
padding:1em;
}

#navbar {
	margin: 1em 0em;
	background:url(images/navbar.gif);
	padding-left:3px;/*this indents it so it is not right up to the left side of the ting*/
}

#navbar ul {
margin-left:0;
padding-left:0;
display:inline;
}

#navbar ul li {
margin-left: 0;
padding:2px 10px;
list-style:none;
display: inline;
border-left: 1px solid #000;
}

#navbar ul li.first {
margin-left: 0;
border-left:none;
}



.content {
width:800px;
background: #FF99FF url(images/bottomcontent.gif) no-repeat left bottom;
}

.content h2 {
background:url(images/topcontent.gif) no-repeat left top;
padding: 10px 20px 0 20px;
}

.content h3 {
padding: 10px 20px 0px 20px;
}
.content p {
margin: 0 20px 10px 20px;
}

.content a {border-bottom:dotted 1px #993366;}

.img-wrapper {
background:url(images/shadowpink.gif) bottom right;
float:right;
line-height:0px;
margin-left:10px;
}

.img-wrapper img {
background-color:#fff;
border: 1px solid #a9a9a9;
padding: 4px;
position: relative;
left:-5px;
top:-5px;
}
#footer {
font-size:0.7em;
background:url(images/navbar.gif);
margin-top:1em;
}
#footer .mail {background:url(images/email.gif) right no-repeat;
padding-right:19px;}

.buttons img {border:0px;}

a.buttons {border-bottom:none;}
a:hover.buttons {background:none;}

.buttons2 { float:right;
padding-top: 2px;
padding-right:1em;}
.buttons2 img {border:0px;}
a.buttons2 {border-bottom: none;}
a:hover.buttons2 {background:none;}

.w3c { float:right;
padding-top: 2px;
padding-right:1em;}
.w3c img {border:0px;}
a.w3c {border-bottom: none;}
a:hover.w3c {background:none;}
.clear {clear:both;
margin:0px; padding:0px;}

.external {
background:url(images/externallink.gif) top right no-repeat;
padding-right:10px;
}
p.comingsoontxt {
font-size:3em;
text-align:center;}

fieldset{
border:0px solid #666666;
background-color:#FF99FF;
}


#styleswitch {padding: 10px 0px 0px 750px;}
#styleswitch img {
	border:none;
	height:30px;
	width:30px;
}