/***** Global Settings *****/

html, body {
	height:100%;
	max-height:100%;
	width: 100%;
	margin:0;
	padding: 0;
	border:0;
	background-color: #001534; 
	}
body {
	color: #ccc;
	font-family: Verdana, sans-serif;
	font-size: .9em;
	font-stretch: expanded;
	text-align: center;
	display:table;
	vertical-align:middle;
	background-image:  url("../images/sapphire-logo_2.jpg");
	background-repeat:no-repeat;
	background-position: center 0px;
	}



/***** hyperlink and anchor tag styles *******/

a { color: #ccc; text-decoration: none; }
a:hover{ text-decoration: none; color: #FFFF33; }



/***** Generic text styles *******/
/* #001534; old color */
h1 { font-family: Papyrus, sans-serif;			font-size: 30px;	color: #fff;							font-weight: 700; text-align: right; margin: 20px 6px 30px 0; letter-spacing: 2px; line-height: 1.2em;  }
h2 { font-family: "Century Gothic", sans-serif; font-size: 16px;	color: #fff;							font-weight: 600; background-repeat: no-repeat; padding-top: 0; }
#photo_edit.h2 { font-style: normal;} /***** Product Page style *****/
h3 { font-family: Verdana, sans-serif;			font-size: 10pt;	color: #FFFF99;		font-style: italic; font-weight: bold; margin-bottom: 3px; padding-top: 50px;}
h4 { font-family: Verdana, sans-serif;			font-size: 100%;	color: #FFFF99; }
h5 { font-family: Verdana, sans-serif;			font-size: 9pt;		color: #FFFF99;		font-style: italic; font-weight: bold; margin: 12px 0 6px 0; }
h6 { font-family: Verdana, sans-serif;			font-size: 14pt;	color: #FFFF99;							font-weight: bold; margin: 0 0 0 6px; }

table { margin: 0; border: 0;}
tr { vertical-align: top; }
td { vertical-align: top; }
caption { text-align: left; margin: 0;}
td.left-pad { padding: 0 0 0 100px; }   /***** Create a wide margin for a table cell *****/


ul { margin: 0 0 2em 0;  list-style-position: inside; }
ul.standard { font-family: Verdana, sans-serif; font-size: .9em; }
ul.alacarte ul { margin-bottom: 0; }
ul.alacarte li { font-size: 1em; list-style-position: outside; margin-left: -15px; }
li { font-size: .9em; }
#content li { list-style-image: url(../img/bullet.gif); }

blockquote  { font-size: x-small; }


.copytext { font: 10px arial, verdana, sans-serif; color: #ffffff; font-weight: bold; margin: 0.5em 0 1em 2em; padding: 0; }
.description { font-size: small; }
.justify { text-align: justify; font-size: small; }
.name { font-size: medium; font-weight: 800; margin: 0; }
.product { 	background-color: #283140; padding: 2px 10px 10px 10px; border: #304057 1px dotted; 
	filter: alpha(opacity=80);
	opacity: 0.8;
	}
.product2 {  padding: 2px 10px 10px 10px; }
	
.signature { font-family: Monotype Corsiva, sans-serif; font-size: 24px; font-style: italic; text-align: center; }
.small_bold { font-family: helvetica, sans-serif; font-size: 8pt; font-weight: bold;  }
.small_right { font-size: 10pt; text-align: right; }
.small_text { font-size: 8pt; font-style: italic; }


/***** Images *****/

.floatLeft_img {  float: left;	margin: 2px 10px 5px 0; border:  1px dotted; clear: float; background-image: url(../img/bg_product.png); }
.floatRight_img { float: right; margin: 2px 0 5px 10px; border:  1px dotted; clear: float; background-image: url(../img/bg_product.png); }




/***** layout styles *******/

#container { margin: 0; padding: 0; display:table-cell; z-index: 1; }

#content {
	position: relative;
	top: 110px;
	width: 900px;
	margin: 0 auto;
	padding: 25px 50px 50px 50px;
	background-image:url(../img/swoosh.png);
	background-position: 30px 150px;
	background-repeat:no-repeat;
	border-style: 2px dotted #663A29; 
	text-align: left;
	}

/*
#content-left {			float: left;	width: 34%;		margin: 0 10px 0 0;		padding: 0; }
#content-middle {		float: left;	width: 40%;		margin: 0 10px 0 10px;	padding: 25px; }
#content-right {		float: right;	width: 15%;		margin: 0;				padding: 0; }
#content-left-wide {	float: left;	width: 60%;		margin: 0 10px 0 0;		padding: 5px; }
#content-right-wide {	float: right;	width: 60%;		margin: 0 0 0 10px;		padding: 5px; }
*/

#header {
	background-image:  url("../images/sapphire-logo.jpg");
	background-repeat:no-repeat;
	height: 199px;
	width: 900px;
	text-align: center;
	margin-top: -29px;
	}
#footer { position: fixed; margin:0; bottom: -1px; right: 0; height:25px; width: 230px; padding: 5px 15px 8px 15px; border-top: 1px solid #999; border-left: 1px solid #999; background-color: #001534; }
#footer a { color: #ffff33; }


#company {
	position:absolute;
	left:19px;
	top:-12px;
	width:304px;
	height:65px;
	z-index: 20;
}
#siteinfo {
	position: relative;
	top: 550px;
	left: 120px;
	z-index: 50;

}



/* Generic button
--------------------------------------------------------------------------------------- */
 .button 	{
		background-image: url("../img/button.gif");
		background-color:#001534;
		font-family: arial, helvetica, sans-serif;
		color: #999;
		font-size: 11px;
		cursor:pointer;
		font-weight: bold;
		text-align: center;
		width: 100px;
		height: 20px;
		border: 0;
		}

.buttonon 	{
		background-image: url("../img/buttonon.gif");
		background-color:#001534;
		font-family: arial, helvetica, sans-serif;
		color: #000066;
		font-size: 11px;
		cursor:pointer;
		font-weight: bold;
		text-align: center;
		width: 100px;
		height: 20px;
		border: 0;
		}










.author {
	font: 11pt bold Arial,sans-serif;
	color: #000000;
	font-style: italic;
	text-align: right;
	margin: 0px;
	padding: 0px;
}

.servicetitle {
	font-size: 10px;
	text-align: center;
	font-weight: bold;
	}

/***** globalNav styles ****************/

#navigation {
	position: absolute;
	top: 0;
	left: 0;
	width: 600px;
	margin: 0 0 0 -75px;
	padding: 0 -0 0 630px;
	font-family: Arial, san serif;
	font-size: 12pt;
	z-index: 10;
}
#navigation ul {
	position: absolute; /* Needed for FF, background */
	margin: 0;
	padding: 0 0 0 10px;
}
#navigation ul li {
	position: relative;
	list-style: none;
	float: left;
	}
#navigation ul li a  {
	padding:3px 6px 0px 6px;
	text-align: center;
	display: block;
	height: 22px; /* Needed for IE 5.x broken box */
	height:20px; /* 30 - 9, for non-broken browsers */
	width: 100px;
	background-color: #2D3747;
	color: #fff;
	border-left: #919aa7 1px solid;
	border-right: #919aa7 1px solid;
	border-bottom: #919aa7 1px solid;
}
#navigation ul li a:hover {
	text-decoration: none;
	background-color: #e3d9b8;
	color:#000;
	display: block;
	}

	/***** ----- nav sub lists ----- *****/
#navigation li ul {
	position: absolute;
	left: 5px;
	top: 23px; /* moves the sublist below main list */
	display: none; /* Hide sublists */
	width: 100px; /* 800 - 10, IE needs this to be fixed width */
}

#navigation li li a {
	padding:3px 6px 0px 6px;
	color: #fff;
	text-align: left;
	border-bottom: 1px dotted #999;
}
#navigation li li a:hover {
	text-decoration: none;
	background-color: #797B67;
	color:#fff;
}
#navigation li li { background-color: #CACDB6; }
#navigation li.mouse_over ul { /* Show sublist of hovered item */  display: block; }
#navigation li.nav_default_on ul { /* Show sublist of current page */ display: block; }
#navigation li.nav_default_off ul { /* Hide sublist of current page */ display: none; }
body:last-child #navigation li:hover ul { /* Show sublist of hovered item, hack hides this from Opera, works in FF & Safari(?) */ display: block; }
* html #navigation li:hover ul { /* Show sublist of hovered item, hack hides this from Opera, works in IE */ display: block; }




/***** search styles *****************/

#search{ position: absolute; margin: -55px 0px 0px 625px; border: 0; z-index: 100; }
#search input{ font-size: 90%; margin: 0px 0px 0px 0px; }
#search a:link, #search a:visited { font-size: 90%; font-weight: bold; }
#search a:hover{ margin: 0px; }

/***** cart styles *****************/

#cart{ position: absolute; margin: -55px 0px 0px 650px; border: 0; z-index: 100; }
.arrow { font-size: xx-large; font-weight: bold; }



/***** Contact Page Styles *****/
.shadeform { font: 13px arial, verdana, sans; background-image: url("../img/shadeform.gif"); text-align: left; width: 200px; border: #000000 1px solid; }
.textarea {  font: 13px arial, verdana, sans; background-image: url("../img/shadeform.gif"); text-align: left; width: 250px; height: 100px; border: #000000 1px solid; }



/***** Blocks Image *****/
.blocks {
	height: 68px;
	width: 430px;
	background-image: url(../img/blocks.png);
	background-repeat: no-repeat;
	background-position: 0 30px;
	}



#gallery {width:728px; height:380px; padding:10px; border:1px solid #333; background: #283140; position:relative; }
#gallery b.default {position:absolute; left:7px; top:26px; width:548px; height:380px; text-align:center;}
#gallery b.default img {display:block; margin:0 auto 10px auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}
#gallery b.default span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}

#gallery ul {list-style:none; padding:0; margin:0; width:180px; position:relative; float:right;}
#gallery ul li {display:inline; width:52px; height:52px; float:left; margin:0 0 5px 5px;}
#gallery ul li a {display:block; width:50px; height:50px; text-decoration:none; border:1px solid #000; border-color:#eee #555 #333 #ddd;}
#gallery ul li a span {display:none;}
#gallery ul li a img {display:block; width:50px; height:50px; border:0;}
#gallery ul li a:hover {white-space:normal; border-color:#555 #ddd #eee #333; background:#777;}
#gallery ul li a:hover b {position:absolute; left:-548px; top:0; width:548px; height:380px; text-align:center; background:#283140; z-index:20;}
#gallery ul li a:hover span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}
#gallery ul li a:hover img {margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}

#gallery ul li a:active, #gallery ul li a:focus {white-space:normal; border-color:#555 #ddd #eee #333; background:#777;}
#gallery ul li a:active b, #gallery ul li a:focus b {position:absolute; left:-548px; top:0; width:548px; height:380px; text-align:center; background:#283140; z-index:10;}
#gallery ul li a:active span, #gallery ul li a:focus span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}
#gallery ul li a:active img, #gallery ul li a:focus img{margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}


#imageUpload input {
	display: block;
}




/***** --- Z Index List --- *****/
/*
1  container
2  header
3
4
5
6
7
8
9
10  navigation
20  company
50  siteinfo
100 search
100 cart
*/