html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */

:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: black;
	background: white;
}

ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

/* START CUSTOM PAGE STYLING ###########################*/

body {
	background: #020202 url(../images/black1a.jpg)  center top no-repeat;
	font-family: Georgia, Times, serif;
	font-size: 1em;
	line-height: 1.5;
	text-decoration: none;
	height: 1472;
	color: #fff;
}

body2 {
	background: #020202 url(../images/index.jpg)  center no-repeat;
	font-family: Georgia, Times, serif;
	font-size: 1em;
	line-height: 1.5;
	text-decoration: none;
}

/* CONTAINER ##########################################*/

#container {
	margin: 0 auto;
	position: relative;
	width: 766px;
	padding: 2.0em 0 2.0em 0;
	
}

#header {
	
}

#header h1 {
	text-indent: -99999px;
	background: url(../images/cnas12.png) center no-repeat;
	background-position: 45px 0;
	padding: 40px 0 0 0;
}

#menu {
    position: absolute;
    top: 80px;
    left: -100px;
	font-size: 1.3em;
	font-weight: bold;
	width: 46em;
	margin: 0 auto;
}

/* MENU structure ###################################*/

#menu ul {
	margin: 0.4em;
}

#menu ul li {
	float: left;
	margin: 0;
}

#menu ul li a {
	text-decoration: none;
	padding: 5px;
	color: #4b422f;
	text-shadow: 0.1em 0.1em 0.1em #000;
}

#menu ul li a:hover {
	color: #873d17;
}

#menu ul.submenu {
	clear: both;
	margin: 0 0 0 95px;
}

/* CONTENT ########################################## */

#content {
 position: absolute;
    top: 140px;
	clear: both;
	margin: 0;
	padding: 0 0 0 0;
	color: #fff;
}

#content h1 {
	font-size: 1em;
	font-weight: bold;
	color: #fff;
}

#content h2 {
	font-size: 1em;
	font-weight: bold;
	color: #fff;
	display: inline;
	margin: 0 -20px 0px 70px;
	padding: 0 70px 0 26px;
}

#content h3 {
	font-size: 0.7em;
	color: #fff;
	display: inline;
	padding: 0 0 0 25px;
}

#content h4 {
	font-size: 1.0em;
	color: #fff;
	margin: 190px 0 0 96px;
	line-height: 3;
}

#content h5 {
	font-size: .7em;
	color: #fff;
	margin: 105px 0 0 96px;
}

#content h6 {
	font-size: 1.1em;
	font-weight: bold;
	color: #fff;
	margin: 0 0 0 96px;
}

#content img {
	margin: 0 0 100px 0;
}

#content p {
	margin: 15px 85px 0px 96px;
	font-size: .8em;
	font-weight: normal;
	text-transform: lowercase;
	letter-spacing: 0.1em;
	color: #aaa;
}

#content p img {
	float: left;
	margin: 20px 0px 0px 20px;
}

#container #content p img {
	margin: 0 0 0 3px;
}

#container #content p a img {
	display: block;
	float: left;
	margin: 0 20px 20px 0px;
}

/* ############################# INDIVIDUAL PAGE STYLING ############################## */

/* HOME page  ###################################*/

body#home #background {
	background: url(../images/black1a.jpg) top left repeat;
}

body#home #container #header h1 {
	background: url(../images/cnas12.png) center no-repeat;
}

body#home #container #imagebg {
	background: url(../images/flickr.jpg) center no-repeat;
	width: 500px;
	height: 400px;
	margin: 0 auto;
	padding: 120px 0 0 0;
}

body#home #footer p {
	text-align: center;
	font-family: Georgia;
	font-size: .6em;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-decoration: none;
	color: #5a5343;
}

body#home #container #content a {
	display: block;
	margin: 0 auto;
	text-align: center;
	font-family: Georgia;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-decoration: none;
	color: #fff;
	padding: 306px 0 0 0;
}

body#home #container #content a:hover {
	color: #fff;
}

body#home #container #menu ul li#home_nav a {
	color: #5a5343;
	text-shadow: 0.1em 0.1em 0.1em #000;
}

body#home #menu ul a {
	color: #5a5343;
	text-shadow: 0.1em 0.1em 0.1em  #000;
}

body#home #menu ul li a:hover {
	color: #873d17;
}
/* HOME2 page  ###################################*/


body#home2{
	background: #020202 url(../images/black1b.jpg) center top no-repeat;
}

/* DRAWINGS page  #################################*/

body#drawings {
	background: #020202 url(../images/black02.jpg) top left repeat-x;
}
/* Links page  #################################*/

body#links{
	background: #020202 url(../images/black09.jpg) top left repeat-x;
}

/* PRINTS page styling ##################################*/

body#prints {
	background: #020202 url(../images/black03.jpg) top left repeat;
}



/* PAINTINGS page styling ################################*/

body#paintings {
	background: #020202 url(../images/black04.jpg) top left repeat;
}





/* Photographs page styling ################################*/

body#photographs {
	background: #020202 url(../images/black05.jpg) top left repeat;
}


body#photographs #container #header h1 {
	margin: 1em 0 -1em 0;
}

body#photographs #container #content p {
	text-transform: none;
	font-weight: bold;
}

body#photographs #container #menu ul li#photographs_nav a {
	color: #669900;
	text-shadow: 0.1em 0.1em 0.1em #000;
}

body#photographs #container #menu .photographs_menu li {
	float: left;
}

body#photographs #menu ul.submenu li a {
	color: #ffcc33;
	text-shadow: 0.1em 0.1em 0.1em #000;
}

/* Photographs page ---- current page link highlighting */

body#photographs #menu ul.submenu.photographs_menu1 li#photographs1_nav a {
	color: #669900;
	text-shadow: 0.1em 0.1em 0.1em #000;
}

body#photographs #menu ul.submenu.photographs_menu2 li#photographs2_nav a {
	color: #669900;
	text-shadow: 0.1em 0.1em 0.1em #000;
}

body#photographs #menu ul.submenu.photographs_menu3 li#photographs3_nav a {
	color: #669900;
	text-shadow: 0.1em 0.1em 0.1em #000;
}

body#photographs #menu ul.submenu.photographs_menu4 li#photographs4_nav a {
	color: #669900;
	text-shadow: 0.1em 0.1em 0.1em #000;
}

body#photographs #menu ul.submenu.photographs_menu5 li#photographs5_nav a {
	color: #669900;
	text-shadow: 0.1em 0.1em 0.1em #000;
}



/* ANIMATION page styling ################################*/

body#animation {
	background: #020202 url(../images/black06.jpg) top left repeat;
	
}

/* ANIMATION stills page styling ################################*/

body#animation {
	background: #020202 url(../images/black07.jpg) top left repeat;
}
/* Blog stills page styling ################################*/

body#blog {
	background: #020202 url(../images/black08.jpg) top left repeat;
}



/* CONTACT page styling ##################################*/

body#contact  {
	background: url(../images/black1b.jpg) top left repeat;
	
}

body#contact #background {
	background: url(../images/index.jpg) top left repeat;
}

body#contact #container #header h1 {
	background: url(../images/cnas12.png) center no-repeat;
}

body#contact #container #imagebg {
	background: url(../images/flickr.jpg) center no-repeat;
	width: 500px;
	height: 400px;
	margin: 0 auto;
	padding: 120px 0 0 0;
}

body#contact #footer p {
	text-align: center;
	font-family: Georgia;
	font-size: .6em;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-decoration: none;
	color: #5a5343;
}

body#contact #container #content a {
	display: block;
	margin: 0 auto;
	text-align: center;
	font-family: Georgia;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-decoration: none;
	color: #5a5343;
	padding: 306px 0 0 0;
}

body#contact #container #content a:hover {
	color: #669900;
}

body#contact #container #menu ul li#home_nav a {
	color: #5a5343;
	text-shadow: 0.1em 0.1em 0.1em #000;
}

body#contact #menu ul a {
	color: #5a5343;
	text-shadow: 0.1em 0.1em 0.1em  #000;
}

body#contact #menu ul li a:hover {
	color: #873d17;
}
/*###############################################
Simple dropdown Menu
###############################################*/

 .chromestyle{
width: 99%;
font-family:times;
font-size: 24px;



}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.chromestyle ul{

width: 100%;
padding: 0px 0 5px 0;
margin: 0px;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #1aff01;
padding: 4px 20px;
margin: 0;
text-decoration: none;

}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background-color: #000;
color: #ffeacb;
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{

position:fixed;
border-bottom-width: 0px;
font:times;
font-size: 15px;
line-height:18px;
z-index:100;
background-color: #121011;
opacity: .90;
filter:alpha(opacity=70);
filter: ?alpha(opacity=70)?;
width:0px;
visibility: hidden;



}



.dropmenudiv a{
width: auto;
display: block;
text-indent: 0px;
font:times;
padding: 0px 0 4px 4px;
text-decoration: none;

color: #b68904;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #000;
}

/*###############################################
xxxxxxx2
###############################################*/	
	
	

.cssnav1 {
	position: relative;
	float: left;
	background: url(../images/draw2.gif) no-repeat;
	white-space: nowrap;
	display: block;
	width: 168px;
	height: 48px;
    margin: 5px 5px 0px 0px;
    top: 188px;
    left: 183px;
}

.cssnav1 a {
	display: block;
	font-size: 11px;
	width: 168px;
	height: 48px;
	display: block;
	float: left;
}

.cssnav1 img {
	width: 168px;
	height: 48px;
}

.cssnav1 a:hover img {
	visibility: hidden;
}

.cssnav1 span {
	position: absolute;
	left: 35px;
	top: 15px;
	cursor: pointer;
}


   .cssnav2 {
	position: relative;
	float: left;
	background: url(../images/print2.gif) no-repeat;
	white-space: nowrap;
	display: block;
	width: 121px;
	height: 55px;
    margin: 5px 5px 0px 0px;
    top: 278px;
    left: 233px;
}

.cssnav2 a {
	display: block;
	font-size: 11px;
	width: 121px;
	height: 55px;
	display: block;
	float: left;
}

.cssnav2 img {
	width: 121px;
	height: 55px;
}

.cssnav2 a:hover img {
	visibility: hidden;
}

.cssnav2 span {
	position: absolute;
	left: 35px;
	top: 15px;
	cursor: pointer;
}


 .cssnav3 {
	position: relative;
	float: left;
	background: url(../images/paint2.gif) no-repeat;
	white-space: nowrap;
	display: block;
	width: 181px;
	height: 48px;
    margin: 5px 5px 0px 0px;
    top: 548px;
    left: 120px;
}

.cssnav3 a {
	display: block;
	font-size: 11px;
	width: 181px;
	height: 48px;
	display: block;
	float: left;
}

.cssnav3 img {
	width: 181px;
	height: 48px;
}

.cssnav3 a:hover img {
	visibility: hidden;
}

.cssnav3 span {
	position: absolute;
	left: 35px;
	top: 15px;
	cursor: pointer;
}



 .cssnav4 {
	position: relative;
	float: left;
	background: url(../images/photo2.gif) no-repeat;
	white-space: nowrap;
	display: block;
	width: 191px;
	height: 47px;
    margin: 5px 5px 0px 0px;
    top: 327px;
    left: -378px;
}

.cssnav4 a {
	display: block;
	font-size: 11px;
	width: 191px;
	height: 47px;
	display: block;
	float: left;
}

.cssnav4 img {
	width: 191px;
	height: 47px;
}

.cssnav4 a:hover img {
	visibility: hidden;
}

.cssnav4 span {
	position: absolute;
	left: 35px;
	top: 15px;
	cursor: pointer;
}



.cssnav5 {
	position: relative;
	float: left;
	background: url(../images/ani2.gif) no-repeat;
	white-space: nowrap;
	display: block;
	width: 198px;
	height: 48px;
    margin: 5px 5px 0px 0px;
    top: 97px;
    left: -16px;
}

.cssnav5 a {
	display: block;
	font-size: 11px;
	width: 198px;
	height: 48px;
	display: block;
	float: left;
}

.cssnav5 img {
	width: 198px;
	height: 48px;
}

.cssnav5 a:hover img {
	visibility: hidden;
}

.cssnav5 span {
	position: absolute;
	left: 35px;
	top: 15px;
	cursor: pointer;
}
	

.cssnav6 {
	position: relative;
	float: left;
	background: url(../images/stills2.gif) no-repeat;
	white-space: nowrap;
	display: block;
	width: 114px;
	height: 48px;
    margin: 5px 5px 0px 0px;
    top: 412px;
    left: 80px;
}

.cssnav6 a {
	display: block;
	font-size: 11px;
	width: 114px;
	height: 48px;
	display: block;
	float: left;
}

.cssnav6 img {
	width: 114px;
	height: 48px;
}

.cssnav6 a:hover img {
	visibility: hidden;
}

.cssnav6 span {
	position: absolute;
	left: 35px;
	top: 15px;
	cursor: pointer;
}


   .cssnav7 {
	position: relative;
	float: left;
	background: url(../images/blog2.gif) no-repeat;
	white-space: nowrap;
	display: block;
	width: 82px;
	height: 45px;
    margin: 5px 5px 0px 0px;
    top: 296px;
    left: 418px;
}

.cssnav7 a {
	display: block;
	font-size: 11px;
	width: 82px;
	height: 45px;
	display: block;
	float: left;
}

.cssnav7 img {
	width: 82px;
	height: 45px;
}

.cssnav7 a:hover img {
	visibility: hidden;
}

.cssnav7 span {
	position: absolute;
	left: 35px;
	top: 15px;
	cursor: pointer;
}


 .cssnav8 {
	position: relative;
	float: left;
	background: url(../images/links2.gif) no-repeat;
	white-space: nowrap;
	display: block;
	width: 105px;
	height: 48px;
    margin: 5px 5px 0px 0px;
    top: -5px;
    left: -135px;
}

.cssnav8 a {
	display: block;
	font-size: 11px;
	width: 105px;
	height: 48px;
	display: block;
	float: left;
}

.cssnav8 img {
	width: 105px;
	height: 48px;
}

.cssnav8 a:hover img {
	visibility: hidden;
}

.cssnav8 span {
	position: absolute;
	left: 35px;
	top: 15px;
	cursor: pointer;
}



 .cssnav9 {
	position: relative;
	float: left;
	background: url(../images/contact2.gif) no-repeat;
	white-space: nowrap;
	display: block;
	width: 129px;
	height: 48px;
    margin: 5px 5px 0px 0px;
    top: 335px;
    left: -44px;
}

.cssnav9 a {
	display: block;
	font-size: 11px;
	width: 129px;
	height: 48px;
	display: block;
	float: left;
}

.cssnav9 img {
	width: 129px;
	height: 48px;
}

.cssnav9 a:hover img {
	visibility: hidden;
}

.cssnav9 span {
	position: absolute;
	left: 35px;
	top: 15px;
	cursor: pointer;
}


#content {
color: #000;
}


.cssnav10 {
	position: relative;
	float: left;
	background: url(../images/contact2.gif) no-repeat;
	white-space: nowrap;
	display: block;
	width: 129px;
	height: 48px;
    margin: 5px 5px 0px 0px;
    top: 900px;
    left: -44px;
}

.cssnav10 a {
	display: block;
	font-size: 11px;
	width: 129px;
	height: 48px;
	display: block;
	float: left;
}

.cssnav10 img {
	width: 129px;
	height: 48px;
}

.cssnav10 a:hover img {
	visibility: hidden;
}

.cssnav10 span {
	position: absolute;
	left: 35px;
	top: 15px;
	cursor: pointer;
}


#content {
color: #000;
]