/* bellenworks css screen styling */

/*-------------------------------------------------
  General layout
-------------------------------------------------*/
body
{
	background: #505050 url(../images/bg.png);
	background-color: #999966;
	color: #494949;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif;
	font-size: 1.0em;
	padding: 15px 0;
	margin: 0;
}
span
{
color: #900825;
}
img
{
	border: 0;
}
form
{
	margin: 0;
}

/* Headings */
h1,h2,h3,h4,h5,h6
{
    font-family: Georgia, "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif;
	font-weight: normal;
	margin: 0;
}
/* Lists */
ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}
li
{
	background: url(../images/arrow.gif) left 5px no-repeat;
	padding: 0 0 0 10px;
	margin: 0 20px;
}

/* Links */
a:link, a:visited
{
	color: #4B7BB2;
	text-decoration: none;
}
a:hover, a:active
{ color: navy; text-decoration: none; }
#header a:link, #header a:visited
{
	color: #900825;
}

#header a:hover, #header a:active
{ color: #6a091d; }
#header ul 
{
width:100% ; float:left ;  border-top:1px solid #b22222; border-bottom:1px solid #b22222; font-size: 1.1em; background-color:#98abbe; margin:0; 
}
#header li
{
float: left; list-style-type:none; padding:0 8px;
}
#copyrights a:link, #copyrights a:visited
{ color: #900825; background-color: #fbfbe5; }
#copyrights a:hover, #copyrights a:active
{
	color: #737373;
}

/* Basic classes */
.hidden
{
	display: none;
}
.centerize
{
	text-align: center;
}
.clearing
{
	width: 750px;
	height: 0;
	clear: both;
}
/*----------------------------------
     Wrapper
  ---------------------------------*/
#mainwrapper
{ width: 750px; background: #fbfbe5;
	/* border-width: 0 2px; */
	margin: auto; border: solid 0 #e0e0e0; }
#indexwrapper
{ width: 612px; background: #fbfbe5;
	/* border-width: 0 2px; */
	margin: auto; border: solid 0 #e0e0e0; }
/*-------------------------------------
		Banner styles
  -------------------------------------*/
#banner 
{
height:72px ; width:750px; background-color:#FBFBE5;
}
/*-----------------------------------
     Index page image map styles
  ------------------------------------ */
#mainmap {
position:absolute; background-image:url(../images/map.jpg); background-repeat:no-repeat; width:621px; height:451px;
}
#mainmap span {
display:none;
}
#mainmap a:hover {
border: 1px solid #BCBCBC;
}
#mainmap .music a {
top: 225px; left: 54px; position: absolute; width: 160px; height: 70px;
}
#mainmap .audio a {
top: 225px; left: 250px; position:absolute; width: 274px; height: 70px;
}
#mainmap .santa a {
top: 302px; left: 54px; position: absolute; width: 300px; height: 70px;
}
#mainmap .email a {
top: 374px; left: 54px; position: absolute; width: 124px; height: 70px;
}
#mainmap .travel a {
top: 374px; left: 248px; position: absolute; width: 124px; height: 70px;
}
/*----------------------------------------
               Music two column page
  --------------------------------------- */
#leftcolumn {
width:580px; margin:10px; float:left; background-color:#FBFBE5; 
}
#leftcolumn p {
padding:3px;  margin:82px 20px 60px 30px; text-indent:1.5em;
}
#leftcolumn h1, h2
{
margin:40px, 8px, 8px, 8px;
}
#rightcolumn {
width:146px; float:right; margin:100px 0 0 0; padding:1px 1px; background-color:#DCDCDC;
}
#rightcolumn img {
margin:20px 0 0 0 ;
}
/*----------------------------------------
               Content Stying
  --------------------------------------- */
#content 
{
width:750px ; margin:10px 0 0 0; float:left; background-color:#FBFBE5;
}
#content p,h2,ul
{
margin: 4px 8px 16px 8px; 
}
#content h1
{
margin:10px 0 20px 0;
}
#content p
{
font-size:.85em;
}
#content img
{
margin:4px 8px;
}
#santapics
{
width: 750px; float:left;  
}
#santapics img
{
margin:20px 50px 4px 50px;
}
/* Picture floating left */
div#content .picl {
float:left ; margin:10px;
}
/* Picture floating right */
div#content .picr {
float:right ; margin:10px;
}
div#content .pelz {
float:right; width:124px ; margin:12px;
}
div#content .nickpic {
float:right ; width: 174px ; margin:16px;
}

p.caption {
font-size:.8em; margin:0px 5px; color:#900825; 
}
div#content img [alt|="pic" {
border: 1px solid #000;
}
div#content #gallist
{
margin:10px 96px 30px 96px;
}
div#content .inchseven
{
width:360px ; float:left; display:block ; 
}
div#content .incheleven
{
width:360px ; float:right ; display:block ;
}
/*-----------------------------------------------
           Santa Motto Rollover
  ---------------------------------------------*/
a.motto
{
width:190px; height:24px; display:block; padding-top:2px; font-size: .8em; color: #BFBFBF;  text-align:center;
}
a.motto
{
background: url(../images/two_state_roll_motto.gif) 0px 0px no-repeat #000;
}
a.motto:hover
{
background-position: 0px -25px; color:#BFBFBF ; 
}



/*clear the floats before the footer */
.clearfix:after {
content: "."; display: block; height: 0; clear: both; visibility: hidden;
}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}