@charset "utf-8";
/* CSS Document */

/* LAYOUT */
body {
	background-color: #342110;
	color: #f8e9c9;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.frame-design {background-color:#20160c!important;}

#container {width: 910px; height:auto; overflow:visible; margin-left:auto; margin-right: auto; margin-top: 10px; background-image:url(../images/bkg.jpg); background-repeat:repeat-y;}
#header {width: 910px; height: 117px; background-image:url(../images/bkg-header.jpg); text-align:center;}

#container-bottom {width: 850px; height:24px; background-image:url(../images/bkg-bottom.jpg); background-repeat:no-repeat;  margin-left:auto; margin-right: auto;}
#footer {width: 850px; margin-left:auto; margin-right: auto; font-size: 10px;}

#content {width: 850px; margin-top: 20px; margin-right:auto; margin-left:auto;}
#content-900 {width: 900px; margin-right:auto; margin-left:auto;}

#nav {width: auto; height: 30px; background-color:#563815; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color:#FFF; padding-top:5px;}
#nav ul li ul li {padding-bottom: 10px; background-color:#563815;}

#splash {width: 900px; margin-left:auto; margin-right:auto; }

#welcome {width:307px; float:left; margin-top: 10px; margin-right: 35px;}

#button-bar {margin: auto; width:638px;}

.float-r {float:right;}
.float-l {float: left;}
.clear {clear:both;}

hr {border: 0; color: #563816; background-color: #563816; height: 1px; margin-bottom: 15px; clear:both;}

.flash-intro {text-align:center;}
/* BOXES */
#boxes {width: 900px; min-height: 107px; position: relative; margin-left: auto; margin-right: auto; font-family: "Trebuchet MS", "Berekley", "Lucida Grande", Times New Roman, Times, sans-serif; font-size: 12px; color: #fff; background-image: url(../images/news-featured-projects.jpg); background-repeat:no-repeat; margin-top: 20px; padding-top: 50px;}

#news {width: 370px; margin-left:35px; float:left; display:inline;}
#featured {width: 180px; margin-left: 55px; float:left; display:inline;}
#projects {width: 180px; margin-left: 49px; float:left; display:inline;}
#frame-design-gallery {
	float:right;
	width: 485px;
	min-height: 100px;
	background:url(../framing/images/frame-design-gallery-bkg.jpg); background-repeat:no-repeat;
	padding-left: 20px;
	padding-top: 60px;}

	
#boxes-content {width: 700px; height:auto; overflow:auto; background-image:url(../images/boxes-bkg.jpg); background-repeat:repeat-y;}
#boxes-content ul {list-style-image: none; list-style-type: none; text-align: center; margin-left:0; padding-left:15px; padding-right:15px; margin-top: 0px;}
#boxes-content li {font-size: 12px; color: #fce3b2; list-style-image: none; list-style-type: none; padding-bottom: 8px;}
#boxes-content a:link {font-size: 12px; color: #fce3b2; text-decoration: none;}
#boxes-content a:visited {font-size: 12px; color: #fce3b2; text-decoration: none;}
#boxes-content a:hover {12px; color: #fce3b2; text-decoration: underline;}

#left {width:158px; height:auto; float: left; margin-right: 15px; margin-left: 6px; display: inline; margin-bottom: 10px;}
#right {width: 158px; height:auto; float: right; margin-right: 5px; display: inline;margin-bottom: 10px;}

.tv-img {padding-bottom: 4px;}



#quick-bottom {width: 540px; height: 5px; background-image:url(../images/quick-bottom.jpg); background-repeat:no-repeat;}

/* IMAGE STYLES */

.img-border {
	border: 1px solid #563816!important;
}
.img-right {float:right; margin-left: 15px;}
.img-left {float:left; margin-right: 25px; margin-bottom: 15px;}
.hr {width: 700px; height: 10px; background-image:url(../images/hr.jpg); background-repeat:no-repeat; margin-top: 5px; margin-bottom: 15px;}

#pictobrowser {
	width: 570px;
	height: auto;
	background-color: #573916;
	border: 1px solid #8a7358;
	float:right;
}

#pictobrowser-posters {
	width: auto;
	height: auto;
	border: 1px solid #8a7358;
	float:right;
}

#pictobrowser-sm {
	width: auto;
	height: auto;
	background-color: #573916;
	border: 1px solid #8a7358;
	float:right;
	margin-left: 40px;
	margin-bottom: 40px;
}

#pictobrowser-menu {float:left; width: 250px;}

/* TEXT STYLES */
a {color: #fff;}
a:hover {
	color: #FC3;
	text-decoration:none;
}
a:visited {color: #fff;}

h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #f8e9c9;
	padding-top, padding-right, padding-left: 0px; 			margin: 0px;
	padding-bottom: 10px;
	font-weight: normal;
}

h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px;
	padding-top, padding-right, padding-left: 0px; 	margin: 0px;
	padding-bottom: 3px;
}
	
p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #f8e9c9;
	padding-right, padding-left, padding-top: 0px; 		padding-bottom: 15px;
	margin: 0px;
	line-height: 17px;
}

ul {margin-top: 5px;}

.ul-no-margin {margin-top:-10px; margin-left: -10px;}

ol {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}

.h1-mock {font-family: "Trebuchet MS", "Berekley", "Lucida Grande", Times New Roman, Times, sans-serif; font-size: 16px; color: #f8e9c9;
	padding-top, padding-right, padding-left: 0px; 	margin: 0px; padding-bottom: 10px; font-weight: bold;}
.h2-mock {font-family: "Trebuchet MS", "Berekley", "Lucida Grande", Times New Roman, Times, sans-serif; font-size: 14px; color: #FC0; font-weight: bold;}

.artist {font-family: "Trebuchet MS", "Berekley", "Lucida Grande", Times New Roman, Times, sans-serif; font-size: 20px; color: #f8e9c9; text-transform:uppercase; }
.artist a {text-decoration: none;}

.photo-cred {font-size:10px;}
	

/* QUOTES */
.quote {width: 600px; margin-left:auto; margin-right: auto; margin-bottom:20px;}


/* UNDERGROUND TV */
#tv {width:800px; height:490px; overflow:auto; margin-left:auto; margin-right:auto;}
#tv ul {margin-left: -30px;	list-style-type: none;}
#tv li {padding-bottom: 10px;}
#tv a {color: #fce3b2; text-decoration:none}
#tv a:hover {color: #fff; text-decoration:underline;}
#tv a:visited {color: #fce3b2;}
.li-on {list-style-type:disc; font-weight:bold; color:#FFF;}
.tv-content {margin-left: 35px; margin-bottom: 20px; margin-top: 10px;}
.tv-menu {float: left; margin-left: 20px; background-color:#563815; width: 200px; padding: 10px;}


/* ARTPRIZE */

#artprize-bkg {background-image:url(../ArtPrize/images/artprize-table-bkg.jpg); background-repeat:repeat-y; width: 800px; margin-left:auto; margin-right:auto;}
.artist-list {line-height: 26px;}
.event-title {color: #ff934e;}
.lg-artist a {color: #ff934e !important;}
.lg-artist a:hover {color: #000 !important;}
.lg-artist a:visited {color: #ff934e !important;}

/* SPECIAL */

#special-note {
	margin-left:auto; margin-right:auto;
	margin-top:10px;
	background-color:#4c3114;
	border:1px solid #714c27;
	width:820px;
	height: auto;
	padding: 10px;
}