html {margin:0; padding:0;}

body{
margin:0;
padding:0;
font-family:Trebuchet MS, Verdana, Arial;
font-size: 13px;
color:#ffffff;
background-color:#e5e0b6;
}

p{
margin:0;
padding:10px;
line-height: 1.40em;                          
}

h4{
font-size:12px;
color:#5d491c;
padding:0;
margin-top:5px;
float:left;
}

/*~~~~~~~~~~ Navigation~~~~~~~~~~~~ */

#nav{
margin:0;
padding:0;
background-image:url(images/nav_bg.jpg);
width: 100%;
height: 32px;
}

#nav_wrap{
	position: relative;
	height: 32px;
	width: 770px;
	text-align: left;
	margin:0 auto;
	padding:0 auto;

}
 	#nav ul{
	 	 list-style: none;
		 width: 681px;
	 	 padding:0;
	 	 margin: 0;
		 margin-left: 250px;
		 }
		 
		 #nav li{
		 	  height: 32px;
			  float: left;
		 	  }
		 
		  		#nav a{
					padding-top: 32px;
					height: 0 !important;
					overflow: hidden;
                    display: block;
					/*position: absolute;*/
                  	background: url(images/nav_tabs.jpg) no-repeat;
					 }

					#nav a.active:hover {
                    cursor: default;
                }
				
				/* Home */
                    li#home a {
                        background-position: 0 0;
                        width: 110px !important;
                        left: -1;
                    }
                    li#home a:hover, li#home a.active {
                        background-position: 0 -32px;
                    }
					
				/* Collection */
                    li#collection a {
                        background-position: -110px 0;
                        width: 166px !important;
                        left: 100;
                    }
					
                    li#collection a:hover, li#collection a.active {
                        background-position: -110px -32px;
                    }
						
				/* Client */
                    li#client a {
                        background-position: -280px 0;
                        width: 140px !important;
                        left: 255;
                    }
					
                    li#client a:hover, li#client a.active {
                        background-position: -280px -32px;
                    }
					
				/* Inquiry */
                    li#inquiry a {
                        background-position: -425px 0;
                        width: 130px !important;
                        left: 415;
                    }
					
                    li#inquiry a:hover, li#inquiry a.active {
                        background-position: -425px -32px;
                    }
					
				/* Contacts */
                    li#contact a {
                        background-position: -555px 0;
                        width: 135px !important;
                        left: 545;
                    }
					
                    li#contact a:hover, li#contact a.active {
                        background-position: -555px -32px;
                    }
			

/*~~~~~~~~~~~Body~~~~~~~~~~~~~~*/

#index_wrap{
margin: 0;
padding: 0;
background: #e6dfb1 url(images/bk_index.jpg);
height:100%;
width:100%
}

#index_cont{
margin-left:45px;
}

#wrap{
margin:0 auto;
padding:0;
width:790px;
text-align:center;
}

#container{
margin:0 auto;
padding:0;
width:790px;
text-align:left;
position:relative;
}

#left{
margin:0 auto;
padding:0;
background-image:url(images/ring.png);
width:233px;
height:568px;
position:absolute;
top: 0px;
z-index: 100;
}

#left_fade{
margin:0 auto;
padding:0;
background-image:url(images/light.png);
width:416px;
height:406px;
position:absolute;
right: 500px;
top: 120px;
z-index: 10;
}

#right_logo{
background-image:url(images/logo3.gif);
background-repeat:no-repeat;
margin-top: 30px;
width:408px;
height:171px;
float: right;
}

#right_content{
margin-top:50px;
width:488px;
float: right;
}

.title{
margin-bottom: 20px;
margin-left: 20px;
}

/*~~~~~~~~~~~PNG I.E. Hack~~~~~~~~~~~~~*/
* html #left{
    background: none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ring.png',sizingMethod='scale');
}

* html #left_fade{
    background: none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/light.png',sizingMethod='scale');
}

* html #events{
    background: none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg_events.png',sizingMethod='scale');
}

#clear{
	  clear: both;
	  display: block;
	  height:1%;
}

#divider {
	 width:200px;
	 margin: 0 auto;
	 margin-top:30px;
	 margin-bottom:30px;
	 padding:0 auto;
	 border-top: 3px solid #dad299;
}

#divider2 {
	 width:200px;
	 margin-left: 195px;
	 margin-top:30px;
	 margin-bottom:30px;
	 padding:0 auto;
	 border-top: 3px solid #dad299;
}

/*~~~INDEX GALLERY~~~~*/

#gal{
	 margin:0;
	 padding:0;
}

  #gal ul{
  	 list-style: none;
	 padding:0;
	 margin-left:35px;
}

 	 #gal li{
				float: left;
				height: 143px;
				width: 122px;
				margin-left: 15px;
			}
			
		#gal a{
				    padding-top: 143px;
					height: 0 !important;
					overflow: hidden;
                    display: block;
					position: absolute;
                    background: url(images/gal.gif) no-repeat;
                }
				
			#gal a.active:hover {
                    cursor: default;
                }
				
				/* wedding */
                    li#wed a {
                        background-position: 0 2px;
                        width: 122px;
                        left: -1;
                    }
                    li#wed a:hover, li#home a.active {
                        background-position: 0 -142px;
                    }
					
				/* engagement */
                    li#eng a {
                        background-position: -140px 2px;
                        width: 122px;
                        left: 100;
                    }
					
                    li#eng a:hover, li#eng a.active {
                        background-position: -140px -142px;
                    }
						
				/* others */
                    li#others a {
                        background-position: -280px 2px;
                        width: 122px;
                        left: 255;
                    }
					
                    li#others a:hover, li#others a.active {
                        background-position: -280px -142px;
                    }
	
					
/* FOOTER */

.footer_wrap{
	clear: both;
	height: 100px;
	width:100%;	
	text-align:left;
	margin: 0 auto;
	padding: 0;
}

.inside_footer p{
	font-family:  Trebuchet MS, Verdana, Arial;
	font-size: 11px;
	color:#aca362;
	text-align: right;
	padding-top: 50px;
	margin-right:30px;
}


/*~~~~~~CLIENTS~~~~~~~~*/

#clients_wrap{
margin: 0;
padding: 0;
background:url(images/bk_clients.jpg);
background-repeat:repeat-x;
height:100%;
width:100%
}

#clients_cont{
margin-left:50px;
}

#clients_cont ul{
  	 list-style: none;
	 padding:0;
}

 #clients_cont li{
		display:inline;
		padding: 0;
		float:left;

 }
 
.img{  
		width:84px;
		height:92px;
		margin:0;
		padding:0;
		border:6px solid #A59B58;
}
 
/*~~~~~~CONTACTS~~~~~~~~*/

#contacts_wrap{
margin: 0;
padding: 0;
background-image:url(images/bk_contacts.jpg);
height:100%;
width:100%
}

#contacts_cont{
width:488px;
margin: 0 auto;
}

#contacts_cont p{
font-family: Trebuchet MS, Verdana, Arial;
font-size: 17px;
color:#5d491c;
text-align: center;
padding-left: 110px;

}

.add{
font-size: 19px;
font-weight: bold;
}

#contacts_cont a{
text-decoration: none;
color:#5d491c;
}

#contacts_cont a:hover{
text-decoration: none;
color:#efebd7;
}

#map{
/*background-image:url(images/map_th.gif)*/
width:275px;
height:192px;
margin-left: 153px;
}

#map a:hover{
text-decoration:none;
border:none;
}

#map a{
text-decoration:none;
border:none;
}


/*~~~~~~COLLECTIONS~~~~~~~~*/

#collection_wrap{
margin: 0;
padding: 0;
background-image:url(images/bk_collection.jpg);
height:100%;
width:100%;
}

#collection_cont{
margin: 0 auto;
padding: 0;
}

/*~~~~~~~Hoy bruho! dito style ha?!!!!!~~~~~~~~*/

#wed_box{
width:550px;
height:420px;
}
/*~~~~~~~~~~~Wedding Collection~~~~~~~~~~~~~~~~~*/


#gal_wed{
	 margin-top : 30px;
	 margin-left : -50px;
	 padding : 0; 
	 width : 600px;

}

 	 #gal_wed li{
		 float: left;
		 height: 126px;
		 width: 102px;
		 margin-right: 5px;
		 position : relative;
		 list-style :none;
			}
			
		#gal_wed a{
				 padding-top : 126px;
				 overflow: hidden;
                 display: block;
				 position: absolute;
                 background: url(images/eng_new.gif) no-repeat;
				 height : 0 !important;
				
                }
				
			#gal_wed a.active:hover {
                    cursor: default;
                }
				
				/* wedding */
                    li#plat a {
                        background-position: 0 0;
                        width: 101px;
                    
                    }
                    li#plat a:hover, li#plat a.active {
                        background-position: 0 -126px;
                    }
				
				/* rose */
                    li#rose a {
                        background-position: -107px 0;
                        width: 101px;
                      
                    }
                    li#rose a:hover, li#rose a.active {
                        background-position: -107px -126px;
                    }
									
				/* engagement */
                    li#white a {
                        background-position: -215px 0;
                        width: 115px;
                      
                    }
					
                    li#white a:hover, li#white a.active {
                        background-position: -215px -126px;
                    }
						
				/* TWO TONE */
                    li#two_tone a {
                        background-position: -323px 0;
                        width: 115px;
                      
                    }
					
                    li#two_tone a:hover, li#two_tone a.active {
                        background-position: -323px -126px;
                    }
					
				/* YELLOW GOLD */
                    li#yellow_gold a {
                        background-position: -430px 0;
                        width: 115px;
						
                      
                  }
			           li#yellow_gold a:hover, li#yellow_gold a.active {
                        background-position: -430px -126px;
                    }
					
/*~~~~~~~~~~~Others Collection~~~~~~~~~~~~~~~~~*/

#gal_oth{
	 margin-top:10px;
	 padding:0;
}

  #gal_oth ul{
  	 list-style: none;
	 padding:0;
	 margin:0;
}

 	 #gal_oth li{
		 float: left;
		 height: 137px;
		 width: 115px;
		 margin-right:7px;
			}
			
		#gal_oth a{
				    padding-top: 137px;
					height: 0 !important;
					overflow: hidden;
                    display: block;
					position: absolute;
                    background: url(images/others_button2.gif) no-repeat;
                }
				
			#gal_oth a.active:hover {
                    cursor: default;
                }
				
				/* wedding */
                    li#plat_oth a {
                        background-position: 0 0;
                        width: 115px;
                        left: -1;
                    }
                    li#plat_oth a:hover, li#plat_oth a.active {
                        background-position: 0 -137px;
                    }
					
				/* engagement */
                    li#white_oth a {
                        background-position: -123px 0;
                        width: 115px;
                        left: 100;
                    }
					
                    li#white_oth a:hover, li#white_oth a.active {
                        background-position: -123px -137px;
                    }
						
				/* others */
                    li#two_tone_oth a {
                        background-position: -248px 0;
                        width: 115px;
                        left: 255;
                    }
					
                    li#two_tone_oth a:hover, li#two_tone_oth a.active {
                        background-position: -248px -137px;
                    }
					
				/* others */
                    li#yellow_gold_oth a {
                        background-position: -370px 0;
                        width: 115px;
                        left: 255;
                  }
			           li#yellow_gold_oth a:hover, li#yellow_oth a.active {
                        background-position: -370px -137px;
                    }

/*~~~~~~~~~~~~~~~~Engagement Gallery~~~~~~~~~~~~~~~~~~~~~~*/				
					
#gal_eng{
	 margin-top:30px;
	 padding:0;
	 margin-left: 73px;
}

  #gal_eng ul{
  	 list-style: none;
	 padding:0;
	 margin:0;
}

 	 #gal_eng li{
		 float: left;
		 height: 143px;
		 width: 115px;
		 margin-right:7px;
			}
			
		#gal_eng a{
				    padding-top: 143px;
					height: 0 !important;
					overflow: hidden;
                    display: block;
					position: absolute;
                    background: url(images/gal_eng.gif) no-repeat;
                }
				
			#gal_eng a.active:hover {
                    cursor: default;
                }
				
				/* wedding */
                    li#white_eng a {
                        background-position: 0 0;
                        width: 115px;
                        left: -1;
                    }
                    li#white_eng a:hover, li#home a.active {
                        background-position: 0 -142px;
                    }
					
				/* engagement */
                    li#two_tone_eng a {
                        background-position: -123px 0;
                        width: 115px;
                        left: 100;
                    }
					
                    li#two_tone_eng a:hover, li#eng a.active {
                        background-position: -123px -142px;
                    }
						
				/* others */
                    li#yellow_gold_eng a {
                        background-position: -248px 0;
                        width: 115px;
                        left: 255;
                    }
					
                    li#yellow_gold_eng a:hover, li#others a.active {
                        background-position: -248px -142px;
                    }
					
  
 #oth_button img{
 padding:0 px;
 margin-top:15px;
 margin-left:175px;
 width:158px;
 height:18px;
 display:block;
 }

 #eng_button img{
 padding: 0;
 margin-top:15px;
 margin-left:110px;
 width:281px;
 height:25px;
 }
 
 #wed_button img{
 padding: 0;
 margin-top:15px;
 margin-left:130px;
 width:250px;
 height:25px;
 }

            
/*~~~~~~INQUIRY~~~~~~~~*/

#inquiry_wrap{
margin: 0;
padding: 0;
background-image:url(images/bk_inquiry.jpg);
height:100%;
width:100%
}

#inquiry_cont{
margin:0;
padding:0;
}


/*~~~~~~~~FORMS~~~~~~~~~~~*/

.field2 {
		font-family: Trebuchet MS, Verdana, Arial;
		font-size: 12px;
		color: #5e2c00;
		padding:2px;
		margin:0 auto;
		border: 1px solid #816d3f;
		background-color: #d2cda0;
}

.field {
		font-family: Verdana, Arial, Tahoma;
		font-size: 10px;
		color: #5e2c00;
		padding:2px;
		margin:0 auto;
		border: 1px solid #816d3f;
		background-color: #d2cda0;
}

#form_label {
		font-family: Trebuchet MS, Verdana, Arial;
		font-size: 18px;
		color: #C3B972;
		font-weight: bold;
		text-align: left !important;
		padding-top: 20px;
		padding-bottom:10px;
}

.form-font{
		font-family: Trebuchet MS, Verdana, Arial;
		font-size: 13px;
		color: #5d491c;
		margin:0;
		font-weight: bold;
}

.space{
margin-bottom: 10px;
}

#text{
	  	font-family: Trebuchet MS, Verdana, Arial;
		font-size: 11px !important;
		font-weight:bold;
		color: #5d491c;
}

#buttons1 ul{
		margin:0 auto;
		padding:0 auto;	
		position:relative;
		left:90px;
}

#buttons1 li{
		margin-left:35px;
		padding:0;
		display:inline;	
}

#buttons2 ul{
		margin:0 auto;
		padding:0;	
}

#buttons2 li{
		margin-left:35px;
		padding:0;
		display:inline;
		position:relative;
		left:180px;
}


/*~~~~~~~~IFRAME~~~~~~~~~*/
.iframe{
height:420px;
width:525px; 
}

.link1{
margin-top:10px;
}

#thank-lbl{
font-size:18px;
font-weight:bold;
margin-left: 80px;
}

/*~~~~~~~events~~~~~~~~~*/
#events{
background-image:url(images/bg_events.png);
background-repeat: no-repeat;
float: left;
width:284px;
height:617px;
position: absolute;
top: 608px;
right: 500px;
}

#events ul{
	margin:93px 0 0 40px;
	padding:0 ;	
	list-style: none;
}

#events li{
	margin:0 ;
	padding-top:6px;	
}

.event_title{
font-family:Trebuchet MS, Verdana, Arial;
font-size:13px;
color:#595221;
padding:0;

}

.event_date{
font-family:Trebuchet MS, Verdana, Arial;
font-size:12px;
color:#80783f;
}

#events li a{
font-family:Trebuchet MS, Verdana, Arial;
font-size:14px;
text-decoration : none;
color: #5d491c;
}

#events li a:hover{
color: #FC3496;
text-decoration : dashed;
}