* {margin:0; padding:0; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#797979; }
html {background:#FFFFFF; }
body {position:relative; }
body.ndx {height:100%; vertical-align:middle; }

/*main divs*/
div#container {	position:relative; background:url(../img/container.png) no-repeat center 55px; width:747px;	height:100%; margin:auto; margin-top:0; padding-top:25px
}

div#content {position:relative; width:747px; height:100%; padding-top:100px; 
}
div#gallery {position:relative; width:747px; padding-top:100px; 
}
div#left {float:left; width:285px; height:100%; padding:50px 10px 100px 10px;
}
div#right {position:relative; float:right; width:415px; height:100%; padding:50px 0 100px 10px; 
}

div#nav.ndx {
}

div#nav.ndx { position:absolute; top:60px; background:url(../img/body_title.png) no-repeat; width:760px; height:118px; padding-top:4px;
}
div#nav.ndx ul {padding:100px 0 0 0;
}
div#container_ndx {position:relative; width:747px; height:100%; margin:0 auto; 
}
div#content_ndx {position:absolute; width:747px; height:573px; margin-top:135px; background:url(../img/body_ndx.png) no-repeat center center;
}

/*div#foot {position:absolute; width:100%; border:1px solid #cccccc; color:#cccccc; font-size:0.8em; letter-spacing:0.05em; text-align:right;
}*/
div#foot {position:absolute; bottom:0; right:0; width:730px; border-top:1px solid #cccccc; height:40px; padding:10px 0; 
}
div#foot p {color:#999999; font-size:10px; letter-spacing:0.05em; text-align:right; 
}
div#foot a {color:#999999; font-size:10px; letter-spacing:0.05em; text-align:right;
}


/* NAVIGATION */
div#nav {
	width:747px;
	height:54px; 
	text-align:right; 
}
div#nav ul {padding:0;
}
div#nav ul li {
	padding-left:20px;
	padding-right:20px;
	float:right;
	border-right: 1px solid #a2a2a2;
}
div#nav ul li a {font-family:"Myriad Pro", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;  text-decoration: none;	font-size:14px; font-weight:bold; }
div#nav ul li  a:hover {color:#be3a4a; }


/*LISTS */
ul { 
	list-style: none;
	text-decoration:none;
}
li {
	display: inline;
	float: left;
}

/*TEXT FORMATTING */
p {padding-bottom:20px;
}
p.image_left {float:right; padding-bottom:25px; 
}
p.image_right {float: left; padding-bottom:5px; padding-right:5px; 
}

h1 {width:295px; height:35px; text-indent:-9999px;
}
h1#ndx {
}
h1#artist {background:url(../img/page_artist.png) no-repeat right top;
}
h1#contact {background:url(../img/page_contact.png) no-repeat right top; 
}
h1#drawme {background:url(../img/page_drawme.png) no-repeat right top; 
}
h1#portfolio {background:url(../img/page_portfolio.png) no-repeat right top; 
}
h1#life {background:url(../img/gallery_life.png) no-repeat right top; 
}
h1#cottesloe {background:url(../img/gallery_cottesloe.png) no-repeat right top; 
}
h1#siberian { background:url(../img/gallery_siberian.png) no-repeat right top; 
}
h2 { background:url(../img/pdf_icon.gif) no-repeat; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#a2a2a2; 
}
h3 a {padding-bottom:20px; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#000000;
}
blockquote {margin:0 20px; padding-bottom:20px; font-weight:bold; font-style:italic; font-size:1.1em;
}


/* LINKS */
a { outline: none; text-decoration:none; font-size:14px; color:#000000}
a:hover { color:#be3a4a;  }


div#cv {position:relative; float:left; width:auto; height:60px; }
div#cv a { display:block; padding:25px 0 0 45px;}


/* galleries */
.gallerycontainer{
position: relative;
padding-top:80px;
height:600px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid black;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
padding: 5px;
margin:75px 0 0 100px;
left: -1000px;
visibility: hidden;
color: #666666;
text-decoration: none;
font-size:0.9em;
text-align:right;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
/*padding: 2px;*/
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

/*drop down menu*/
#dropmenudiv{
position:absolute;
margin-top:13px;
margin-left:-20px;
padding-top:10px;
border:none;
border-bottom-width: 0;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
padding: 5px 0;
text-decoration: none;
font-weight: bold;
color:#ffffff;
}

#dropmenudiv a:hover{ /*hover background color*/
background:#333333;
color:#be3a4a;
}