﻿/**************HOME PAGE CSS- 11JAN2010*********/

.custombody {
		margin: 0px;
		padding: 0px;
		font: normal 11px Verdana, Arial, sans-serif;
		color: #644d29;
	}

/*** HOME ***/	


	#wrapper_home {
		margin:0px auto;
		width: 645px;
		height: 1160px;
		background: #fff url(../images/home/background_home_new.png) no-repeat 0 0 ;
	}


	#wrapper_home .view_all {
		padding: 80px 0 0 17px;
	}

	h1 {
		font: normal 17px "Times New Roman", serif;
		color: #644d29;
	}


	#wrapper_home #header {
		clear: both;
		float: left;
		width: 645px;
		height: 320px;
	}


	#wrapper_home #header .header_view_all {
		clear: both;
		margin: 210px 0 0 175px;
	}

	#wrapper_home #header .header_link1 {
		float: left;
		margin: 35px 0 0 25px;
	}

	#wrapper_home #header .header_link2 {
		float: left;
		margin: 35px 0 0 50px;
	}

	#wrapper_home #content {
		clear: both;
		float: left;
		width: 645px;
		height: 710px;
	}

	#wrapper_home #custom {
		clear: both;
		float: left;
		width: 645px;
		height: 130px;
		margin: 0px;
	}

	#wrapper_home #custom img{
		/*margin: 35px 0 0 210px;*/
	}

	#wrapper_home #footer {
		clear: both;
		float: left;
		width: 645px;
		background: #fff url(../images/home/div_full.png) no-repeat 0 165px ;
	}


	#wrapper_home .item_row {
		height: 175px;
		width: 645px;
		padding: 0;
		margin: 0px 0 0 0;
		float: left;
		clear:both;
	}

	#wrapper_home .item_type {
		height: 175px;
		width: 320px;
		float: left;
	}

	#wrapper_home .item_type p{
		padding: 50px 0 20px 180px;
	}
	
	#wrapper_home .item_type .image_link{
		position: absolute;
		height: 120px;
		width: 160px;
		margin: 40px 0 0 5px;
	}
	
	#wrapper_home .item_type .title_link{
		position: absolute;
		height: 20px;
		width: 200px;
		margin: 20px 0 0 100px;
	}
	
	
	#wrapper_home .item_type .link2{ margin: 20px 0 0 120px;}
	#wrapper_home .item_type .link3{ margin: 30px 0 0 100px; }
	#wrapper_home .item_type .link4{ margin: 30px 0 0 120px;}
	#wrapper_home .item_type .link5{ margin: 45px 0 0 120px;}
	#wrapper_home .item_type .link6{ margin: 45px 0 0 120px;}
	#wrapper_home .item_type .link7{ margin: 25px 0 0 120px;}
	#wrapper_home .item_type .link8{ margin: 25px 0 0 120px;}

	#wrapper_home .item_type .two{
		padding: 65px 0 20px 180px;
	}

	#wrapper_home .item_type .view_collection {
		padding: 0 0 0 170px;
	}

/***  ENGAGEMENT ***/	

	#wrapper_engagement {
		margin:0px auto;
		width: 645px;
		height: 981px;
		background: #fff url(../images/home/background_engagement.png) no-repeat 0 0 ;
	}


	#wrapper_engagement .view_all {
		padding: 80px 0 0 17px;
	}

	h1 {
		font: normal 17px "Times New Roman", serif;
		color: #644d29;
	}

	h1.engagement {
		margin: 160px 0 0 23px;
	}

	#wrapper_engagement #header {
		clear: both;
		float: left;
		width: 645px;
		height: 320px;
	}


	#wrapper_engagement #content {
		clear: both;
		float: left;
		width: 645px;
		height: 520px;
	}

	#wrapper_engagement #custom {
		clear: both;
		float: left;
		width: 645px;
		height: 130px;
		margin: 15px 0 0 325px;
	}

	#wrapper_engagement #footer {
		clear: both;
		float: left;
		width: 645px;
		background: #fff url(../images/home/div_full.png) no-repeat 0 165px ;
	}


	.diamond_row {
		padding: 0;
		margin: 20px 0px 0 0;
		float: left;
		clear:both;

	}
	.row2 {
		margin: 20px 0 0 120px;
	}


	.diamond_type {
		padding: 0;
		margin: 0 15px 0 40px;
		float: left;

	}

	.less{
		margin-left: 33px;
	}

	.extra{
		margin-left: 48px;
	}

	.diamond_type2 {
		padding: 0;
		margin: 0 0px 0 40px;
		float: left;

	}

	.col2 {
		margin: 0 60px 0 0;
		float: left;
	}
	
/***  MENS ***/	
	#wrapper_men {
		margin:0px auto;
		width: 645px;
		height: 902px;
		background: #fff url(../images/home/background_mens_wedding.png) no-repeat 0 0 ;
	}


	#wrapper_men .view_all {
		padding: 15px 0 0 25px;
	}

	#wrapper_men h1 {
		font: normal 12px arial sans-serif;
		color: #644d29;
		margin: 125px 0 0 25px;
		width: 275px;
	}


	#wrapper_men #header {
		clear: both;
		float: left;
		width: 645px;
		height: 250px;
	}

	#wrapper_men #header .header_link1 {
		float: left;
		margin: 275px 0 0 25px;
	}

	#wrapper_men #header .header_link2 {
		float: left;
		margin: 275px 0 0 50px;
	}

	#wrapper_men #content1 {
		clear: both;
		float: left;
		width: 645px;
		height: 310px;
	}

	#wrapper_men #content1 .item_type {
		float: left;
		width: 320px;
		margin: 3px 0 0 0px;		
	}

	#wrapper_men #content1 .image {
		margin: 0 10px 0 30px;
	}

	#wrapper_men #content1 .text {
		margin: 0 0 0 30px;
		width: 270px;
	}

	#wrapper_men #content1 .button {
		margin: 10px auto 0px auto;
		width: 125px;
	}
	
	#wrapper_men #content2 {
		clear: both;
		float: left;
		width: 645px;
		height: 150px;		
	}

	#wrapper_men #content2 .item_type1, #wrapper_men #content2 .item_type2 {
		float: left;
		width: 320px;
		margin: 0px 0 0 0px;
	}

	#wrapper_men #content2 .image{
		margin: 20px 30px 0 0px;
		float: right;
	}
	
	#wrapper_men #content2 .item_type2 .image{
		margin: 20px 45px 0 0px;
		float: right;
	}
	
	#wrapper_men #content2 .item_type1 .button{
		margin: 0px 30px 0 0px;
		width: 125px;
		float: right;
	}

	#wrapper_men #content2 .item_type2 .button{
		margin: 0px 60px 0 0px;
		width: 125px;
		float: right;
	}

	#wrapper_men #custom {
		clear: both;
		float: left;
		width: 645px;
		height: 130px;
		margin: 0px;
	}

	#wrapper_men #custom img{
		margin: 35px 0 0 210px;
	}

	#wrapper_men #footer {
		clear: both;
		float: left;
		width: 645px;
	}


	.footer_nav_row {
		width: 635px;
		float: left;
		clear:both;
		padding: 0 0 0 0;
		margin: 48px 0 0 10px;
	}


	.footer_nav_row p {
		padding: 0px 0 0 5px;

	}

	.footer_nav_col {
		width: 205px;
		float: left;
	}

	.footer_nav_row .btn_more{
		margin-left: 107px
	}


/*** WOMENS ***/


	#wrapper_women {
		margin:0px auto;
		width: 645px;
		height: 1008px;
		background: #fff url(../images/home/background_womens_wedding.png) no-repeat 0 0 ;
	}


	#wrapper_women .view_all {
		padding: 85px 0 0 450px;
	}

	#wrapper_women h1 {
		font: normal 12px arial sans-serif;
		color: #644d29;
		margin: 130px 0 0 20px;
	}


	#wrapper_women #header {
		clear: both;
		float: left;
		width: 645px;
		height: 320px;
	}

	#wrapper_women #header .header_link1 {
		float: left;
		margin: 275px 0 0 25px;
	}

	#wrapper_women #header .header_link2 {
		float: left;
		margin: 275px 0 0 50px;
	}

	#wrapper_women #content1 {
		clear: both;
		float: left;
		width: 645px;
		height: 330px;
	}

	#wrapper_women #content1 .item_type {
		float: left;
		width: 320px;
		margin: 35px 0 0 0px;		
	}

	#wrapper_women #content1 .image {
		margin: 0 10px 0 20px;
	}

	#wrapper_women #content1 .text {
		margin: 0 0 0 20px;
		width: 270px;
	}

	#wrapper_women #content1 .button {
		margin: 10px auto 0px auto;
		width: 125px;
	}

	#wrapper_women #content2 {
		clear: both;
		float: left;
		width: 645px;
		height: 200px;
	}


	#wrapper_women #content2 .item_type1 {
		float: left;
		width: 320px;
		margin: 0px 0 0 0px;		
	}

	#wrapper_women #content2 .item_type2 {
		float: left;
		width: 320px;
		margin: 0px 0 0 0px;		
	}

	#wrapper_women #content2 .item_type1 .image {
		margin: 15px 0 0 8px;		
		float: left;
	}

	#wrapper_women #content2 .item_type2 .image {
		margin: 25px 0 0 20px;		
		float: left;
	}

	#wrapper_women #content2 .item_type1 .title {
		margin: 37px 0 0 160px;
		position: absolute;
	}

	#wrapper_women #content2 .item_type2 .title {
		margin: 37px 0 0 160px;		
		position: absolute;
	}

	#wrapper_women #content2 .item_type1 .button {
		width: 125px;
		position: absolute;
		margin: 95px 0px 0 170px;
	}

	#wrapper_women #content2 .item_type2 .button {
		width: 125px;
		position: absolute;
		margin: 75px 0px 0 190px;
	}


	#wrapper_women #custom {
		clear: both;
		float: left;
		width: 645px;
		height: 130px;
	}


	#wrapper_women #custom img{
		margin: 20px 0 0 325px;
	}

	#wrapper_women #footer {
		clear: both;
		float: left;
		width: 645px;
	}
	

