/***********************************************************************************************
	// CSS Styles for Lenagh Livestock { http://limousins.co.uk }
	// Created by the-peach { http://the-peach.co.uk }
	// Version 1.0 > Updated 16/12/10
		
	1. CORE
			1.1 Reset
			1.2 Default styles
	
	2. LAYOUT
			2.1 Header
			2.2 Navigation
			2.3 Content
			2.4 Sidebar
			2.5 Corners
			2.6 Footer
	
	3. MODULES
			3.1 Twitter
			3.2 Contact
			3.3 Privacy
 
***********************************************************************************************/
 
 
/* 1. CORE
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
 
/* 1.1	Reset
-----------------------------------------------------------------------------------------------*/
 
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin:0;
		padding:0;
		border:0;
		font-size:100%;
		vertical-align:baseline;
		background:transparent;
	}
	
	ol, ul {
		list-style:none;
	}
	
	blockquote, q {
		quotes:none;
	}
	
	blockquote:before, 
	blockquote:after,
	q:before, q:after {
		content:'';
		content:none;
	}
	
	ins {
		text-decoration:none;
	}
	
	del {
		text-decoration:line-through;
	}
	
	table {
		border-collapse:collapse;
		border-spacing:0;
	}
 
 
/* 1.2	Default styles
-----------------------------------------------------------------------------------------------*/	
 
	body {
		background:#F4EDD9 url(../img/background/body-bg.png) repeat;
		color: #172815;
		font:66% "Myriad Pro", "Helvetica Neue", Arial, Helvetica, sans-serif;
		/* Arial, Helvetica not Helvetica, Arial because of rendering problems on Windows */
		text-align:center;
		}
		
	body { -webkit-text-stroke:1px transparent; }
	@media only screen and (max-device-width:480px) {body{-webkit-text-stroke:0 black;}}
 
	hr { 
		display:none;
	}
			
	strong {
		font-weight:bold;
	}
			
	em {
		font-style:italic;
	}
 
	a {
		color: #003300;
		text-decoration:none;
	}
	
	a:hover, 
	a:active {
		color: #355d31;
		text-decoration:underline;
	}
	
 
/* 2. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
 
	.container {
		width:977px;
		margin:0 auto;
		font-size:1.2em;
		text-align:left;
		position:relative;
	}
 
 
	#content {
		width:610px;
		float:left;
	}
	
	#footer {
		clear:both;
	}
 
	
/* 2.1	Header
-----------------------------------------------------------------------------------------------*/	
	
	#header {
		background:url(../img/background/header-bg-repeat.png) repeat-x top center;
		height:295px;
		margin-bottom:-160px;
		padding-top:35px;
	}
	
		.logo, .logo span {
			width:250px;
			height:120px;
			background:url(../img/nav/logo.png) no-repeat 0 -120px;
			position:relative;
			float:left;
			display:inline;
			text-indent:-9999em;
		}
		
		.logo:hover, .logo span:hover {background:url(../img/nav/logo.png) no-repeat 0 0;}
			
			.logo span {
				position:absolute;
				left:0;
				top:0;
			}
			
			
/* 2.2	Navigation
-----------------------------------------------------------------------------------------------*/
    #nav-label {display:none;}
    
    #primary-nav,
    #primary-nav li,
    #primary-nav a span,
    #primary-nav li.current span span {
      background-image:url("../img/nav/nav-sprite.png");
      background-repeat:no-repeat;
    }
    
    #primary-nav {
      	background-color:transparent;
    	background-repeat:no-repeat;
    	float:left;
    	margin:20px 0 0 20px;
    	padding-left:-1px;
    }    
    	#primary-nav li {
    	 	background-position:0 -252px;
    		float:left;
    		font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
    		font-size:12px;
    	}
    
    	#primary-nav a,
      	#primary-nav li.current span {
		  -moz-outline: 0;
      	  color:#241e34;
      	  display:block;
      	  height:84px;
      	  line-height:84px;
      	  margin-right:-1px;
      	  position:relative;
      	  text-align:center;
      	  text-shadow:#857e96 0 1px 0;
      	}	
    	    #primary-nav a:active,
        	#primary-nav a:focus {
        	  color:#fff;
        	  text-decoration:none;
        	  text-shadow: 0px 1px 0px black;
        	}	
    
        #n-home a,
        #n-home.current span      { width:  75px; }
        #n-females a,
        #n-females.current span    { width:  91px; }
        #n-sires-embryo a,
        #n-sires-embryo.current span   { width:  88px; }
        #n-youngstock a,
        #n-youngstock.current span   { width: 127px; }
        #n-past-successes a,
        #n-past-successes.current span { width: 134px; }
        #n-for-sale a,
        #n-for-sale.current span { width: 57px; }
        #n-contact a,
        #n-contact.current span { width: 101px; }
    
        	#primary-nav a span,
        	#primary-nav .current span span {
        	  height: 100%;
        	  left: 0;
        	  position: absolute;
        	  top: 0;
        	  width: 100%;
        	}
    
    
          #n-home               	a       span  { background-position:    0     0; }
          #n-females            	a       span  { background-position:  -75px   0; }
          #n-sires-embryo           a       span  { background-position: -166px   0; }
          #n-youngstock            	a       span  { background-position: -254px   0; }
          #n-past-successes        	a       span  { background-position: -381px   0; }
          #n-for-sale          		a       span  { background-position: -515px   0; }
          #n-contact          		a       span  { background-position: -572px   0; }
    
      	  #n-home               	a:active span,
      	  #n-home               	a:focus span  { background-position:    0   -84px; }
          #n-females             	a:active span,
          #n-females             	a:focus span  { background-position:  -75px -84px; }
          #n-sires-embryo           a:active span,
          #n-sires-embryo           a:focus span  { background-position: -166px -84px; }
          #n-youngstock            	a:active span,
          #n-youngstock            	a:focus span  { background-position: -254px -84px; }
          #n-past-successes        	a:active span,
          #n-past-successes        	a:focus span  { background-position: -381px -84px; }
          #n-for-sale          		a:active span,
          #n-for-sale          		a:focus span  { background-position: -515px -84px; }
          #n-contact          		a:active span,
          #n-contact          		a:focus span  { background-position: -572px -84px; }
    
          #n-home.selected      		a       span,
          #n-home.current       		span    span  { background-position:    0   -168px !important; }
          #n-females.selected    		a       span,
          #n-females.current     		span    span  { background-position:  -75px -168px !important; }
          #n-sires-embryo.selected  	a       span,
          #n-sires-embryo.current   	span    span  { background-position: -166px -168px !important; }
          #n-youngstock.selected   		a       span,
          #n-youngstock.current    		span    span  { background-position: -254px -168px !important; }
          #n-past-successes.selected 	a       span,
          #n-past-successes.current  	span    span  { background-position: -381px -168px !important; }
          #n-for-sale.selected 			a       span,
          #n-for-sale.current  			span    span  { background-position: -515px -168px !important; }
          #n-contact.selected 			a       span,
          #n-contact.current  			span    span  { background-position: -572px -168px !important; }
    
          /* !important added for IE6 #id.class issue */
               
  
/* 2.3	Content
-----------------------------------------------------------------------------------------------*/	
 
	/* GENERAL */
    .hidden {
        display:none;
    }
    
    .clearboth {
        clear:both;
    }
	
		/* EDITABLE CONTENT */
		.editable {
        	width:550px;
       		float:left;
			text-shadow: #fff 0 1px 0;
			font-size: 16px;
			text-align: justify;
        }
        
        .module { margin: 0 10px 0 16px; }
        
        	/* UL LINE SPACING */
        	.module li { line-height: 140%; }
        	.module .spacer { list-style:none; height:20px; }
	
	    	/*/* Content - (section specific) */
	    	
	    	.container h2 { 
	    		height:40px;
            	margin-left:-16px;
            	margin-bottom:8px;
            	text-indent:-9999px;
            	overflow:hidden; 
            }
        	
        	.lenagh { background:url(/img/headings/content-lenagh.png) top left no-repeat; }
        	
        	/* Animal specific Content Headings */
        	.ulay h2 {
            	height:40px;
            	margin-bottom:6px;
            	background:url(/img/headings/content-ulay.png) top left no-repeat;
            	text-indent:-9999px;
            	overflow:hidden;
        	}
        	
        	.chanel h2 {
            	height:40px;
            	margin-bottom:6px;
            	background:url(/img/headings/content-chanel.png) top left no-repeat;
            	text-indent:-9999px;
            	overflow:hidden;
        	}
        	
        	.blossom h2 {
            	height:40px;
            	margin-bottom:6px;
            	background:url(/img/headings/content-blossom.png) top left no-repeat;
            	text-indent:-9999px;
            	overflow:hidden;
        	}
        	
        	.babe h2 {
            	height:40px;
            	margin-bottom:6px;
            	background:url(/img/headings/content-babe.png) top left no-repeat;
            	text-indent:-9999px;
            	overflow:hidden;
        	}
        	
        	.brighteyes h2 {
            	height:40px;
            	margin-bottom:6px;
            	background:url(/img/headings/content-brighteyes.png) top left no-repeat;
            	text-indent:-9999px;
            	overflow:hidden;
        	}
        	
        	.belle h2 {
            	height:40px;
            	margin-bottom:6px;
            	background:url(/img/headings/content-belle.png) top left no-repeat;
            	text-indent:-9999px;
            	overflow:hidden;
        	}
        	
        	.violet h2 {
            	height:40px;
            	margin-bottom:6px;
            	background:url(/img/headings/content-violet.png) top left no-repeat;
            	text-indent:-9999px;
            	overflow:hidden;
        	}
        	
        	.elegance h2 {
            	height:40px;
            	margin-bottom:6px;
            	background:url(/img/headings/content-elegance.png) top left no-repeat;
            	text-indent:-9999px;
            	overflow:hidden;
        	}
        	
        	.dream h2 {
            	height:40px;
            	margin-bottom:6px;
            	background:url(/img/headings/content-dream.png) top left no-repeat;
            	text-indent:-9999px;
            	overflow:hidden;
        	}
        	
        	.classy h2 {
            	height:40px;
            	margin-bottom:6px;
            	background:url(/img/headings/content-classy.png) top left no-repeat;
            	text-indent:-9999px;
            	overflow:hidden;
        	}
        	
        	.utopia h2 {
            	height:40px;
            	margin-bottom:6px;
            	background:url(/img/headings/content-utopia.png) top left no-repeat;
            	text-indent:-9999px;
            	overflow:hidden;
        	}
        	
        	/* For Sale Content Headings */
        	.forsale1 h2 {
            	height:40px;
            	margin-bottom:6px;
            	background:url(/img/headings/for-sale-1.png) top left no-repeat;
            	text-indent:-9999px;
            	overflow:hidden;
        	}
        	
        	.forsale2 h2 {
            	height:40px;
            	margin-bottom:6px;
            	background:url(/img/headings/for-sale-2.png) top left no-repeat;
            	text-indent:-9999px;
            	overflow:hidden;
        	}
    
	
	/* BANNER CONTROL */   
	.banner {
    background:url(../img/background/banner-bg.png) repeat-x;
    height:371px;
    margin:0;
    }

    .banner h1 {
        height:42px;
        padding-top: 30px;
        text-indent:-9999px;
        overflow:hidden;
    }
    
    .banner ul {
        margin-left:0px;
        }
        
        .banner li {
            width:471px;
            height:218px;
            background:url(../img/background/headline-bg.png) no-repeat;
            float:left;
            margin:10px 0 18px 7px;
            position:relative;
            }
            
            .banner li img {
                margin: 7px;
            }
            
    /* sub - banner */
    .sub { background:url(/img/background/subBanner-bg.png) repeat-x; height:325px; }
    .sub h1 { height:40px; padding-top: 60px; text-indent:-9999px; overflow:hidden; }
    
    	.sub-banner-content { margin-top:-325px; z-index: 1; }
    	.sub-banner-content h1 { height: 51px; margin-top:30px; text-indent:-9999px; }
       

/* 2.4	Sidebar
-----------------------------------------------------------------------------------------------*/	
            
	/* SIDEBAR */    
    .sideBar {
       margin-top:18px;
       background:url(../img/background/content-bg.jpg);
       border:1px solid #172815;
       float:right;
       position:relative;
       width:390px;
       text-shadow: #fff 0 1px 0;
       text-align: justify;
       }
        
       .sideimage { width:350px; margin-right:16px; padding:1px; }
       .sideimage img { display:block; clear:both; margin-bottom: 0; padding: 0; height: 238px; }
        
        /*/* Sidebar - recent news headings */
       	#recentNewsH2 {
           	height:45px;
           	background:url(/img/headings/recent-news.png) 158px 4px no-repeat;
           	text-indent: -9999em;
           	overflow:hidden;
        	}
        	
        .editableSideBar {
        text-shadow: #fff 0 1px 0;
		font-size: 15px;
		overflow: hidden;
        }
        
        	.editableSideBar h4 { padding: 10px 10px 0 10px; }
        	.editableSideBar p  { padding: 0 10px 10px 10px; border-bottom: 1px solid #172815; }
        
        /*/* Sidebar - footer link */
        #sideBarFooter {
        	background:#cec7b5 url(/img/background/sidebar-footer-bg.png) 0 0 repeat-x;
            height:25px;
            overflow:hidden;
            border-top: 1px solid #172815;
        	}
        
        	#sideBarFooter p {float:right; font-weight:bold; font-size:15px; padding: 5px 10px 0 0; }
        


/* 2.5	Corners
-----------------------------------------------------------------------------------------------*/	
	 
	 /* CORNER CONTROL */
	 .tl,
	 .tr,
	 .bl,
	 .br {
	   	position:absolute;
	   	background-image:url(/img/background/corners_sprite.png);
	   	width:6px;
	   	height:6px;
	   	overflow:hidden;
		}
 
     .tl {
        left:-1px;
        top:-1px;
        }
        
	 .tr {
	   background-position:-6px 0px;
	   right:-1px;
	   top:-1px;
	   }
	   
	 .bl {
	   background-position:-12px 0px;
	   left:-1px;
	   bottom:-1px;
	   }
	   
	 .br {
	   background-position:-18px 0px;
	   right:-1px;
	   bottom:-1px;
	   }	
 
 	

/* 2.6	Footer
-----------------------------------------------------------------------------------------------*/	
 
	#footer {
		background:url(/img/background/footer-bg.png) repeat-x 0 0;
		float:left;
		clear:both;
		width:100%;
		margin:30px 0;
		padding:10px 0 25px;
		overflow:hidden;
		font-weight:bold;
		text-shadow: #fff 0 1px 0;
		}

		#footer ul {
			float:left;
			margin:0 0 0 -12px;
			}

			#footer li {
				float:left;
				padding:0 0 0 14px;
				background:url(/img/background/footer-seperator.png) no-repeat 5px 6px;
				}

		#footer p {
			float:right;
			}
		
		
/* 3. MODULES
-----------------------------------------------------------------------------------------------
===============================================================================================*/

/* 3.1	Contact
-----------------------------------------------------------------------------------------------*/

	/* CONTACT-AREA */
 	#contactform {
        background:#cec7b5 url(/img/background/content-bg.jpg);
        border:1px dashed #1F361C;
        margin-bottom:20px;
        padding:10px;
        position:relative;
        width:850px;
        margin-right:auto;
        margin-left:auto;
        -moz-border-radius: 7px; -webkit-border-radius: 7px;
        position:relative;
    	}
        
        /* H1 IMAGE */
        #contactform h1 {
            height:40px;
            width:260px;
            background:url(../img/headings/contact-us.png) left no-repeat;
            text-indent:-999px;
            overflow:hidden;
            float:left;
            margin-right:8px;
        	}
 	
 	#contactform label {
    	overflow:hidden;
    	display:none;
    	}
    
 	#contactform input {
    	font:inherit;
    	font-size:17px;
    	color: #1F361C;
    	width:250px;
    	padding:6px 0px 6px 30px;
    	-moz-border-radius: 5px; -webkit-border-radius: 5px;
    	}
    
    		/* FORM FIELDS */
            #Name { background: #FFF url(/img/forms/bg_form_name.png) 0 0  no-repeat; margin-right:10px; }
            #Email { background: #FFF url(/img/forms/bg_form_email.png) 0 0  no-repeat; }
            #Message {
           		height:100px;
           		font:inherit;
           		font-size:17px;
           		color: #1F361C;
                width:600px;
                padding:6px;
                margin-top:12px;
                resize:none;
				-webkit-background-clip: border-box;
                -webkit-appearance: textfield;
                display:block;
            	}
            	
            	#Message:focus { background-color: #EFFCED; }
            
            /* NON IE 6 SUBMIT BUTTON */ 
            #submitform {
                background:#cec7b5 url(/img/background/content-bg.jpg);
                text-indent:0px !important;
				margin:-75px 55px 0 0;
                }
               
            #submitform input {
                cursor:pointer;
                background:url(/img/buttons/btn_submit.png);
                border:0px;
                width:119px !important;
                height:37px;
                text-indent:-9999px;
                overflow:hidden;
                }

 			/* FORM VALIDATION */  
 			#errorsys {
 				display:none;
 				width:700px;
 				margin-right:auto;
 				margin-left:auto;
				background:#cec7b5;
 				border: solid #172815 1px;
 				margin-top:20px;
 				padding: 10px;
 				text-shadow: #fff 0 1px 0;
 				-moz-border-radius: 5px; -webkit-border-radius: 5px;
 				}

				#errorsys h3 {
				height:40px;
				margin:0;
 				background:url(/img/headings/validationh2.png) top left no-repeat;
 				text-indent: -9999px;
 				}
 				
 				#errorsys ul {
 				/*display:none; -- comment for non dynamic label*/
 				font-size: 16px;
 				margin-left:15px;
 				font-weight:bold;
 				}
 				
 					#errorsys ul li {
 					/*display:none; -- comment for non dynamic label*/
 					list-style-type:disc;
 					margin: 0 15px 0 25px;
 					padding: 0 15px 0 25px;
 					font-size: 15px;
 					font-weight:normal;
 					}
				
 /* GOOGLE MAP + CONTACT DETAILS */
 #cDetail {
   	display:block;
    position:relative;
    height:295px;
    padding:5px;
    }
    
    /* ADDRESS */
    #cAddress, #cLocation {
   	display:block;
   	float:left;
    position:relative;
    padding:5px;
    margin:10px 0 10px 0;
    border:1px dashed #1F361C;
    -moz-border-radius: 5px; -webkit-border-radius: 5px;
    background:#cec7b5;
    }
    
		#cDetail h4 {
		color: #990000;
		padding:5px 5px 0px 10px;
		position:relative;
		font-family:inherit;
		font-size:20px;
		text-shadow:#fff 0 1px 0;
		}

		#cDetail p {
		border:1px solid #1F361C;
		padding:10px 15px 10px 15px;
		position:relative;
		margin:10px;
		font-size:17px;
		text-shadow:#fff 0 1px 0;
		font-weight:bold;
		background:#cec7b5 url(/img/background/content-bg.jpg);
		}
	
	 		/* PHONE ICON */ 
 			#cPhone img { display: inline; position: relative; float: left; margin:0 8px 0 3px; }
 	
 			/* EMAIL RESULT */		
 			#eresult {
 				display:block;
 				width:700px;
 				height:130px;
 				margin-right:auto;
 				margin-left:auto;
				background:#cec7b5;
 				border: dashed #172815 1px;
 				margin-top:20px;
 				padding: 10px;
 				text-shadow: #fff 0 1px 0;
 				-moz-border-radius: 5px; -webkit-border-radius: 5px;
 				}
 				
 			#eresult h3 {
				height:40px;
				margin:0;
 				background:url(/img/headings/email-success-heading.png) left no-repeat;
 				text-indent: -9999px;
 				}
 				
 				#eresult p { margin:15px 0 15px 20px; font-weight:bold; }


 
/* 3.2	Twitter
-----------------------------------------------------------------------------------------------*/
         
	/* RECENT NEWS TWITTER FEED */
	.twitted {
		width: auto;
		margin-bottom: 0;
		margin-left: 0;
		}
 
	.twitted p.preLoader {
		margin: 0;
		padding: 1em;
		}
 
	.twitted ul#twitter_update_list {
		margin: auto;
		padding: 0 0.8em;
		list-style-type: none;
		}
 
	.twitted ul#twitter_update_list li {
		margin: 0;
		padding: 0.8em 0 1em 0;
		border-bottom: dashed #172815 1px;
		}
 	/* tweet content */
	.twitted ul#twitter_update_list li span {
		display: block;
		color: #172815;
		}
 	/* links in tweet content */
	.twitted ul#twitter_update_list li span a {
		font-weight: normal;
		}
 	/* timestamp link */
	.twitted ul#twitter_update_list li a {
		font-weight: bold;
		}
 
	.twitted ul#twitter_update_list li.lastTweet {
		border-bottom: none;
		}
		
		
/* 3.3	Privacy
-----------------------------------------------------------------------------------------------*/
         
	#privacy {
		width:850px;
		margin:0 auto;
		background:url(/img/background/content-bg.png) repeat 0 0;
		}
 
	#privacy li {
		width:850px;
		background:url(/img/background/footer-bg.png) repeat-x 0 0;
		overflow:hidden;
		padding-top:24px;
		padding-bottom:17px;
		margin:0 auto;
		}
 
	#privacy li h3 {
		text-indent:-9999em;
		height:30px;
		width:750px;
		background-position:top right;
		background-repeat:no-repeat;
		float:right;
		font-size: 170%;
		text-shadow:#fff 0 1px 0;
		}
 
	#p-1 h3 { background-image:url(/img/headings/p-1.png); }
	#p-2 h3 { background-image:url(/img/headings/p-2.png); }
	#p-3 h3 { background-image:url(/img/headings/p-3.png); }
	#p-4 h3 { background-image:url(/img/headings/p-4.png); }
	#p-5 h3 { background-image:url(/img/headings/p-5.png); }