body {
	margin: 0px;
	padding: 0px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	background: #000000;
}
a:link {
	color: #2AD9CF;
	text-decoration: none;
}
a:visited {
	color: #00A097;
	text-decoration: none;
}
a:hover {
	color: #3DB0A8;
}

h1 a:link {
	color: #939393;
	text-decoration: none;
}
h1 a:visited {
	color: #939393;
	text-decoration: none;
}
h1 a:hover {
	color: #ffffff;
}

img{
    border : none;
    padding : 0;
}

/* 1. HEADER  
			2. NAV  
   3. CONTENT  3A. CONTENT: ThreeColumn 3B. CONTENT: TwoColumn  
			3. REVISED HOMEPAGE 
			
			4. BREADCRUMB NAV  
			5. GETTYIMAGES
			6. CONTACT FORM
			7. FINE ART SECTION
			8. FOOTER 
*/

/* ***************** HEADER ***************************** */

#header{
	position: relative;
	margin: 0px;
	padding: 0px;
	height: 64px;
	width: 100%;
	background: url("../images/bkground.gif") repeat-x;
}
html>body#header{
	margin: 0px;
	padding: 0px;
	height: 64px;
}
/* ***************** NAV ***************************** */
#nav1{
	position: absolute;
	top: 25px;
	height: 46px;
	left:580px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}
html>body#nav1{
	height: 46px;
	left:580px;
	top: 25px;
}

#nav1 a{
    color : #F13BD5;
    text-decoration: none;
				letter-spacing: 1px;
				border: none;
}

#nav1 a:hover{
    color : #F13BD5;
    text-decoration: none;
    background-color : #404141;
				letter-spacing: 1px;
}

#nav1 .here{
    color : #F13BD5;
    text-decoration: none;
    background-color : #404141;
				letter-spacing: 1px;
}

#nav2{
    position: absolute;
				width:780px;
    height:15px;
    top: 46px;
				clear:right;
				margin:0;
				padding: 0;
}
html>body#nav2{
    position: absolute;
				width:780px;
    height:15px;
    top: 46px;
				clear:right;
				margin:0;
				padding: 0;
}
#nav2 ul {
	margin-left: 0;
	padding-left: 0;
 margin-bottom: 0;
	display: inline;
	} 

#nav2 ul li {
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 0;
				list-style: none;
    display: inline;
    padding-right: 20px;
} 

#nav2 a{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color : #FFFFFF;
	text-decoration: none;
	line-height: 15px;
	height: 15px;
	padding : 0px 6px 0px 6px;
	letter-spacing: 1px;
	border: none;
}

#nav2 a:hover{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color : #FFFFFF;
	text-decoration: none;
	background-color : #77AA01;
	height: 15px;
	padding : 0px 6px 0px 6px;
	line-height: 15px;
	letter-spacing: 1px;
}
#nav2 .here{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color : #FFFFFF;
	text-decoration: none;
	background-color : #77AA01;
	height: 15px;
	padding : 0px 6px 0px 6px;
	line-height: 15px;
	letter-spacing: 1px;
}
/* ***************** FLASH MOVIE ***************************** */

#flashmovie{
padding: 0;
margin: 0;
position: static;
width: 100%;
clear: both;
height: 275px;
}
html>body#flashmovie{
padding: 0;
margin: 0;
position: static;
width: 100%;
clear: both;
height: 275px;
top: 63px;
}

#flashmoviefull{
padding: 0;
margin: 0;
position: relative;
width: 100%;
clear: both;
height: 310px;
}
html>body#flashmoviefull{
padding: 0;
margin: 0;
position: relative;
width: 100%;
clear: both;
height: 310px;
}

/* ***************** CONTENT ***************************** */

#main{
	position: relative;
	width: 780px;
 font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding-top:10px;
}
html>body#main{
	position: absolute;
	width: 780px;
		padding-top:10px;

}

#content{
    position: relative;
    margin: 0 0 0 8px;
				width: 100%;
}
html>body#content{
	position: relative;
	margin: 0 0 0 8px;
	padding: 0;
	width: 820px;
	background-color: #CC9933;	
}

h1 {
	font-size: 15px;
	color: #8B8B8B;
	font-weight: bold;
}

h2 {
	font-size: 12px;
	color: #9D9D9D;
	padding-bottom: 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	
}
ul{
	list-style-image: url(../images/bullet.gif);
	margin-left: 0px;
	padding-left: 0px;
	padding-bottom: 10px;
}
li{
	margin-left: 18px;
	padding-left: 0px;
	padding-bottom: 5px;
}
li.secondary{
	margin-left: 60px;
	padding-left: 0px;
	padding-bottom: 10px;
}

#lists {
	width: 90%;
	margin: 0px;
padding: 0px;
}
html>body#lists {
	width: 90%;
	margin: 0px;
padding: 0px;
}
#lists ul{
margin: 0;
padding: 0;
list-style-type: none;
}

#lists a{
display: block;
padding: 5px;
	width: 100%;
background-color: #212121;
border-bottom: 1px solid #000000;
}

#lists a:hover{
background-color: #313131;
}
#lists2 {
	width: 165px;
	margin: 0px;
padding: 0px;
}
#lists2 ul{
margin: 0;
padding: 0 0 0 20px;
list-style-type: none;
}

#lists2 a{
display: block;
padding: 5px;
width: 165px;
background-color: #212121;
border-bottom: 1px solid #000000;
}

#lists2 a:hover{
background-color: #313131;
}

.picleft {/*about us section*/
	float: left;
		margin: 10px 15px 10px 0;
		padding:0;
		color: #777;
}

.capitalize {
	font-size: 18px;
	font-weight: bold;
	color: #BDC898;
}
#spacer {
	height: 100px;
}

#quote { /*About section */
	padding: 0 55px 0 55px;
	text-align: justify;
	color: #CCCCCC;
	
}
/* ***************** CONTENT -- INDEX MODULES ***************************** */
#modules {

}
#modules h1{
	font-size: 13px;
}
#modules1{
	float: left;
	padding: 0 23px 0 0;
	margin: 0 0 0 0;
	top: 0px;
	width: 205px;
	background: #212121;
}
html>body#modules1{
	float: left;
	padding: 0 23px 0 0;
	margin: 0 0 0 0;
	top: 0px;
	width: 205px;
	background: #212121;
}

#modules1b{
	width: 100%;
	margin: 0;
	padding: 10px;
}
html>body#modules1b{
	width: 100%;
	margin: 0;
	padding: 10px;
}

#modules2{
	float: left;
	top: 0px;
	padding: 5px 16px 15px 15px;
	width: 205px;
	margin: 0 0 0 12px;
	background: #212121;
}
html>body#modules2{
	float: left;
	top: 0px;
	padding: 5px 16px 15px 15px;
	width: 205px;
	margin: 0 0 0 16px;
	background: #212121;
}

#modules3{
	float: right;
	left: 580px;
	padding: 5px 15px 10px 15px;
	margin: 0 0 0 0;
	top: 0px;
	width: 205px;
	background: #212121;
}

html>body#modules3{
	float: right;
	left: 580px;
	padding: 5px 15px 10px 15px;
		margin: 0;
	top: 0px;
	width: 205px;
		background: #212121;
}

#modules3getty{
	background-color: #848484;
	color: #ffffff;
	padding: 0px 10px 20px 10px;
	margin: 0;
	width: 180px;
}
html>body#modules3getty{
	background-color: #848484;
	font-size: 12px;
	color: #ffffff;
	padding: 0px 10px 25px 10px;
	margin: 0;
	width: 180px;
}
#modules3getty a{
	color: #000000;
	text-decoration: underline;
	}
/* ***************** CONTENT -- THREE COLUMNS ***************************** */
#threecolumns1 {
	float: left;
	width: 270px;
}

html>body#threecolumns1 {
	float: left;
	width: 270px;
}

#threecolumns1b{
	top: 0px;
	left: 0px;
	margin: 0;
	padding: 10px 15px 25px 15px;
	background: #212121;
	width: 220px;
}
html>body#threecolumns1b{
	top: 0px;
	left: 0px;
	margin: 0;
	padding: 10px 15px 25px 15px;
	background: #212121;
	width: 220px;
}

#threecolumns2 {
	float: left;
	width: 225px;
	padding: 0;
	margin: 0;
}
html>body#threecolumns2 {
	float: left;
	width: 220px;
	padding: 0;
	margin: 0;
}


#threecolumns2b{
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 10px 10px 25px 10px;
	background: #212121;
	width: 205px;
}

html>body#threecolumns2b{
	top: 0px;
	left: 0px;
	margin: 0;
	padding: 10px 15px 25px 15px;
	background: #212121;
	width: 205px;
}

#threecolumns3 {
	float: right;
	width: 225px;
}
html>body#threecolumns3 {
	float: right;
	width: 225px;
}
#threecolumns3b{
	top: 0px;
	left: 0px;
	margin: 0 0 0 0;
	padding: 10px 0px 25px 10px;
	width: 210px;
}

html>body#threecolumns3b{
	top: 0px;
	left: 0px;
	padding: 10px 0px 25px 10px;
	padding: 10px 15px 25px 15px;
	width: 220px;
}


/* ***************** CONTENT -- TWO COLUMNS ***************************** */
#twocolumns1{
width: 40px;
float: left;
padding-left: 0px;
}

html>body#twocolumns1{
width: 400px;
float: left;
padding-left: 0px;
}

#twocolumns2{
	position: static;
	width: 250px;
	margin-left: 50px;
	padding-left: 25px;
	top: 0px;
	float: right;
	display: block;
}
html>body#twocolumns2{
	position: static;
	width: 250px;
	margin-left: 50px;
	padding-left: 25px;
	top: 0px;
	float: right;
	display: block;
}

/* For ordering  */
#firstcolumn{
width: 450px;
float: left;
padding-left: 10px;
}

html>body#firstcolumn{
width: 440px;
float: left;
padding-left: 0px;
}

h1.order {
color: #d1c5dc;
}
#order{
	position: static;
	width: 220px;
	margin: 0;
	padding: 20px;
	top: 0px;
	float: right;
	display: block;
	background-color: #531884;
}
html>body#order{
	position: static;
	width: 210px;
	margin: 0 0 0 20px;
	padding: 20px;
	top: 0px;
	float: right;
	display: block;
	background-color: #531884;
}
#order h1{
	color: #FFFFFF;	
	padding: 0;
	margin: 0;
}
#order .formbx3 {
	width: 215px;
	background-color: #d1c5dc;
}

/* End of  ordering  */
#contentportfolio1{
width: 520px;
float: left;
top: 0px;
padding-left: 0px;

}
html>body#contentportfolio1{
width: 520px;
float: left;
top: 0px;
padding-left: 0px;

}

#contentportfolio2{
	position: static;
	width: 170px;
	margin:  10px, 0px, 0px, 25px;
	padding: 10px 10px 50px 10px;
	float: right;
	display: block;
	background-color: #420858;
}

html>body#contentportfolio2{
	position: static;
	width: 170px;
		margin:  10px, 0px, 0px, 25px;
	padding: 10px 10px 50px 10px;
	float: right;
	display: block;
	background-color: #420858;
}




/* ***************** BREADCRUMB NAV ***************************** */
.subnav{ /*only in Portfolio BOP and PDJ*/
	clear:left;
	position: relative;
	width: 100%;
	margin-bottom: 10px;
	border-bottom: 1px solid #666666;
	padding-bottom: 5px;
	font-size: 12px;
}

#subnav{
	clear:right;
	position: relative;
	width: 750px;
	margin: 0 0 10px;
	border-bottom: 1px solid #666666;
	display: block;
	font-size: 10px;
	height: 20px;
	color: #ffffff;
}

html>body#subnav{
	clear:right;
	position: relative;
	width: 750px;
	margin: 0 0 10px;
	border-bottom: 1px solid #666666;
	display: block;
	height: 20px;
}

#subnav .ontext{
	color: #ffffff;
}
#subnavleft{
	clear:right;
	position: absolute;
	width: 500px;
	display: block;
}
#subnavright{
	position: relative;
	float: right;
	display: block;
	top: 0;
}

html>body#subnavright{
	position: relative;
	float: right;
	display: block;
	top: 0;
	}
/* ***************** CONTACT FORM ***************************** */

label {
	float: left;
	clear: left;
	width: 90px;
	padding-top: 11px;
  }
input {
	border: 1px solid #8A8A8A;
}
.formbx {
		clear:right;
  width: 290px;
		margin-bottom: 20px;
		background-color: #444;
		color: #ffffff;
  } 
	.formbtn {
		margin-left: 305px;
		margin-top: 20px;
		width: 75px;
		background-color: #424242;
		color: #fff;
		font-size: 10px;
	}

	.checkbox {
		padding-left: 90px;
	}
	.formbx2 {
		clear:right;
  width: 200 px;
		margin-bottom: 20px;
		background-color: #444;
		color: #ffffff;
  } 
			.formbtn2 { /*newsletter section*/
		margin-left: 160px;
		margin-top: 20px;
		width: 75px;
		background-color: #424242;
		color: #fff;
		font-size: 10px;
	}
/* ***************** GETTY ***************************** */
	#getty{
	background-color: #848484;
	font-size: 12px;
	color: #ffffff;
	padding: 10px 10px 25px 10px;
	margin: 0;
	width: 205px;
}
html>body#getty{
	background-color: #848484;
	font-size: 12px;
	color: #ffffff;
	padding: 10px 10px 25px 10px;
	margin: 0;
	width: 230px;
}
	#getty a{
	color: #000000;
	text-decoration: underline;
	}
/* ***************** FINE ART ***************************** */
/* Fine Art Index Page */
#fineartbox {
	top: 0px;
	left: 0px;
	margin: 0 0 10px 0;
	padding-top: 10px;
	border: 1px solid #686D6C;
	width: 213px;
	height: 45px;
	font-size: 14px;
	color: #939393;
	font-weight: bold;
	}
html>body #fineartbox {
	width: 213px; /* ie5win fudge ends */
	height: 45px;
	}
#fineartbox img {
	padding: 0px 10px 0 10px;
	margin: 0px;
	vertical-align: middle;
	}
.text{
position: static;
width: 130px;
margin-top: -35px;
padding: 0;
margin-left: 82px;
	}
#fineartbox a{
border: none;
	color: #939393;
	}
#fineartbox a:hover{
border: none;
	color: #ffffff;
	}

		
/* Fine Art Secondary Pages */
#fineart {
	font-size: 12px;
	color: #AEAEAE;
	word-spacing: 1px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666666;
	padding-left: 10px;
	width: 500px;
}
#fineart h1{
	font-size: 12px;
	color: #ffffff;
	font-weight: normal;
	background-image: url(../fineart/images/redbox.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 18px;
	margin: 20px 0 20px 0;
}
.fineart {
	font-size: 12px;
	color: #AEAEAE;
	word-spacing: 1px;
}

h1.fineart {
	font-size: 12px;
	color: #ffffff;
	font-weight: normal;
	background-image: url(../fineart/images/redbox.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 18px;
	margin: 0 0 20px 0;
}

p.fineartquote {
	background-image: url(../fineart/images/quote.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-top: 25px;
	width: 90%;
}
/* ***************** FOOTER ***************************** */
#footer{
	font-size: 10px;
	clear:left;
	position: relative;
	width: 780px;
	left: 6px;
	top: 30px;
	color: #939393;
	padding: 5px 0 20px 0;
	display: block;
}

html>body#footer{
	clear:left;
	position: relative;
	width: 780px;
	left: 6px;
	top: 30px;
	/*border: 1px solid #666666;*/
	padding: 5px 0 20px 0;
}
