body {
	font:  75% Verdana, Arial, Helvetica, sans-serif;
	background-color: #BDC2B3;	
}

h1 {
	font-size: 17px;
	font-weight: normal;
}

a:link, a:visited {
	color:#9A009A;
	font-weight: normal;
	text-decoration: none;
}

a:hover {
	color:#D300D3;
}

.quote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-style: italic;
	color: #565B8E ;
}

.clear {
	height: 1px;
	clear:both;
}

.title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	color: #000000;
	margin-top: 10px;
	padding: 20px 0 5px 26px;
}



.subtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #000000;
	padding: 0 0 15px 0;
}

.projectSubtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #565B8E ;
	padding: 0 0 15px 0;
}

.homeSubtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.9em;
	font-weight: bold;
	color: #565B8E ;
	padding: 0 0 15px 0;
}

.items p:not(:target) {display: none}
.items p:target {display: block}


/* Layout
================================================*/

body {
	text-align: center;
	min-width: 800px;
}

#wrapper {
	width: 900px;
	margin: 40px 40px 40px 40px;
	font-size: 1.2em;
	text-align: left;
	background: #FFFFFF;
	border:  0px solid  #FF4400;
}


#logo {	
	margin: 0 0 10px 0;
	width: 900px;
	float: left;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 0  0  1px  0;
}


#pageTitle {
	width: 645px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	color: #000000;
	clear:both;
	margin: 0;
	padding: 0 0 0 26px;
	border:  0px solid  #cccccc;
}

#pageTitle p {
	font-size: 1.1em;	
}

/* HOME PAGE 
================================================*/

a.homeLink:link {color: #000000; font-size: 16pt; font-weight: normal; }
a.homeLink:visited {color: #000000; font-weight: normal; }
a.homeLink:hover {text-decoration: none; color: #666666; }
a.homeLink:active {color: red; }


#leftWrapper {
	font-size: 16pt;
	color: #000000;
	width: 280px;
	height: 570px;
	margin: 0 0 0 30px;	
	float: left;
	border:  0px solid  #333333;
}

#rightWrapper {
	font-size: 16pt;
	color: #000000;
	width: 280px;
	height: 570px;
	margin: 0 35px 0 0;	
	float: right;
	border:  0px solid  #333333;
}

#leftWrapper img{
	margin: 5px 0 0 0;	
	border:  0px solid  #333333;
}

#rightWrapper img{	
	margin: 5px 0 0 0;
	border:  0px solid  #FF4400;
}

.rightWrapperTitle {
	height:20px;
	font-size: .8em;
	margin: 0;
	padding:0;
}

.leftWrapperTitle {
	height:20px;
	font-size: .8em;
	margin: 0;
	padding:0;
}

#homeLeft {
	width: 220px;
	margin: 30px 0 0 25px;	
	float: left;
	font-size: 1.6em;
	padding: 0px 14px 22px 0;
	color: #565B8E ;
	border:  2px solid  #FF0e33;
}

#homeLeftTwo {
	width: 220px;
	margin: 10px 0 0 25px;	
	float: left;
	font-size: 1.2em;
	padding: 0 0 0 0;
	color: #565B8E ;
	border:  0px solid  #FF0e33;
}

#homeLeftTwo img{
	margin: 20px 15px 0 0;	
	border:  0px solid  #FF0e33;
}

.homePageTitle {		
	font-size: 1.6em;
	font-weight: normal;
	padding: 0 0  0 0;
	color: #000000;
}

#homepagetitle {
	width: 645px;
	font-size: .1em;
	padding: 0px  0  0px 0px;
	margin: 0px 0 0 0 ;
	color: #000000;
	border:  0px solid  #cccccc;
}

#homeContact {
	margin: 10px 0 30px 0;
	font-size: .7em;
	padding: 30px 0px 30px 0;
	border:  4px solid  #FF4400;
}


.homeSubheading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #565B8E ;
	padding: 0 0 15px 0;
}

#homefooter {
	margin: 5px 0 0 0;
	clear: both;
	font-size: .9em;
	line-height: 8px;
	padding: 20px 0px 10px 0px;	
}

#homecopyright {
	height: 20px;
	margin: 10px 0 0px 25px;
	font-size: .7em;
	text-align: left;
	color: #000000;
	padding: 0 0 0 0;
	border:  0px solid  #333333;
}


.smallText {
	font-size: .6em;
	border: 0px solid  #333333;
	}

/* END HOME PAGE 
================================================*/

/* VIDEO PAGE 
================================================*/

#videoWrapper {
	width: 900px;
	margin: 40px 40px 40px 40px;
	font-size: 1.2em;
	text-align: left;
	background: #000000;
}

#vidContent {
	width: 300px;
	margin: 100px 0 0 300px;	
	float: left;
	padding: 0 0 0 0;
	color: #000000 ;
	border:  0px solid  #333333;
}

#vidLogo {	
	margin: 0px 0 0 0;
	width:400px;
	float: left;
	border-bottom:  1px solid  #333333;
}

#vidPagetitle {
	width: 440px;
	font-size: 1.6em;
	padding: 50px  0  0px 7px;
	margin: 0 0 0 0;
	color: #cccccc;
	border:  0px solid  #333333;
}

.vidSubTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .7em;
	color: #cccccc;
	padding: 6px 0 5px 0px;
	border:  0px solid  #333333;
}


/* END VIDEO PAGE 
================================================*/






/* MAIN NAV
================================================*/

#mainNav a {
	font-size: 1.1em;
	text-decoration: none;
	color: #000000;
}

#mainNav a:hover {
	color: #333333;
}

#mainNav {
	margin: 0px 0 20px 14px;
	padding: 0;
	float: left;
	width: 100%;
	list-style: none;	
	border:  0px solid  #333333;
}

#mainNav li {
	float: left;
}

/* Hide from IE5 mac \*/
#mainNav li a {
	display: block;
}
/* end hack */

#mainNav li a {
	margin: 0;
	padding: 0 14px;
	line-height: 15px;
}

#mainNav .first  {
	background: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	padding: 0 14px;
	line-height: 15px;
}

/* END MAIN NAV
================================================*/

/* GALLERY NAV
================================================*/

#galleryNav a {
	font-size: 1em;
	text-decoration: none;
	color: #000000;
}

#galleryNav a:hover {
	color: #333333;
}

#galleryNav {
	margin: 0px 0 12px 14px;
	padding: 0;
	float: left;
	width: 100%;
	list-style: none;	
	border:  0px solid  #333333;
}

#galleryNav li {
	float: left;
}

/* Hide from IE5 mac \*/
#galleryNav li a {
	display: block;
}
/* end hack */

#galleryNav li a {
	margin: 0;
	padding: 0 14px;
	line-height: 15px;
}

#galleryNav .first  {
	background: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	padding: 0 14px;
	line-height: 25px;
}

/* END GALLERY NAV
================================================*/

/* SUB NAV
================================================*/

#subNav a {
	font-size: 1em;
	text-decoration: none;
	color: #000000;
}

#subNav a:hover {
	color: #333333;
}

#subNav {
	width: 456px;
	height: 26px;
	margin: 0px 0 10px 14px;
	padding: 0;
	float: left;
	width: 100%;
	list-style: none;
	background-image:url(images/subnav_bg.jpg);
	background-repeat:	no-repeat;
	background-position: 0 0;
	border:  0px solid  #333333;
}

#subNav li {
	float: left;
}

/* Hide from IE5 mac \*/
#subNav li a {
	display: block;
}
/* end hack */

#subNav li a {
	margin: 0;
	padding: 0 14px;
	line-height: 22px;
}

#subNav .first  {
	background: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	padding: 0 14px;
	line-height: 22px;
}

/* END SUB NAV
================================================*/

/* SUB NAV LONG
================================================*/

#subNavLong a {
	font-size: 1em;
	text-decoration: none;
	padding: 0 0 0 0;
	color: #000;
}

#subNavLong a:hover {
	color: #333333;
}

#subNavLong {
	width: 655px;
	height: 26px;
	margin: 0px 0 10px 16px;
	padding: 0;
	float: left;
	width: 100%;
	list-style: none;
	background-image:url(images/subnav_bg_long.jpg);
	background-repeat:	no-repeat;
	background-position: 0 0;
	border:  0px solid  #333333;
}

#subNavLong li {
	float: left;
}

/* Hide from IE5 mac \*/
#subNavLong li a {
	display: block;
}
/* end hack */

#subNavLong li a {
	font-size: 1em;
	margin: 0;
	padding: 0 10px;
	line-height: 24px;
}

#subNavLong .first  {
	background: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding: 0 14px;
	line-height: 24px;
}

/* END SUB NAV LONG
================================================*/

.imageNav {
	width: 105px;
	height: 17px;
	color:#666666;
	font-size: .9em;
	clear: both;
	margin: 0 700px 3px 0;
	padding: 0;
	float: left;
	border:  0px solid  #FF4400;
}

.imageNav .leftArrow {
	width: 15px;
	height: 15px;
	float: left;
	clear: both;
	margin: 0 10px 0 0;
	padding: 0px 0 0 0;
	border:  0px solid  #333333;
}

.imageNav .rightArrow {
	width: 15px;
	height: 15px;
	float:right;
	margin: 0  0 0 6px;
	padding: 0px 0 0 0;
	border:  0px solid  #333333;
}

imageNav .numbers {
	width: 65px;
	height: 15px;
	clear: both;
	margin: 4px 0 0 0;
	text-align: center;
	padding: 0;
	border:  1px solid  #FF4400;
}

.clear {
	clear: both;
}

#content {
	width: 770px;
	float: left;
	clear:both;
	font-size: 1.2em;
	margin: 5px 0px 0px 27px;
}

#artistContent {
	width: 840px;
	float: left;
	clear:both;
	font-size: 1.2em;
	margin: 5px 0px 0px 27px;
	border:  0px solid  #333333;
}

#artistContent img{
	clear: both;
	float: left;	
}

.artistContentDetail {
	margin: 5px 0px 0px 27px;
	clear: both;
	border:  0px solid  #FF4400;
}

.artistContentDetail img {
	border:  0px solid  #FF4400;
}

#mainContent {
	width: 500px;
	margin: 0px;	
	float: left;
	clear:both;
	padding: 0 14px 22px 0px;
	color: #000000 ;
	border:  0px solid  #333333;
}

#mainContentAbout {
	width: 720px;
	margin: 15px 0 0 0;	
	float: left;
	padding: 0 14px 22px 0px;
	color: #000000 ;
	border:  0px solid  #333333;
}

#imageBox {
	width: 180px;
	margin: 20px;	
	float: right;
	padding: 0 0 0 0 ;
	color: #000000 ;
	border:  0px solid  #FF6600;
}

img imageBox {
	padding: 140px 0 0 0 ;
	
}

/* PROJECTS-LIVE PAGE
================================================*/

#projectContent {
	width: 600px;
	margin: 0px;	
	float: right;
	padding: 0 14px 22px 0px;
	border: 0px solid  #333333;
}

#projectWrapper {
	width: 850px;
	margin: 0px;	
	float: left;
	padding: 0 14px 22px 0px;
	border:  0px solid  #333333;
}

#projectSubheading {
	width: 750px;
	margin: 0px;	
	float: left;
	font-size: 1.2em;
	padding: 0 200px 22px 25px;
	border:  0px solid  #333333;
}

#projectLeftWrapper {
	width: 180px;
	margin: 0 0 0 0;	
	float: left;
	padding: 0 0 0 30px;
	font-size: 1.2em;
	color: #565B8E ;
	border:  0px solid  #FF0e33;
}

#projectLeft {
	width: 160px;
	margin: 0 0 0 0;	
	float: left;
	padding: 20px 14px 22px 0;
	color: #565B8E ;
	border:  0px solid  #FF0e33;
}

#projectLeftTwo {
	width: 160px;
	margin: 1484px 0 0 0;
	float: left;
	padding: 20px 14px 22px 0px;	
	color: #565B8E ;
	border:  0px solid  #FF0e33;
}

#projectLeftThree {
	width: 160px;
	margin: 178px 0 0 0;
	float: left;
	padding: 20px 14px 22px 0px;	
	color: #565B8E ;
	border:  0px solid  #FF0e33;
}

#projectRight {
	width: 580px;
	margin: 0 40px 0 0;	
	float: left;
	padding: 0 14px 22px 0px;
	font-size: 1.2em;
	color: #000000 ;
	border:  0px solid  #FF4400;
}

/* END PROJECTS-LIVE PAGE
================================================*/

#flash {
	margin: 0px;	
	padding: 50px 0px 0px 0px;
}

#photoContent {
	width: 570px;
	margin: 0px;	
	float: left;
	padding: 0 0px 0px 0px;
}

#secondaryContent {
	width: 130px;
	float: right;		
	font-size: 1.1em;
	color: #000000;
}

#footer {
	height: 67px;
	clear: both;
	font-size: .7em;
	line-height: 8px;
	padding: 30px 0px 10px 27px;	
}

#copyright {
	text-align: left;
	color: #000000;
	padding: 10px 0 30px 0;
}

#copyright a:link{
	text-align: left;
	color: #000000;
	padding: 30px 0 0 0;
}

#footer a:hover {
	color: #CCCCCC;
}

.newsblock {
	padding: 20px 35px 20px 0;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 0px  0px  1px  0px;
}

.newsimage {
	padding: 55px 0 0 0;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 0px  0px  1px  0px;
}

.newsimage img{
	padding: 0 0 20px 0;
	border:  0px solid  #FF4400;	
}

.newsimageNoText {
	padding: 25px 0 0 0;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 0px  0px  1px  0px;
}

.newsimageNoText img{
	padding: 0 0 20px 0;
	border:  0px solid  #FF4400;	
}

#photoBlock {
	width: 720px;
	margin: 10px 0 0 0px;	
	padding: 0  0 0 0;
	border:  0px solid  #FF4400;	
}




/* GALLERY PAGE
=======================*/

.introText {
	width: 300px;
	float: left;
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
}

.introTextTwo {
	width: 230px;
	float: left;
	margin: 0 20px 20px 0;
	padding: 0 0 20px 0;
}

.introTextThree {
	width: 530px;
	float: left;
	clear: both;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
}

.introTextTwo .name {
	color:#909;
	font-size: 1.3em;
}

.introText .name {
	color:#909;
	font-size: 1.3em;
}

.introTextThree .name {
	color:#909;
	font-size: 1.3em;
	
}

.artistWrapper {
	width: 700px;
	display:block;
	float: left;
	margin:  20px 0 0 0; 
	padding: 0 0 20px 0;
	border-bottom:  1px solid  #CCC;
}

.artistWrapperTwo {
	width: 840px;
	display:block;
	float: left;
	margin:  20px 0 0 0; 
	padding: 0 0 20px 0;
	border-bottom:  1px solid  #CCC;
}

.artistWrapper img{
	float: right;
	border:  0px solid  #FF8800;
}

.artistText {
	width: 300px;
	float: left;
	border:  0px solid  #FF4400;	
}

.artistText .name a{
	color:#909;
}

.imageColumnLeft {
	width: 273px;
	float: left;
	font-size:.9em;
	padding: 40px 0 0 20px;
	border:  0px solid  #FF4400;
}

.imageColumnLeft img{
	width: 273px;
	float: left;
	padding: 0 0 0 0;
	
}

.imageColumnRight {
	width: 273px;
	float: right;
	font-size:.9em;
	padding: 40px 0 0 20px;
	border:  0px solid  #FF4400;
}

.imageColumnRight img{
	clear:both;
}

.caption {
	width: 273px;
	font-size:80%;
	clear:both;
	float:left;
	margin: 0 0 30px 0;
	padding: 3px 0 0 0;
	border:  0px solid  #FF4400;
}

.captionLarge {
	width: 273px;
	font-size:50%;
	clear:both;
	margin: 0 0 30px 0;
	padding: 3px 0 0 0;
	border:  0px solid  #FF4400;
}




