/* General Settings */
*{ margin: 0; padding: 0; }

html, body { height:100%; }

img { border: 0; }

body{
background: url('http://joycedzphotography.com/albums/belshower/album-bkgnd.jpg') no-repeat top left #fff;
font-family:verdana, Arial, Helvetica, sans-serif;
font-spacing: 2.0px;
font-size: 10px;
font-variant: normal;
color: #000;
}

p { margin-bottom: 15px; line-height:16px; }

a{ color: #000; text-decoration: none; }
a:hover{ color: #787878; text-decoration: none; }
a{ outline: none; }


h1.main_title{ 
font-size: 20px;
font-weight: normal; 
font-style: italic; 
border-bottom: 1px dotted #000; 
padding: 0 0 3px 0;
}

/* Container */
#container{ 
width: 1000px;
min-height:100%;
margin: 0 auto -36px auto;
position: relative;
}

#clear_bottom {
height: 36px;
clear: both;
}

/* Header */
#header{ width: 1000px; float: left; margin: 8px 0 0 0; }
#logo{
width: 320px;
height: 30px;
float: left;
background: url('images/logo.png') no-repeat top center;
margin: 0 0 15px 0;
text-indent:-9000px;
}
#logo a{ width: 320px; height: 10px; display: block; }

ul.menu{ width: 620px; float: right; list-style: none; text-align: right; padding: 0px 0 0 0; }
ul.menu li{ display: inline; }
ul.menu li a{
display: inline-block;
font-size: 10px;
font-spacing: 2.0px;
text-transform: uppercase;
padding: 8px 12px 24px 12px;
}

ul.menu li a:hover{ background-color: #000; color: #fff; text-decoration: none; }
ul.menu li.selected a{ background-color: #000; color: #fff; }
ul.menu li.selected a:hover{ color: #777; }


/* Content */
#content{
width: 980px;
float: left;
background-color: #d9d9d9;
padding: 1px;
}

/* Slideshow */
#slideshow_wrapper{ width: 980px; height: 655px; float: left; background-color: #fff; overflow: hidden; }
ul.slideshow{ width: 100%; float: left; list-style: none; } 
ul.slideshow li{ width: 100%; float: left; }

/* Info Boxes */
#info_boxes{ width: 980px; float: left; padding: 1px 0 0 0; }
#info_boxes ul{ width: 100%; float: left; list-style: none; }
#info_boxes ul li{ width: 210px; height: 100px; float: left; padding: 35px 90px 0 26px; }
#info_boxes ul li.box1{ background: url('tweet.jpg') no-repeat top right #fff; }
#info_boxes ul li.box2{ background: url('fb.jpg') no-repeat top right #fff;
border-left: 1px solid #d9d9d9;
border-right: 1px solid #d9d9d9; 
}
#info_boxes ul li.box3{ background: url('email.jpg') no-repeat top right #fff; }

h1.box_title{ font-size: 14px; font-weight: font-spacing: 2.0px; color: #404040; normal; text-transform: lowercase; }
#info_boxes ul li p{ font-size: 11px; line-height: 2px; padding: 6px 0 0 2px; margin: 2 2 1px 1; }

a.box_link{ float: center; font-size: 13px; text-transform: lowercase; margin-left: 0px; font-spacing:1.6pt; color: #404040;}


/* Shadowbox */
#sb-container{ color: #fff; }
#sb-container a{ color: #fff; }
#sb-container a:hover{ color: #fff; text-decoration: underline; }

/* Shadowbox Title */
#sb-title-inner{
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif !important;
font-size: 13px !important;
font-weight: bold;
text-transform: uppercase;
}
/* END Shadowbox Title */

/* Shadowbox Inline Pop Up Content */
.inline_container{ display: none; }
.inline_content{ padding: 40px; color: #fff; }
.inline_content h1{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; text-transform: uppercase; margin: 0 0 2px 0; }
.inline_content ul, .inline_content ol{ display: inline-block; list-style: square; margin: 0 0 20px 0; padding: 0 0 0 40px; }
.inline_content ul li, .inline_content ol li{ margin: 0 0 5px 0; }
/* END Shadowbox Inline Pop Up Content */
/* END Shadowbox */

/* Footer */
#footer{ width: 100%; float: left; background: url('images/footer_bg.png') no-repeat top center; padding: 25px 0; }


ul.footer_menu{ width: 100%; float: right; list-style: none; display: inline; text-align: center; padding: 10px 0 5px 0; }
ul.footer_menu li{ display: inline; font-size: 12px; text-transform: uppercase; padding: 0 5px; }
ul.footer_menu li a{ display: inline-block; }

span.footer_info{ width: 100%; float: left; text-align: center; font-size: 10px; color: #fff; padding: 10px 0; }
span.footer_info a{ color: #787878; }
span.footer_info a:hover{ text-decoration: underline; }

/* Bottom */
#bottom{ width: 100%; height: 36px; position: relative; background-color: #404040; color: #000; text-decoration: none;}
span.bottom_logo{ float: right; padding: 11px 10px 0 ; color: orange; text-decoration: none;  }