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

Author: Stephen
Development by: Wallop
Last updated: 

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

/* defaults ****************************************************************/

* {
	margin:0;
	padding:0;
} 

body {
	font:normal 12px Arial, Verdana, Helvetica, sans-serif;
	background:#000 url(../images/bg.jpg) no-repeat center top;
	color:#ccc;
}

body a {
	color:#aadfed;
	text-decoration:none;
}

body a:hover {
	text-decoration:underline;
	color:#aadfed;
}

/* font shorthand 

font:italic small-caps bold 1em/140% "Lucida Grande",sans-serif;

/*

/* heading attibutes *************************************************/

/* removes the link underline from logo swap */

h1 a {
	text-decoration:none;
}

/* list items ********************************************/

ul, li {
	margin:0;
	padding:0;
	list-style:none;
}

/* set more defaults **********************************************************/

input {
	border:none;
	border:0;
}

a img {
	border:none !important;
}

/* hacks *************************************************************************/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-table;
}

/* Hides from IE-mac */

* HTML .clearfix {
	height: 1%;
}

/* tables inherit font sizes */

table {
	font-size: 1em;
}

form {
	margin:0;
	padding:0;
}

label {
	display:none;
}

/* class attributes *********************************************/

p.logo {
	width:174px;
	float:left;
}

p.email {
	width:280px;
	float:right;
	text-align:right;
	padding:10px 0 0 0;
}

p.subscribe {
	float:right;
	text-align:right;
	padding:20px 18px 0 0;
}

p.copyright {
	font-size:11px;
	text-align:center;
	color:#444;
	clear:both;
}

/* dotted line breaks */

/*.break p {
	margin:0;
	padding:0;
}

p.break {
	background: url(../images/break.gif) repeat-x 0px 6px;
	height:10px;
}*/

/* main divs ********************************************************************/

#wrap {
	margin:0 auto;
	width:508px;
	padding:20px 0 0 0;
}

#header {
	width:508px;
	height:85px;
	clear:both;
}

#flash {
	width:500px;
	height:300px;
	border:solid 4px #eee;
	margin:0 0 10px 0;
}

#photoWrap {
	width:500px;
	height:200px;
}

#photoLeft, #photoRight {
	height:200px;
	border:solid 4px #eee;
	background-color:#333;
}

#photoLeft {
	float:left;
	width:318px;
}

#photoRight {
	float:right;
	width:160px;
}

#content {
	width:500px;
	padding:0 0 10px 0;
	clear:both;
}

#splash {
	width:700px;
	height:500px;
}

#wrap p {
	margin:0 0 10px 0;
	line-height:18px;
}

h1#logo a {
	display:block;
	width:100px;
	height:20px;
	background:url(../images/logo.jpg) no-repeat 0 0;
	text-indent:-9999px;
	margin:18px 0 0 0;
	float:left;
}

/* navigation ************************************************/

#nav {
	width:500px;
	height:30px;
	margin:10px 0 0 0;
	float:left;
	clear:both;
}

#nav a.active {
	background-position:0 -30px;
}

#nav ul#nav {
	float:left;
}

#nav li {
	display:inline;
	float:left;
	font-size:1px;
}

#nav li a {
	text-decoration:none;
	display:block;
	float:left;
	text-indent:-9999px;
	overflow:hidden;
}

a#navHome, a#navJewelry, a#navCustom, a#navDesigner, a#navGallery, a#navContact {
	height:30px;
}

a:hover#navHome, a:hover#navJewelry, a:hover#navCustom, a:hover#navDesigner, a:hover#navGallery, a:hover#navContact {
	background-position:0 -30px;
}

a#navHome {
	width:56px;
	background:url(../images/nav/n_home.gif) no-repeat 0 0;
}

a#navHome {
	width:56px;
	background:url(../images/nav/n_home.gif) no-repeat 0 0;
}

a#navJewelry {
	width:72px;
	background:url(../images/nav/n_jewelry.gif) no-repeat 0 0;
}

a#navCustom {
	width:124px;
	background:url(../images/nav/n_custom.gif) no-repeat 0 0;
}

a#navDesigner {
	width:104px;
	background:url(../images/nav/n_designer.gif) no-repeat 0 0;
}

a#navGallery {
	width:70px;
	background:url(../images/nav/n_gallery.gif) no-repeat 0 0;
}

a#navContact {
	width:74px;
	background:url(../images/nav/n_contact.gif) no-repeat 0 0;
}






/* title attributes */

#div h2 {
	text-indent:-99999px;
	font-size:1px;
	margin:0 0 14px 0;
}

/* general */

#h_welcome {
	width:84px;
	height:17px;
	background:url(../images/h_welcome.gif) no-repeat 0 0;
}