@charset "UTF-8";
/* CSS Document */

*{padding:0px; margin:0px; outline:none; font-family:Arial, Helvetica, sans-serif;}

a:link{color:#CC0000; text-decoration:underline; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
a:visited{color:#CC0000; text-decoration:underline; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
a:hover{color:#FFFFFF; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

body{
text-align:center;
background-color:#000;
}

/* OVERALL CONTAINING DIV */
#container{
width:899px;
height:auto;
margin:auto;
text-align:left;
color:#FFFFFF;
}
/* Header */
#header{
width:899px;
height:147px;
background-image:url(template-images/header.jpg);
background-repeat:no-repeat;}

/* Main Page Background */
#page{
width:899px;
height:532px;
background-image:url(template-images/content-bg.jpg);
background-repeat:no-repeat;
padding:20px 0;
}

#slider {
    width: 800px;
    margin: 0 auto;
    position: relative;
}

.scroll {
    height: 550px;
    width: 800px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    background: transparent;
}

.scrollContainer div.panel {
    height: 550px;
    width: 800px;
}

div.panel ul{margin-left:90px;}
div.panel li{display:block; float:left; margin:5px; list-style:none;}

.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
}

.scrollButtons.left {
    left: 20px;
}

.scrollButtons.right {
    right: -20px;
}

.hide {
    display: none;
}


/**** Home Page Styles and Images ****/

	#home-text{width:300px; margin-left:119px; margin-top:15px; float:left;}
		#home-text p{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; padding-bottom:20px;line-height:18px; font-weight:bold;}
	#home-images{width:300px; margin-right:60px; margin-top:30px; float:right;}
	#portfolio li{list-style:none;}
	
	#calendar{width:300px; margin-left:120px; margin-top:15px; float:left; clear:left; font-size:12px;}
	#calendar th{background-color:#000; color:#FFF;}
	#calendar td{background-color:#FFFFFF; color:#CC0000; font-weight:bold; padding:4px;}
	#calendar td:hover{background-color:#000000; color:#CC0000; font-weight:bold; padding:4px;}


/**** Gallery Styles - Main Option Page ****/

#content{float:left; margin-top:20px; width:auto;}

h1{font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FFFFFF; margin-bottom:10px; margin-top:20px;}
h2{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF;}

.content-text p{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; width:300px; margin-left:100px;}

#gallery-left-page{width:240px; height:auto; margin-left:150px; float:left; clear:left;}
	#gallery-left-page img{margin:20px;}
#gallery-right-page{width:240px; height:auto; margin-right:100px; float:right;}
	#gallery-right-page img{margin:20px;}

/**** Gallery Pages ****/

#gallery-table{width:320px; float:left; margin-top:20px; margin-left:100px;}
	#gallery-table p{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF;}

#gallery-table2{width:320px; float:right; margin-top:35px; margin-right:60px;}

img.gallery-thumb{border:2px solid #FFF;}
img.gallery-thumb:link{border:2px solid #FFF;}
img.gallery-thumb:hover{border:2px solid #CC0000; width:90px; height:90px; padding:5px;}
	
/**** Contact Page ****/

#contact-form{float:right; margin-right:60px; margin-top:60px;}
label{color:#FFFFFF;}
input{font-weight:bold; color:#CC0000;}
textarea{font-weight:bold; color:#CC0000;}


/* Footer and Text Styles */
#footer{width:900px; height:auto; margin:auto; text-align:right;}
#footer.footer-text{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; text-decoration:none;}
	
	
/********* Artwork for Sale Styles ********/

#toolbarwrap {
	width: 415px;
	height: 5px;
	margin: 0 auto;
	padding: 0;
	background: #101010 url(images/header.gif) repeat-x 0 0;
	border-bottom: 0px solid #790000;
	position: relative;
	visibility:hidden;
	}
ul.navigation {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
ul.navigation li {
	float: left;
	padding: 0 0 0 0;
	}
ul.navigation li a {
	float: left;
	line-height: 0px;
	border-top: 0px solid #202020;
	color: #707070;
	}
ul.navigation li a:hover {
	text-decoration: none;
	border-top: 0px solid #606060;
	color: #BCBCBC;
	}
ul.navigation li.active {
	color: #BCBCBC;;
	text-decoration: underline;
}
ul.navigation li.inactive {
	text-decoration: none;
	color: #707070;
}

#frame {
	overflow: hidden;
	margin: 0 auto;
	width: 900px;
	height:562px;
}
#scroller {
	width: 900px;
	margin: 0 auto;	
	overflow: hidden;
}
#content {
	width: 2700px;
	height:562px;
	background-image:url(images/art-wall.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}
.section {
	width: 900px;
	height:562px;
	float: left;
	text-align: right;
	background-color:transparant;
}
#home-pane{position:relative;}
#about-pane{position:relative;}

.tooltip {
	display:none;
	background:transparent url(images/black_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
}