/*
		 * Slider CSS
		*/
		.container { width:980px; height:270px; overflow:hidden; position:relative; cursor:pointer; }
		div.slides { position:absolute; top:0; left:0; }
		ul.slides { position:absolute; top:0; left:0; list-style:none; padding:0; margin:0; }
		div.slides div,ul.slides li { position:absolute; top:0; width:980px; display:none; padding:0; margin:0; }
		/*
		 * Optional
		*/
		#loopedSlider,#newsSlider { margin:0 auto; width:980px; position:relative; clear:both; }
		ul.pagination {
	list-style:none;
	padding:0;
	margin-left:850px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
		ul.pagination li  { float:left; }
		ul.pagination li a { padding:5px 10px; }
		ul.pagination li.active a {
	color:white;
	background-color: #333333;
}


ol, ul {
	list-style: none;
}

#topbar{
	width:100%;
	height:70px;
	background-color: #383637;
	background-image: url(../images/sebastion-top.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
#topbar2{
	width:100%;
	height:114px;
	

	}
#maingraphicheader{
	width:980px;
	height:68px;
	background-image: url(../img/maingraphic-header.jpg);
	background-repeat: no-repeat;
	background-position: center top;	
}
#maingraphic{
	width:980px;
	height:265px;
	background-color: #383637;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #333333;	
}

#bellowimg{
	width:980px; background:#0d0901; height:3px;
}


#wrapper{
	margin:0px;
	padding:0px;
	width:100%;
	float:left;

}

#topnavwrapper{
	width:980px;
	height:118px;
	
}

#contentbox{
	width:980px;
	overflow:auto;
	background-color: #FFFFFF;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #363435;
}

#whitebg{
	width:980px;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	font-weight: normal;
	color: #666666;
	text-align: left;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #363435;
}
#whitedetail{
	width:980px;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	font-weight: normal;
	color: #666666;
	text-align: left;
	margin-left: auto ;
    margin-right: auto ;
 	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #363435;
}

#whitedetail h1{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	color: #666666;	
	padding:20px;
}

#maincontentcontainer{
	float:left;
	width:575px;
	display:block;

}
.maincontext{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	font-weight: normal;
	color: #666666;
	text-align: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #EBEBEB;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 20px;
	padding-right: 20px;
	}
.maincontext h1 {
	font-size:20px;
	color:#006699;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
}
.maincontext h2 {
	font-size:12px;
	color:#333333;
	font-family: Arial, Helvetica, sans-serif;
	
}

#rightcontentcontainer{
float:left; width:400px;
}
.rightcontext{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	font-weight: normal;
	color: #666666;
	text-align: left;
	margin: 10px 10px 10px 10px;

	}
.rightcontext h1 {
	font-size:20px;
	color:#669933;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
}
.rightcontext h2 {
	font-size:16px;
	color:#129DE9;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
}

.rightcontext a {
	font-size:12px;
	color:#669933;
	font-family: Arial, Helvetica, sans-serif;

}

.rightcontext a:hover {
	color:#333333;
	text-decoration: underline;

}

.rightexhib{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	font-weight: normal;
	color: #666666;
	text-align: left;
	margin: 10px 10px 10px 10px;

	}
.rightexhib h1 {
	font-size:20px;
	color:#669933;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
}
.rightexhib h2 {
	font-size:16px;
	color:#129DE9;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
}

.rightexhib a {
	font-size:12px;
	color:#666666;
	font-family: Arial, Helvetica, sans-serif;

}

.rightexhib a:hover {
	color:#333333;
	

}
#footer {
	width:980px;
	margin-bottom: 10px;
	padding: 0px;
	margin-top: 20px;
	background-color: transparent;
	background-image: url(../img/footer-trans.png);
	background-repeat: repeat;
	background-position: left top;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #504B4E;

}

/* footer stuff */
#footer h5 {
	font-size: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 24px;
	text-align: left;
	color: #B3C098;
	font-weight: normal;
	padding-left:10px;
	margin-bottom: 16px;
	
	
}

#footer div.about {
	float: left;
	width: 300px;
	margin-top: 10px;
	margin-right: 50px;
	
}
#footer div.about a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #B3C098;
	
	
}
#footer div.about a:hover {
	color: #FFFFFF;
	text-decoration: underline;	
}


#footer div.about p {
	color: #CCCCCC;
	font-size: 11px;
	line-height: 18px;
	padding-bottom: 11px;
	text-align: left;
	margin-left: 15px;
	font-family: Arial, Helvetica, sans-serif;
}
#footer div.about img {
	float:left;
	margin-right: 10px;
	margin-top: 6px;
	margin-left: 10px;
	border: 2px solid #999999;
}
#footer div.flikr {
	float: left;
	width: 320px;
	margin-top: 10px;
	
}
#footer div.flikr .flickr_badge_image { display: inline; }
#footer div.flikr .flickr_badge_image img {width:80px; height:80px; border:0; padding:5px; background-color: #3c3c3c; margin: 8px; display: inline; }

#footer div.bottom_nav {
	float: right;
	width: 230px;
	margin-top: 10px;
	margin-right: 20px;

}
#footer div.bottom_nav li {
	margin: 10px 0;
	padding-bottom: 10px;
	padding-left: 16px;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #454544;
	background-color: transparent;
	background-image: url(../img/footer_bullet.png);
	background-repeat: no-repeat;
	background-position: left 3px;
}
#footer div.bottom_nav li a {
	color: #DBDBDB;
	font-size: 12px;
	line-height: 14px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
#footer div.bottom_nav li a:hover {
	color: #B4C19B;
	text-decoration: underline;
}
#footer p.copyright {
	clear: both;
	text-align: left;
	font-size: 12px;
	line-height: 16px;
	color: #999999;
	margin: 10px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
#credit {
	width:980px;
	margin-bottom: 20px;
	padding: 0px;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #6c6b6a;
}
#credit a {
	color: #868583;
	font-size: 12px;
	line-height: 18px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
#credit a:hover { color: #ffffff; }

.thumb {
	padding: 5px;
	margin: 5px;
	border: 1px solid #999999;
}
.thumb a {
	padding: 5px;
	margin: 5px;
	border: 4px solid #999999;
}
.thumb a:hover { 
    padding: 5px;
	margin: 5px;
	border: 5px solid #999999;
}

.thumb2 {
	padding: 15px;
	margin: 15px;
	border: 2px solid #999999;
}
.thumb3 {
	padding: 5px;
	margin: 5px;
	border: 4px solid #383637;
}


.currentexhibition{
	float:left;
	width:380px;
	display:block;
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 18px;
}
.currentexhibition a{
	float:left;
	line-height: 18px;
	width:370px;
	display:block;
	background-color: #129DE9;
	padding:5px;
	margin:2px;
	border: 1px solid #CCCCCC;
	color: #FFFFFF;
}
.currentexhibition a:hover{
	background-color: #EDF8FE;
	color: #000000;
}



.previousexhibition{
	float:left;
	width:380px;
	display:block;
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 18px;
}
.previousexhibition a{
	float:left;
	line-height: 18px;
	width:370px;
	display:block;
	background-color: #FFFFFF;
	padding:5px;
	margin:2px;
	border: 1px solid #CCCCCC;
}
.previousexhibition a:hover{
	background-color: #129DE9;
	color: #FFFFFF;
}
.previousexhibitionactive{
	float:left;
	line-height: 18px;
	width:370px;
	display:block;
	background-color: #C5E9FC;
	padding:5px;
	margin:2px;
	border: 1px solid #CCCCCC;
	font-weight: bold;
	color: #FFFFFF;
}

.featuredexhibition{
	display:block;
	float:left;
	padding:5px;
	margin:5px;
	
}
.featuredexhibition a{
	float:left;
	line-height: 18px;
	width:485px;
	background-color: #FFFFFF;
	padding:5px;
	margin:5px;
	border: 4px solid #EEEEEE;


}
.featuredexhibition a:hover{
	border: 4px solid #129DE9;

}
.featuredexhibition img{
	display: block;
	margin-left: auto;
	margin-right: auto;


	}


#exhibitionrighttext{
width:108px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	font-weight: normal;
	color: #666666;
	text-align: left;
	margin: 10px 10px 10px 10px;
}



.artists{
	float:left;
	width:370px;
	display:block;
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 18px;
}
.artists a{
	float:left;
	line-height: 18px;
	width:370px;
	display:block;
	background-color: #FFFFFF;
	padding:5px;
	margin:2px;
	border: 1px solid #CCCCCC;
}
.artists a:hover{
	background-color: #FF00CC;
	color: #FFFFFF;

}

.artists img{
	background-color: #FF00CC;
	color: #FFFFFF;
}


.artistsselected {
	float:left;
	line-height: 18px;
	width:370px;
	display:block;
	background-color: #FFCCFF;
	padding:5px;
	margin:2px;
	border: 1px solid #CCCCCC;
	font-weight: bold;
}


.artistrightcontext{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	font-weight: normal;
	color: #666666;
	text-align: left;
	margin: 10px 10px 10px 10px;

	}
.artistrightcontext h1 {
	font-size:20px;
	color:#669933;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
}
.artistrightcontext h2 {
	font-size:16px;
	color:#FF0099;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
}
.artistthumb {
	float:left;
	width:140px;
	display:block;
	border: 4px solid #FF0099;
	margin:5px;
	padding:10px;

}

.artistthumb a:hover {
	float:left;
	width:140px;
	display:block;
	border: 4px solid #FF0099;
	margin:5px;
	padding:10px;
}


.featuredartist{
	float:left;
	width:380px;
	display:block;
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 18px;
}
.featuredartist a{
	float:left;
	line-height: 18px;
	width:370px;
	display:block;
	background-color: #FF00CC;
	padding:5px;
	margin:2px;
	border: 1px solid #CCCCCC;
	color: #FFFFFF;
}
.featuredartist a:hover{
	background-color: #FFCCFF;
	color: #000000;
}

.focusartist{
	display:block;
	float:left;
	padding:5px;
	margin:5px;
	
}
.focusartist a{
	float:left;
	line-height: 18px;
	width:485px;
	background-color: #FFFFFF;
	padding:5px;
	margin:5px;
	border: 4px solid #EEEEEE;


}
.focusartist a:hover{
	border: 4px solid #FF00FF;

}
.focusartist img{
	display: block;
	margin-left: auto;
	margin-right: auto;


	}
	#artisttext{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	color: #666666;
	text-align: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 10px;
	}
#artisttext h2 {
	font-size:18px;
	color:#333333;
	font-family: Georgia, "Times New Roman", Times, serif;
	
}

#relatedlinks{
	padding-top:5px;
	margin-top:5px;
	color: #006699;
	text-transform: uppercase;
}
.links{
	color: #333333;
	padding-left:12px;
	text-decoration: none;
	background-image: url(../images/homenews.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.links a{
		color: #333333;
	text-decoration: none;
}
.links a:hover{
		color: #006699;
	text-decoration: underline;
}


	.newshead{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	color: #626A17;
	text-align: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 10px;
	}
	
	.newshead a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	color: #626A17;
	text-align: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 10px;
	}
	.newshead p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	color: #666666;
	text-align: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 10px;
	}
	
	.newshead a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	color: #333333;
	text-align: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 10px;
	}
	.newsdate{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 20px;
	font-weight: normal;
	color: #626A17;
	text-align: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 10px;
	}
.newshead h2 {
	font-size:18px;
	color:#333333;
	font-family: Georgia, "Times New Roman", Times, serif;
	
}
/* CONTACT FORM */
#page-wrap {
	width:400px;
	display:block;
	float: left;
	background: white;
	padding: 0px 0px 0px 20px;
	margin: 0px auto;
	min-height: 500px;
	height: auto !important;
	height: 500px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
}

#contact-area {
	width:400px;
	margin-top: 0px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 240px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 100px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #FF33CC;
}

#contact-area input.submit-button {
	float: right;
	width: 130px;
	padding: 6px;
	margin-right: 135px;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 120px;
	padding-top: 5px;
	font-size: 1.4em;
}
.labelcode {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 500px;
	padding-top: 5px;
	font-size: 1.4em;
}
#code {
	float: right;
	margin-bottom:10px;
	margin-right:6px;
	width: 260px;
	height:80px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	background-color: #93B9C8;
	text-align: left;
}
#error {
	float: left;
	text-align: left;
	margin-right: 50px;
	width: 100%;
	padding-top: 0px;
	margin-bottom: 10px;
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	color: #F00;
	line-height: 26px;
	font-weight: bold;
	padding-bottom: 0px;
	padding-left: 0px;
}

#page-wrap #contact-area #form1 #code img {
	text-align: center;
}

#error {
	float: left;
	text-align: left;
	margin-right: 50px;
	width: 100%;
	padding-top: 0px;
	margin-bottom: 10px;
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	color: #F00;
	line-height: 26px;
	font-weight: bold;
	padding-bottom: 0px;
	padding-left: 0px;
}
#getcontact {
	float: right;
	text-align: left;
	margin-right: 10px;
	width: 350px;
	padding: 5px;
	margin-bottom:10px;
	font-size: 1.3em;
	font-family: Arial, Helvetica, sans-serif;
	color: #FE8301;
	border: 2px solid #FE8301;
	background-color: #FFFFFF;
	font-weight: bold;
}
	.address{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	color: #666666;
	text-align: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 30px;
	margin-left: 0px;
	padding-bottom: 10px;
	padding-right: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E6E6E6;
	}
	.latestitem{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
	color: #CCCCCC;
	}