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

a, img, div { behavior: url(../iepngfix.htc) }
a:active { outline: none;}
:focus { -moz-outline-style: none; }

.alignright { text-align: right }
.hide { display: none }
.notext { text-indent: -9000px }



* { margin:0; padding: 0}

body { font-family:Verdana, Geneva, sans-serif; background: #3b0101 url(../images/bodybg.jpg) repeat-x; margin: 0 auto;  }

#body { position: absolute; width: 960px; margin-left: -480px; left: 50% }
#container {  width: 960px; margin: 0 auto }
#home { width: 960px; height: 600px; overflow: hidden; background:url(../images/homebg.jpg) no-repeat; margin: 0 auto; position: relative }
.gallery { width: 960px; height: 600px; overflow: hidden; margin: 0 auto; position: relative } 
#footer {  clear: both; height: 150px; color: #772a05; font: 12px Verdana, Geneva, sans-serif; width: 100%; }



/* Navigation */
#navigation ul li a { display: block;  text-indent: -9000px }

#navabout { position: absolute; top: 36px; left: 40px; width: 93px; height: 137px}
#navabout:hover { background: url(../images/navaboutbg.jpg) no-repeat 0 0 }

#navart { position: absolute; top: 164px; left: 140px; width: 278px; height: 141px }
#navart:hover { background: url(../images/navartbg.jpg) no-repeat 0 0 }

#navphotoart { position: absolute; top: 315px; left: 227px; width: 120px; height: 42px }
#navphotoart:hover { background: url(../images/navphotoartbg.jpg) no-repeat 0 0 }

#navdigiart { position: absolute; top: 242px; left: 6px; width: 128px; height: 124px }
#navdigiart:hover { background: url(../images/navdigiartbg.jpg) no-repeat 0 0 }

#navpartner { position: absolute; top: 63px; left: 227px; width: 137px; height: 58px }
#navpartner:hover { background: url(../images/navpartnerbg.jpg) no-repeat 0 0 }

#navcontact { position: absolute; top: 4px; left: 135px; width: 92px; height: 84px }
#navcontact:hover { background: url(../images/navcontactbg.jpg) no-repeat 5px 0 }

.homelink { 
	display:block; 
	width: 100px; 
	height: 45px; 
	text-indent: -9000px; 
	background: url(../images/title_backhome.gif) no-repeat 0 0 
}

.contactlink { 
	display:block; 
	width: 100px; 
	height: 45px; 
	text-indent: -9000px; 
	background: url(../images/title_contact.gif) no-repeat 0 0 
}

/* Coda Slider */

.coda-slider, .coda-slider .panel { width: 960px;	margin:0 auto } 
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 960px }
.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
.coda-slider-wrapper { clear: both; overflow: auto }
.coda-slider { float: left; overflow: hidden; position: relative }
.coda-slider .panel { display: block; float: left }
.coda-slider .panel-container { position: relative }
.coda-nav, .coda-nav-left, .coda-nav-right { display: none }



/* Gallery */
.framewall { width: 700px; height: 350px; float: right; overflow: hidden }

.framewall a img { text-indent: -9000px }
.galframe, .youtube {
display: block; 
width: 175px; 
height: 130px; 
background: url(../images/frame.png) no-repeat 0 0; 
float: left; 
margin: 15px 20px
}
.galimg { margin-top: 9px; margin-left: 12px }

#artcontainer { clear: both; width: 900px; margin: 0 auto }
#galcontainer { width: 690px; float: right }
#partnerlink { clear: both; font-size: 12px; color: white; float: right  }
#partnerlink a { color: white; font-weight: bold;  }

#catnav { width: 670px; margin: 0 auto; float:right; padding-top: 20px }
#catnav li { list-style: none; float: left }
.catnavlink { 
	text-align: center; 
	display: block; 
	float: left; 
	width: 110px; 
	height: 20px; 
	background: url(../images/catnavbg.gif) no-repeat 0 0 ;
	color: #600;
	font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	margin-right: 10px;
	margin-bottom: 5px;
	letter-spacing: 1px;
	text-decoration: none;
}
.catnavlink:hover { background: url(../images/catnavbghover.gif) no-repeat 0 0; color: #de7403 }

.catactive { 	
	text-align: center; 
	display: block; 
	float: left; 
	width: 110px; 
	height: 20px; 
	background: url(../images/catnavbghover.gif);
	color: #de7403;
	font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	margin-right: 10px;
	margin-bottom: 5px;
	letter-spacing: 1px;
	text-decoration: none; 
	font-weight: bold
}

#myart { clear: both }

/* Pagination */
.pagination {clear:both; width: 600px; margin: 0 auto; padding-top: 10px; list-style: none; font-size: 12px  }
.pagination li { 
		list-style: none;
		font-size: 12px; 
		color: white; 		
		font-weight: bold; 
		width: 26px;
		height: 45px; 
		float: left;
		text-align: center;
		line-height: 40px; 
		margin-right: 10px
}
.pagination li a {
	display: block;
	width: 26px;
	height: 45px;
	background: url(../images/pagination.png) no-repeat -1px -1px;
	color: white; 
	font-weight: bold;
	text-decoration: none; 	
}
.pagination li a:hover { background: url(../images/paghover.png) no-repeat -1px -1px }
#currentpage { background: url(../images/pagactive.png) no-repeat -1px -1px; width: 26px; height: 45px }
#nextpage a, #prevpage  a, #nextpage, #prevpage { width: 90px; background: none }
#nextpage, #prevpage { color: #600 }
#nextpage a:hover, #prevpage a:hover { text-decoration: underline }

.header { width: 800px; margin: 0 auto; padding-top: 10px }
.header h3 	{ width: 400px; float: left }
.header a {width: 100px; float: right }

#aboutcontent { font: 12px/1.8 Verdana, Geneva, sans-serif; background: #600; color: #F63; padding: 20px }
#aboutcontent blockquote { font-style: italic; width: 400px }

#aboutcontent img { border: 1px solid #F60; padding: 2px }
#aboutcontent strong { color: #F60 }
#aboutcontent h1 { font: 24px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; margin-bottom: 20px; color: #C30 }
#aboutcontent p { margin-bottom: 20px }
#aboutcontent dl { margin-bottom: 20px; background: url(../images/myhand.png) no-repeat 400px 0 }
#aboutcontent dt { font-weight: bold; color: #F60 }
#aboutcontent dd {  }
#musicplayer { position: absolute; top: 500px; left: 800px }

#footer a { color: #772a05; text-decoration: none }
#footer a:visited { color: #772a05 }
#footercontent { line-height: 1.8; margin-left: 20px; width: 680px; height: 150px; float: left; background: url(../images/footerlogo.gif) no-repeat 0 0 }

#social {  width: 100px; margin-top: 20px; margin-left: 220px; list-style: none; float: left }
#social li { display: block; width: 32px; margin-right: 10px; height: 40px; line-height: 80px; float: left; text-indent: -9000px}
#social a { display: block; width: 32px; height: 40px }
#socialfacebook  { background: url(../images/icons/facebook.png) no-repeat 0 0 } 
#socialtwitter {  background: url(../images/icons/twitter.png) no-repeat 0 3px } 
#socialyoutube {  background: url(../images/icons/youtube.png) no-repeat 0 3px } 
#socialflickr { background: url(../images/icons/flickr.png) no-repeat 0 3px } 
#socialflickr { background: url(../images/icons/flickr.png) no-repeat 0 3px } 
#socialdelicious {  background: url(../images/icons/delicious.png) no-repeat 0 4px }
#socialskype { background: url(../images/icons/skype.png) no-repeat 0 4px }
#credits { float: left; margin-left: 24px; border-left: 1px solid #5f2102; height: 110px; padding-left: 20px; text-align: center; margin-top: 20px } 


#contact { height: 600px; clear: both }
#contact_form { clear: both; width: 300px; margin: 0 auto; padding-top: 20px }
.forminput { margin-bottom: 20px }
label { color: #500 }
input { height: 20px; font-size: 16px; color: #4A4A4A }
textarea { width: 360px; font: 12px/1.8 Verdana, Geneva, sans-serif; color: #4A4A4A }
#contact_form br { margin-bottom: 10px }
#submit_btn { margin: 20px 0; width: 60px; height: 24px; border: 1px solid #300; background: #600; font-size: 14px; color:#f60	 }

#title_myart { width: 200px; height: 40px; text-indent: -9000px; background:url(../images/title_myart.jpg) no-repeat 0 0 }
#title_contact { width: 150px; height: 40px; text-indent: -9000px; background: url(../images/title_contactme.gif) no-repeat 0 0 }

.content { position: absolute; top: 282px; left: 455px; height: 28px; width: 400px; text-indent: -9000px }

#contentart { background: url(../images/contentart.gif) no-repeat 0 0 }
#contentdigiart { background:url(../images/contentdigiart.gif) no-repeat 0 0 }
#contentphoto { background:url(../images/contentphoto.gif) no-repeat 0 0 }
#contentpartner { background:url(../images/contentpartner.gif) no-repeat 0 0 }
#contentwrite { background:url(../images/contentwrite.gif) no-repeat 0 0 }
#contentabout { background:url(../images/contentabout.gif) no-repeat 0 0 }

#loadbox { width: 600px; height: 500px }
#loadbox img { margin: 0 auto }

/* New ARTNAV */
.nav {
	list-style: none;
	width: 180px;
	height: 208px;
	background: url(../images/artnav.jpg) no-repeat;
	position: absolute;
	top: 144px;
	left: 64px;
}

.nav li a:link, .nav li a:visited { position: absolute;	top: 0;	height: 52px; text-indent: -9000px;	overflow: hidden; }
.nav .artnav_myart a:link, .nav .artnav_myart a:visited { top: 0px; width: 180px; }
.nav .artnav_myart a:hover, .nav .artnav_myart a:focus { background: url(../images/artnav.jpg) no-repeat -180px 0;	}
.nav .artnav_myart a:active { background: url(../images/artnav.jpg) no-repeat -360px 0px; }
.current-artnav_myart .artnav_myart a:link, .current-artnav_myart .artnav_myart a:visited {	background: url(../images/artnav.jpg) no-repeat -360px 0px; cursor: default; }

.nav .artnav_digitart a:link, .nav .artnav_digitart a:visited {	top: 52px;	width: 180px; }
.nav .artnav_digitart a:hover, .nav .artnav_digitart a:focus { background: url(../images/artnav.jpg) no-repeat -180px -52px;}
.nav .artnav_digitart a:active { background: url(../images/artnav.jpg) no-repeat -360px -52px; }
.current-artnav_digitart .artnav_digitart a:link, .current-artnav_digitart .artnav_digitart a:visited {	background: url(../images/artnav.jpg) no-repeat -360px -52px;	cursor: default;}
	
.nav .artnav_photo a:link, .nav .artnav_photo a:visited { top: 104px; width: 180px; }
.nav .artnav_photo a:hover, .nav .artnav_photo a:focus { background: url(../images/artnav.jpg) no-repeat -180px -104px; }
.nav .artnav_photo a:active { background: url(../images/artnav.jpg) no-repeat -360px -104px; }
.current-artnav_photo .artnav_photo a:link, .current-artnav_photo .artnav_photo a:visited {	background: url(../images/artnav.jpg) no-repeat -360px -104px; cursor: default; }

.nav .artnav_partner a:link, .nav .artnav_partner a:visited { top: 156px; width: 180px; }
.nav .artnav_partner a:hover, .nav .artnav_partner a:focus { background: url(../images/artnav.jpg) no-repeat -180px -156px; }
.nav .artnav_partner a:active {	background: url(../images/artnav.jpg) no-repeat -360px -156px; }
.current-artnav_partner .artnav_partner a:link, .current-artnav_partner .artnav_partner a:visited {	background: url(../images/artnav.jpg) no-repeat -360px -156px; cursor: default;} 

.artnav_contact a:link, .nav .artnav_contact a:visited { top: 208px; width: 180px; }
.artnav_contact a:hover, .nav .artnav_contact a:focus { background: url(../images/artnav.jpg) no-repeat -180px -208px; }
.artnav_contact a:active {	background: url(../images/artnav.jpg) no-repeat -360px -208px;	}
.current-artnav_contact .artnav_contact a:link, .current-artnav_contact .artnav_contact a:visited { background: url(../images/artnav.jpg) no-repeat -360px -208px; }