@charset "UTF-8";

* { margin:0; padding:0;}
body { font-family:"Times New Roman", Times, serif; background:#F6F5EE;}

h2 { color:#587fb7; margin-bottom:10px;}
h3 { color:#587fb7; margin-bottom:10px;}
h4 { color:#587fb7; margin-bottom:10px;}

#form-container h1 { color:#587fb7; margin-bottom:10px; }


/* Containers */

#top-bar { width: 100%; height: 5px; background-color: #9AB8F5; }

#logo-container { width: 720px; margin-left:auto; margin-right:auto; }

#content-container { width: 760px; margin-left:auto; margin-right:auto; }

#contact-panel1 { width:354px; height:291px; background:url(images/contact_panel01.gif) no-repeat; float:left; }
#contact-panel2 { width:354px; height:291px; background:url(images/contact_panel02.gif) no-repeat; float:right; padding-top:55px; padding-left:3px; }


#footer { width:100%; height: 217px; background:url(images/layout/bg_footer.jpg) no-repeat top center; margin-left:auto; margin-right:auto; margin-top:50px; }
#footer-content { margin-left:auto; margin-right:auto; padding-top: 170px; color:#F6F5EE; font-size:18px;}




/* Main Navigation Section */

#nav-main {width: 760px; height: 60px; background: url(images/layout/nav/nav_bar.gif); padding: 0; position: relative; margin-bottom:30px;}
#nav-main li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#nav-main li, #nav-main a {height: 60px; display: block;}

#home {left: 60px; width: 90px;}
#about {left: 155px; width: 125px;}
#services {left: 290px; width: 110px;}
#photo {left: 415px; width: 170px;}
#contact {left: 595px; width: 105px;}

#home a:hover {background: transparent url(images/layout/nav/nav_bar.gif) -60px -60px no-repeat; outline: none;}
#about a:hover {background: transparent url(images/layout/nav/nav_bar.gif) -155px -60px no-repeat; outline: none;}
#services a:hover {background: transparent url(images/layout/nav/nav_bar.gif) -290px -60px no-repeat; outline: none;}
#photo a:hover {background: transparent url(images/layout/nav/nav_bar.gif) -415px -60px no-repeat; outline: none;}
#contact a:hover {background: transparent url(images/layout/nav/nav_bar.gif) -595px -60px no-repeat; outline: none;}

.home-active {background: transparent url(images/layout/nav/nav_bar.gif) -60px -60px no-repeat; outline: none;}
.about-active {background: transparent url(images/layout/nav/nav_bar.gif) -155px -60px no-repeat; outline: none;}
.services-active {background: transparent url(images/layout/nav/nav_bar.gif) -290px -60px no-repeat; outline: none;}
.photo-active {background: transparent url(images/layout/nav/nav_bar.gif) -415px -60px no-repeat; outline: none;}
.contact-active {background: transparent url(images/layout/nav/nav_bar.gif) -595px -60px no-repeat; outline: none;}



/* Services Home Page */

#services-container { width:720px; height:350px; margin-left:auto; margin-right:auto; background: url(images/services_sprite.gif) no-repeat; padding: 0; position: relative; margin: 30px 0px; }
#services-container li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#services-container li, #services-container a {height: 350px; display: block;}

#event-planning {left: 0px; width: 320px;}
#linen-rental {left: 400px; width: 320px;}

#event-planning a:hover {background: transparent url(images/services_sprite.gif) 0px -350px no-repeat; outline: none;}
#linen-rental a:hover {background: transparent url(images/services_sprite.gif) -400px -350px no-repeat; outline: none;}


/* Table Stuff */

.pricing-table1 { background-color: #f3f2e9; border-top: solid 1px #cccccc; border-bottom: solid 1px #cccccc; border-left: none; border-right: none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:.8em; color:#999999; float: left; }
.pricing-table1 tr { height:30px; }
.pricing-table1 td {padding-left:10px; }

.pricing-table2 { background-color: #f3f2e9; border-top: solid 1px #cccccc; border-bottom: solid 1px #cccccc; border-left: none; border-right: none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:.8em; color:#999999; float: right; }
.pricing-table2 tr { height:30px; }
.pricing-table2 td {padding-left:10px; }

.tr-header { background-color:#587fb7; color:#F6F5EE }
.tr-odd {background-color:#F6F5EE}


/* Sub Horizontal Navigation */

.sub-nav ul { list-style-type: none; padding: 0; margin: 0; }
.sub-nav li { list-style-type: square; display: inline; padding-right: 20px; }



/* Other Links */

a:link, a:visited { color:#958f6a; text-decoration:none; }
a:hover { color:#587fb7; text-decoration: underline; }

#footer a:link, #footer a:visited { color:#F6F5EE; text-decoration:none; }
#footer a:hover {color: #F6F5EE; text-decoration:underline; }



/* Form Styling */

#form-container { margin:20px auto;width:650px;padding:20px;border:1px solid #ccc; background:#fff; font-family:georgia,times,serif; color:#587fb7; }
fieldset { border:0;margin:0;padding:0; }
label { display:block; color:#587fb7; }
input.text {height: 25px; padding-top:40px; }
input.text,textarea { width:300px; font:20px/20px 'Times',times,monospace;color:#7C7446;padding:3px;margin:1px 0;border:1px solid #ccc; background-color:#F6F5EE; }
input.submit { padding:2px 5px;font:bold 12px/12px verdana,arial,sans-serif;color:#554f2b; }



/* Text Formatting */

.clear-both { clear:both; }
.float-left { float:left; }
.float-right { float:right; }
.address { padding-top:80px; float:right; color: #958f6a;}
.content { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:.8em; color:#999999; line-height:1.5em; }