/*     http://projects.blackmoondev.com/robinstudios/css/style.css

 CSS Document */

*{
	margin: 0px;
	padding: 0px;
}


#body{
	background-color: #1e1e1e;
	font-family:"Times New Roman", Times, serif;
	font-size: 14px;
	color:#FFF;
}

p {
	margin: 0 0 10px 0;
}

/* Links */

a:link {
	text-decoration: none;
	background:none;
}

#graphic p a:link,#graphic p a:visited { /*targeting the content area*/
text-decoration:none;
color:#000;
}

#graphic p a:hover,#graphic p a:active {
/*background:#000;*/
}

.myphotos {
	margin: 0 0 0 170px;	
	font-size: 20px;
	font-weight: bold;
	color: #DB6F1F;
	text-transform: uppercase;
}

.clr{
	clear: both;
}

#page{
	margin: 40px auto 0px auto;
	width: 920px;
}

#page a {
	text-decoration: none;
}

#header{
}

#header #home{
	background: url(../images/logo.png) no-repeat;
	display: block;
	float: left;
	height: 96px;
	margin: 0px 0px 0px 40px;
	width: 200px;
}

#header #recent_work_link{
	display: block;
	float: right;
	font-size: 16px;
	line-height: 16px;
	margin-right: 10px;
	margin-top: 50px;
	text-align: right;
	vertical-align: bottom;
	width: 140px;
}

#content{
	background: #000 url(../images/back.gif) no-repeat;
	float:left;
	height:509px;
	padding:4px 4px 0 0;
	width:915px;
}

/*headings*/
.contenthead
{
	margin: 0;
	padding: 10px 20px 10px 20px;
	font-size: 20px;
	line-height: 30px;
	color: #DB6F1F;
	text-transform: uppercase;
}

/*paragraphs*/
.contentpara p
{
	margin: 0;
	padding: 10px 20px 10px 20px;
	/*font-size: 20px;
	line-height: 30px;
	color: #DB6F1F;
	text-transform: uppercase;*/
}

.contentpara h3
{
	margin: 0;
	padding: 10px 20px 10px 20px;
	font-size: 16px;
	line-height: 20px;
	color: #000000;
}

#menuwrap { /*added to solve the expansion problem*/
height:505px;
width: 263px;
float:left;
overflow:hidden;
}

#menuwrapcontact { /*added to solve the contact page expansion problem*/
height:487px;
width: 177px;
float:left;
border-right:3px solid #E6E3E2;
}


#menuwrapoutline { /*added to solve the expansion problem*/
height:377px;
width: 177px;
float:left;
background-color: #E6E3E2;
}

#menu{
	float:left;
	height:405px;
	overflow:hidden;
	padding:40px 0 0 40px;
	text-align:left;
	width:223px;
}

#graphic_design{
	line-height:20px;
margin-top:424px;
padding:17px;
position:absolute;
text-align:center;
width:230px;
}

#menuwrap #graphic_design a{
	color: #E6E3E2;
}

#graphic{
	float: left;	
	width: 652px;
	height:509px;
}
/*slideshow containers*/
#soli-slide {
	width: 652px;
	height:509px;
	/*background: url(../images/collections/collections-home-image.jpg) no-repeat;*/
}

/*slide show for solitaire link*/
#soli-slideshow {
	width: 652px;
	height:509px;
}
/*slide show for multi link*/
#multi-slideshow {
	width: 652px;
	height:509px;
}
/*slide show for wedding link*/
#wedding-slideshow {
	width: 652px;
	height:509px;
}


#footer{
	font-size: 12px;
	color: #393029;
	padding: 0px 10px;
}

#footer #footer_menu a,
#footer #footer_menu a:visited{
	color: #393029;
	text-decoration: none;
}

#footer #footer_menu a:hover,
#footer #footer_menu a:focus{
	color: #DB6F1F;
	background:none;
}
/*solitaire*/
#solitaire {
	background: url(../images/collections/collections-solitaire.jpg) no-repeat;
	width: 652px; 
	height: 505px;
	margin:0;
}
#solitaire-fancy {
	background: url(../images/collections/solitaire/solitaire-fancy.jpg) no-repeat;
	width: 652px; 
	height: 505px;
	margin:0;
}
#solitaire-princess {
	background: url(../images/collections/solitaire/solitaire-princess.jpg) no-repeat;
	width: 652px; 
	height: 505px;
	margin:0;
}
#solitaire-round {
	background: url(../images/collections/solitaire/solitaire-round.jpg) no-repeat;
	width: 652px; 
	height: 505px;
	margin:0;
}
#multi {
	background: url(../images/collections/collections-round-brilliant.jpg) no-repeat;
	width: 652px; 
	height: 505px;
	margin:0;
}
#carousel-container
{
	background:url(../images/collections/solitaire/thumbs-back.png) no-repeat;
	float:right;
height:509px;
margin-top:-4px;
padding:14px 0 0 12px;
width:112px;
}
.prev {
	background:url(../images/collections/solitaire/arrow-up.png) 18px 0 no-repeat;
	height: 20px; 
	width: 120px;
	display:block;
	cursor:pointer;
}
.next {
	background:url(../images/collections/solitaire/arrow-down.png) 18px 0 no-repeat;
	height: 20px; 
	width: 120px;
	display:block;
	cursor:pointer;
}
.thumb {
	padding:6px 0 6px 0;
	width:80px;
	height:80px;
}
 .carousel img {
	padding:5px;
		background: none;
	margin: 0;
	border: none;
}
.carousel a, .carousel a:visited {
text-decoration:none;
}
/*description box*/
#description {
	background:url(../images/collections/description-back.png) no-repeat;
	height:100px;
width:530px;
float:right;
margin:0px 130px 0 0;
display:none;
}
#description p {
	font-size:0.9em;
	padding:7px 16px 0;
	
}
#description h2 {
	text-transform:uppercase;
	font-size:1.1em;
	margin:10px 0 0 14px;
}
#enquiry {
	float:right;
	background: url(../images/collections/enquiries.gif) -1px 0 no-repeat;
	width:175px;
	height:20px;
	margin:7px;
	cursor:pointer;
	}
.close {
	float:right;
	width: 10px;
	height:10px;
}
/*diamond div*/
#diamond {
	background: url(../images/SmokeWithBox.png) no-repeat;
	width: 652px; 
	height: 505px;
	margin:0;
	
}
#diamond-content {
	margin:0 auto;
	padding:100px;
	width:400px;
	color:#000;
	font-size:0.9em;
}
#about-content {
	margin:0 auto;
	padding:100px;
	width:400px;
	color:#000;
	font-size:0.9em;
}
#float-right {
	float:right;
	width:60px;
	text-align:right;
	margin-top:-5px;
}
#float-left {
	float:left;
	width:80px;
	text-align:left;
}
#diamondNav span {
	color:#000;
	cursor:pointer;
}
#diamondNavP1, #diamondNavP2 {
	display:block;
}
#about {
	background: url(../images/SmokeWithBox.png) no-repeat;
	width: 652px; 
	height: 505px;
	margin:0;
}
/*contact*/
#contact {
	background: url(../images/contact/contact-back.gif) no-repeat;
	width: 652px; 
	height: 505px;
	margin:0;
	color:#000;
	overflow:hidden;
}
#contact-details {
	float:right;
	width: 336px; 
	height: 505px;
	background:url(../images/contact/text-back.png) 0 -4px no-repeat;
}
#cross {
	height:30px;
	width: 25px;
	background:url(../images/contact/cross.png) no-repeat;
	float:left;
	cursor:pointer;
	margin: 3px 0 0 12px;
}
.contact-text {
	margin:100px 0 0 50px;
	width:260px
}
.margbot {
	margin-bottom:40px;
}
/*testimonial*/
#testimonial {
	background: url(../images/SmokeWithBox.png) no-repeat;
	width: 652px; 
	height: 505px;
	margin:0;
	color:#000;
}

/*multi collections bit*/

#multi-page {
	background: url(../images/collections/multi/multi-intro-pic.jpg) no-repeat;
	width: 652px; 
	height: 505px;
	margin:0; 
	}
#multi-fancy {
	background: url(../images/collections/multi/multi-fancy.jpg) no-repeat;
	width: 652px; 
	height: 505px;
	margin:0; 
}
#multi-princess {
	background: url(../images/collections/multi/multi-princess.jpg) no-repeat;
	width: 652px; 
	height: 505px;
	margin:0; 
	}
#multi-round {
	background: url(../images/collections/multi/multi-round.jpg) no-repeat;
	width: 652px; 
	height: 505px;
	margin:0; 
	}	
/*weddings section*/	
#weddings {
	background: url(../images/collections/weddings/wed-intro-page.jpg) no-repeat;
	width: 652px; 
	height: 505px;
	margin:0; 
}
#weddings-diamond {
	background: url(../images/collections/weddings/wedding-diamond.jpg) no-repeat;
	width: 652px; 
	height: 505px;
	margin:0; 
}
#weddings-designer {
	background: url(../images/collections/weddings/wedding-designer.jpg) no-repeat;
	width: 652px; 
	height: 505px;
	margin:0; 
}
.carousel img {
height: 95px;
width: 96px;
}

.carousel li {
height:109px;
width:112px;
}
.carousel {
height:436px;
}


/*new slide show*/
#s3 {
	width: 652px;
	height:509px;
}



.pics { height: 232px; width: 232px; padding:0; margin:0; overflow: hidden }
/*16.pics img { height: 200px; width: 200px; padding: 15px; border: 1px solid #ccc; background-color: #eee; top:0; left:0 }
17.pics img {
18 -moz-border-radius: 10px; -webkit-border-radius: 10px; */

#flash {
	position:absolute;
	top:0px;
	left:0px;
	z-index:-10;
	width: 1142px;
}
	
}
