* {
border:0px none;
outline:none;
margin:0px;
padding:0px;
}

/* BODY
------------------------------------------------------------------ */

body{ 
font-family:Copperplate Gothic;
background:#141414 url(../images/background.jpg) no-repeat;
}

#pgwrapper {
margin:-40px 0px 0px 0px;
height:auto;
overflow:hidden;
}

#bgwrapper {
background:url(../images/blackoverlay.gif) repeat;
padding:0px 0px 0px 30px;
height:500px;
width:822px;
overflow:hidden; 
float:left;
clear:none;
}



#toptrim {
	height:31px;
	width:100%;
	background:url(../images/toptrim.png) repeat-x;
	z-index:3;
	position:absolute;
	top:80px;
	display:inline;
	white-space:nowrap;
	left: -13px;
}


#bottomtrim {
height:31px;
width:100%;
background:url(../images/bottomtrim.png) repeat-x;
z-index:4;
display:inline;
white-space:nowrap;
position:absolute;
top:649px;
}

h1{
letter-spacing: 2px;
font-family: "Copperplate Gothic Bold";
font-size: 30px;
color: #ff3300;
}

h2{
letter-spacing:-1px;
font-weight:lighter;
font-family: "Copperplate Gothic Bold";
font-size:20px;
color: #ff3300;
}

h3,h4 {
letter-spacing:-1px;
font-weight:lighter;
font-family: "Copperplate Gothic Bold";
font-size:15px;
color: #ff3300;
}

a  {
color:#cc3300;
text-decoration:none;
font-size:15px;
}

a:hover {
color:#ff3300;
text-decoration:underline;
}

span {
color:#999999;
margin:2px 0px;
}

hr {
margin:10px 0 15px 0;
clear:both;
border-bottom:1px dashed #660000;
}

ul, li { 
list-style:none;
}




/* HEADING
------------------------------------------------------------------ */

.arthsuSWF {
width:440px;
height: 0px;
font-size:34px;
font-family: "Copperplate Gothic Bold";
color: #ff3300;
margin: 60px 20px 60px 60px;
}

.heading_arthsuSWF {
position:absolute;
top:10px;
left:180px;
}


/*
h1.arthsu {
text-indent:-9999px;
width:440px;
height:70px;
background:url(/images/logo_arthsu.png) no-repeat center;
margin:0px 0px 60px 260px;
}
*/



h3{
color:#FF0000;
}

.left1 {

	float:left;
    margin: 5px 10px 0 0;


	}



.right1 {

	float:right;
margin: 5px 15px 0 0;

	}


/* NAVIGATION
------------------------------------------------------------------ */

#navigation {
float:left;
width:190px;
height:500px;
background:url(../images/menu_bg.png) no-repeat center;
}

#navigation .sup{
text-indent:-9999px;
margin:15px 10px;
}

#navigation ul{
margin:5px 0;
list-style:none;
padding-left:15px;						
}

#navigation .sup li{
margin: 3px 0 !important;
margin:-4px 0;
font-size:10px;
}

.home  {
background:url(../images/home.png) no-repeat top;
height:19px;
width:93px;
display:block;
}

.home:hover {
background:url(../images/home.png) no-repeat bottom;
display:block;
height:19px;
width:93px;
}


.gallery {
background:url(../images/gallery.png) no-repeat top;
height:19px;
width:130px;
display:block;
}

.gallery:hover {
background:url(../images/gallery.png) no-repeat bottom;
display:block;
}


/* SCROLLER CONTENT
------------------------------------------------------------------ */

#navigation, #content,.section {
padding:0;
margin:0;
list-style:none;
overflow:hidden;
}

#content {
font-size:13px;
overflow:hidden;
width:630px;
position:relative;
height:500px;
float:left;
z-index:1;
display:inline;
}

#navigation a.scrolling {
color:#006699;
}

.section {
width:630px;
position:relative;
}

.section .sub {
position:relative;
float:left;
width:630px;
height:500px;
display:inline;
}

.section .sub p {

font-size:14px;

line-height:18px;
color:black;
margin-top:10px;
}

.mainContent {
padding:60px 10px 10px 35px;
width:600px;
height:100%;
overflow:hidden;
color:#CCCCCC;
}


#page-home .mainContent {
padding:60px 10px 10px 25px;
}



.mainContent h1,
.mainContent h2,
.mainContent h3,
.mainContent h4 {
color:#FF0000;
letter-spacing: 2px;
}







/* RIGHT CONTENT
------------------------------------------------------------------ */

#rightContainer {
width:230px;
font-size:12px;
margin-right:auto;
height:auto;
float:left;
display:inline;
position:absolute;
float:left;
width:190px;
height:500px;


background:url(../images/menu_bg.png) no-repeat center;
left:853px; }

.rightlinks {
width:200px;
overflow:hidden!important;
}

.links li {
border-bottom:1px solid #222222;
font-size:15px;
padding:5px 0;
overflow:hidden!important;

}

.rightlinks ul li {
padding-left:10px;
}

.rightContainer h1,
.rightContainer h2,
.rightContainer h3,
.rightContainer h4 {
font-size:10px;

color:#FF3300;
margin:50px 20px 20px 20px;
}

.rightbar {
background:url(../images/rightbar.png) no-repeat center;
height:400px;
width:2px;
overflow:hidden;
z-index:2;
margin:50px 20px 20px 20px;
}






/* FOOTER
------------------------------------------------------------------ */

.footerContainer {
width:100%;
height:30px;
background:url(../images/blackoverlay.gif) repeat;
border-top:2px solid #222222;
border-bottom:2px solid #222222;
overflow:hidden;
white-space:nowrap;
margin:5px 0 30px 0;
float:left;
clear:both;
}

.footer {
height:30px;
clear:both;
cursor:default;
}

.footer ul {
position:absolute;
left:245px;
margin-top:4px;
}

.footer ul li {
display:inline;
list-style:none;
float:left;
margin:3px 0 2px 0px;
height:25px;
}

.footer p {
color:#555555;
font-size:11px;
}


/*gallery*/
#myGallery
{
	text-align: left;
	margin: 0 auto;
}
#myGallery, #myGallerySet, #flickrGallery
{
	width: 530px;
	height: 350px;
	z-index:5;
left: -25px;
	border: 1px solid #000;
}

.jdGallery a
{
	outline:0;
}

#flickrGallery
{
	width: 680px;
	height: 334px;
}

#myGallery img.thumbnail, #myGallerySet img.thumbnail
{
	display: none;
}

.jdGallery
{
	overflow: hidden;
	position: relative;
}

.jdGallery img
{
	border: 0;
	margin: 0;
}

.jdGallery .slideElement
{
	width: 100%;
	height: 100%;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('img/loading-bar-black.gif');
}

.jdGallery .loadingElement
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('img/loading-bar-black.gif');
}

.jdGallery .slideInfoZone
{
	position: absolute;
	z-index: 10;
	width: 100%;
	margin: 0px;
	left: 0;
	bottom: 0;
	height: 40px;
	background: #333;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
}

* html .jdGallery .slideInfoZone
{
	bottom: -1px;
}

.jdGallery .slideInfoZone h2
{
	padding: 0;
	font-size: 80%;
	margin: 0;
	margin: 2px 5px;
	font-weight: bold;
	color: inherit;
}

.jdGallery .slideInfoZone p
{
	padding: 0;
	font-size: 60%;
	margin: 2px 5px;
	color: #eee;
}

.jdGallery div.carouselContainer
{
	position: absolute;
	height: 135px;
	width: 100%;
	z-index: 10;
	margin: 0px;
	left: 0;
	top: 0;
}

.jdGallery a.carouselBtn
{
	position: absolute;
	bottom: 0;
	right: 30px;
	height: 20px;
	/*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
	text-align: center;
	padding: 0 10px;
	font-size: 13px;
	background: #333;
	color: #fff;
	cursor: pointer;
}

.jdGallery .carousel
{
	position: absolute;
	width: 100%;
	margin: 0px;
	left: 0;
	top: 0;
	height: 115px;
	background: #333;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
}

.jdExtCarousel
{
	overflow: hidden;
	position: relative;
}

.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper
{
	position: absolute;
	width: 100%;
	height: 78px;
	top: 10px;
	left: 0;
	overflow: hidden;
}

.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner
{
	position: relative;
}

.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail
{
	cursor: pointer;
	background: #000;
	background-position: center center;
	float: left;
	border: solid 1px #fff;
}

.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail
{
	margin-bottom: 10px;
}

.jdGallery .carousel .label, .jdExtCarousel .label
{
	font-size: 13px;
	position: absolute;
	bottom: 5px;
	left: 10px;
	padding: 0;
	margin: 0;
}

.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton
{
	font-size: 10px;
	position: absolute;
	bottom: 5px;
	right: 10px;
	padding: 1px 2px;
	margin: 0;
	background: #222;
	border: 1px solid #888;
	cursor: pointer;
}

.jdGallery .carousel .label .number, .jdExtCarousel .label .number
{
	color: #b5b5b5;
}

.jdGallery a
{
	font-size: 100%;
	text-decoration: none;
	color: inherit;
}

.jdGallery a.right, .jdGallery a.left
{
	position: absolute;
	height: 99%;
	width: 25%;
	cursor: pointer;
	z-index:10;
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}

* html .jdGallery a.right, * html .jdGallery a.left
{
	filter:alpha(opacity=50);
}

.jdGallery a.right:hover, .jdGallery a.left:hover
{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.jdGallery a.left
{
	left: 0;
	top: 0;
	background: url('img/fleche1.png') no-repeat center left;
}

* html .jdGallery a.left { background: url('img/fleche1.gif') no-repeat center left; }

.jdGallery a.right
{
	right: 0;
	top: 0;
	background: url('img/fleche2.png') no-repeat center right;
}

* html .jdGallery a.right { background: url('img/fleche2.gif') no-repeat center right; }

.jdGallery a.open
{
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.withArrows a.open
{
	position: absolute;
	top: 0;
	left: 25%;
	height: 99%;
	width: 50%;
	cursor: pointer;
	z-index: 10;
	background: none;
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.withArrows a.open:hover { background: url('img/open.png') no-repeat center center; }

* html .withArrows a.open:hover { background: url('img/open.gif') no-repeat center center;
	filter:alpha(opacity=80); }
	
	
/* Gallery Sets */

.jdGallery a.gallerySelectorBtn
{
	z-index: 15;
	position: absolute;
	top: 0;
	left: 30px;
	height: 20px;
	/*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
	text-align: center;
	padding: 0 10px;
	font-size: 13px;
	background: #333;
	color: #fff;
	cursor: pointer;
	opacity: .4;
	-moz-opacity: .4;
	-khtml-opacity: 0.4;
	filter:alpha(opacity=40);
}

.jdGallery .gallerySelector
{
	z-index: 20;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
}

.jdGallery .gallerySelector h2
{
	margin: 0;
	padding: 10px 20px 10px 20px;
	font-size: 20px;
	line-height: 30px;
	color: #fff;
}

.jdGallery .gallerySelector .gallerySelectorWrapper
{
	overflow: hidden;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton
{
	margin-left: 10px;
	margin-top: 10px;
	border: 1px solid #888;
	padding: 5px;
	height: 40px;
	color: #fff;
	cursor: pointer;
	float: left;
}

.jdGallery .gallerySelector .gallerySelectorInner div.hover
{
	background: #333;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview
{
	background: #000;
	background-position: center center;
	float: left;
	border: none;
	width: 40px;
	height: 40px;
	margin-right: 5px;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3
{
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info
{
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
	color: #aaa;
}