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

/* TOC ************************
*******************************

01: COLORS
02: GENERAL ELEMENTS
03: NAVIGATION
04: TEXT
05: CLASSES
06: FACEBOOK/TWITTER

*******************************
*******************************/



/***** 01: COLORS******************

gold: #fdb813

*******************************/


/***** 02: GENERAL ELEMENTS ************/

* {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;}
h3,h4,h5 {font-weight:normal; color:#fdb813;}


/***** 03: NAVIGATION ************/

#content-work ul li { list-style-type: none; text-decoration:none; height:35px; width: 379px; margin-bottom: 24px; }
#content-work 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 {background-image:url(../images/port_mosaic.jpg); background-repeat: no-repeat; background-position:-379px;}
.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_install-current a, .port_install-current a:hover, .port_install-current a:focus {background-image:url(../images/port_install.jpg); background-repeat: no-repeat; background-position:-379px;}

.port_glass a { background-image:url(../images/port_decanters.jpg); background-repeat: no-repeat;}
.port_glass a:hover, .port_glass a:focus { background-image:url(../images/port_decanters.jpg); background-repeat: no-repeat; background-position:-379px;}
.port_glass-current a, .port_glass-current a:hover, .port_glas-current a:focus { background-image:url(../images/port_decanters.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, .port_jewel a:focus { background-image:url(../images/port_jewel.jpg); background-repeat: no-repeat; background-position:-379px;}
.port_jewel-current a, .port_jewel-current a:focus, .port_jewel-current 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, .port_draw a:focus { background-image:url(../images/port_draw.jpg); background-repeat: no-repeat; background-position:-379px;}
.port_draw-current a, .port_draw-current a:hover, .port_draw-current a:focus { background-image:url(../images/port_draw.jpg); background-repeat: no-repeat; background-position:-379px;}


/***** 04: TEXT ************/

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

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

#branding p {
	color:#333; 
	font-size:9px; 
	padding-top:5px; 
	text-align:center;}
#branding a {color:#fdb813; letter-spacing:4px; margin-top:5px; text-align:center; text-decoration: none;}
#branding a:hover, #branding a:focus {
	color:#fdb813; 
	letter-spacing:4px;
	margin-top:5px; 
	text-align:center; 
	text-decoration: underline;}

#bottomnav a, #bottomnav p {
	font: normal 9px Verdana; 
	text-decoration:none; 
	display: inline; 
	letter-spacing:1px; 
	color: #333;
	}
	
#bottomnav a:hover, #bottomnav a:focus, #bottomnav a:active {
	font: normal 9px Verdana; 
	color:#fdb813;
	text-decoration:underline; 
	letter-spacing:1px; 	
	}


.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;}
.h1_decanters {width: 200px; height: 37px; text-indent: -9999px; background-image:url(../images/h1_decanters.gif); background-repeat: no-repeat;}

.spacer37 {
	height:37px;
	width:1px;
	}


/***** 05: 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#bio-wrapper h2 {font-size:10px; color:#fdb813; line-height:13px; font-weight:normal; text-align: justify;}
div#bio-wrapper img {padding:10px; padding-right:0; padding-bottom: 0; float:right;}
div#content-bio_2 img {padding:10px; padding-right:0; float:right;}

.date {font-weight:bold; color:#fdb813;}

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

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


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;}*/


/***** 06: FACEBOOK/TWITTER ************/

.socialmedia {
	padding: 0;
	margin: 0;
	text-decoration:none;
	}
	
.socialmedia li {
	display: inline;
	height: 27px;
	text-indent:-9999px;
	width:17px;
	}
	
.socialmedia .facebook a {
	background-image:url(../images/facebook.gif) ;
	background-position:0 -10px;
	background-repeat: no-repeat;
	height: 40px;
	width:17px;
	}
	
.socialmedia .facebook a:hover,  .socialmedia .facebook a:focus {
	background-image:url(../images/facebook.gif);
	background-position:-17px -10px;
	background-repeat: no-repeat;
	height: 27px;
	width:17px;
	}
	
.socialmedia .twitter a {
	background-image:url(../images/twitter.gif);
	background-position:0 -10px;
	background-repeat: no-repeat;
	height: 27px;
	width:17px;
	}
	
.socialmedia .twitter a:hover,  .socialmedia .twitter a:focus {
	background-image:url(../images/twitter.gif);
	background-position:-17px -10px;
	background-repeat: no-repeat;
	height: 27px;
	width:17px;
	}