/* 
YOUR CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/

/* Override - force list colors to match all other normal text */
.content ul, ol, li {color:#515151;}

/* Override - expand width by 1px for category columns to prevent wrap */
.container-inner {width:951px;}

/* Override - force page menu letters to uppercase, expand spacing */
#nav-main .sf-menu li {margin-right:0; background:#111; white-space:nowrap; text-transform:uppercase; letter-spacing: 2px;}

/* Override - Change page menu height, expand width of PS drop-down menu */
#nav-main .sf-menu li.sfHover ul {top:34px; width: 250px;}

/* Override - expand width by 1px for footer to prevent wrap */
#footer {width:951px;padding:1.5em 0;margin:0 auto;color:#999;text-align:left}

/* Override - Change thumbnail category images to have a dynamic height, not fixed at a square aspect ratio */
#category-section img.attachment-thumbnail, #category-section img.thumbnail, #category-section img.timthumbnail {
height:auto;
}

/* Override - masthead logo position - more space bottom, less space top */
#masthead #logo h1 {
line-height:0;
margin-top:5px;
margin-bottom:10px;
}

/* Override - Masthead text with bold font, larger size, different position */
#masthead #logo .description {
float:left;
margin:1.5em 1.5em;
vertical-align:bottom;
font-size:1.5em;
font-weight:bold;
text-transform:uppercase;
}

/* Override - Thumbnail slider to make images 270px wide instead of 150px square */

#slider-section {
height:182px;
}

.sliderGallery {
width:1940px;
}

.sliderGallery ul li a {
display:block;
float:left;
height:172px;
margin:0 1em 0 0;
position:relative;
width:310px;
}

.sliderGallery ul li a img {
margin:0;
opacity:0.9;
padding:0;
width:310px;
max-width:310px;
height:auto;
}

.sliderGallery ul li a span {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#000000 none repeat scroll 0 0;
border-right:4px solid #000000;
bottom:0;
color:#CCCCCC;
height:18px;
left:0;
opacity:0.7;
overflow:hidden;
padding:2px 0 2px 4px;
position:absolute;
text-align:center;
width:303px;
z-index:20;
}


/* Special - styles for tables on rates page */

#rates_container h3 {
font-weight: bold;
color: #515151;
}

#rates_container h3 a {
font-weight: bold;
color: #428ce7;
}

#rates_container a:hover {
color: #666;
}

.customize_container {
background-color: #white;
width: 69%;
padding: 15px;
margin-right: 20px;
margin-bottom: 20px;
border-width: 1px;
border-style: dotted;
border-color: black;
float: left;
clear: left;
}

.customize_container p {
margin: 0px;
}

.contact_container {
background-color: #white;
width: 22%;
padding: 15px;
margin-bottom: 20px;
border-width: 1px;
border-style: dotted;
border-color: black;
float: right;
clear: right;
text-align: center;
height: 108px;
}

.contact_container p {
margin: 0px;
}

#wedding_package_container {
background-color: #white;
padding-top: 15px;
padding-left: 15px;
padding-bottom: 15px;
margin-bottom: 20px;
border-width: 1px;
border-style: dotted;
border-color: black;
clear: both;
height: 260px;
}

#wedding_package_container .package_header {
background-color: gray;
width: 288px;
margin: 0px;
margin-right: 10px;
float: left;
padding: 5px;
text-align: center;
float: left;
color: white;
font-weight: bold;
border-width: 1px;
border-style: solid;
border-color: black;
}

#wedding_package_container .package_body {
background-color: white;
border-left-width: 1px;
border-right-width: 1px;
border-style: solid;
margin: 0px;
margin-right: 10px;
width: 268px;
height: 135px;
float: left;
color: black;
padding: 15px;
}

#wedding_package_container .package_body li {
margin-left: 10px;
}

#wedding_package_container .package_footer {
background-color: white;
border-left-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-style: solid;
width: 288px;
margin: 0px;
margin-right: 10px;
margin-bottom: 20px;
float: left;
padding: 5px;
padding-top: 0px;
text-align: right;
float: left;
font-weight: bold;
color: black;
}

#family_package_container {
background-color: #white;
padding-top: 15px;
padding-left: 15px;
padding-bottom: 15px;
margin-bottom: 20px;
border-width: 1px;
border-style: dotted;
border-color: black;
clear: both;
height: 235px;
}

#family_package_container .package_header {
background-color: gray;
width: 288px;
margin: 0px;
margin-right: 10px;
float: left;
padding: 5px;
text-align: center;
float: left;
color: white;
font-weight: bold;
border-width: 1px;
border-style: solid;
border-color: black;
}

#family_package_container .package_body {
background-color: white;
border-left-width: 1px;
border-right-width: 1px;
border-style: solid;
margin: 0px;
margin-right: 10px;
width: 268px;
height: 85px;
float: left;
color: black;
padding: 15px;
}

#family_package_container .package_body li {
margin-left: 10px;
}

#family_package_container .package_footer {
background-color: white;
border-left-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-style: solid;
width: 288px;
margin: 0px;
margin-right: 10px;
margin-bottom: 10px;
float: left;
padding: 5px;
padding-top: 0px;
text-align: right;
float: left;
font-weight: bold;
color: black;
}

#pet_package_container {
background-color: #white;
padding-top: 15px;
padding-left: 15px;
padding-bottom: 15px;
margin-bottom: 20px;
border-width: 1px;
border-style: dotted;
border-color: black;
clear: both;
height: 235px;
}

#pet_package_container .package_header {
background-color: gray;
width: 288px;
margin: 0px;
margin-right: 10px;
float: left;
padding: 5px;
text-align: center;
float: left;
color: white;
font-weight: bold;
border-width: 1px;
border-style: solid;
border-color: black;
}

#pet_package_container .package_body {
background-color: white;
border-left-width: 1px;
border-right-width: 1px;
border-style: solid;
margin: 0px;
margin-right: 10px;
width: 268px;
height: 85px;
float: left;
color: black;
padding: 15px;
}

#pet_package_container .package_body li {
margin-left: 10px;
}

#pet_package_container .package_footer {
background-color: white;
border-left-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-style: solid;
width: 288px;
margin: 0px;
margin-right: 10px;
margin-bottom: 10px;
float: left;
padding: 5px;
padding-top: 0px;
text-align: right;
float: left;
font-weight: bold;
color: black;
}