/* Template CSS Styles Begin */

body {
	font: 62.5%/1.3 "century gothic",arial,helvetica;
	background-color: black;
	color: #ccc;
}
#wrapper {
	margin: 0 auto;
	position: relative;
	width: 901px;
}
#header{
	position: relative;
	background-image: url(../images/navbarbg.png);
	background-repeat: no-repeat;
	width: 901px;
	height: 83px;
}
.silverbar{
	clear: both;
	background-image: url(../images/silverbar.jpg);
	background-repeat: no-repeat;
	width: 901px;
	height: 1px;
}
#content{
	position: relative;
	height: 460px;
}
#content2{
	width: 901px;
	background-image: url(../images/gradientbg.jpg);
	background-repeat: repeat-y;
}
#contentlarge{
	width: 901px;
	text-align: center;
}
#footer{
	position: relative;
	background-image: url(../images/bottom.png);
	background-repeat: no-repeat;
	width: 901px;
	height: 83px;
	clear: both;
}
#logo {
	float: left;
	width: 238px;
	height: 38px;
	margin: 35px 40px 0 50px;
}
#nav{ float: left; width: 520px; height: 1px; margin-top: 30px; }
#nav li{list-style-type: none; float: left; }
#nav li a{text-indent: -9999px; text-decoration: none; display: block; background-image: url(../images/Nav.png); height: 17px; line-height: 17px;}

#home a{ width: 60px; background-position: -1px 0 }
#paintings a{ width: 90px; background-position: -90px 0 } 
#contact a{ width: 85px; background-position: -205px 0 }
#news a{ width: 60px; background-position: -320px 0 }
#copyright a{ width: 108px; background-position: -412px 0 }

#home a:hover{ background-position: -1px -17px }
#paintings a:hover{ background-position: -90px -17px } 
#contact a:hover{ background-position: -205px -17px }
#news a:hover{ background-position: -320px -17px }
#copyright a:hover{ background-position: -412px -17px }


#leftfade{
	height: 100%;
	width: 64px;
	position:absolute;
	top:0px;
	left: 0px;
	z-index:8;
	background-image: url(../images/leftfade.png);
	background-repeat: repeat-y;
}
#rightfade{
	height: 100%;
	width: 64px;
	position:absolute;
	top:0px;
	right: 0px;
	z-index:8;
	background-image: url(../images/rightfade.png);
	background-repeat: repeat-y;	
}

/* Template CSS Styles End */





/* Home CSS Styles Begin */

img{
	border: none;
	margin: 0px;
	padding: 0px;
} 
a{
	outline: none;
}
#homepic{
	min-height: 460px;
	width: 901px;
}
#pic1{
	height: 200px;
	width: 203px;
	position:absolute;
	top:0px;
	left: 0px;
	z-index:2;
}
#pic2{
	height: 111px;
	width: 207px;
	position:absolute;
	top:0px;
	left: 68px;
	z-index:3;
}
#pic3{
	height: 166px;
	width: 173px;
	position:absolute;
	top: 0px;
	left: 217px;
	z-index:2;
}
#pic4{
	height: 202px;
	width: 276px;
	position:absolute;
	top:0px;
	left: 388px;
	z-index:2;
}
#pic5{
	height: 215px;
	width: 178px;
	position:absolute;
	top:115px;
	left: 0px;
	z-index:4;
}
#pic6{
	height: 201px;
	width: 276px;
	position:absolute;
	top:87px;
	left: 128px;
	z-index:5;
}
#pic7{
	height: 260px;
	width: 186px;
	position:absolute;
	top:51px;
	left: 366px;
	z-index:4;
}
#pic8{
	height: 104px;
	width:	165px;
	position:absolute;
	top:28px;
	left: 615px;
	z-index:5;
}
#pic9{
	height: 181px;
	width: 146px;
	position:absolute;
	top:93px;
	left: 541px;
	z-index:3;
}
#pic10{
	height: 181px;
	width:	256px;
	position:absolute;
	bottom:0px;
	left: 0px;
	z-index:6;
}
#pic11{
	height: 193px;
	width: 266px;
	position:absolute;
	bottom:0px;
	left: 164px;
	z-index:2;
}
#pic12{
	height: 188px;
	width: 190px;
	position:absolute;
	bottom:21px;
	left: 312px;
	z-index:3;
}
#pic13{
	height: 208px;
	width: 278px;
	position:absolute;
	bottom:0px;
	left: 364px;
	z-index:2;
}
#pic14{
	height: 152px;
	width: 122px;
	position:absolute;
	bottom:68px;
	left: 638px;
	z-index:6;
}
#pic15{
	height: 164px;
	width: 271px;
	position:absolute;
	bottom:0px;
	right: 0px;
	z-index:3;
}
#pic16{
	height: 309px;
	width: 237px;
	position:absolute;
	top:0px;
	right: 0px;
	z-index:2;
}
#topspace{
	height: 4px;
	width: 100%;
	background-color: #000;
}
#bottomspace{
	height: 4px;
	width: 100%;
	clear: both;
	background-color: #000;
}
#announcementbanner{
	height: 71px;
	width: 100%;
	position:absolute;
	bottom:4px;
	left: 0px;
	z-index:7;
	background-image: url(../images/announcementbarbg.png);
	background-repeat: repeat-x;
}
#announcement{
	height: 71px;
	width: 414px;
	position:absolute;
	bottom:4px;
	left: 255px;
	z-index:8;
}
/* Home CSS Styles End */




/* News CSS Styles Begin */

#newswrap{
	margin: 0 auto;
	width: 790px;
	height: 352px;
	margin-top: 10px;
	margin-bottom: 98px;
}
#leftadobe{
	float: left;
	width: 200px;
	height: 352px;
}
#centernews{
	float: left;
	width: 269px;
	margin-left: 10px;
}
#rightnews{
	float: left;
	width: 269px;
	margin-left: 10px;
}
.rowstripe1{
	background-color: #141414;
	width: 100%;
	padding-top: 7px;
	padding-bottom: 7px;
	font-size: 1.1em;
}
.rowstripe1 a{
	color: white;
	text-decoration: none;
}
.rowstripe1 a:hover{
	color: white;
	text-decoration: underline;
}
.rowstripe2{
	background-color: #0c0c0c;
	width: 100%;
	padding-top: 7px;
	padding-bottom: 7px;
	font-size: 1.1em;
}
.rowstripe2 a{
	color: white;
	text-decoration: none;
}
.rowstripe2 a:hover{
	color: white;
	text-decoration: underline;
}

/* News CSS Styles Ends */





/* Copyright CSS Styles Begin */

#copyrightbg{
	width: 764px;
	margin-top: 45px;
	margin-bottom: 46px;
	margin-left: 48px;
	background-image: url(../images/copyrightbg.png);
	background-repeat: no-repeat;
	
}
#copyrightheading{
	font-size: 3.2em;
	margin-left: 100px;
	padding-top: 100px;
	width: 320px;
}
#copyrighttext{
	margin-left: 100px;
	width: 500px;
	margin-top: 10px;
}
#copyrightcontact{
	margin-left: 280px;
	margin-top: 122px;
	padding-bottom: 22px;
	width: 215px;
	height: 46px;
}

/* Copyright CSS Styles End */





/* Paintings CSS Styles Begin */

#content3{
	position: relative;
	width: 901px;
	height: 460px;
	background-image: url(../images/gradientbg.jpg);
	background-repeat: repeat-y;	
}
#rain {
	position:absolute;
	left:66px;
	top:90px;
	width:230px;
	height:277px;
	z-index:10;
}
#pleinair {
	position:absolute;
	left:335px;
	top:90px;
	width:230px;
	height:277px;
	z-index:10;
}
#studio {
	position:absolute;
	left:605px;
	top:90px;
	width:230px;
	height:277px;
	z-index:10;
}
#rain a{
	display: block;
	width: 230px;
	height: 277px;
	background-image: url(../images/rainpainting.png);
}
#pleinair a{
	display: block;
	width: 230px;
	height: 277px;
	background-image: url(../images/pleinairpainting.png);
}
#studio a{
	display: block;
	width: 230px;
	height: 277px;
	background-image: url(../images/studiopainting.png);
}
#rain a:hover { background-image: url(../images/rainpainting.png); background-position: 0 -275px;}
#pleinair a:hover { background-image: url(../images/pleinairpainting.png); background-position: 0 -272px;}
#studio a:hover { background-image: url(../images/studiopainting.png); background-position: 0 -272px;}
/* Paintings CSS Styles Ends */




/* Galleries CSS Styles Begin */

ul{
	margin: 0;
	padding: 9.5px 0 9.5px 10px;
}
li{
	display: inline;
	padding: 10px;
	margin: 0;
}

/* Galleries CSS Styles Ends */





/* Contact CSS Styles Begin */

#cform{
	margin-left: 240px;
}
input[type="submit"]{
	margin-left: 350px;
}
input[type="text"]{
	width: 250px;
	height: 18px;
	margin: 5px 0 5px 0;
}
h3{
	color: #977c5e;
}

/* Contact CSS Styles Ends */