body {
	font:  75% Verdana, Arial, Helvetica, sans-serif;
	background-color: #f1f1f1;
	margin: 0px auto;
}

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

#noscroll {
	position: fixed;
	width:900px;
	height: 170px;
	background-color:#FFF;
	border-bottom:  0px solid  #ccc;
}

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;
	border:  0px solid  #cccccc;
}

.subtitleLarge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.7em;
	color: #999;
}

.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: 0px auto;
	font-size: 1.2em;
	text-align: left;
	background: #FFFFFF;
	border:  0px solid  #FF4400;
}


#logo {	
	margin: 20px 0 10px 0;
	width: 900px;
	float: left;
	border:  0px solid  #FF4400;
}


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

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



/* MAIN MENU STYLES */

.menuWrapper {
	width: 865px;
	height: 29px;
	clear:both;
	margin: 30px 0 20px 20px;
	padding: 0;
	border: 0px solid #0099cc;
}

.centerBg {
	margin: 0 2px 0 0;
	background: url(images/menu_bg_mid.gif);
	background-repeat: no-repeat;
}

 .selectedBg {
	background: url(images/menu_bg_hover.gif);
	background-repeat: no-repeat;
	padding: 5px 0px 0 0px;
	font-size: 12px;
	width: 106px;
	height: 29px;
	font-weight:bold;
	color: #333;
	text-align: center;
	margin-right: 0;
	border: 4px solid #FF4400;
}


ul.topCMSListMenuUL {
	height: 32px;
	list-style: none;	
	margin: 0;
	padding: 0;
	border: 0px solid #FF4400;
}

ul.topCMSListMenuUL li {
	float: left;
	width: 106px;
	height: 29px;
	margin: 0 2px 0 0;
	font-size: 12px;
	font-weight:bold;
	text-align: center;
	position: relative; /*--Declare X and Y axis base--*/
	border: 0px solid #FF4400;	
}

ul.topCMSListMenuUL li a{
	width: 106px;
	height: 29px;
	float: left;
	margin: 0;
	padding: 5px 0px 0 0px;
	font-size: 12px;
	font-weight:bold;
	color: #333;
	text-align: center;
	display: block;
	text-decoration: none;	
	border:0px solid #0099cc;
}

ul.topCMSListMenuUL li a:hover{
	width: 106px;
	height: 29px;
	float: left;
	margin: 0;
	padding: 5px 0px 0 0px;
	font-size: 12px;
	font-weight:bold;
	color: #D300D3;
	text-align: center;
	display: block;
	text-decoration: none;
	background: url(images/menu_bg_hover.gif);
	background-repeat:no-repeat;
}

ul.topCMSListMenuUL li ul.subCMSListMenuUL {
	list-style: none;
	width: 176px;
	position: absolute; /*--Important - Keeps subCMSListMenuUL from affecting main navigation flow--*/
	left: 0px; 
	top: 35px;
	background: url(images/drop_down_bg.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	margin:0; 
	padding: 0;
	display: none;
	float: left;	
	border: 0px solid #FF4400;
}

ul.topCMSListMenuUL li ul.subCMSListMenuUL li{
	margin: 0;
	width: 176px;
	height: 29px;
	text-align: center;
	padding: 5px 0px 0px 5px;
	background-color:#FFF;
	border-bottom: 1px solid #ccc; /*--Create bevel effect--*/
	clear: both;	
}


ul.topCMSListMenuUL li ul.subCMSListMenuUL li a {
	float: left;
	width: 176px;
	padding: 5px 0px 5px 0px;
	text-decoration:none;
	color: #2f2f2f!important;
	font-size:.9em;
	border: 0px solid #FF4400;
}

ul.topCMSListMenuUL li ul.subCMSListMenuUL li a:hover {
	float: left;
	width: 176px;
	padding: 5px 0px 5px 0px;
	text-decoration:none;
	color: #D300D3!important;
	font-size:.9em;
	background: transparent;
	border: 0px solid #FF4400;
}



/*-END PANEL MENU-------------------------------------------------------------------*/

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

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

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

#subNav {
	width: 77px;
	height: 26px;
	margin: 0px 0 40px 20px;
	padding: 0;
	float: left;
	list-style: none;
	background-image:url(images/subnav_bg.gif);
	background-repeat:	no-repeat;
	background-position: 0 0;
	border:  0px solid  #333333;
}

#subNav li {
}

/* Hide from IE5 mac \*/
#subNav li a {
	width: 36px;
	height: 20px;
	float: left;
	margin: 0;
	padding: 5px 0px 0 0px;
	font-size: 12px;
	font-weight:bold;
	color: #333;
	text-align: center;
	display: block;
	text-decoration: none;	
	border:0px solid #0099cc;
}



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






/* 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 0 30px 0;
	padding:0;
}

.leftWrapperTitle {
	height:20px;
	font-size: .8em;
	margin: 0 0 30px 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: 45px 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 40px 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
================================================*/






.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;
}

.clearHome {
	clear: both;
	width:700px;
	margin-bottom:45px;
}

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

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


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

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

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



.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;	
	padding: 0 14px 22px 0px;
	border:  0px solid  #333333;
}

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

.sectionSpacer {
	width: 500px;
	height:45px;
	margin: 0px;		
	border-bottom:  5px solid  #ff4400;
}

.projectSectionOne  {
	width: 850px;
	border: 0px solid  #FF0e33;
	clear:both;
	margin: 0 0 50px 10px;
}

.projectSectionTwo  {
	width: 850px;
	border: 0px solid  #FF0e33;
	clear:both;
	margin: 0 0 50px 10px;
	border-top:  0px solid  #ccc;	
}

.spacer {
	width: 500px;
	height:10px;
}

.spacerLine {
	width: 850px;
	height:40px;
	margin: 0 0 40px 0;
	border-bottom:  3px solid  #ccc;
	
}

#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: 180px;
	margin: 0 0 0 0;	
	float: left;
	line-height:20px;
	padding: 20px 14px 22px 20px;
	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 0 0 30px;	
	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 60px 0;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 0px  0px  1px  0px;			
}

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

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

.newsblockLargeImage img{
	padding: 25px 0 5px 0;
	border:  0px solid  #FF4400;	
}

.newsblockLargeImageSpacer {
	width: 175px;
	height: 430px;
	border:  0px solid  #FF4400;	
}

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


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

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

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

.projectimage img{
	margin: 0  0  20px  0;
	padding: 25px 0 5px 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: 700px;
	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;
	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;
}