/**CSS for beaumontsbutchers.com */

body {
	margin: 0px;
	padding: 0px;
	background: #FFFFFF url(images/bg01.gif) repeat left top;
}

/** FORMS */

form {
	margin: 0px;
	padding: 0px;
}

/** HEADINGS */

h1, h2, h3, h4, h5, h6 {
	margin: 0px;
}

/** TEXTS */

body, th, td, input, textarea, select {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11.5px;
	color:#373737;
}

p, blockquote, ul, ol, dl {
	margin-top: 0px;
	margin-bottom: 1em;
	text-align: justify;
	line-height: 15px;
}

.text1 {
	text-align: center;
	font-size: 10px;
	color: #A2AEB7;
}

.text2 {
	font-size: 10px;
	color: #465E72;
}

.text3 {
	font: normal 20px Georgia, "Times New Roman", Times, serif;
	color:#1853AB;
}

.text4 {
	letter-spacing: -1px;
	font: bold 16px Georgia, "Times New Roman", Times, serif;
	color: #00667C;
}

.text5 {
	letter-spacing: normal;
	font: normal 10px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #465E72;
}

/** LISTS */

.list1 {
	margin: 0px;
	padding: 0px;
	background: url(images/homepage18.gif) repeat left top;
	list-style: none;
	line-height: 15px;
}

.list1 a {
	padding: 14px;
	background: url(images/homepage19.gif) no-repeat 5px 50%;
	text-decoration: none;
	color: #566C7E;
}

.list1 a:hover {
	text-decoration: underline;
}

/** LINKS */

a {
	color: #016EBC;
}

a:hover {
	text-decoration: none;
}

.link1 {
	text-decoration: none;
	letter-spacing: -1px;
	font: bold 16px Georgia, "Times New Roman", Times, serif;
	color: #00667C;
}

.link1 em {
	display: block;
	letter-spacing: normal;
	font: normal 10px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #465E72;
}

.link2 {
	padding-left: 12px;
	background: url(images/homepage17.gif) no-repeat left center;
	font-size: 10px;
}
	

/** STYLES */

.style1 {
}

.style1 a {
}

.style1 a:hover {
}

/** BACKGROUNDS */

.bg1 { background: url(images/bg02.gif) repeat-x left top; }
.bg2 { background: url(images/bg03.gif) repeat-y left top; }
.bg3 { background: url(images/bg04.gif) no-repeat left top; }
.bg4 { background: url(images/bg05.gif) no-repeat right top; }
.bg5 { background: url(images/bg06.gif) no-repeat left top; }
.bg6 { background: url(images/bg07.gif) no-repeat left top; }
.bg7 { background: url(images/homepage06.gif) repeat-x left bottom; }
.bg8 { background: url(images/homepage24.gif) repeat-y left top; }

/** MISC */

.align-justify { text-align: justify; }
.align-right { text-align: right; }

img { border: none; }

.img1 {
	float: left;
	margin: 3px 15px 0px 0px;
}

.img2 {
	float: right;
	margin: 3px 0px 0px 15px;
}

hr { display: none; }

.hr1 {
	height: 1px;
}
/** BASIC */

html, body {
	height: 100%;
}

.text5 {
	margin-bottom: 15px;
	padding-bottom: 6px;
	background: url(images/homepage06.gif) repeat-x left bottom;
}

/** WRAPPER */

#wrapper {
	padding-top: 40px;
}

/** HEADER */

#header {
	width: 740px;
	height: 100px;
	margin: 0px auto;
	padding: 25px 0px 0px 0px;
}

/** CONTACT */

#contact {
	float: right;
	width: 270px;
	height: 65px;
	padding: 35px 0px 0px 20px;
}

#contact strong {
	display: block;
}

/** TOPMENU */

#topmenu {
	float: right;
	width: 210px;
	height: 100px;
}

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

#topmenu li {
	display: inline;
}

#topmenu a {
	display: block;
	float: right;
	height: 100px;
}

#topmenu1 { width: 57px; background: url(images/homepage02.gif) no-repeat left top; }
#topmenu2 { width: 50px; background: url(images/homepage03.gif) no-repeat left top; }
#topmenu3 { width: 50px; background: url(images/homepage04.gif) no-repeat left top; }
#topmenu4 { width: 53px; background: url(images/homepage05.gif) no-repeat left top; }

#topmenu span {
	display: none;
}

/** LOGO */

#logo {
	float: right;
	width: 230px;
	height: 100px;
	/*background: url(images/homepage01.jpg) no-repeat left top;*/
}

#logo h1, #logo h2 {
	display: none;
}

/** PAGE */

#page {
	width: 740px;
	margin: 0px auto;
}

/** SIDEBAR */

#sidebar {
	float: left;
	width: 220px;
	padding: 0px 0px 0px 10px;
}

/** MENU */

#menu {
	padding-left: 20px;
	padding-top:5px;
}

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

#menu li {
	display: block;
	width: 190px;
	height: 35px;
	padding: 7px 0px 8px 0px;
}

#menu a {
	display: block;
}
/*#menu a:hover {
	background-color:#EAEAEA;
	padding: 0px 10px 0px 2px;
}
*/
#menu1 { background: url(images/number1.gif) no-repeat right center; }
#menu2 { background: url(images/number2.gif) no-repeat right center; }
#menu3 { background: url(images/number3.gif) no-repeat right center; }
#menu4 { background: url(images/number4.gif) no-repeat right center; }
#menu5 { background: url(images/number5.gif) no-repeat right center; }
#menu6 { background: url(images/number6.gif) no-repeat right center; }
#menu7 { background: url(images/number7.gif) no-repeat right center; }
#menu8 { background: url(images/number8.gif) no-repeat right center; }
#menu9 { background: url(images/number9.gif) no-repeat right center; }
#menu10 { background: url(images/number10.gif) no-repeat right center; }
#menu11 { background: url(images/number11.gif) no-repeat right center; }
#menu12 { background: url(images/number12.gif) no-repeat right center; }

/** CONTENT */

#content {
	float: right;
	width: 490px;
	padding: 0px 10px 0px 0px;
}

/** FOOTER */

#footer {
	clear: both;
	width: 740px;
	margin: 0px auto;
	padding: 25px 0px 0px 0px;
}

/** BOX1 */

#box1 {
	width: 190px;
	margin-left: 20px;
	padding: 10px 0px;
}

/** BOX2 */

#box2 {
	width: 190px;
	margin-left: 20px;
	padding: 10px 0px;
}

/** BOX3 */

#box3 {
	float: left;
	width: 210px;
}

/** BOX4 */

#box4 {
	float: left;
	width: 235px;
	height: 269px;
	min-height: 269px;
	padding-left: 20px;
}

html>body #box4 {
	height: auto;
}

#box4 .bg7 {
	height: 6px;
	margin-bottom: 5px;
}

/** BOX5 */

#box5 {
	float: left;
	clear: left;
	width: 210px;
	padding-top: 15px;
	overflow:auto;
	height:440px;
	scrollbar-face-color:#CC9966;
scrollbar-arrow-color:#106847;
scrollbar-track-color:#CC9966;
scrollbar-shadow-color:#CC9966;
scrollbar-highlight-color:#CC9966;
scrollbar-3dlight-color:#CC9966;
scrollbar-darkshadow-color:#CC9966;
}

/** BOX6 */

#box6 {
	float: left;
	width: 235px;
	padding: 15px 0px 0px 20px;
}

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

#box6 li {
	display: block;
	float: left;
	width: 117px;
	height: 85px;
	margin-bottom: 15px;
	background: url(images/homepage06.gif) repeat-x left bottom;
}

#box6 p {
	margin: 0px;
}

#box6 li.right .image, #box6 .right p {
	padding-left: 13px;
}

#box6 li.right .image {
	background: url(images/homepage24.gif) no-repeat left top;
}

/** BOX7 */

#box7 {
	padding: 10px 27px 0px 0px;
}
.dotline {
background: url(images/homepage06.gif) repeat-x left bottom;
}
.dotImage {
border:1px dotted #CCCCCC;
padding:1px;
margin-right:5px;
}
.otherImg {
margin-right:5px;
margin-bottom:5px;
}
.otherImg2 {
margin-left:5px;
margin-bottom:5px;
}