
body{
	height: 100%;
	width:100%;
	margin:0 auto;
	font-family:Helvetica, Arial, sans-serif;
	font-size:62.5%;
	letter-spacing:0.2pt;
	background:#222222;
	color:#333333;
	font-weight:normal;
	padding:0;
	margin:0;
}
html{
	
}
#header{
	padding:0px;
	font-size:3.0em;
	color:#333333;
	background:#FFFFFF url(/images/HeaderBG.jpg) top left repeat-x;
	width:1000px;
	height:452px;
	width:1000px;
	margin:0 auto;
}
#home-header{
	padding:0px;
	font-size:3.0em;
	color:#333333;
	background:#FFFFFF url(/images/HeaderBG.jpg) top left repeat-x;
	width:1000px;
	height:562px;
	width:1000px;
	margin:0 auto;
}
#HeaderGraphicLeft{
	width:260px;
	height:452px;
	float:left;
}
#HeaderMiddle{
	float:left;
	width:480px;
	height:452px;
}
#HeaderGraphicRight{
	width:260px;
	height:452px;
	float:right;
}
a img{
	border-style:none;
    color:#fab7b7
}
#mycarousel{
	position:relative;
	top:70px;
	left:72px;
	width:340px;
	height:212px;
	padding:5px;
	background: url(/images/PaintingBG.png) top left no-repeat;
}
.carouselPic{
	position:relative;
	top:0px;
	left:0px;
	border:2px #000000 solid;
}
#slideshow {
    position:relative;
    height:350px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}
#PaintingTitle{
	margin:0 auto;
	position:absolute;
	width:480px;
	font-size:0.5em;
	color:#CC3300;
	top:320px;
	text-align:center;
}
#Logo{
	margin:0 auto;
	position:relative;
	top:120px;
	left:7px;
	width:480px;
	text-align:center;
	z-index:4;
}
#home-logo{
	margin:100px auto 0;
	position:relative;
	top:0px;
	left:7px;
	width:480px;
	text-align:center;
	z-index:4;
}
#Logo a, #Logo a:link, #Logo a:hover, #Logo a:visited, #Logo a:focus{
	color:#fab7b7;
}
#home-logo a, #home-logo a:link, #home-logo a:hover, #home-logo a:visited, #home-logo a:focus{
	color:#fab7b7;
}
	
#WholePage{
	width:1000px; 
	margin:20px auto;
	background:#FFFFFF;
}

#topNavContainer{
	float:left;
	width:1000px;
	background:#000000;
	z-index:5;
	padding:4px 0px;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #333333;
}
#topNav{
	width:1000px;
	padding:0;
	margin:0 auto;
	z-index:5;
}
#topNav ul{
	float:left;
	padding:0;
	margin:0 0 0 40px;
	list-style:none;
}
#topNav li{
	list-style:none;
	text-align:center;
    display:block;
    width:125px;
	padding:0px;
	margin:0px;
    float:left;
}

#topNav li a{
	display:block;
	width:125px;
	float:left;
	font-size:1.8em;
	line-height:1.8em;
	text-decoration:none;
	color:#DFF0FE;
}

#topNav li a:hover{
	color:#12A7FF;
}

#topNav li.selected a{
	height:32px;
	line-height:1.8em;
	background:url(/images/activeMenu.jpg) right top no-repeat;
	padding-right:10px;
}
#topNav li.selected a span{
	height:32px;
	display:block;
	color:#DFF0FE;
	background:url(/images/activeMenu.jpg) left top no-repeat;
	padding-left:10px;
}
#topNav li.selected a:hover{
	color:#DFF0FE;
}
/*#topNav li.selected a{
	display:block;
	background:#333333;
	color:#12A7FF;
}*/



h1{
	font-size:2.4em;
	font-family:Helvetica, Arial, sans-serif;
	color:#12A7FF;
	font-weight:normal;
	margin-bottom:20px;
}
h2{
	font-size:2.0em;
	font-family:Helvetica, Arial, sans-serif;
	color:#12A7FF;
	font-weight:normal;
	line-height:2.4em;
	margin-top:0px;
}
h3{
	font-family:Helvetica, Arial, sans-serif;
	color:#222222;
	font-weight:normal;
	line-height:2.0em;
	margin-top:0px;
	font-size:1.8em;
}
h4{
	font-family:Helvetica, Arial, sans-serif;
	color:#12A7FF;
	font-weight:normal;
	line-height:2.4em;
	margin-top:0px;
}
h1 a, h2 a, h3 a, h4 a, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited{
	color:#CC3333;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover{
	color:#CC0000;
}
.alignCenter{
	text-align:center;
}
.picTitle{
	font-family:Helvetica, Arial, sans-serif;
	color:#111111;
	font-weight:bold;
	line-height:2.4em;
	margin-top:0px;
	font-size:1.4em;
}
.picText{
	color:#333333;
	font-size:1.4em;
	font-weight:lighter;
	line-height:2.0em;
	
}
#PageContent{
	float:left;
	width:920px;
	height:100%;
	min-height:400px;
	background:#FFFFFF;
	padding:40px 40px;
}
#PageContent a, #PageContent a:visited{
	text-decoration:none;
	color:#CC3333;
}
#PageContent a:hover, #PageContent a:focus{
	text-decoration:none;
	color:#FF6633;
}
#latestWork{
	background:#FEF8F5;
	border-top:#ff9900 5px solid;
	border-bottom:#ff9900 1px solid;
	float:left;
	width:880px;
	padding:20px;
	margin-top:20px;
}
.latestWorkPicL{
	width:168px;
	height:104px;
}
.latestWorkPicP{
	height:104px;
	width:61px;
}
ul#latestPaintings{
  list-style: none;
  margin: 0;
  padding: 0;
}

ul#latestPaintings li{
  float: left;
  padding: 10px;
  display: block;
  margin-right: 10px;
}

ul#latestPaintings li a{
  display: block;
  overflow: hidden;
  height: 111px;
  width: 174px;
  cursor:pointer;
}

#a1{
  width: 500px;
}

ul#latestPaintings li img{
  position: absolute;
  border: 2px solid #000000;
}

ul#latestPaintings li span{
  margin: 0;
  font-size:12px;
  line-height:18px;
  padding: 0;
  width: 300px;
  display: block;
  margin-left: 200px;
}
#recentPosts{
	background:#FEF8F5;
	border-top:#ff9900 5px solid;
	float:left;
	width:500px;
	padding:20px;
}
h2.blocks{
	line-height:1.0em;
	margin-bottom:10px;
}
.blogPosts{
	float:left;
	width:100%;
	border-bottom:1px dotted #CCCCCC;
}
.blogDate{
	color:#CCCCCC;
	font-size:1.2em;
}
.blogContent{
	font-size:1.6em;
	line-height:2.0em;
	color:#333333;
}
#latestNews{
	float:right;
	width:300px;
	padding:20px;
	background:#FEF8F5;
	border-top:#FF9900 5px solid;
}
p{
	font-size:1.6em;
	line-height:2.0em;
	color:#333333;
}
.MM{
	float:left;
	width:920px;
	margin-bottom:40px;
}
#footer{
	float:left;
	width:1000px;
	background:#FFFFFF;
	text-align:center;
	margin-bottom:20px;
}

#footer a, #footer a:visited{
	text-decoration:none;
	color:#CC3333;
}
#footer a:hover, #footer a:focus{
	text-decoration:none;
	color:#FF9966;
}
.copyright{ 
	margin:0 auto;
	display:block;
	color:#333333;
	font-size:1.2em;
	line-height:1.8em;
}

.storyPicLeft{
	float:left;
	width:243px;
	height:162px;
	padding:10px 10px 10px 0px;
}
.storyPicRight{
	float:right;
	width:243px;
	height:162px;
	padding:10px 0px 10px 10px;
}
.portfolioPicLeft{
	float:left;
	width:316px;
	height:auto;
	border:2px solid #000000;
}
.portfolioPicLeftPortrait{
	float:left;
	width:200px;
	height:auto;
	border:2px solid #000000;
}
.artworkPic{
	float:left;
	padding:10px 10px 10px 0px;
}
.artworkSummary{
	float:left;
	line-height:1.8em;
}
.artworkInfo{
	float:left;
	width:360px;
	font-size:1.0em;
	padding:10px;
	line-height:1.8em;
}
.artworkSummary{
	float:left;
	line-height:1.8em;
	clear:both;
}
.artworkInfo ul{
	list-style:none; 
}


/* ---------------------------------------------- Form Styles ------------------------------------------ */

.requiredField {color:#8A819E; font-size:1.0em;}
.errorForm{
	border:solid #333333 2px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:1.6em;
	color:#333333;
	width:535px;
	float: left;
	line-height:18px;
	margin-bottom: 10px;
	padding:10px;
	background:#FFFF00 url(/images/errorBG.jpg) repeat-x bottom left;
}

.inputLabel { color:#12A7FF; margin-right:5px; display:block; margin-bottom:5px;}
.formControl{ border:solid #ff7200 1px;	background:#FEF8F5; color:#333333; padding:2px;line-height:1.5em; }
.formRow{ float:left; margin-left:0px; padding:20px 5px 5px 0px; display:block; width:500px; font-size:1.5em;}



#formContact{ float:left; padding:5px 25px 20px 25px;;border:1px #DDDDDD solid; }
.button{ 
	background:url(/images/Button.png) top left no-repeat; 
	cursor:pointer; 
	clear:both; 
	border:0;
	margin-left:2px;
	text-align:center;
	color:#333; 
	font-size:1.0em; 
	width:79px;
	height:24px;but
}
.button:hover{ 
	background:url(/images/ButtonOver.png) top left no-repeat;  
	color:#fff;  
}


#response{
	border:solid #333333 2px;
	text-align:center;
	font-family:Helvetica, Arial, sans-serif;
	font-size:1.6em;
	color:#333333;
	width:680px;
	float: left;
	line-height:18px;
	background-color:#FFFFCC;
	margin-bottom: 10px;
	padding:2px;
}

.left{float: left;}
.right{float: right;}
	
/* ---------------------------------------------- Form Styles ------------------------------------------ */

	.caption{color:#333333; font-size:1.5em;}
	.demo{position:relative;margin-top:2em;}
	.gallery_demo{width:702px;margin:0 auto;}
	.gallery_demo li{width:68px;height:50px;border:3px double #ccc;margin: 0 2px;background:#000000;}
	.gallery_demo li div{left:240px}
	.gallery_demo li div .caption{font:normal 1.0em/1.8 Helvetica, Arial, sans-serif;}
	
	#main_image{margin:0 auto 60px auto;height:340px;width:500px;background:#ffffff;}
	#main_imageCaelum{margin:0 auto 60px auto;height:480px;width:640px;background:#ffffff;}
	#main_image img{margin-bottom:10px;}
	
	.nav{padding:15px 0px 10px 0px;clear:both;font:100% Helvetica, Arial, sans-serif; letter-spacing:1px;text-transform:uppercase; text-align:center;}

#container-1 ul{
margin-bottom:20px;
}
/* ---------------------------------------------- */

