/* CSS Document */
html {
	width: 100%;
	height: 100%;
}

body {
	background-attachment: fixed;
	background-image:url(../images/bottom.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
	margin: 0px;
}

#pagewidth {
	width: 637px;
	z-index: 100;
	position: relative;
	overflow: hidden;
}

#leftcol {
	width: 175px;
	height: 532px;
	background-image:url(../images/left_bg.jpg);
	float:left;
}

#maincol {
	background-image:url(../images/maincol_bg.jpg);
	background-repeat:no-repeat;
	width: 462px;
	float:right;
	padding-top: 115px;
}

h1 {
	margin:0px;
	padding:0px;
}

h1 a {
	position: absolute;
	z-index:200;
	left: 0px;
	top:0px;
	width: 400px;
	height: 100px;
	color: #eadcde;
	font-size:0px;
	margin:0px;
	padding:0px;
}


#topbg {
	position: absolute;
	z-index: 0;
	background-image: url(../images/top_bg.jpg);
	background-repeat: no-repeat;
	background-position: 636px top;
	height: 100%;
	width: 100%;
}

#homeimage {
background-image: url(../images/bythecreek.jpg); height: 520px; background-repeat:no-repeat; background-position: top center;margin-bottom: 100px;
}

#artistimage {
background-image: url(../images/moonglow.jpg); background-repeat:no-repeat; background-position: top center;margin-bottom: 100px;  margin-left: 15px; margin-right: 15px;
}

#viewgallery {
padding-top: 190px; padding-left: 25px; color: white; font-family: Arial, Helvetica, sans-serif;
}

#viewgallery a {
	color:white;
}

#maincol h2 {
	color: #438fbb;
	padding: 0px 25px 8px 25px;
	margin: 0px 0px 0px 0px;
	font-size: .7em;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
}

h3 {
	color: white;
	padding: 0px 25px 25px 25px;
	margin: 0px 0px 0px 0px;
	font-size: 1em;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;	
}

#maincol p {
	color: #c6b2b2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .7em;
	line-height: 2em;
	padding: 0px 25px 0px 25px;
	margin: 0px 0px 20px 0px;
}

strong {
	color: #ffffff;
}

hr{
	border: 0px;
	color: #194064;
	background-color: #194064;
	height: 1px;
	width: 411px;
	text-align: center;
	margin-top: -8px;
	margin-bottom: 15px;
}

#gallery {
	padding-left:6px;
}

#view_gallery {
	height: 172px;
	width: 411px;
	margin-left: 25px;
	margin-bottom: 10px;
}

#view_gallery a img {
	border: 6px solid white;
}

#view_gallery a:hover img {
	border: 6px solid #f6d4d6;
}

#footer {
line-height: 2em;
font-family: Arial, Helvetica, sans-serif;
color: #28496a;
font-size: .6em;
width: 400px;
padding-left: 25px;
padding-right: 25px;
padding-bottom: 25px;
text-align: center;
}

#footer a {
color: #28496a;
}

td {
	color:white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .7em;
	color:#c6b2b2;
	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align: middle;
}

input {
	border: 1px solid #c2cacb;
	font-size:.9em;
	font-family:Arial, Helvetica, sans-serif;
	background-color: #e0e6e7;
}

textarea {
	border: 1px solid #c2cacb;
	font-size:.9em;
	font-family:Arial, Helvetica, sans-serif;
	background-color: #e0e6e7;
}

textarea:hover, input:hover, input:focus, textarea:focus, textarea:active, input:active {
	background-color: white;
	border: 1px solid #4599c9;
}



/* -------- MAIN HORIZONTAL MENU OFF STATE ---------- */

#menu { display:block; width: 175px; height: 268px; position:absolute; top: 114px; left: 0px;}

#menu ul {list-style-type:none; margin: 0px; padding: 0px;}

#menu li {float:right; height: 28px; margin-bottom: 20px;}

#menu li.list1 {background:transparent url(../images/portfolio_btn.gif); background-repeat:no-repeat; width: 97px;}
#menu li.list2 {background:transparent url(../images/designers_btn.gif); background-repeat:no-repeat; width: 94px;}
#menu li.list3 {background:transparent url(../images/events_btn.gif); background-repeat:no-repeat; width: 97px; }
#menu li.list4 {background:transparent url(../images/artist_btn.gif); background-repeat:no-repeat; width: 89px;}
#menu li.list5 {background:transparent url(../images/galleries_btn.gif); background-repeat:no-repeat; width: 88px;}
#menu li.list6 {background:transparent url(../images/contact_btn.gif); background-repeat:no-repeat; width: 87px; margin-left: 1px;}


#menu a {display:block; height: 28px; text-indent: -9999px; border-bottom: none; color: #f1e3e3;}

#menu a:hover {text-decoration:none;}

/* ----------- MAIN HORIZONTAL MENU HOVERING ITEMS ----------- */

#menu a#item1 {background:transparent url(../images/portfolio_btn.gif) no-repeat;}
#menu a#item2 {background:transparent url(../images/designers_btn.gif) no-repeat;}
#menu a#item3 {background:transparent url(../images/events_btn.gif) no-repeat;}
#menu a#item4 {background:transparent url(../images/artist_btn.gif) no-repeat;}
#menu a#item5 {background:transparent url(../images/galleries_btn.gif) no-repeat;}
#menu a#item6 {background:transparent url(../images/contact_btn.gif) no-repeat;}


#menu a#item1:hover {background-position:0px -28px; z-index:50;}
#menu a#item2:hover {background-position:0px -28px; z-index:50;}
#menu a#item3:hover {background-position:0px -28px; z-index:50;}
#menu a#item4:hover {background-position:0px -28px; z-index:50;}
#menu a#item5:hover {background-position:0px -28px; z-index:50;}
#menu a#item6:hover {background-position:0px -28px; z-index:50;}

#menu li.list1_2 {background:transparent url(../images/portfolio_btn.gif); background-repeat:no-repeat; width: 97px; background-position:0px -28px;}
#menu li.list2_2 {background:transparent url(../images/designers_btn.gif); background-repeat:no-repeat; width: 94px; background-position:0px -28px;}
#menu li.list3_2 {background:transparent url(../images/events_btn.gif); background-repeat:no-repeat; width: 97px; background-position:0px -28px;}
#menu li.list4_2 {background:transparent url(../images/artist_btn.gif); background-repeat:no-repeat; width: 89px; background-position:0px -28px;}
#menu li.list5_2 {background:transparent url(../images/galleries_btn.gif); background-repeat:no-repeat; width: 88px; background-position:0px -28px;}
#menu li.list6_2 {background:transparent url(../images/contact_btn.gif); background-repeat:no-repeat; width: 87px; background-position:0px -28px; margin-left: 1px;}

a {
	color: #438fbb;
	text-decoration: none;
	outline: none;
}

a:hover {
	color: #4599c9;
	text-decoration: underline;
}

:focus {-moz-outline-style: none;}