/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/

/* Reset all the browser default styles */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;} /* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
font-family:Arial,Helvetica,sans-serif;
font-size:62.5%;
background: #ebebeb url(img/bg.jpg) repeat-x top center;
}

/* Headings */

/* remember to add line-height for all headings */

h1,h2,h3,h4,h5,h6 {
  line-height: 1.3em;
	margin-bottom:1em;
}

h1 {

}

h2 {
color:#4EA1C0;
font-family:georgia,times New Roman,times,serif;
font-size:24px;
font-style:italic;
margin-bottom:15px;
}
h2 a{
color:#4EA1C0;
font-family:georgia,times New Roman,times,serif;
font-size:24px;
font-style:italic;
margin-bottom:15px;
text-decoration: none;
}
h2 a:hover{
text-decoration: underline;
}

h3 {
font-family:georgia,times New Roman,times,serif;
font-size:22px;
font-style:italic;
margin-bottom:7px;
}

h4 {
color:#4EA1C0;
font-family:verdana,arial,helvetica,sans-serif;
font-size:13px;
line-height:16px;
margin-bottom:1.4em;
}

h5 {

}

h6 {

}

/* Paragraphs */

p {
color:#656565;
font-family:verdana,arial,helvetica,sans-serif;
font-size:11px;
line-height:14px;
margin-bottom:1.4em;
}

/* Lists */

ul {
margin-bottom: 30px;
}

ul li {
background:url("img/diamond.gif") no-repeat scroll 0 4px transparent;
color:#656565;
font-family:verdana,arial,helvetica,sans-serif;
font-size:11px;
line-height:14px;
margin-bottom:5px;
padding-left:20px;
}

ol {
margin-bottom: 30px;
margin-left:25px;
}

ol li {
color:#656565;
font-family:verdana,arial,helvetica,sans-serif;
font-size:11px;
line-height:14px;
margin-bottom:5px;
list-style-type: decimal;
}

/* Blockquote */

blockquote {

}

/* Links */

a:link, a:visited {
	color:#4EA1C0;
	text-decoration:underline;
}

a:hover, a:active {
	text-decoration: underline;
}

/* Tables */

table {

}

tr {

}

th {

}

td {

}

/* Text formatting */

b, strong {
  font-weight:bold;
}

i,em {
  font-style:italic;
}


/* Wordpress image styles */

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

/* end of image styles */

#wrapper{
width: 960px;
margin: 0 auto;
}
#header{
width: 960px;
height:78px;
background: transparent url(img/header.gif) no-repeat scroll top left;
position: relative;
}
h1#logo a{
background:url("img/logo.gif") no-repeat scroll left top transparent;
display:block;
height:58px;
left:10px;
position:absolute;
text-indent:-9999px;
top:8px;
width:181px;
}
h1#logo{
margin:0px;
}

#header ul{
right: 20px;
position:absolute;
top:22px;
}
#header ul li{
background:none repeat scroll 0 0 transparent;
display:block;
float:left;
padding:3px 0px;
}
#header ul li a{
color:#838383;
font-size:12px;
line-height:14px;
text-decoration:none;
text-transform:uppercase;
padding:0px 15px;
display:block;
}
#header ul li a:hover, #header ul li.current_page_item a, #header ul li.current_page_ancestor a {
color:#324647;
text-shadow: #fff 1px 1px 1px;
}
#header ul li:hover{
background-color:#b2e2e4;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}		
#intro{
background:url("img/lines-trans.png") no-repeat scroll right top transparent;
height:229px;
margin-bottom:-10px;
width:960px;
}
#intro-left{
	/* width:478px; */
width:470px;
height: 229px;
float: left;
position:relative;
}
#flash{
width: 482px;
height: 229px;
float:right;
background: transparent url(img/flash.jpg) no-repeat scroll top right;
}
.clear{
  clear:both;
}
#intro-left h2{
color:#000000;
font-family:georgia,times New Roman,times,serif;
font-size:58px;
font-style:italic;
left:46px;
position:absolute;
top:35px;

}
#intro-left h3{
font-family:georgia,times New Roman,times,serif;
font-size:40px;
font-style:italic;
left:85px;
position:absolute;
top:93px;
}
#intro-left h4{
color:#5E5D60;
font-family:georgia,times New Roman,times,serif;
font-size:20px;
font-style:italic;
left:66px;
position:absolute;
top:142px;
}

a.view, a.view:visited{
background:url("img/view.gif") no-repeat scroll right top #181516;
color:#FFFFFF;
font-size:12px;
height:25px;
padding:11px 32px 0 16px;
position:absolute;
text-decoration:none;
text-transform:uppercase;
top: 79px;
}

a.view:hover, a.view:active {
	background:url("img/view.gif") no-repeat scroll right bottom #181516;
	color: #8B8A8A;
}


a.view-collection, a.view-collection:visited {
background:url("img/view-collection.gif") no-repeat scroll left top transparent;
display:block;
height:36px;
left:43px;
position:absolute;
text-indent:-9999px;
top:193px;
width:176px;
}
a.view-collection:hover, a.view-collection:active{
background:url("img/view-collection.gif") no-repeat scroll left bottom transparent;
}
#content{
background:url("img/content-top.gif") no-repeat scroll left top #FFFFFF;
width:960px;
margin-top:10px;
}
#content-inner{
background:url("img/content-bottom.gif") no-repeat scroll left bottom transparent;
padding-top: 10px;
}

.content-wrapper {
	background:url("img/wrapperback.gif") repeat-y scroll top left transparent;

}

#welcome-box{
float:left;
width:481px;
min-height: 378px;
border-right: 1px solid #dddcdc;
}
#welcome-box-inner{
padding:23px 24px 19px;
}
#promo-box{
float:left;
width:242px;
min-height: 378px;
border-right: 1px solid #dddcdc;
}
#promo-box-inner{
  padding: 19px 19px 0 19px;
}
#home-sidebar{
float:left;
width:235px;
min-height: 378px;
}
a.ring-links{
float:left;
display:block;
	text-indent: -9999px;
}
#engagement-link{
  background: transparent url(img/engagement-link.gif) no-repeat scroll top left;
	width: 110px;
	height:105px;
}
#wedding-link{
  background: transparent url(img/wedding-link.gif) no-repeat scroll top left;
	width: 110px;
	height:105px;
}
#celebration-link{
  background: transparent url(img/celebration-link.gif) no-repeat scroll top left;
	width: 110px;
	height:105px;
}
#dress-link{
  background: transparent url(img/dress-link.gif) no-repeat scroll top left;
	width: 100px;
	height:105px;
}
#make-enquiry{
border-bottom:1px solid #DDDCDC;
height:80px;
position:relative;
width:235px;
}
a.enquiry-button{
background:url("img/enquiry.gif") no-repeat scroll left top transparent;
display:block;
height:50px;
left:18px;
position:absolute;
text-indent:-9999px;
top:15px;
width:203px;
}
a.enquiry-button:hover{
background:url("img/enquiry.gif") no-repeat scroll left bottom transparent;
}
#newsletter{
border-bottom:1px solid #DDDCDC;
height:195px;
width:235px;
}
#newsletter-inner{
padding:8px 4px 0 15px;
}
#newsletter h2{
margin-bottom: 10px;
}
#newsletter p{
margin-bottom: 10px;
}
#enter-email{
border:3px solid #919191;
color:#888888;
height:20px;
padding:5px 0 5px 8px;
width:185px;
margin-bottom: 8px;
font-size:10px !important;
}
#sign-up  {
background:url("img/sign-up.gif") no-repeat scroll left top transparent;
border:medium none;
cursor:pointer;
height:36px;
margin-top:5px;
text-indent:-9999px;
width:126px;
}
#sign-up:hover  {
background:url("img/sign-up.gif") no-repeat scroll left bottom transparent;
}

#contact{
width: 235px;
}
#contact-inner{
padding:8px 4px 0 15px;
}
#contact h2{
margin-bottom: 8px;
}
#footer{
height:145px;
}
#footer p{
  margin-top: 10px;
  text-align:center;
}
#footer p a{
color:#656565;
font-family:verdana,arial,helvetica,sans-serif;
font-size:11px;
text-decoration: none;
}
#footer p a:hover{
text-decoration: underline;
}

#content-left{
  width: 723px;
	background:none repeat scroll 0 0 transparent;
	float: left;
}

#content-right{
width:235px;
float: right;
background:none repeat scroll 0 0 transparent;

}
#content-left-inner{
  padding: 20px 25px 30px 29px;
}
.collection{
  width: 671px;
	height: 147px;
	background: transparent url(img/collections.gif) no-repeat scroll top left;
	margin: 20px 0 20px 0;
	position:relative;
}

.collections-img{
position:absolute;
top:12px;
}

.collections-info{
height:122px;
left:235px;
position:absolute;
top:22px;
width:372px;
}

#sidebar-nav{
  width:235px;
	border-bottom: 1px solid #DDDCDC;
}
#sidebar-nav-inner{
padding: 17px 0 0 20px;
}
#sidebar-nav-inner ul li{
  margin-bottom: 10px;
}
#sidebar-nav-inner ul li a{
color: #656565;
text-decoration: none;
}
#sidebar-nav-inner ul li a:hover{
text-decoration: underline;
}

#sidebar-nav-inner ul li.current_page_item a {
	color:#324647;
	font-weight: bold;
}

.thumbwrapper {
	position: absolute;
	top: 12px;
	left: 0px;
}

.home-promoimg-wrapper {
	margin-bottom: 15px;
}

#collection-slider {
	height: 866px;
	width: 613px;
	margin-left: 29px;
	overflow: hidden;
}

#slider-wrapper {
	height: 916px;
	width: 671px;
	position: relative;
}

.control-wrapper {
	margin-left: 285px;
}

.next {
	height: 25px;
	width: 25px;
	background: transparent url('img/scrollarrows.gif') no-repeat scroll right -25px;
	z-index: 30;
	float:left;
}

.next:hover {
	background: transparent url('img/scrollarrows.gif') no-repeat scroll right -100px;
	cursor: pointer;
}

.prev {
	height: 25px;
	width: 25px;
	background: transparent url('img/scrollarrows.gif') no-repeat scroll left -25px;
	z-index: 30;
	margin-right: 50px;
	float:left;
}

.prev:hover {
	background: transparent url('img/scrollarrows.gif') no-repeat scroll left -100px;
	cursor: pointer;
}