/* html tags */

body, html
{
    margin:0px;
    padding:0px;
    background-color:#AFD0D0;
    text-align:center;
    font-family:Arial, sans-serif;
    font-size:11px;
    color:#3F2F23;
    line-height:14px;
}

p, tr, td, table
{
	margin:0px;
    padding:0px;
	line-height:14px;
}

img
{
    border:0px;
    margin:0px;
    padding:0px;
}

a, a:link, a:active, a:visited
{
    color:#B22E31;
    text-decoration:none;
}

a:hover
{
    color:#B22E31;
    text-decoration:underline;
}


/* navigation */

#masthead
{
	width: 255px;
	float: left;
	margin: 0px 20px 0px 0px;
	/* border: 1px solid green; */
}

#mainNav
{
  width: 490px;
  float: left;
  /* border: 1px solid #ff0000; */
}

#mainNav ul
{
    list-style: none;
    padding: 0;
    margin: 0;  
}

#mainNav li
{
	float: left;
	display: inline;
	border-left: solid 1px #ccc;
}

.navButton img
{
  display: block; 
} 

#mainNav a.home
{
float:left;
margin-top: 45px;
margin-right: 5px;
padding:0px 0px 0px 0px;
background-image:url(../images/navigation_images/home_off.gif);
background-repeat:no-repeat;
text-align:left;
text-indent:-999999px;
text-decoration:none;
width:61px;
height:17px;
display:block;
}

#mainNav a:hover.home
{
float:left;
margin-top: 45px;
margin-right: 5px;
background-image:url(../images/navigation_images/home_on.gif);
background-repeat:no-repeat;
text-align:left;
text-indent:-999999px;
text-decoration:none;
width:61px;
height:17px;
display:block;
}

.home_on
{
    float:left;
    margin-top: 45px;
    margin-right: 5px;
    background-image:url(../images/navigation_images/home_on.gif);
    background-repeat:no-repeat;
    text-align:left;
    text-indent:-999999px;
    text-decoration:none;
    width:61px;
    height:17px;
    display:block; 
}

#mainNav a.aboutus
{
float:left;
margin-top: 45px;
margin-right: 5px;
padding:0px 0px 0px 0px;
background-image:url(../images/navigation_images/aboutus_off.gif);
background-repeat:no-repeat;
text-align:left;
text-indent:-999999px;
text-decoration:none;
width:61px;
height:17px;
display:block;
}

#mainNav a:hover.aboutus
{
float:left;
margin-top: 45px;
margin-right: 5px;
background-image:url(../images/navigation_images/aboutus_on.gif);
background-repeat:no-repeat;
text-align:left;
text-indent:-999999px;
text-decoration:none;
width:61px;
height:17px;
display:block;
}

#mainNav a.weddings
{
float:left;
margin-top: 45px;
margin-right: 5px;
background-image:url(../images/navigation_images/weddings_off.gif);
background-repeat:no-repeat;
text-align:left;
text-indent:-999999px;
text-decoration:none;
width:61px;
height:17px;
display:block;
}

#mainNav a:hover.weddings
{
float:left;
margin-top: 45px;
margin-right: 5px;
background-image:url(../images/navigation_images/weddings_on.gif);
background-repeat:no-repeat;
text-align:left;
text-indent:-999999px;
text-decoration:none;
width:61px;
height:17px;
display:block;
}

#mainNav a.social
{
float:left;
margin-top: 45px;
margin-right: 5px;
background-image:url(../images/navigation_images/socialevents_off.gif);
background-repeat:no-repeat;
text-align:left;
text-indent:-999999px;
text-decoration:none;
width:75px;
height:17px;
display:block;
}

#mainNav a:hover.social
{
float:left;
margin-top: 45px;
margin-right: 5px;
background-image:url(../images/navigation_images/socialevents_on.gif);
background-repeat:no-repeat;
text-align:left;
text-indent:-999999px;
text-decoration:none;
width:75px;
height:17px;
display:block;
}

#mainNav a.gallery
{
float:left;
margin-top: 45px;
margin-right: 5px;
background-image:url(../images/navigation_images/gallery_off.gif);
background-repeat:no-repeat;
text-align:left;
text-indent:-999999px;
text-decoration:none;
width:61px;
height:17px;
display:block;
}

#mainNav a:hover.gallery
{
float:left;
margin-top: 45px;
margin-right: 5px;
background-image:url(../images/navigation_images/gallery_on.gif);
background-repeat:no-repeat;
text-align:left;
text-indent:-999999px;
text-decoration:none;
width:61px;
height:17px;
display:block;
}

#mainNav a.contactus
{
float:left;
margin-top: 45px;
margin-right: 5px;
background-image:url(../images/navigation_images/contactus_off.gif);
background-repeat:no-repeat;
text-align:left;
text-indent:-999999px;
text-decoration:none;
width:61px;
height:17px;
display:block;
}

#mainNav a:hover.contactus
{
float:left;
margin-top: 45px;
margin-right: 5px;
background-image:url(../images/navigation_images/contactus_on.gif);
background-repeat:no-repeat;
text-align:left;
text-indent:-999999px;
text-decoration:none;
width:61px;
height:17px;
display:block;
}

/* headers */

h2{
padding:0px;
margin:0px;
text-indent:-99999px;
display:block;
}

h2 span {
display:block;
width:0px;
height:0px;
overflow:hidden;
}

h2.services 
{
background-image:url(../images/homepage_services_header.jpg);
background-repeat:no-repeat;
margin:0px 0px 10px 0px;
padding:0px;
width: 211px;
height: 28px;
}

h2.whatsnew 
{
background-image:url(../images/homepage_whatsnew_header.jpg);
background-repeat:no-repeat;
margin:0px 0px 10px 10px;
padding:0px;
width: 211px;
height: 28px;
}

h2.features
{
    background-image:url(../images/homepage_featured_header.jpg);
    background-repeat:no-repeat;
    margin:0px 0px 10px 10px;
    padding:0px;
    width: 211px;
    height: 28px;           
}

#container
{
 	width: 807px; 
	margin:0 auto;
	padding:10px 0px 0px 0px;
    text-align: left;
    color:#3F2F23;
	/* border: 3px solid blue; */
}

#content
{
	width: 807px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	/* border: 1px solid #ff0000; */
    background-image:url(../images/container_bg_slice.gif);
	background-repeat: y-repeat; 
	float: left;    
}

#topborder
{
 	width: 807px;
	margin: 0px;
	padding: 0px;
	background-image:url(../images/top_container_graphic2.gif);
	background-repeat: no-repeat;
	float: left;
}

#navwrapper
{
 	width: 770px;
	margin: 10px 0px 0px 15px;
	padding: 0px;
}



#bannerholder
{
    width: 759px;
	margin: 17px 0px 0px 23px;
	padding: 0px;
	float: left;
	display: inline;  
}

#leftcol
{
 	width: 330px;
	margin: 17px 0px 0px 80px;
	/* border: 1px solid pink;  */
	padding: 0px;
	float: left;
	display: inline;  
}

#ourservices
{
    width: 300px;
	float: left;
	margin: 0px;
	padding: 15px;
 	border: 1px solid #ccc;    
}

#clientarea
{
 	float: left;
	margin: 18px 0px 0px 18px;
}


#rightcol
{
 	width: 340px;
	float: left;
	margin: 17px 0px 0px 30px;
	padding: 0px;
	/* border: 1px solid green;  */ 
}

#newsarea
{
	float: left;
	padding: 15px;    
}

#newsList
{
 	margin: 0px;
	padding: 0px 20px 20px 20px;   
}

ul#newsList
{
 	list-style-image: url("../images/arrow_blue.gif");    
}

#newsList li
{
 	margin-bottom: 10px;   
}

#featuredeventarea
{
	float: left;
	padding: 0px 15px 15px 15px; 
}

#footer
{
 	width: 807px;
	height: 50px;
	text-align: left;
	margin: 0 auto;
	padding: 0px 0px 0px 20px;
}

#bottomborder
{
 	width: 807px;
	margin: 0px;
	padding: 0px;
	float: left;
	background-image:url(../images/bottom_container_graphic2.gif);
	background-repeat:no-repeat;
	background-position: center;
}

.featuredate
{
	font-weight: bold;
	color: #3F2F23;
	display: block; 
}
    
.boldlinks
{
	font-weight: bold;   
}

.bullets
{
 	vertical-align: middle;   
}

.icons
{
 	vertical-align: middle;   
}

.linkholder
{
 	display: block;
	margin: 0px 0px 15px 0px;   
}

/* form styles */

.med
{
    width: 175px;
}

.medSelect
{
    width: 180px;
}

.lrg
{
    width: 255px;
}

.lrgTextArea
{
    width: 400px;
}

.sml
{
    width: 50px;
}

.xsml
{
    width: 30px;
}

.formelemntholder
{
    margin: 12px 0px 12px 5px;
}

.formRow
{
    margin: 0px 0px 8px 0px;
}