@charset "utf-8";
/* CSS Document */
body {margin:0; background:#000000 url(../images/bg-pattern.jpg) top center;}
img {border:none;}
#main-bg {background: url(../images/main-bg.jpg) no-repeat top center; width:100%;}
#footer-bg {background: url(../images/footer-bg.jpg) bottom center repeat-x; width:100%;}
#content-bg {background: url(../images/content-bg.jpg) bottom center repeat-y; width:100%;}
#bottom-bg {background: url(../images/bottom-bg.jpg) no-repeat bottom center; width:100%;}
#header-bg {background: url(../images/header-bg.png) top center repeat-x; width:100%;}

/* Navigation */ 
#navigation {padding-top:161px;}
#navigation ul { margin:0px 0 0 80px; padding:0; background: url(../images/nav-bg.gif) no-repeat top center; height:68px;}
#navigation ul li { margin:0 0px; padding:0; list-style:none; float:left;}
#navigation ul li a {border:none;}
#navigation ul li a:hover {border:none;}
#navigation ul li a span { display:none; }

#navigation ul li#nav-home a{ background-image:url(../images/nav-home.png); height: 68px; width:120px; display:block;}
#navigation ul li#nav-home a:hover { background-image: url(../images/nav2-home.png);}

#navigation ul li#nav-search a { background-image:url(../images/nav-search.png); height: 68px; width:160px; display:block; cursor: default;}
#navigation ul li#nav-search a:hover  { background-image:url(../images/nav-search.png);}

#navigation ul li#nav-themes a{ background-image:url(../images/nav-themes.png); height: 68px; width:110px; display:block;}
#navigation ul li#nav-themes a:hover { background-image: url(../images/nav2-themes.png);}

#navigation ul li#nav-photos a{ background-image:url(../images/nav-photo.png); height: 68px; width:101px; display:block;}
#navigation ul li#nav-photos a:hover { background-image: url(../images/nav2-photo.png);}

#navigation ul li#nav-a-z a{ background-image:url(../images/nav-a-z.png); height: 68px; width:101px; display:block;}
#navigation ul li#nav-a-z a:hover { background-image: url(../images/nav2-a-z.png);}

#navigation ul li#nav-contact a{ background-image:url(../images/nav-contact.png); height: 68px; width:174px; display:block;}
#navigation ul li#nav-contact a:hover { background-image: url(../images/nav2-contact.png);}



#wrapper {margin:0 auto 0; padding:0px; width: 900px;}

#audio_cntrls{ margin-top:-13px; z-index:1; color: #666666; font:10px Arial, Helvetica, sans-serif; padding:0px;}
#audio_cntrls a { color:#912690;}
#tellfriend {float:right; font-size:12px; font-weight:bold;}
#audio_cntrls #tellfriend {border:none;}

#content {padding:40px 30px 0px; font:16px Verdana, Arial, Helvetica, sans-serif; color:#0e0e0e; line-height:1.2em; margin-left:100px; margin-right:100px;}
#content .logo {display:block;}
#content a { color:#912690; text-decoration:none; border-bottom:1px dotted #912690;}
#content a:hover { color:#144f8b; border-bottom:1px dotted #144f8b;}
#content h1 {font-size:24px; color:#331e2a; border-bottom:1px dashed #91268e; padding-bottom:20px; line-height:normal; margin-bottom: 20px;}
#content h2 {color:#331e2a; line-height:normal;} 
#content h3 {color:#331e2a; line-height:normal;}
#content h3.boxedleft {margin-right:0px; width:300px;}
#content h3.boxedright {margin-left:0px;}
#content ul.boxed {width:300px;}
#content img.floatright {float:right;border:1px solid #CCCCCC; margin:5px;}

#content p.clear {clear:both;}

#content P.headtext {color:#666666; line-height:normal; text-align:center; font-size:20px; font-weight:bold;} 

p.caption { text-align:center; font:12px Verdana, Arial, Helvetica, sans-serif; color: #666666; }

p.top {font-size:12px; clear:both; text-align:right;}

#photolists {clear:both;}
#photolists div.listleft {float:left; width:200px;}
#photolists div.listright {float:left; width:200px; margin-left:20px;}

/* Form CSS */
#content form {text-align: right; width: 400px; border: 1px dashed #CCCCCC; padding:20px}
#content .text_inp {width:260px; font:16px Verdana, Arial, Helvetica, sans-serif; color:#484c4e; margin-bottom:8px;}
#content .text_area {width:260px; vertical-align:top; height:120px; font:16px Verdana, Arial, Helvetica, sans-serif; color:#0e0e0e;}
#content .sbm_butt {border:2px solid #CCCCCC; color:#FFFFFF; background-color:#912690; margin:5px 0; padding:4px; font:16px Verdana, Arial, Helvetica, sans-serif; cursor:pointer;}
#content .sbm_butt:hover {background-color:#144f8b;}
ol#contactform {margin:0px; padding:0px;}
ol#contactform li {list-style:none; padding-bottom:5px;}
ol#contactform li.text { text-align:center;}

/* Alphabetical list CSS */
ul.titlealpha { text-align:center;}
ul.titlealpha li { display:inline; font-size:20px;}
div.alphalist {float:left; width:300px; padding:10px;}
div.alphalist ul {margin:0px; padding:0px;}

/* Theme list CSS */
ul.titlelist {margin:0px; padding:0px;}
ul.titlelist li { float:left; font-size:20px; list-style:none; width:210px; padding:0 0 5px 0; margin:0px;}
div.themelist {clear:both;}
div.themelist ul {margin:0px; padding:0px;}
div.themelist li {float:left; width:320px; padding-bottom:5px;}

/* Gallery CSS */
#content p.gallery {text-align:center; margin-bottom:0px;}
#content p.gallery a {text-decoration:none; border:none;}
#content p.gallery img:hover {border:1px dashed #144f8b;}
#content p.gallery img {border:1px solid #CCCCCC; margin:2px; padding:5px;}

#content img.contentimage { margin:0 10px 10px; border:10px solid #FFFFFF; float: right;}

#footer {background:url(../images/white2-bg.png); padding:20px; margin-top:4px; margin-bottom:200px; text-align:center; font:16px Verdana, Arial, Helvetica, sans-serif; color:#666666; clear:both;}
#footer ul { margin:0; padding:10px 0;}
#footer ul li { margin:0; padding:0 10px; list-style:none; display:inline;}
#footer a {color: #912690; text-decoration:none; border-bottom:1px dotted #912690;}
#footer a:hover { color:#144f8b; border-bottom:1px dotted #144f8b;}
#footer ul li a {font:16px Verdana, Arial, Helvetica, sans-serif;}
#footer p.footerbottom {margin:5px 0 10px; font-size:18px; font-weight:bold; color: #000000;}
#footer p.footertop {margin:5px;}

P#heff {font:normal 10px Arial, Helvetica, sans-serif; color: #d1d1d2; text-align:center; padding:0; margin:0;}
P#heff a {color: #d1d1d2;  padding:0; margin:0;}

/* UNIVERSAL CLEAR: used to clear floated items */
.clearitem:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearitem {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearitem {height: 1%;}
.clearitem {display: block;}
/* End hide from IE-mac */