/* 
***************************************************************************
***** 
***** #252525 - dark grey background
***** #747274 - grey
***** #b02b78 - purple
*****
***************************************************************************
*/


* { padding: 0; margin: 0; }

body {font-family: arial, helvetica, sans-serif; font-size: 13px; background: #252525;}

img {border-style:none;}

a img {border-style:none;}

h1 {font: 20px arial, helvetica, sans-serif; color:#747274; font-weight: bold;}
h2 {font: 16px arial, helvetica, sans-serif; color:#b02b78; margin: 10px 0 0 0; font-weight: bold;}
h3 {font: 24px arial, helvetica, sans-serif; color:#747274; font-weight: bold;}
h4 {font: 20px arial, helvetica, sans-serif; color:#b02b78;}
h5 {font: 16px arial, helvetica, sans-serif; color:#747274; margin: 10px 0 0 0;}
h6 {font: 20px arial, helvetica, sans-serif; color:#b02b78; font-style: italic;}

#sidebar {width: 160px; margin: 0; padding: 10px; float: right; border-left: 2px solid #b02b78;}

#sidebar ul {list-style-type: none; margin: 0; padding: 10px;}

#sidebar ul ul {list-style-type: none; margin: 0; padding: 10px 0;}

#sidebar ul ul li:before {content: "\00BB \0020";}

.commentlist li {margin-top: 10px; padding: 10px; background: #e1e1e1;}

a.small:link, a.small:active, a.small:visited {color: #747274; font: 12px arial, helvetica, sans-serif; text-decoration: none;}
a.small:hover {text-decoration: underline;}

a.big:link, a.big:active, a.big:visited {color: #b02b78; font: 20px arial, helvetica, sans-serif; text-decoration: none; font-weight: bold;}
a.big:hover {text-decoration: underline;}

.button {
 background-color: #b4b3b4;
 color: #ffffff;
 font: 11px arial, helvetica, sans-serif;
 border: 0;
 padding: 0;
 margin: 0;
}

.button:hover {
 color: #ffff00;
 cursor: pointer;
}

.textbox {
 background: #ffffff; 
 border: 0;
 margin-left: 15px;
 font: 10px arial, helvetica, sans-serif;
 color: #000000;
 width: 144px;
}

#wrapper {margin: 0 auto;  padding: 0; border: 0; width: 770px; background: #b02b78;}

#header {
 color: #000000;
 width: 770px;
 height: 131px;
 float: left;
 padding: 0;
 border: 0;
 margin: 0;
 background: url('images/header-bg.jpg') #ffffff top right no-repeat;
}

#header-event {
 color: #000000;
 width: 770px;
 height: 131px;
 float: left;
 padding: 0;
 border: 0;
 margin: 0;
 background: url('images/header-event.jpg') #ffffff top right no-repeat;
}

#header-entertainment {
 color: #000000;
 width: 770px;
 height: 131px;
 float: left;
 padding: 0;
 border: 0;
 margin: 0;
 background: url('images/header-entertainment.jpg') #ffffff top right no-repeat;
}

#header-weddings {
 color: #000000;
 width: 770px;
 height: 131px;
 float: left;
 padding: 0;
 border: 0;
 margin: 0;
 background: url('images/header-weddings.jpg') #ffffff top right no-repeat;
}

#header-corporate {
 color: #000000;
 width: 770px;
 height: 131px;
 float: left;
 padding: 0;
 border: 0;
 margin: 0;
 background: url('images/header-corporate.jpg') #ffffff top right no-repeat;
}

#header-team-building {
 color: #000000;
 width: 770px;
 height: 131px;
 float: left;
 padding: 0;
 border: 0;
 margin: 0;
 background: url('images/header-team-building.jpg') #ffffff top right no-repeat;
}

#header-fundays {
 color: #000000;
 width: 770px;
 height: 131px;
 float: left;
 padding: 0;
 border: 0;
 margin: 0;
 background: url('images/header-fundays.jpg') #ffffff top right no-repeat;
}

#header-contact {
 color: #000000;
 width: 770px;
 height: 131px;
 float: left;
 padding: 0;
 border: 0;
 margin: 0;
 background: url('images/header-contact.jpg') #ffffff top right no-repeat;
}

#header-location {
 color: #000000;
 width: 770px;
 height: 131px;
 float: left;
 padding: 0;
 border: 0;
 margin: 0;
 background: url('images/header-location.jpg') #ffffff top right no-repeat;
}

#navigation {
 float: left;
 width: 768px;
 color: #000000;
 padding: 1px;
 border: 0;
 margin: 0;
 background: url('images/navbar-bg.gif') repeat-x;
}

#breadcrumb {
 padding: 5px;
 border: 0;
 margin: 0;
 float: left;
 text-align: left;
 vertical-align: middle;
 color: #ffffff;
 font: 11px arial, helvetica, sans-serif;
}

#breadcrumb a.breadcrumb:link, a.breadcrumb:active, a.breadcrumb:visited { 
 color: #ffffff;
 font: 11px arial, helvetica, sans-serif;
 text-decoration: none;
}

#breadcrumb a.breadcrumb:hover { 
 text-decoration: underline;
}

#searchbox {
 width: 300px;
 padding: 4px 3px 2px 0;
 border: 0;
 margin: 0 2px 0 0;
 background: url('images/searchbox.gif') center right no-repeat;
 float: right;
 text-align: right;
 min-height: 21px;
 vertical-align: middle;
}

#leftcolumn { 
 color: #ffffff;
 border: 1px solid #b02b78;
 background: #b02b78;
 margin: 0;
 padding: 0;
 width: 153px;
 float: left;
 min-height: 590px;
}

#rightcolumn { 
 float: right;
 color: #000000;
 border: 0;
 border-right: 1px solid #252525;
 background: #ffffff;
 margin: 0;
 padding: 0;
 width: 614px;
 display: inline;
 min-height: 635px;
 height:auto !important;
 height: 635px;
}

.rightcontent { 
 font: 14px arial, helvetica, sans-serif;
 color:#747274;
 padding: 10px;
 margin: 0;
 border: 0;
}

.rightcontent img {padding: 1px; margin: 0 0 4px 0;}
.img img {border: 1px solid #d5d3d3;}
.img:hover img {border: 1px solid #b02b78;}
.img:hover {color: #b02b78; /* Dummy definition to overcome IE bug */}

.rightcontent a { 
 font: 14px arial, helvetica, sans-serif;
 color:#b02b78;
 text-decoration: none;
}

.rightcontent a:hover { 
 text-decoration: underline;
}

.rightcontent p { 
 margin: 10px 0 0 0;
}

.rightcontent ul { 
 margin:  10px 30px 0 30px;
}

.rightcontent ul.nested { 
 margin:  0 0 0 30px;
list-style-type: circle;
}

.about { 
 width: 610px;
 min-height: 309px;
 height:auto !important;
 height: 309px;
 color: #ffffff;
 font: 12px arial, helvetica, sans-serif;
 border: 0;
 background: #747274;
 margin: 0 2px 20px 2px;
 padding: 0;
}

.aboutleft { 
 width: 180px;
 float: left;
 margin: 10px;
}

.aboutleft p { 
 margin: 10px 0 0 0;
}

.aboutright { 
 float: right;
 margin: 0;
}

#bluecontent { 
 color: #747274;
 font: 12px arial, helvetica, sans-serif;
 border: 0;
 background: #cadeee;
 margin: 0;
 padding: 10px 30px 10px 30px;
}

#bluecontent p { 
 margin: 10px 0 0 0;
}

#bluecontent a { 
 font: 12px arial, helvetica, sans-serif;
 color:#b02b78;
 text-decoration: none;
}

#bluecontent a:hover { 
 text-decoration: underline;
}

.footer { 
 width: 770px;
 clear: both;
 color: #747274;
 font: 12px arial, helvetica, sans-serif;
 border: 0;
 border-top: 1px solid #252525;
 background: #252525;
 margin: 0;
 padding: 0;
}

.footer p { 
 margin: 10px 0 0 0;
}

.footer a { 
 color: #747274;
 font: 12px arial, helvetica, sans-serif;
 text-decoration: none;
 border: 0;
 background: #252525;
}

.footer a:hover { 
 text-decoration: underline;
}

.footerleft { 
 float: left;
 margin: 0 0 50px 0;
}

.footerright { 
 float: right;
 margin: 0 0 50px 0;
}

/* 
***************************************************************************
***** 
***** CONTACT PAGE FORM
***** A Nice Simple Contact Form
***** Credits: CSS Tricks
***** URL: http://css-tricks.com
*****
***************************************************************************
*/

#newsletter {width: 400px;  border: 0; text-align: center;}

#newsletter input {padding: 5px; width: 200px; font: 14px arial, helvetica, sans-serif; margin: 0px 0px 10px 0px; border: 2px solid #d5d3d3; background: #ffffff !important;}

#newsletter textarea {padding: 5px; width: 200px; height: 90px; font: 14px arial, helvetica, sans-serif; margin: 0px 0px 10px 0px; border: 2px solid #d5d3d3; background: #ffffff !important;}

#newsletter textarea:focus, #newsletter input:focus, #newsletter input.sffocus, #newsletter select:focus, #newsletter textarea:hover, #newsletter input:hover, #newsletter select.sffocus, #contact-area select:hover {border: 2px solid #b02b78;}

#newsletter input.submit-button {width: 100px; color: #ffffff; cursor: pointer; border: 2px solid #ffffff; background: #747274 !important; font-weight: bold;}

#newsletter input.submit-button:hover {background: #b02b78 !important; border: 2px solid #b02b78;}

label {float: left; text-align: right; margin-right: 100px; width: 120px; padding-top: 5px; font: 12px arial, helvetica, sans-serif;}


/* 
***************************************************************************
***** 
***** CONTACT PAGE FORM
***** A Nice Simple Contact Form
***** Credits: CSS Tricks
***** URL: http://css-tricks.com
*****
***************************************************************************
*/

#contact-area {width: 550px;  border: 0; text-align: center;}

#contact-area input {padding: 5px; width: 400px; font: 14px arial, helvetica, sans-serif; margin: 0px 0px 10px 0px; border: 2px solid #d5d3d3; background: #ffffff !important;}

#contact-area textarea {padding: 5px; width: 400px; height: 90px; font: 14px arial, helvetica, sans-serif; margin: 0px 0px 10px 0px; border: 2px solid #d5d3d3; background: #ffffff !important;}

#contact-area textarea:focus, #contact-areainput:focus, #contact-area input.sffocus, #contact-area select:focus, #contact-area textarea:hover, #contact-area input:hover, #contact-area select.sffocus, #contact-area select:hover {border: 2px solid #b02b78;}

#contact-area input.submit-button {width: 100px; color: #ffffff; cursor: pointer; border: 2px solid #ffffff; background: #747274 !important; font-weight: bold;}

#contact-area input.submit-button:hover {background: #b02b78 !important; border: 2px solid #b02b78;}

label {float: left; text-align: right; margin-right: 5px; width: 120px; padding-top: 5px; font: 12px arial, helvetica, sans-serif;}


/* 
***************************************************************************
***** 
***** BLOG FORM
***** A Nice Simple Contact Form
***** Credits: CSS Tricks
***** URL: http://css-tricks.com
*****
***************************************************************************
*/

#blog-form {width: 380px; border: 0;}

#blog-form input {padding: 5px; width: 380px; font: 14px arial, helvetica, sans-serif; margin: 0px 0px 10px 0px; border: 2px solid #d5d3d3; background: #ffffff !important;}

#blog-form textarea {padding: 5px; width: 380px; height: 90px; font: 14px arial, helvetica, sans-serif; margin: 0px 0px 10px 0px; border: 2px solid #d5d3d3; background: #ffffff !important;}

#blog-form textarea:focus, #blog-form input:focus, #blog-form input.sffocus, #blog-form select:focus, #blog-form textarea:hover, #blog-form input:hover, #blog-form select.sffocus, #blog-form select:hover {border: 2px solid #b02b78;}

#blog-form input.submit-button {width: 140px; color: #ffffff; cursor: pointer; border: 2px solid #ffffff; background: #747274 !important; font-weight: bold;}

#blog-form input.submit-button:hover {background: #b02b78 !important; border: 2px solid #b02b78;}

label {float: left; text-align: right; margin-right: 5px; width: 120px; padding-top: 5px; font: 12px arial, helvetica, sans-serif;}


/* 
***************************************************************************
***** 
***** CSS Image Gallery
***** Credits: Dynamic Drive CSS Library
***** URL: http://www.dynamicdrive.com/style/csslibrary/item/css-image-gallery/
*****
***************************************************************************
*/

.gallerycontainer{position: relative; 
 background-position: 253px 3px;
 background-repeat: no-repeat;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img {padding: 1px; margin: 0 4px 4px 0; border: 1px solid #d5d3d3;}

.thumbnail:hover {background-color: transparent;}

.thumbnail:hover img {border: 1px solid #b02b78;}

.thumbnail span { /*CSS for enlarged image*/
 position: absolute;
 padding: 0;
 left: -1000px;
 border: 0;
 visibility: hidden;
}

.thumbnail span img { /*CSS for enlarged image*/ width: 311px; padding: 2px;}

.thumbnail:hover span { /*CSS for enlarged image*/
 visibility: visible;
 top: 0;
 left: 250px; /*position where enlarged image should offset horizontally */
 z-index: 50;
}


/* ================================================================ 

MENU CSS

This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/slide_definition.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#dlmenu {height:10em;}

#menu {list-style-type:none; margin:0; padding:0; width:100%;}

#menu li {display:block; padding:0; margin:0; }
#menu li a, #menu li a:visited {display:block; text-decoration:none;}
#menu li dd {display:none;}
#menu li:hover, #menu li a:hover {border:0;}
#menu li:hover dt a, #menu li a:hover dt a {background:#ffffff; color:#b02b78; font-weight:bold;}
#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu li:hover dl, #menu li a:hover dl {background:#ffffff;}

#menu table {border-collapse:collapse; padding:0; margin:-4px; font-size:1em;}

#menu dl {width: 153px; margin: 0; background: #ffff00; cursor:pointer;}
#menu dt {margin:0; padding: 0; font-size: 13px; border-top:1px solid #d092b0; text-transform: capitalize;}
#menu dd {margin:0; padding:0; font-size: 12px; text-align:left; text-transform: capitalize;}

.gallery dt a, .gallery dt a:visited {display:block; color:#ffffff; padding:3px 3px 3px 10px; background:#b02b78;}

.gallery dd a, .gallery dd a:visited {color:#000; min-height:1em; text-decoration:none; display:block; padding:3px 3px 3px 20px; background:#ffffff; color:#747274;}

* html .gallery dd a, * html .gallery dd a:visited {height:1em;}
.gallery dd a:hover {background:#ffffff; color:#b02b78;}