@charset "utf-8";


* {
	padding: 0;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
}

body{
	margin: 0 auto 0 auto;
	font-size: 10px;
	font-family: Arial, Sans-Serif;
	color:#333;
	background-color: #E3E6E4;
	background-image: url(../images/dairy_pics/body_tile.jpg);
	background-repeat: repeat-x;
	background-position: left top;

}
#wrapper   #rectangle  {
	height: 420px;
	width: 960px;
	background-image: url(../images/dairy_pics/bg.jpg);
	background-color: #F8F7FC;
}
#wrapper   #rectangle  #sidebar  {
	float: right;
	width: 490px;
	padding: 20px;
	
}
#wrapper  #rectangle  #sidebar  h2  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #BE2B35;
	font-weight: bold;
	text-align: center;
}
#wrapper   #rectangle  #image  {
	width: 418px;
	padding-top: 70px;
	padding-left: 5px;
}




div, p, ul, h2, h3, h4, img{
	padding:0px; margin:0px; border:none;
}

ul{
	list-style-type:none;
}
.spacer{
	clear:both; 
	font-size:0px; 
	line-height:0px;
}

a { outline:none; /* Remove Firefox's dotted borders */ text-decoration:none; color:#999999; }
a:hover{ color:#333;}
a img { border:none;} /* Remove IE's blue borders */

/*HEADINGS*/
h1 {
	border:none;
	margin:0;
	padding:10px 0 0 10px;
	width:129px;
	color: #B42A37;
}
h2 {
	font-size: 3em;
	border:none;
	margin:0;
	padding:0;
	display:block;
	line-height:1em;
	color: #B83135;
}
h3 {
	border:none;
	margin:0;
	padding:0;
	color: #A52637;
}
#wrapper .box h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #AE2422;
}
p  {
	font-size: 1.3em;
	padding:20px 0 0 0;
}

.hr{
	padding:0;
	width:940px;
	border-bottom-width: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #36308C;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 10px;
}
#wrapper .box .tam a {
	color: #333333;
}
.left{float:left; padding:0 10px 0 0;}

.right{float:right; }
.stroke{ border:1px solid #CCCCCC;}

/*-------------------------------END----------DEFINE BODY PROPERTIES----------------------------------------*/
#wrapper{
	width:960px;
	height:100%;
	margin:0 auto;
	padding:0;
}
#wrapper #header #menu {
	padding-top: 100px;
	padding-left: 465px;
}
#wrapper #header #menu #about {
	margin-left: 42px;
}
#wrapper #header #menu #contact {
	margin-left: 30px;
}

#wrapper #header #menu #products {
	margin-left: 35px;
}
#wrapper #header #menu #new {
	margin-top: -10px;
	margin-left: 35px;
	line-height: 15px;
}

#wrapper #header #menu #gallery {
	margin-left: 30px;
	line-height: 15px;
	margin-top: -3px;
}




#menu a{
	float:left;
	text-align:center;
	text-decoration:none;
	font-size:14px;
	color:#AD2C31;
	display:block;
	border:none;
	font-weight: bold;
	line-height: 10px;
}

#menu a:hover {
	color:#314F95;
} /*Chanage bg color on menu item hover*/
#wrapper #blueline {
	background-image: url(../images/blueLine.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 13px;
}

/*------------------------------CONTENT--------------------------------*/

.box{
	width:200px;
	height:302px;
	padding:10px;
	margin:10px;
	float:left;
	display:inline;
	overflow:hidden;
	background:#E3E6E4 url(../images/bg_box.jpg) top left repeat-x;
	border-top-width: 2px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #36308C;
}
#wrapper #header {
	background-image: url(../images/header1.jpg);
	height: 136px;
	background-repeat: no-repeat;
	background-position: center;
}

.box:hover{
	width:200px;
	height:298px;
	padding:10px;
	margin:10px;
	float:left;
	display:inline;
	overflow:hidden;
	background:#E3E6E4 url(../images/bg_box_hover.jpg) top left repeat-x;
	border-top-width: 2px;
	border-bottom-width: 4px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #36308C;
	border-bottom-color: #C3232D;
}
.main{
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	width: 940px;
	padding: 10px;
	background-color: #C3C5DA;
	background-image: url(../images/dairy_pics/rectangle1.jpg);
	background-repeat: no-repeat;
}
#wrapper .box #butter {
	margin-top: 30px;
	margin-left: 10px;
}
#wrapper .box #milk {
	margin-top: 30px;
	margin-left: 50px;
}
#wrapper .box #cheese {
	margin-top: 30px;
	margin-left: 30px;
}
#wrapper .box #icecream {
	margin-top: 30px;
	margin-left: 55px;
}
#wrapper #footer span {
	margin-left: 450px;
}
/*ul{
	padding:10px;
	margin:10px 0 0 20px;
	background-color: #FFFFFF;
}
ul li{ list-style:disc; font-size:1.1em; color:#666; padding:0 0 4px 0;}
*/
/*------------------------------FOOTER--------------------------------*/

#footer{ width:920px; padding:10px; margin:0;}
#wrapper .main .list li {
	margin-left: 70px;
}