

/*CHANGES TO MILKBOX*/

	#milk_current_image{height:auto!important; width:auto!important;}
	.milk_stage_tags{display:none;}
	.milk_stage_title{font-weight:bold;}
	.milk_stage_title a{color:#FF0000!important;} 
	.milk_stage_close{display:block; color:#fff; font-weight:bold; background:#ba8800 none; padding:4px 7px; margin:10px 0px 0px; width:31px;}
	.milk_loading{background:url(images/load.gif) no-repeat center center!important;}
	.p_milk{background:url(load.gif) center center no-repeat!important;}
		

/*REST OF SITE*/
  
	* {margin : 0px; padding : 0px; outline:none;}
	
	body {
		background:#000000 url(images/bg.png) repeat fixed left top;
		font-family : Verdana, Helvetica;
		font-size : 12px;
	}
	h1, h2, h3, h4, h5 { 
		text-transform : capitalize;
		padding:0px 0px;
	}
	a {color:#BA790F; text-decoration:none;}

	a:hover {color:#7a7a7a;}

	.clear{display:block; width:100%; clear:both;}
	.readmore {display:block;}
	.home_tags {display : none;}

	#site{margin:0px auto; width:100%;}
	
	#quote{background:url(images/quote.jpg); width:308px; height:128px; margin:12px 11px 0 12px; cursor:pointer}
	
	
	#container{
		background:none repeat scroll 0 0 #FFFFFF;
		margin:0 auto;
		min-height:600px;
		padding:10px 0px 0 10px;
		width:1035px;	
	} 

	#header {
		background-color : #292929;
		text-align : center;
		height : 80px;
	}

	.inner{width : 770px; margin:auto;}

	#greyLine {background-color:#f9d97c; height:3px;}
 
	#menu ul{padding:0px; margin:0px;}


	#tophold{
		background: url(images/topbg.png) repeat-x right top;
		height:178px;
		z-index:9999;
		width:100%;
	}
	

	#top{height:152px;}

	

/*TOP MENU STYLED HERE*/

	#menu{
		background:none repeat scroll 0 0 #FFFFFF;
		clear:both;
		margin:0 0 0 251px;
		padding:10px 10px 10px 30px;
		position:fixed;
		top:0;
		width:744px;
		z-index:8000;
	}
	#menu ul {
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
	}
	#menu li{
		border-left:1px solid;
		float:left;
		list-style:none outside none;
		padding:0 3px 0 0;
	}
	#menu .menu1{border:none;}
	
	#menu a{  
		color:#58373A;
		font-size:17px;
		height:40px;
		padding:0 6px;
	}
	
	
	#menu .menu8{display:none!important;}
	#menu .menu9{display:none!important;}
	#menu .menu10{display:none!important;} 
	#menu .menu11{display:none!important;} 
	#menu .menu12{display:none!important;} 
	#menu .menu13{display:none!important;} 
	#menu .menu14{display:none!important;} 
	#menu .menu15{display:none!important;} 
	#menu .menu16{display:none!important;} 
	#menu .menu17{display:none!important;} 
	#menu .menu18{display:none!important;} 


					/* CSS CODING FOR A DROP DOWN MENU */
					
					#menu {}
					
					/* remove all the bullets, borders and padding from the default list styling */
					#menu ul {padding:0;margin:0;list-style-type:none;}
					#menu ul ul {width:149px;}
					
					/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
					#menu li {float:left; position:relative;}
					
					/* style the links for the top level */
					#menu a, #menu a:visited {display:block;text-decoration:none; height:20px;}
					
					/* style the second level background */
					#menu ul ul a.drop, #menu ul ul a.drop:visited {background:#d4d8bd url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
					
					/* style the second level hover */
					#menu ul ul a.drop:hover{background:#c9ba65 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
					#menu ul ul :hover > a.drop {background:#c9ba65 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
					
					
					/* hide the sub levels and give them a positon absolute so that they take up no room */
					#menu ul ul {
						visibility:hidden;
						position:absolute;
						height:0;top:20px;
						left:0px; 
						width:149px; 
						margin:0px; 
						padding:8px 0px 0px;
					}
					
					
					/* style the second level links */
					#menu ul ul a, #menu ul ul a:visited {
						background:#B6B5B5; 
						color:#fff; 
						height:auto; 
						line-height:1em; 
						padding:5px 10px 5px; 
						width:100px;
						text-transform:capitalize;
						text-align:left;
						font-size:12px;
					}
					#menu li li{border:none; padding:0px;}
					
					/* style the top level hover */
					#menu a:hover, #menu ul ul a:hover{color:#ba8800;}
					#menu :hover > a, #menu ul ul :hover > a {color:#ba8800;}
					
					/* make the second level visible when hover on first level list OR link */
					#menu ul li:hover ul,
					#menu ul a:hover ul{visibility:visible; }

 	#menu a:hover{color:#ba8800;} 
	#menu .clicked{color:#ba8800;} 
	
	#menu .sub6_1 a{padding-top:10px!important;}
	#menu .sub6_3 a{padding-bottom:10px!important;}
	
	#menu .menu3 .sub_menu{display:none;}



/*SUBMENU HERE*/

	#section {
		background:url("images/new_logo.png") no-repeat scroll 99% top transparent;
		display:block;
		float:left;
		height:100%;
		margin:0;
		padding:190px 0 10px;
		position:fixed;
		text-align:left;
		top:5px;
		width:248px;
	}

	#section .menu1{display:none!important;}
	#section .menu2{display:none!important;}
	#section .menu3{display:none!important;}
	#section .menu4{display:none!important;}
	#section .menu5{display:none!important;} 
	#section .menu6{display:none!important;} 
	#section .menu7{display:none!important;} 
	#section .menu8{display:none!important;} 
	
	#section .menu16{display:none!important;}
	#section .menu17{display:none!important;}


/*MENU ON LEFT WITH PICTURES AS MAIN ITEMS*/

	#section .menu9 a{background:transparent url(images/menu_necklaces.png) no-repeat scroll left bottom;}
	#section .menu9 a:hover{background:transparent url(images/menu_necklaces_up.png) no-repeat scroll left bottom;}
	#section .menu9 .clicked{background:transparent url(images/menu_necklaces_up.png) no-repeat scroll left bottom!important;}
	
	#section .menu10 a{background:transparent url(images/menu_earrings.png) no-repeat scroll left bottom;}
	#section .menu10 a:hover{background:transparent url(images/menu_earrings_up.png) no-repeat scroll left bottom;}
	#section .menu10 .clicked {background:transparent url(images/menu_earrings_up.png) no-repeat scroll left bottom!important;}
	
	#section .menu11 a{background:transparent url(images/menu_bracelets.png) no-repeat scroll left bottom;}
	#section .menu11 a:hover{background:transparent url(images/menu_bracelets_up.png) no-repeat scroll left bottom;}
	#section .menu11 .clicked{background:transparent url(images/menu_bracelets_up.png) no-repeat scroll left bottom!important;}
	
	#section .menu12 a{background:transparent url(images/menu_rings.png) no-repeat scroll left bottom;}
	#section .menu12 a:hover{background:transparent url(images/menu_rings_up.png) no-repeat scroll left bottom;}
	#section .menu12 .clicked{background:transparent url(images/menu_rings_up.png) no-repeat scroll left bottom!important;}
	
	#section .menu13 a{background:transparent url(images/menu_newdesigns.png) no-repeat scroll left bottom;}
	#section .menu13 a:hover{background:transparent url(images/menu_newdesigns_up.png) no-repeat scroll left bottom;}
	#section .menu13 .clicked{background:transparent url(images/menu_newdesigns_up.png) no-repeat scroll left bottom!important;}
	
	#section .menu14 a{background:transparent url(images/menu_silver.png) no-repeat scroll left bottom;}
	#section .menu14 a:hover{background:transparent url(images/menu_silver_up.png) no-repeat scroll left bottom;}
	#section .menu14 .clicked{background:transparent url(images/menu_silver_up.png) no-repeat scroll left bottom!important;}

	#section .menu15 a{background:transparent url(images/menu_pearl.png) no-repeat scroll left bottom;}
	#section .menu15 a:hover{background:transparent url(images/menu_pearl_up.png) no-repeat scroll left bottom;}
	#section .menu15 .clicked{background:transparent url(images/menu_pearl_up.png) no-repeat scroll left bottom!important;}

	#section .menu16 a{background:transparent url(images/menu_bespoke.png) no-repeat scroll left bottom;}
	#section .menu16 a:hover{background:transparent url(images/menu_bespoke_up.png) no-repeat scroll left bottom;}
	#section .menu16 .clicked{background:transparent url(images/menu_bespoke_up.png) no-repeat scroll left bottom!important;}

	#section .menu17 a{background:transparent url(images/menu_engagement.png) no-repeat scroll left bottom;}
	#section .menu17 a:hover{background:transparent url(images/menu_engagement_up.png) no-repeat scroll left bottom;}
	#section .menu17 .clicked{background:transparent url(images/menu_engagement_up.png) no-repeat scroll left bottom!important;}

	#section #sub_menu a{background:none!Important; margin:0px 0px 0px 55px;}
	#section #sub_menu .clicked{background:none!Important;}
	#section li{margin:2px 0px;list-style:none;}
	#section li a{
		color:#505050;
		display:block;
		font-size:11px;
		padding:3px 10px;
		text-transform:capitalize;
	}
	
	#section li a:hover{background:#000;color:#999;}
	#section li .clicked {background:#000;color:#999;}
	#section img {border:none; height:30px;}




/*CONTENT HERE*/

	#homecontent { 
		background:#fff;
		color:#cccccc;
		float:right;
		font-size:12px;
		line-height:1.6em;
		padding:31px 30px 0px;
		width:687px;
		border-left:1px solid #000;
	}

	#content { 
		background:url("images/bg.png") repeat fixed left top #000000;
		color:#cccccc;
		float:right;
		font-size:12px;
		line-height:1.6em;
		padding:66px 30px 70px;
		width:687px;
		min-height:464px;
	}
	#content ul{margin:20px;}
	#content a{text-decoration:underline;}
	#content h2 a{ 
		text-decoration:none!important; 
		text-transform:uppercase;
		color:#ba8800!important;
	}
	
	#content li{
		list-style-image:url(images/flower.png) ;
		list-style-position:inside;
		list-style-type:none;
	}
	
	#content h1{ 
		font-size:20px; 
		font-weight:lighter;
		color:#ba8800;
		padding:0px 0 25px;
	}
	#chameleon{padding-top:60px!important;}
	#daisy{padding-top:60px!important;}
	#arcs{padding-top:60px!important;}
	
	#content h2{ 
		color:#ba8800;
		font-size:14px;
		padding:7px 0px;
	}

	#content img {
		border:1px solid #ba8800;
		margin:1px;
	}
	
	.about-content{text-align:center;}
	.about-content p{ margin-left: 73px;
    text-align: justify;
    width: 540px;}
	.about-content img{margin:10px!important;}

	#text{padding:0px 0px 20px;}
	
	.teamrecords{float:left; width:330px; margin-right:10px; height:200px;}
	.teamrecords p{overflow:hidden;}
	.teamrecords img{margin-right:10px!important;}
	
	.teamimg{
		float:right;
		margin:0px 0px 0 20px;
		padding:5px;
		text-align:center;
		width:200px;
	}
	.teamimg img{width:180px;}

	.repair{padding-top:20px;}
	
	.contacts{float:left; width:48%;}
	
	.stockists{float:left;width:48%;}
	.stockists h2{color:#ba8800!important;}
	
	
	.records{width:343px; float:left;}


 /*COLLECTION GALLERIES*/
 
 	.collection_records{margin:0px 0px 20px; clear:both; border-bottom:1px dashed #ba8800; padding:0px 0px 20px;}
	.collection_text{width:290px;}
	.collection_text h2{background:#fff url(images/daisy_logo.png) no-repeat left center; margin:0; padding:27px 7px 27px 78px !important;}
	.collection_text img{max-width:290px;}
	.collection_gal{float:right; width:385px; margin:45px 0px 0px 0px;}
	.collection_gal img{
		background-repeat:no-repeat!important; 
		background-position:center top !important; 
		background-color:#fff!important; 
		margin:0px 5px 0px 0px!important;
	}
	


/*CONTENT TOOLS HERE*/

	.content_tools_top {margin : 10px 0px;}
	.content_tools_top ul{margin : 0px!important; text-align:right;}
	
	.content_tools_top a{
		color:#ccc;
		font-size:11px;
		text-decoration:none!important;
	}
	.content_tools_top img {
		border:none!important;
		float:none !important;
		margin:0px !important;
	}
	
	.content_tools_top ul li, #content_tools ul li a {
		display : inline;
		padding-left :13px;
		margin : 0px;
	}
	
	.newsletters{width:33%; float:left; margin:0px 0px 20px;}



/*SOCIAL TOOLS HERE*/

	#social{  
		float:right;
		height:23px;
		margin:3px 20px 2px 2px;
	} 
	#social img{padding:0px; margin:0px;} 
	.social_jgh{display:none;}



/*FOOTER HERE*/

	#footer {
		background:#000000 none repeat scroll 0% 50%;
		height:35px; 
		width:1045px;
		margin:0px auto;
		border-top:1px solid #fff;
	}

	.copyright{
		color:#fff;
		float:left;
		font-size:10px;
		height:10px;
		margin:5px  3px 3px 20px;
		padding:0;
		text-align:left;
	}


/*PDF RECORDS HERE*/

	.pdf_record{float:left;}
	
	.pdf_record li{
		list-style-image:url(images/flower.png) ;
		list-style-position:outside!important;
		list-style-type:none;
	}
	


/*HOME PAGE MIDDLE*/

	#animation{height:480px; margin:0 0 0 -29px;}
	#animation img{border:none;}
	
	
/*POST IT AND SLOGAN*/
	.postit{
		/*display: none;*/
		margin:0px 0px 0px 507px;
	}
	
	.slogan{width:590px; margin:70px auto 0; margin:0px auto; color:#000; text-align:center; font-weight:bold;}
	.slogan h1{font-family:Verdana, Arial, Helvetica, sans-serif; color:#BA8800; font-weight:lighter;}
	





.contgal{
width:695px;
}
#target_desc{
color:#999; 
padding:10px;
width:420px;
}
#target_desc a{
color:#ba8800; 
}
blockquote{margin:20px 10px;}
.link_home {
float:left;
width:283px;margin:5px;
}
.link_home img{
border:none!important;
}


.gallery{
	padding:5px;
	text-align:left;
	width:210px;
}
.contimg{
padding:0px 0px 0px; 
}

/*IE 7 FIXES*/

*:first-child+html #menu{position:relative;}
*:first-child+html #section{position:relative;}
*:first-child+html .clear{height:0px;}







