/*
-----------------------------------------------------
Base styles for screen media
FileName:   screen.css
Version:    2004.11.05
Author:     m. beau smith <beau@strangecode.com>
Client:     Satava Art Glass
-----------------------------------------------------
*/

/*--- Defaults ---------------------------------------*/
body {
    margin:0; 
    padding:0;
    background: #000;
	color: #FFF;
    font:x-small Verdana,Geneva,Arial,Helvetica,sans-serif;
    voice-family: "\"}\""; voice-family:inherit;
    font-size:small;
    }
    html>body {font-size:small;}

a:link, a:visited {
	color: #345997;
	text-decoration: none;
    padding: 0 2px;
	font-weight: bold;
    }

a:hover, a:active {
	color: #FFF;
    background: #345997;
	text-decoration: none;
    }

a img {
    border: 0;
    }

p {
    margin: 0 0 1em 0;
    padding: 0;
    }
p, li, dt, dd, address {
	line-height: 150%;
    }


/*--- Header ---------------------------------------*/
#header {
	width: 800px;
	background: url(/i/satava_logo.gif) no-repeat 0px 0px;
	padding: 35px 0 0 0;
	text-align:right;
    }
#header h2 {
	font-size: 115%;
    margin:0 0 .85em 0;
	color: #FFF;
    }
#header h4 {
    margin:0 0 .5em 0;
    padding:0;
	font-size: 85%;
	text-transform: uppercase;
    }

#header .navigation {
	margin: 30px 0 0 160px;
	width: 640px;
	padding: 0 0 3px 0;
	border-bottom: 1px solid #1B3052;
	text-transform: inherit;
    }
body#home #header .navigation {
    visibility: hidden;
	margin: 10px 0 0 160px;
	}

#header .navigation h1 {
	float: left;
    margin:0; 
    padding:0;
	display: inline;
	font-size: 140%;
    color: #FFF;
	text-align: left;
	font-weight: bold;
    }
#header .navigation h1.gallery {
/*  width: 23%;*/
    }
#header .navigation h1 a:link, .navigation h1 a:visited {
    padding:0;
	color: #FFF;
	text-decoration: none;
    }
#header .navigation h1 a:hover, .navigation h1 a:active {
    padding: 0 2px;
    }

#header .navigation span.right {
    float: right;
/*    width: 75%;*/
	font-size: 120%;
    text-align: right;
    font-weight:bold;
    }

#header a#homelink, #header a#homelink:hover, #header a#homelink:visited, #header a#homelink:link {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10000;
    display: block;
    width: 250px;
    height: 80px;
    background-color: inherit;
}

/*--- Content ---------------------------------------*/
.background {
	margin: 0;
    }
div.background {
	background-color: #000;
	background-repeat: no-repeat;
	background-position: 0 0;
    }

body#gallery div#jellyfish.background {
	background-image: url(../i/bkgd_jellyfish.jpg);
    }

body#gallery div#vases.background {
	background-image: url(../i/bkgd_vases.jpg);
    }

body#gallery div#paperweights.background {
	background-image: url(../i/bkgd_paperweights.jpg);
    }

body#gallery div#lightbases.background {
	background-image: url(../i/bkgd_jellyfish.jpg);
    }

body#text div#utility.background {
	background-image: url(../i/bkgd_jellyfish.jpg);
    }

#content p a, #content ul a, #content dl a  {
    margin-left: -2px;
    }

#content h2 {
	font-size: 150%;
    margin:0 0 .85em 0;
	color: #FFF;
/* 	border:1px solid green; */
    }
#content h3 {
    font-size: 120%;
    margin: 1.5em 0 .25em 0;
	border-bottom: 1px solid #1B3052;
    background: #000;
	padding: 0 0 4px 0;
    }
#content h4 {
    font-size: 95%;
    margin: .75em 2px 0 42px;
    background: #000;
    padding: 0;
    }

#content p {
    margin-left: 40px;
    background: #000;
    padding: 0 4px;
    font-size: 85%;
    }

#content ul {
	margin-left: 0;
    background: #000;
	padding-left: 1.75em;
    }

#content li {
	margin-left: 40px;
	font-size: 85%;
	list-style: square;
    }

#content dl {
	margin-left: 0;
    background: #000;
    padding: 0 4px;
    }

#content dt {
	float: left;
	margin: 0 0 0 40px;
	font-size: 85%;
	font-weight: bold;
	width: 6em;
    }

#content dd {
	font-size: 85%;
	margin: 0 0 0 40px;
    }

#content dl#faq dt {
	float: none;
	width: inherit;
    }

#content dl#faq dd {
	margin: 0 0 .75em 50px;
    }

img.right {
    float: right;
    margin: 0 0 20px 20px;
    border: 1px solid #1B3052;
    background: #000;
    padding: 6px;
    }



/*--- Home ---------------------------------------*/
div#purchase_success {
    margin: 10px 0 10px 50px;
	padding: 10px;
	background: #333;
	width: 800px;
	border: 1px solid white;
    voice-family: "\"}\""; voice-family: inherit; /* http://www.dithered.com/css_filters/css_only/tantek_box_model.html */
	width: 750px;
    }

body#home #content {
	margin: 0;
	padding: 5px 0 0 50px;
	width: 800px;
    voice-family: "\"}\""; voice-family: inherit; /* http://www.dithered.com/css_filters/css_only/tantek_box_model.html */
	width: 750px;
    }
body#home #content {
    position: relative;
    float: left;
    margin-right: 12px;
/* hide from mac ie5 \*/
    clear:both;
/* end hide from mac ie5 */
    }
div#graphicnav {
    float: left;
    margin: 0 2em 2em 0;
    position: relative;
    width: 350px;
    height: 291px;
/*     border:1px solid yellow; */
    }
div#graphicnav img#left {
    float: left;
/*     position: relative; */
    }
div#graphicnav a, div#photos a
{
    padding:0;
	border-width: 0;
	background: none;
}
div#photos
{
	margin-left: 20px;
	width: 100%;
}
div#photos a img
{
	border-width:1px;
	border-style:solid;
}
div#photos a:link img, div#photos a:visited img
{
	border-width:1px;
	border-style: solid;
	border-color: #1B3052;
}
div#photos a:hover img
{
	border-width:1px;
	border-style: solid;
	border-color: #345997;
/* 	border-color: #1B3052; */
}
a#vases img
{
/* 	float: left; */
	width: 168px;
	height: 291px;
	background: url(/i/home/nav_vases.jpg) top left no-repeat;
	position: absolute;
	top: 0;
	left: 0;
}
a#vases:hover img {
	background: url(/i/home/nav_vases_over.jpg) top left no-repeat;
    }
a#jellyfish img {
	position: absolute;
	top: 0;
	left: 168px;
    width: 170px;
	height: 184px;
	background: url(/i/home/nav_jellyfish.jpg) top left no-repeat;
    }
a#jellyfish:hover img {
	background: url(/i/home/nav_jellyfish_over.jpg) top left no-repeat;
    }
a#paperweights img {
	position: absolute;
	top: 184px;
	left: 168px;
    width: 176px;
	height: 107px;
	background: url(/i/home/nav_paperweights.jpg) top left no-repeat;
    }
a#paperweights:hover img {
	background: url(/i/home/nav_paperweights_over.jpg) top left no-repeat;
    }




/*--- Gallery ---------------------------------------*/
body#gallery #content {
	margin: 0 0 0 157px;
	padding: 5px 0 0 50px;
	width: 740px;
    voice-family: "\"}\""; voice-family: inherit; /* http://www.dithered.com/css_filters/css_only/tantek_box_model.html */
	width: 690px;
    }
body#gallery #content div#instructions {
    float: left;
    padding: 5px;
    width: 348px;
    voice-family: "\"}\""; voice-family: inherit; /* http://www.dithered.com/css_filters/css_only/tantek_box_model.html */
    width: 338px;
    }
body#gallery #content div#instructions p {
    margin:0;
    padding: 0;
    font-size: 110%;
    }
body#gallery #content div {
    float: left;
    position: relative;
    width: 117px;
    margin: 0 0 5px 5px;
    }
body#gallery #content div span {
    margin:0;
    padding:2px 0;
    font-size: 85%;
    display: block;
    }
body#gallery #content div span.sold
{
	font-weight: bold;
	font-style: italic;
}
/* link paragraph */
body#gallery #content div a:link span, 
body#gallery #content div a:visited span {
	width: 115px;
	background: #1B3052;
	text-align:center;
    font-size: 85%;
    color: #4577CB;
    }

/* hide from mac ie5 \*/
body#gallery #content div a:link span, 
body#gallery #content div a:visited span
{
	display:none !important; /* Hide from WinIE http://www.dithered.com/css_filters/css_only/important_property.html */
	display:block;
	position: absolute !important; /* Hide from WinIE */
	position: inherit;
	bottom: 0px;
    }
/* end hide from mac ie5 */

/* hover */
body#gallery #content div a:hover span, 
body#gallery #content div a:active span 
{
    color: #FFF; 
	background-color: #345997 !important;
	display:block !important; /* Hide from WinIE: recover for Safari, etc. */
    }

/* link */
body#gallery #content div a:link, body#gallery #content div a:visited { 
	display: block;
	background: #1B3052;
	padding:1px;	
    color: #FFF;
	text-decoration: none;
    }

/* hover */
body#gallery #content div a:hover, 
body#gallery #content div a:active { 
	background: #345997;
/* 	background: #1B3052; */
    color: #FFF !important;
    }


/*--- Detail ---------------------------------------*/
body#detail #content {
	margin: 0 0 0 30px;
	padding: 5px 0 0 50px;
	width: 770px;
    voice-family: "\"}\""; voice-family: inherit; /* http://www.dithered.com/css_filters/css_only/tantek_box_model.html */
	width: 720px;
    }

body#detail #content #zoom {
    float: right;
    margin-left: 12px;
    border: 1px solid #1B3052;
    }

body#detail #content p, body#detail #content li {
    margin-left: 0;
    padding: 0;
    }
/* body#detail #content ul */
/* { */
/* 	margin-left: 0; */
/* 	padding-left: 1.75em; */
/* } */

body#detail #content h4 {
    margin:.5em 0;
    padding:0;
/* 	text-transform: uppercase; */
	font-size: 100%;
    }

body#detail #content dl {
    padding: 2px 0;
	border-top: 1px solid #1B3052;
	border-bottom: 1px solid #1B3052;
    }

body#detail #content dt {
	margin-left: 0px;
	width: 6em;
    }

body#detail #content form {
    display: inline;
    }
    
body#detail #content table {
    margin: 10px 0 0 0;
    border:0;
    border-collapse:collapse;
    border-spacing: 0;
    }
    
body#detail #content table th {
    padding: 6px 0 3px 0;
    text-align: left;
    font-size: 85%;
    }
body#detail #content table td {
    padding: 0 0 3px 8px;
    font-size: 85%;
    white-space: nowrap;
    }
body#detail #content table td.nopad {
    padding: 0 0 3px 6px;
    }

#purchasing_details {
    padding: 10px 0 0 0 !important;
    }



/*--- Text ---------------------------------------*/
body#text #content {
	margin: 0 0 0 110px;
	padding: 5px 0 0 50px;
	width: 690px;
    voice-family: "\"}\""; voice-family: inherit; /* http://www.dithered.com/css_filters/css_only/tantek_box_model.html */
	width: 640px;
    }

body#text #content #zoom {
    float: left;
    margin-right: 12px;
    border: 1px solid #1B3052;
    }
#content dl#contact dt {
	width: 7em;
    }



/*--- Designs ---------------------------------------*/
body#text #designs img {
	float: right;
	margin: 10px 0 10px 10px;
    }
body#text #designs h3, body#text #designs { clear: both; }




/*--- Gift Cards ---------------------------------------*/
body#gift_cards #content {
	margin: 0 0 0 110px;
	padding: 5px 0 0 50px;
	width: 690px;
    voice-family: "\"}\""; voice-family: inherit; /* http://www.dithered.com/css_filters/css_only/tantek_box_model.html */
	width: 640px;
    }
body#gift_cards #gift_card_desc {
	border-bottom: 1px solid #1B3052;
    }
body#gift_cards #gift_card_desc p {
	margin-left:0px;
    }




/*--- Footer ---------------------------------------*/
#footer {
	background: url(/i/satava_logo_small.gif) no-repeat 0px 0px;
	margin: 30px 0 400px 10px;
	padding: 50px 0 0 0;
	font-size: 85%;
    }
#footer p, #footer address {
    margin:0;
    padding: 0 2px;
    color: #345997;
	text-transform: uppercase;
	font-style: normal;
    }
#footer #address {
	float: left;
	width: 195px;
	padding: 11px 10px 10px 0;
	border-right: 1px solid #345997;
	text-align: right;
    }
#footer #address h4 {
    margin:0 0 .85em 0;
    padding:0;
	text-transform: uppercase;
	font-size: 100%;
    }
#footer .navigation {
	float: left;
	margin:0;
	padding: 10px 0 3px 10px;
	width: 550px;
	border-bottom: none;
	text-transform: inherit;
/* 	border:1px solid green; */
    }
#footer .navigation h3 {
    margin:0 0 .75em 0;
    padding:0;
	font-size: 120%;
    }
#footer .navigation h4 {
    margin:0 0 .25em 0;
    padding:0;
	text-transform: uppercase;
	font-size: 100%; }


/*--- Pop Window ---------------------------------------*/
body#pop {
	background: #000 url(/i/satava_logo_small.gif) no-repeat bottom right;
    }
body#pop #banner {
	padding: 2px;
	text-align: right;
	border-bottom: 1px solid #1B3052;
    }
body#pop #content {
    margin: 10px;
    }
#basephoto {
    float: left; 
    margin: 0 10px 10px 0; 
    border:1px solid #000; 
    padding: 2px;
    }



/* Form Defaults ---------------------------------------------------- */

.sc-form {
    width: 100%;
    margin: 1em 0;
}

.sc-form-row {
    margin: .35em 0;
}
.sc-form-row:after { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0; } /* clear floats - Ydnar Hack */

fieldset {
    margin: 2em 0 0 0;
    padding: 0;
    border: 0;
}

legend {
    font-size: 110%;
    font-weight: bold;
    margin: 0;
    padding: 0 0 0.4em 0;
}

.sc-form textarea,
.sc-tiny,
.sc-small,
.sc-medium,
.sc-large,
.sc-full,
#sc-captcha-input,
input[type="text"],
input[type="password"],
textarea,
select {
    border: 1px solid #ccc;
    padding: 2px;
}
label.sc-full {
    border: none;
}

textarea {
    padding: 0 2px;
}

.sc-form-row label {
    font-size: 100%;
    padding-top: 0.5em;
}

.sc-form-row>label:first-child,
.all-left-labels>label {
    display: block;
    width: 150px;
    float: left;
    text-align: right;
    padding-right: 10px;
    font-style: italic;
}

.sc-form label span {
    visibility: hidden;
}

.sc-form input {
    padding: 2px;
}

input[type="submit"],
input[type="button"] {
    margin-right: 5px;
    border: 1px solid #ccc;
}

.sc-submit-buttons {
    margin-top: 20px;
}
.sc-form-row .sc-help {
    margin-left: 160px;
}

input.sc-medium,
textarea.sc-medium,
select.sc-medium,
label.sc-medium {
    width: 21.25em;
}

input.sc-tiny,
textarea.sc-tiny,
select.sc-tiny,
label.sc-tiny {
    width: 4em;
}

label.sc-radio-label {
    width: auto;
}

.sc-row-label {
    font-size: 70%;
    padding-top: 0.5em;
    display: block;
    width: 120px;
    float: left;
    text-align: right;
    padding-right: 10px;
    font-style: italic;
}
#content .sc-row p {
	margin-left: 126px;
	
}

#shopping-cart-link a {
    color: #999;
}

#sc-msg {
    margin: 4px 0 !important;
}

#detail .sc-msg-success,
#detail .sc-msg-notice,
#detail .sc-msg-warning,
#detail .sc-msg-error {
    margin-left: 80px;
}
#gallery .sc-msg-success,
#gallery .sc-msg-notice,
#gallery .sc-msg-warning,
#gallery .sc-msg-error {
    width: 578px !important;
}
.sc-msg-success,
.sc-msg-notice,
.sc-msg-warning,
.sc-msg-error {
    width: 628px !important;
    margin: 7px 0px;
	padding: 5px;
    background-color: transparent;
	color: #B4292A;
	border: 1px solid #B4292A;
}
.sc-msg-success { color: #21A178; border-color: #21A178; }
.sc-msg-notice { color: #A25E1C; border-color: #A25E1C; }


#content #sc-msg-formvalidator {
    margin-left: 40px;
    padding: 0 4px 16px;
    font-size: 85%;
    }

/*--- Utilities ---------------------------------------*/
div.clear { clear: both; }
img.left  { float: left; }
.normal   { font-weight: normal; }
.nowrap   { white-space: nowrap; }
/* .pkg - wraps enclosing block element around inner floated elements */
.pkg:after { content: " ";display: block;visibility: hidden;clear: both;height: 0.1px;font-size: 0.1em;line-height: 0;}
.pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg[class] { height: auto; }
.pkg { display: block; }
/* */


.sc-center { text-align: center; }
.sc-clearboth { clear: both; }
.sc-help { color: #999; font-weight: normal; font-size: 90%; font-style: italic; margin-bottom: 1em; }
.sc-hidden { display: none; visibility: hidden; }
.sc-monospaced { font-family: monospace; }
.sc-padleft { padding-left: 10px; }
.sc-padright { padding-right: 10px; }
.sc-right { text-align: right; }
.sc-normal { font-weight: normal; }
.sc-nowrap { white-space: nowrap; }
.sc-dim {
    filter:alpha(opacity=25);
    -moz-opacity:.25;
    opacity:.25;
}


.video {
    margin-bottom: 40px;
}
#content .video>h4, #content .video>p {
    margin-left: 0;
    padding-left: 0;
    padding-bottom: 4px;
}