/*
	RESET AND BASICS
*/

*									{ margin: 0; padding: 0; }
body {

	background-image: url("images/harpers_bg.gif");

	background-color: #004b26;
	padding: 0px;
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	line-height: 15px;
	visible: false;	
	}
	
a, a:visited						{ text-decoration: none; outline: none; color: #003366; }
a:hover								{ color: #2e2e2e; }
a img								{ border: none; }
img									{ vertical-align: middle; }
.clear								{ clear: both; }
fieldset							{ border: none; }

.alignCenter						{ text-align: center; }
.floatLeft							{ float: left; }
.floatRight							{ float: right; }



/*
	GENERAL TYPOGRAPHY
*/
h2, h3, h5					{ font-family: georgia, verdana, arial, sans-serif;font-weight: normal; margin: 5px 0px 15px 0px }
h2									{ font-size: 32px; line-height: 34px; }
h2 a, h2 a:visited					{ color: #2e2e2e; }
h2 a:hover							{ color: #fe4902; border-bottom: 1px dotted #2e2e2e; }
h3									{ font-size: 18px; }
h4									{ font-size: 16px; }
h4 a, h4 a:visited					{ color: #2e2e2e; }
h4 a:hover							{ color: #fe4902; border-bottom: 1px dotted #2e2e2e; }

p, dd							{ font: 14px/18px "Lucida Grande", Arial, Helvetica, Sans-Serif;
									  margin: 0 0 15px 0; color: #000; }
td, th                              { font: 13px/18px "Lucida Grande", Arial, Helvetica, Sans-Serif;
                                      text-align: left; }

blockquote							{ border-left: 10px solid #ccc; padding: 0 0 0 10px; }
blockquote, blockquote p            { font: italic 13px/18px "Lucida Sans", "Lucida Grande", Arial, Helvetica, Sans-Serif; }	


#logo {

width: 980px;
display:block;
}

#logo a {
background:transparent url(images/head.png) no-repeat scroll 0 0;
display:block;
height:143px;
text-indent:-9999px;
width:980px;
margin:0;
padding:0;
}


/* form */

.fieldset {
  width:300px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:80%;
color:#333;
  }
.fieldset label {
text-align:right;
width:50px;
float:left;
padding:4px;
margin:0;
margin-top:0.3em;
  }

.fieldset .nobr {display:none;}  
.fieldset .textfield {
margin:3px;
height:20px;
width:210px;
border:solid 0 #fff;
}
.fieldset .textarea {
margin:3px;
height:165px;
width:210px;
border:solid 0 #fff;
}
.submit {
margin:3px;
height:20px;
border:solid 0 #fff;
width:80px;
 }	



.fieldsetbig {
  width:600px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
color:#333;
padding:14px;

  }
.fieldsetbig label {
text-align:right;
width:160px;
float:left;
font-weight: bold;
padding:2px;
margin:0;
margin-top:0.3em;

  }

.fieldsetbig .nobr {display:none;}  
.fieldsetbig .textfield {
margin:3px;
height:20px;
width:400px;
border:solid 0 #fff;
}
.fieldsetbig .textarea {
margin:3px;
height:265px;
width:400px;
border:solid 0 #fff;
}
.submit {
margin:3px;
height:20px;
border:solid 0 #fff;
width:80px;
 }	




/* the menu */

.menu {
	margin: 0;
	padding: 0;
	list-style: none;
	background: #fff;
	width: 980px;
	
}
.menu li {
	padding: 0;
	margin: 0;
	height: 33px;
	list-style: none;
	background-repeat: no-repeat;
}
.menu li a, .menu li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -1000px;
	height: 33px;
	background-repeat: no-repeat;
	
}
.about {background-image: url(images/menu/about1.png); width: 142px;}
.about a {background-image: url(images/menu/about.png);}

.services {background-image: url(images/menu/services1.png); width: 127px;}
.services a {background-image: url(images/menu/services.png);}

.quote {background-image: url(images/menu/quote1.png); width: 226px;}
.quote a {background-image: url(images/menu/quote.png);}

.info {background-image: url(images/menu/info1.png); width: 154px;}
.info a {background-image: url(images/menu/info.png);}

.hours {background-image: url(images/menu/hours1.png); width: 173px;}
.hours a {background-image: url(images/menu/hours.png);}

.contact {background-image: url(images/menu/contact1.png); width: 158px;}
.contact a {background-image: url(images/menu/contact.png);}


.aboutsub {background-image: url(images/menu/aboutsub1.png); width: 120px;}
.aboutsub a {background-image: url(images/menu/aboutsub.png);}

.servicessub {background-image: url(images/menu/servicessub1.png); width: 115px;}
.servicessub a {background-image: url(images/menu/servicessub.png);}

.quotesub {background-image: url(images/menu/quotesub1.png); width: 209px;}
.quotesub a {background-image: url(images/menu/quotesub.png);}

.infosub {background-image: url(images/menu/infosub1.png); width: 136px;}
.infosub a {background-image: url(images/menu/infosub.png);}

.hourssub {background-image: url(images/menu/hourssub1.png); width: 160px;}
.hourssub a {background-image: url(images/menu/hourssub.png);}

.contactsub {background-image: url(images/menu/contactsub1.png); width: 153px;}
.contactsub a {background-image: url(images/menu/contactsub.png);}

.home  {background-image: url(images/menu/home1.png); width: 87px;}
.home a {background-image: url(images/menu/home.png);}


ul.menu li a:hover {background: none;}
.menu li {float: left;}
.menu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}


#page-wrap {


margin:12px auto 0 auto;
overflow:hidden;
position:relative;
width:1024px;
}


#header {
	width: 980px;
	height: 143px;
	margin: 0px 21px 0px 22px;

	}
	
#lmenu {
	width: 980px;
	height: 33px;
	margin: 0px 21px 0px 22px;

	}
	
		
#wrapper {
	width: 980px;
	float: none;
	background: #FFF;
	margin: 0px 21px 0px 22px;
	}
	
#content {
	background-color:#FFFFFF;
	overflow:hidden;
	padding-top:12px;
	width:auto;
}


#column-left {
	width: 653px;
	background-color: #FFF;

	padding: 0px 9px 0px 13px;
	float: left;
	}
	
	
	
#column-right {
	width: 290px;
	background-color: #FFF;
	text-align:left;
	padding: 0px 6px 0px 0px;
	
	float: right;
	}
	
	
#rotatead {
	width: 662px;
	background-color: #FFF;

	padding: 2px 0px 5px 0px;

	}
	

#aboutcontent {
	width: 648px;
	text-align:left;
	padding: 0 10px 0 3px;
	}
	
	
#colcontent {
	width: 282px;
	text-align:left;

	padding: 5px 3px 0px 5px;

	}


#quickquote {
	width: 282px;
	height: 300px;
	background:url("images/quotebg.gif") scroll 0 0;
	border : 4px solid #b4d5b4;
	margin: 1px 0px 5px 0px;
}	


#quickquote form {
	padding:5px;
}	


#quickquotebig {
	width: 622px;

	background:url("images/quotebigbg.gif") scroll 0 0;
	border : 4px solid #b4d5b4;
	margin: 0px 0px 15px 0px;
}	




#abouttext {
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	line-height: 15px;
	padding-top: 10px;
}


#abouttext ul {

	line-height:1.2em;
	list-style-type:disc;
	padding-left:38px;
	padding-top: 5px;
}


#abouttext li {
	color:#000;
	font: 16px/16px "Lucida Grande", Arial, Helvetica, Sans-Serif;
	margin: 0 0 5px 0;
}


#specialscontent {
	width: 291px;
	text-align:center;
}	
	
.lservices {
		margin-bottom: 10px;
		padding-right: 10px;
		float: left;
		width: 312px;
		height: 130px;

	}

.lservices p { font: 13px/16px "Lucida Grande", Arial, Helvetica, Sans-Serif;
			   margin: 0 0 5px 0; 
			   color: #000; }
									  

#addservices {

		margin-top: 15px;
		margin-bottom: 10px;
		padding-right: 10px;
		float: left;
		width: 644px;

	}
	
#weddingthumb {
	width: 300px;
	height: 247px;
	background-color: #FFF;
 	background:url("images/weddingthumb.jpg") scroll 0 0;
 	background-repeat: no;
	margin-left: 10px;
	float: right;

	}
	
	
		
.aservices {

		margin-bottom: 10px;
		padding-right: 10px;
		float: left;
		width: 312px;
		height: 130px;

	}
	
.aservices ul {

	line-height:1.2em;
	list-style-type:disc;
	padding-left:38px;
	padding-top: 5px;
}


.aservices li {
	color:#000;
	font: 16px/16px "Lucida Grande", Arial, Helvetica, Sans-Serif;
	margin: 0 0 5px 0;
}


										  		
#wservices {
		margin-top: 30px;
		margin-bottom: 20px;
		padding-right: 10px;
		float: left;
		width: 624px;
	}	
	
.panel {
	line-height:16px;
	margin-bottom:0px;
	min-height:80px;
	width:312px;

}


.panel img {
	padding-top: 3px;
	
	border:medium none;
	float:left;

}


.panel img.highlight {
	padding-left: 0;
	padding-bottom: 6px;
	padding-right: 6px;
	padding-top: 0px;
	border:medium none;
	float:left;

}


.panel img.borders {
	padding:2px;
	margin-top: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
	margin-right: 6px;
	border:1px solid #000;
	float:left;
	height:94px;
	width:134px;
}



.panel a {
	font-size: 18px;

	
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #333333;
}


.panel a:hover {
	text-decoration: underline;
	font-size: 18px;

	
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #333333;
}


.panel a.link {
	font-size: 12px;
	font-weight: bold;
	
	font-family: "Lucida Grande", Verdana, Arial, sans-serif, Helvetica;
	color: #cc0000;
}


.panel a.link:hover {
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif, Helvetica;
	color: #cc0000;
}

.panel p {
	margin-top: 5px;
	margin-bottom: 5px;
}


.wpanel {
	line-height:16px;
	margin-bottom:10px;
	min-height:80px;
	width:662px;
	text-align: center;

}

.wpanel a {
	font-size: 18px;

	
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #333333;
}


.wpanel a:hover {
	text-decoration: underline;
	font-size: 18px;

	
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #333333;
}


.footer {
	background:url("images/footer1.png") scroll 0 0;
	background-repeat: no;
	width: 1024px;
	height:314px;
	margin:0 auto 5px;

}

#swap01 {
	background-image: url(images/postit1.png);    /* rollover state */
	width: 284px;                    /* image width */
	height: 290px;                   /* image height */
}


.rollover { display: block; } /* Allow setting widths and heights */
.rollover:hover { visibility: visible; /* for IE */ } /* sets any property for the :hover state */
.rollover:hover img { visibility: hidden; } /* 'rolls over' the image */

#postitlink {
	width: 284px;
	height: 290px;
	float: left;
}



#postitlink a {
	background:url("images/postit.png") scroll 0 0;
	display: block;
	text-decoration: none;
	text-indent: -1000px;
	background-repeat: no-repeat;
	width: 284px;
	height: 290px;
}


#postitlink a:hover {
	background:url("images/postit1.png") scroll 0 0;
	display: block;
	text-decoration: none;
	text-indent: -1000px;
	background-repeat: no-repeat;
	width: 284px;
	height: 290px;
}



#partners {

	width: 417px;
	height: 177px;
	float: left;
	margin-top: 65px;
	}

#partners img {
	margin-bottom: 10px;
	margin-right: 15px;
	}


#partnerstext {

	width: 240px;
	height: 27px;
	border-bottom:1px dotted #6C989D;
	margin-bottom:10px;
	padding-bottom:8px;
	}


.footer ul {
font-size:0.9em;
line-height:1.2em;
list-style-type:none;
padding-left:18px;
}


.footer li {
color:#FFFFFF;
font: 14px/17px "Lucida Grande", Arial, Helvetica, Sans-Serif;
margin: 0 0 5px 0;
}

.footer li a:hover {
color:#FFFFFF;
text-decoration:underline;
}

.footer li a {
background:transparent url("images/star.png") no-repeat scroll 0 2px;
color:#FFCC00;
display:block;
padding-left:18px;
text-decoration:none;
width:170px;

}

#notjustcopies {
	width: 298px;
	height: 177px;
	float: left;
	margin-top: 65px;
}

#notjustcopiestext {

	width: 268px;
	height: 27px;
	border-bottom:1px dotted #6C989D;
	margin-bottom:10px;
	padding-bottom:8px;
	}


#bottommenu {
	width: 700px;
	height: 44px;
	color:#FFFFFF;
	font: 10px/15px verdana, Arial, Helvetica, Sans-Serif;
	float: left;
	margin-top: 20px;
	margin-left: 20px;
}


#bottommenu a {
	color:#FFFFFF;
	text-decoration: none;
}


#bottommenu a:hover {

	color:#FFFF00;
	text-decoration: underline;
}




.copyright {
	text-align:center;
	color: #FFF;
	font: 14px/15px verdana, "Lucida Grande", Arial, Helvetica, Sans-Serif;
	margin-bottom: 10px;
}