@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; 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;}
h4 sup{font-size:8px;}


/***** 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_pool a { background-image:url(../images/port_pool.jpg); background-repeat: no-repeat;}
.port_pool a:hover, .port_pool a:focus { background-image:url(../images/port_pool.jpg); background-repeat: no-repeat; background-position:-379px;}
.port_pool-current a, .port_pool-current a:hover, .port_pool-current a:focus { background-image:url(../images/port_pool.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; 	
	}

#designed-by p{font-size:8px; padding-top:10px; color:#333;}

#designed-by a{color:#333; font-size:8px; text-decoration:none; letter-spacing:0;}

#designed-by a:hover, #designed-by a:focus{color:#fdb813; font-size:8px; text-decoration:underline; letter-spacing:0;}

.h1_work, .h1_artist, .h1_events, .h1_contact, .h1_thank_you, .h1_transaction_retry,
.h1_mosaics, .h1_glass, .h1_install, .h1_pool, .h1_jewel, .h1_decanters{width:200px; height:37px; text-indent:-9999px;}

.h1_work {background:url("../images/h1_work.gif") no-repeat;}
.h1_artist {background:url("../images/h1_artist.gif") no-repeat;}
.h1_events {background:url("../images/h1_events.gif") no-repeat;}
.h1_contact {background:url("../images/h1_contact.gif") no-repeat;}
.h1_thank_you{background:url("../images/h1_thank_you.gif") no-repeat;}
.h1_transaction_retry{background:url("../images/h1_transaction_retry.gif") no-repeat; width:252px;}

.h1_mosaics {background:url("../images/h1_mosaics.gif") no-repeat;}
.h1_glass {background:url("../images/h1_glass.gif") no-repeat;}
.h1_install {background:url("../images/h1_install.gif") no-repeat;}
.h1_pool {background:url("../images/h1_pool.gif") no-repeat;}
.h1_jewel {background:url("../images/h1_jewel.gif") no-repeat;}
.h1_decanters {background:url("../images/h1_decanters.gif") 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;}

.gold{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:url("../images/facebook.gif") no-repeat 0 -10px; height:40px; width:17px;}
.socialmedia .facebook a:hover, .socialmedia .facebook a:focus{background:url("../images/facebook.gif") no-repeat -17px -10px;}
.socialmedia .twitter a{background:url("../images/twitter.gif") no-repeat 0 -10px; height:27px; width:17px;}
.socialmedia .twitter a:hover, .socialmedia .twitter a:focus{background:url("../images/twitter.gif") no-repeat -17px -10px;}