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

/**

COLORS

gold: #fdb813

**/

* {margin:0; padding:0;}
body {font-family: Verdana, Arial, Helvetica, sans-serif; background: #000; margin: 0; padding: 0; scrollbar-base-color: #999;}
p { color: #fff; text-align:left; font-size:9px; clear: both; line-height:13px; letter-spacing:.5px;}
a {color: #fff;}
a:visited {color:#575759;}
a:hover {color: #fdb813;}


/****************** D I V S ******************/

div#container {width: 100%; height: 450px;}
	
div#maincontent {padding: 25px; width:2210px; height: 400px;}

div#textcallout {width:829px; height:50px; background-color:#000;}

div#content01 {width: 379px; height: 313px; margin-right:65px; margin-top:37px; float: left; text-align:center; background-color:#000; overflow:auto;}
div#content02 {width: 379px; height: 350px; margin-right:65px; float: left; text-align:justify; background-color:#000; overflow:hidden;}
div#content03 {width: 379px; height: 350px; margin-right:20px; float: left; text-align:justify; background-color:#000;}
div#content03_2 {width: 379px; height: 288px; margin-top: 37px;float: left; text-align:justify; background-color:#000; }
div#content04 { width: 379px; height: 116px; margin-right:0px; float: left; background-color: #000; overflow: scroll; text-align: justify; padding-right:10px; padding-bottom:10px;  scrollbar-base-color: #000; }
div#content05 {width: 379px; height: 200px; margin-right:0px; margin-top: 10px; float:left; text-align:left; background-color: #000;}

div#content03_03_2wrapper {width: 800px; height: 350px; margin-right:65px; float: left; text-align:left; background-color:#000; overflow:auto;}

div#content04_05wrapper {width: 379px; height: 350px; margin-right:65px; float: left; text-align:justify; background-color:#000;}

div#port01 {width: 379px; height: 304px; margin-right:65px;  margin-top:37px; float: left; background-color:#000;}
div#port02 {width: 379px; height: 304px; margin-right:65px;  margin-top:37px; float: left; background-color:#000;}
div#port03 {width: 379px; height: 304px; margin-right:65px;  margin-top:37px; float: left; background-color:#000;}
div#port04 {width: 379px; height: 304px; margin-right:65px;  margin-top:37px; float: left; background-color:#000;}
div#port05 {width: 379px; height: 304px; margin-right:65px;  margin-top:37px; float: left; background-color:#000;}
div#port06 {width: 379px; height: 304px; margin-right:65px;  margin-top:37px; float: left; background-color:#000;}

div#navcontainer01, div#navcontainer02, div#navcontainer03, div#navcontainer04, div#navcontainer05, div#navcontainer06 {height: 15px; width: 379px; background-color:#000; text-align:center; margin-top: 10px; padding-top:5px; overflow:hidden}

div#branding { margin: 0 auto; width: 100%; height: 50px; clear: both; position:fixed; text-align:center; background-image:url(../images/brand_bckgrnd.gif); background-repeat: repeat-x;}


/****************** T E X T ******************/

#content03_03_2wrapper p { text-align:justify; line-height:13px;}

div#textcallout p {width:829px; height:50px; text-indent:-9999px; background-image:url(../images/bold_artistry.png); background-repeat: no-repeat;}

div#branding p {color:#fdb813; letter-spacing:4px;font-size:9px; padding-top:5px; text-align:center;}



.h1_work {width: 200px; height: 37px; text-indent: -9999px; background-image:url(../images/h1_work.gif); background-repeat: no-repeat;}
.h1_artist {width: 200px; height: 37px; text-indent: -9999px; background-image:url(../images/h1_artist.gif); background-repeat: no-repeat;}
.h1_events {width: 200px; height: 37px; text-indent: -9999px; background-image:url(../images/h1_events.gif); background-repeat: no-repeat;}
.h1_contact {width: 200px; height: 37px; text-indent: -9999px; background-image:url(../images/h1_contact.gif); background-repeat: no-repeat;}

.h1_mosaics {width: 200px; height: 37px; text-indent: -9999px; background-image:url(../images/h1_mosaics.gif); background-repeat: no-repeat;}
.h1_glass {width: 200px; height: 37px; text-indent: -9999px; background-image:url(../images/h1_glass.gif); background-repeat: no-repeat;}
.h1_install {width: 200px; height: 37px; text-indent: -9999px; background-image:url(../images/h1_install.gif); background-repeat: no-repeat;}
.h1_drawpaint {width: 200px; height: 37px; text-indent: -9999px; background-image:url(../images/h1_drawpaint.gif); background-repeat: no-repeat;}
.h1_jewel {width: 200px; height: 37px; text-indent: -9999px; background-image:url(../images/h1_jewel.gif); background-repeat: no-repeat;}

/*****CLASSES*****/

.navcontainer01 {height: 15px; width: 379px; background-color:#000; text-align:center; margin-top: 10px; padding-top:5px; overflow:hidden}

/*#portnav { font: normal 8px Verdana; text-decoration:none; display: inline; letter-spacing:2px;}
#portnav li { color: #fff; list-style-type: none; margin: 0; display: inline; letter-spacing:2px;}
#portnav li a { padding: 4px 15px 4px 15px; background-color: #333; text-decoration: none; }
#portnav li a:link { color: #fff; background-color: #252525; }
#portnav li a:visited {color: #575759;}
#portnav li a:hover { color: #000; background: #fdb813; font-weight:bold;}
#portnav li.current a { color: #fdb813; }*/

.portnav { font: normal 8px Verdana; text-decoration:none; display: inline; letter-spacing:2px;}
.portnav li { color: #fff; list-style-type: none; margin: 0; display: inline; letter-spacing:2px;}
.portnav li a { padding: 4px 13px 4px 13px; background-color: #333; text-decoration: none; }
.portnav li a:link { color: #fff; background-color: #252525; }
.portnav li a:visited {color: #575759;}
.portnav li a:hover { color: #000; background:#fdb813;}
.portnav li.current a { color: #000; background:#fdb813;}
	
 
div#content02 ul li { list-style-type: none; text-decoration:none; height:35px; width: 379px; margin-bottom: 24px; }
div#content02 ul li a { height: 35px; text-indent:-9999px; text-decoration: none; display: block; margin-bottom: 24px;  list-style-type: none;}

.port_mosaics a { background-image:url(../images/port_mosaic.jpg); background-repeat: no-repeat;}
.port_mosaics a:hover, .port_mosaics a:focus, .port_mosaics-current a, .port_mosaics-current a:hover, .port_mosaics-current a:focus {background-image:url(../images/port_mosaic.jpg); background-repeat: no-repeat; background-position:-379px;}

.port_install a { background-image:url(../images/port_install.jpg); background-repeat: no-repeat;}
.port_install a:hover, .port_install a:focus {background-image:url(../images/port_install.jpg); background-repeat: no-repeat; background-position:-379px;}

.port_glass a { background-image:url(../images/port_glass.jpg); background-repeat: no-repeat;}
.port_glass a:hover { background-image:url(../images/port_glass.jpg); background-repeat: no-repeat; background-position:-379px;}

.port_jewel a { background-image:url(../images/port_jewel.jpg); background-repeat: no-repeat;}
.port_jewel a:hover { background-image:url(../images/port_jewel.jpg); background-repeat: no-repeat; background-position:-379px;}

.port_draw a { background-image:url(../images/port_draw.jpg); background-repeat: no-repeat;}
.port_draw a:hover { background-image:url(../images/port_draw.jpg); background-repeat: no-repeat; background-position:-379px;}

div#content03 h2 {font-size:10px; color:#fdb813; line-height:13px; font-weight:normal; text-align: justify;}
div#content03 img {padding:10px; padding-right:0; padding-bottom: 0; float:right;}
div#content03_2 img {padding:10px; padding-right:0; float:right;}

textarea.listing {height: 80px; width: 375px; background: #000; font-family:Verdana, Arial, Helvetica, sans-serif; color: #fff; font-size:9px; border:0;}
.date {font-weight:bold; color:#fdb813;}

.email_callout { text-align:left; font-weight:bold; color:#fdb813; padding:4px; background-color:#333;}

form#Contact {text-align: left; padding-bottom:10px;}
input.form_descriptions { width:250px; height: 15px; margin-bottom: 10px;}
textarea.form_descriptions { width:255px; height: 110px; margin-bottom:0px;}
input#Submit {padding: 5px; border:none; background-color: #fdb813; text-transform:uppercase; font-size: 9px; letter-spacing:1px;}