* { padding: 0; margin: 0; }

body a {
color:#ffffff;
}

/* Colors
Dark Blue: #0B2E34
Less Dark Blue: #003a43
*/

body {
margin:0;
padding:0;
background:#003a43;
}

#splashcontainer {
margin: 0 auto;
width:872px;
height:779px;
background: url(images/flower2.png) no-repeat;
}

#splash {
width:872px;
height:779px;
padding:70px 0px 0px 30px;
background: url(images/flower.png) no-repeat;
display:none;
}

#container{
margin: 0 auto;
width:760px;
background:#0B2E34;
}

#header {
margin:0px;
padding:0px;
width:760px;
height:150px;
background: url(images/headerbg2.gif) repeat-x;
}

#header img {
margin:0px 230px 0px 230px;
border:none;
}

#left {
width:380px;
min-height:350px;
position:absolute;
}

#leftbio {
width:380px;
min-height:750px;
position:absolute;
}

#leftcontact {
width:380px;
min-height:570px;
position:absolute;
}

#right {
width:380px;
min-height:350px;
float:right;
background: url(images/burlap2.jpg);
overflow:hidden;
}

#right ul {
list-style:none;
}

#right_contact {
width:380px;
height:570px;
float:right;
background: url(images/burlap2.jpg);
overflow:hidden;
}

#burlaptop {
background: url(images/burlaptop.jpg) no-repeat;
width:380px;
}

#burlapbottom {
background: url(images/burlapbottom.jpg) 0% 100% no-repeat;
width:380px;
min-height:750px;
}

#burlapbottom2 {
background: url(images/burlapbottom.jpg) 0% 100% no-repeat;
width: 380px;
min-height:570px;
}

#burlapbottom3 {
background: url(images/burlapbottom.jpg) 0% 100% no-repeat;
width:380px;
min-height:400px;
}

.clear {
clear:both;
}

#footer {
clear:both;
margin:0px;
padding:43px 0px 0px 0px;
width:760px;
height:57px;
background: #0B2E34 url(images/headerbg.gif) repeat-x;
text-align:center;
}

.nav {
font-family: Gill sans, sans-serif;
color:white;
font-size:14px;
text-decoration:none;
underline:none;
word-spacing:15px;
letter-spacing:3px;
font-weight:500;
}

/*Style of content text*/

.title {
font-size:28px;
font-family:Gill sans, sans-serif;
color:#FFFFFF;
text-align:right;
padding:20px 20px 5px 0px;
letter-spacing:1px;
}

.heading {
font-size:20px;
font-family: georgia, serif;
line-height:40px;
letter-spacing: 2px;
color: white;
font-weight:bold;
font-variant:small-caps;
text-transform:none;
border-bottom:1px dashed #ffffff;
margin:10px;
}

.heading2 {
font-size:18px;
font-family: georgia, serif;
line-height:40px;
letter-spacing: 2px;
color: white;
font-weight:bold;
font-variant:small-caps;
text-transform:none;
border-bottom:1px dashed #ffffff;
margin:10px;
text-align:center;
}

.text {
font-family: Arial, sans-serif;
font-size: 12px;
color: #ffffff;
margin: 0px 10px 0px 10px;
}

.bigtext {
font-family: Arial, sans-serif;
font-size: 14px;
color: #ffffff;
margin: 0px 10px 0px 10px;
}

.bigtext a {
color: #ffffff;
}

/* Style of home page */
.home {
height:400px;
}

/*Style of bio page*/


.bio{
height:750px;
}

.bio img{
float:left;
margin:0px 10px 10px 10px;
border:2px solid #003a43;
}

/*style of jewellery page*/

.jewel img{
float:left;
margin:0px 10px 10px 10px;
border:2px solid #003a43;
}


/*Style of form elements*/

#log {
	width: 350px;
	margin: 0px 0px 10px 0px;
}
 
#log_res {
	overflow: auto;
}

#log_res.ajax-loading {
	padding: 20px 0;
	background: url(http://demos.mootools.net/demos/Group/spinner.gif) no-repeat center;
}

span#inputlabel {
margin:0px 0px 0px 10px;
font-family:Gill sans, sans-serif;
font-size:12px;
color:white;
}

#contactarea {
width:200px;
text-align:left;
margin:0px 0px 0px 10px;
font-family:Gill sans, sans-serif;
font-size:12px;
color:white;
}

form#contactform label {
font-family:Gill sans, sans-serif;
font-size:12px;
color:white;
}

input, textarea {
background: #ffffff url(images/stripe.png);
color: #000000;
border:2px solid #003a43;
width:200px;
margin: 0px 0px 12px 0px;
padding: 0 5px;
}

form#contactform input{
display:block;
float:left;
}

form#contactform p {
clear:left;
}

.marker{ 
color: #f00;
visibility:visible; 
}

.button {
background:#003a43;
width:100px;
color: #ffffff;
cursor:pointer;
}

/*Style of lightbox*/

.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
.white_content {
	display: none;
	position: absolute;
	left: 25%;
	padding: 16px;
	border: 16px solid #003a43;
	background-color: white;
	z-index:1002;
	overflow: auto;
}

/*Style of fading slideshow*/


.fade-box {
margin-left: 0px;
position: absolute;
width: 380px;
height: 400px;	
}

.fade-box p {
width: 280px;
padding: 5px 10px 0 10px;
margin: 0;
background: #E0EADF;
}

.fade-box h2 {
width: 290px;
margin-top: 29px;
padding-left: 10px;
background: #E0EADF;
}

/* the boxes that fade */
#box-1 {
}

#box-2 {
}

#box-3 {
}

#box-4 {
}