/* Jersey Dairy farms*/

body {
	margin:0;
	font-family: oswald,  sans-serif;
	background-color: rgb(255,255,255);
}

.oswald {
	 font-family: 'Oswald', sans-serif;
}
.arial {
	 font-family: arial, verdana, sans-serif;
}
h1 {
   font-size:16px;
}
h2 {
   font-size:14px;
}
body {
    background-image:url(../images/bg-1.jpg);
	background-repeat:repeat-x;
    background-position:top;

 }
.wrapper-top-1 {
	width:100%;
	height:332px;
	
}
.top-1-content {
    width:1024px;
	height:332px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../images/bg-2.jpg);
	background-repeat:no-repeat;
}

.wrapper-content-1 {
	width:100%;
	height:auto;
	overflow:auto;

}
.content-1 {
    width:1024px;
	height:auto;
	position:relative;
	margin-left:auto;
	margin-right:auto;
}
.slider-wrap {
	width:1024px;
	height:285px;
    margin-top:10px;
    margin-bottom:20px;
	background-image:url(../images/slider/slide_default.jpg);
	background-repeat:no-repeat;
    border:1px solid rgb(165,200,165);
}
.slider-shadow {
	width:1024px;
	height:24px;
	background-image:url(../images/slider-shadow.jpg);
	background-repeat:no-repeat;
    margin-bottom:10px;
}
.left-250-box {
    width:250px;
    height:auto;
    overflow:auto;
    float:left;
    margin-bottom:20px;
}
.right-750-box {
    width:740px;
    height:auto;
    overflow:auto;
    float:right;
    padding-top:15px;
    padding-left:10px;
    padding-right:10px;

    background-image:url(../images/bg-6.jpg);
    background-repeat:repeat-x;
    background-position:top;
}
.box750-content-wrap {
    width:730px;
    height:auto;
    overflow:auto;
	background-repeat:no-repeat;
    background-position:bottom left;
    padding-top:15px;
    padding-left:10px;
    padding-right:10px;
    margin-top:20px;
    background-image:url(../images/bg-6.jpg);
    background-repeat:repeat-x;
    background-position:top;
 }
.box355 {
    width:355px;
	height:auto;
	overflow:auto;
    float:left;
    /*
	padding-top:10px;
	padding-bottom:15px;
    margin-bottom:10px;
    */
 }
.contact-box {
	width:228px;
	height:auto;
	overflow:auto;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:15px;
	padding-top:10px;
	border:1px solid rgb(10,100,0);	
    text-shadow: 1px 1px 2px rgba(0,0,0,.5);
	background-image:url(../images/bg-4.jpg),url(../images/bg-5.jpg);
	background-position:top, top;
	background-repeat:repeat-x, repeat;
	margin-bottom:10px;
}
.box250 {
    width:228px;
	height:auto;
	overflow:auto;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:15px;
	padding-top:10px;
	border:1px solid rgb(0,0,0);
    margin-bottom:10px;
 }
 
 .box250-social-media {
    width:228px;
	height:20px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:15px;
	padding-top:10px;
    margin-bottom:10px;
    background-image:url(../images/bg-3.jpg);
 }

.wrapper-footer {
	width:100%;
    height:auto;
	overflow:auto;


}
.footer-content {
	width:1004px;
	height:auto;
    padding-left:10px;
    padding-right:10px;
	padding-bottom:10px;
	margin-left:auto;
	margin-right:auto;
    margin-bottom:20px;
	overflow:auto;
    background-image:url(../images/bg-7.jpg);
    background-repeat:repeat-x;
    background-position:top;
    background-color:green; 
}
.footer-copyright {
	width:1004px;
	color:rgb(0,148,17);
	font-size: 11px;
	text-align:left;
    font-family:arial, verdana, sans-serif;
    padding-top:5px;
    padding-bottom:10px;
}
.footer-copyright a:link, .footer-copyright a:active, .footer-copyright a:visited {
	color:rgb(0,148,17);
	font-size: 11px; 
	text-decoration: none;	
}
.footer-copyright a:hover {
	text-decoration: underline;
}
.address-email {
	
	color:rgb(255,255,255);
	font-size: 14px;
	text-align:left;
}
.address-email a:link, .address-email a:active, .address-email a:visited {
	color:rgb(255,255,255);
	font-size: 14px; 
	text-decoration: none;	
}
.address-email a:hover {
	text-decoration: underline;
}

.contact {
	
	color:rgb(255,255,255);
	font-size: 14px;
	text-align:left;
}
.contact a:link, .contact a:active, .contact a:visited {
	color:rgb(255,255,255);
	font-size: 14px; 
	text-decoration: none;	
}
.contact a:hover {
	text-decoration: underline;
}





.nav-map {
	color:rgb(255,255,255);
	font-size: 12px;
	text-align:left;
    padding-bottom:5px;
}
.nav-map a:link, .nav-map a:active, .nav-map a:visited {
	color:rgb(255,255,255);
	font-size: 12px; 
	text-decoration: none;	
}
.nav-map a:hover {
	text-decoration: underline;
}

.read-more a:link, .read-more a:active, .read-more a:visited {
	color:rgb(255,255,255);
	font-size: 12px; 
	background-color:rgb(255,0,0);
	text-decoration:none;
	padding:1px 10px;
	float:left;
    margin-bottom:30px;

}
.read-more a:hover {
	font-size: 12px; 
	color:rgb(255,255,255);
	background-color:rgb(222,0,0);
	text-decoration:none;
}
.social-media {
	text-align:right;
}
.enespanol a:link, .enespanol a:active, .enespanol a:visited {
    color:rgb(192,255,184);
    font-size:14px;
    letter-spacing:1px;
    text-decoration: none;
 }
.enespanol a:hover {
    color:rgb(255,255,255);
    text-decoration: underline;
 }
 .enespanol {
    position:relative;
    top:280px;
    right:20px;
    font-size:14px;
    letter-spacing:1px;
    float:right;
 }

.wrapper-appointment {
    width:100%;
	height:auto;
	overflow:auto;
    position:absolute;
    top:125px;               
}
.appointment-box {
    width:1024px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
 }

.needaquote a:link, .needaquote a:active, .needaquote a:visited {
	
	float:right;
	font-size:11px;
    letter-spacing:1px;
	color:rgb(255,255,255);
	background-color:rgb(27,68,100);
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	text-decoration:none;
	text-shadow: 1px 1px rgb(0,0,0);
	border-top: 1px solid rgb(129,167,171);
    border-right: 1px solid rgb(20,20,100);
	border-bottom: 1px solid rgb(20,20,100);
	border-left: 1px solid rgb(129,167,171);
}
.needaquote a:hover {
	background-color:rgb(20,50,74);
	text-decoration:none;
	text-shadow: 1px 1px rgb(0,0,0);
}
.info-box {
	height:auto;
	overflow:auto;
	background-color: rgb(235,245,235);
	margin-left:15px;
	margin-top:20px;
	margin-bottom:55px;
	float:left;
}
.info-box-title {
	height:auto;
	overflow:auto;
	padding:10px;
	background-color: rgb(201,230,216);
}
 
/*menu*/
/*
.wrapper-menu {
	position:absolute;
    width:100%;
	top:272px;
}
*/


.menu {
    position:relative;
    top:272px;
 }
.menu ul {
	margin:0;
	padding:0;
}
.menu ul li {
	display:inline;  
}
.menu ul li a {
	float: left;
	font-size:15px;
    letter-spacing:1px;
	text-decoration: none;
    color:rgb(192,255,184);
    text-shadow: 1px 1px rgb(0,0,0);
    padding-top:13px;
	padding-bottom:5px;
	padding-left:12px;
	padding-right:12px;
    border-right:1px solid rgb(105,209,91);
}
.menu ul li a:visited{
    color:rgb(255,255,255);
    text-shadow: 1px 1px rgb(0,0,0);
} 
.menu ul li a:hover, .menu ul li .current {
	font-size:15px;
    letter-spacing:1px;
    background-image:url(../images/pageon.jpg);
    background-position:bottom;
    background-repeat:repeat-x;
	color:rgb(255,255,255);
}
li.pageon {
	float: left;
	font-size:15px;
    letter-spacing:1px;
	text-decoration: none;
	color:rgb(192,255,184);
    text-shadow: 1px 1px rgb(0,0,0);
    background-image:url(../images/pageon.jpg);
    background-position:bottom;
    background-repeat:repeat-x;
	padding-top:13px;
	padding-bottom:5px;
	padding-left:12px;
	padding-right:12px;
    border-right:1px solid rgb(105,209,91);

}
/*end menu*/

#wrap-appointment-form {
    background-color:rgb(240,240,240);
	height:570;
	width: 400px;
	position: absolute;
	left:730px;
	top: 5px;
	border:rgb(255,255,255) solid 1px;
	padding-bottom:15px;

	visibility: hidden;

	text-align: center;
	z-index: 101;
	box-shadow: 0px 0px 10px rgb(0, 0, 0);
	-moz-box-shadow: 0px 0px 10px rgb(0, 0, 0);
	-o-box-shadow: 0px 0px 10px rgb(0, 0, 0);
	-webkit-box-shadow: 0px 0px 10px rgb(0, 0, 0);
}
.prod-supply a:link, .prod-supply a:active, .prod-supply a:visited {
	color:rgb(0,0,0);
	text-decoration: underline;	
}
.prod-supply a:hover {
	color: rgb(0,0,0);
	text-decoration: underline;
}
.prod-image {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	border:rgb(0,0,0) 1px solid;
}
.contact {
	
	color:rgb(255,255,255);
	font-size: 14px;
	text-align:left;
}
.contact a:link, .contact a:active, .contact a:visited {
	color:rgb(255,255,255);
	font-size: 14px; 
	text-decoration: none;	
}
.contact a:hover {
	text-decoration: underline;
}