@charset "utf-8";
/* CSS Document */
html {
  filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

* {
	margin:0;
	padding: 0;

}
p a {
	color:#CCCCCC;
	text-decoration: underline;
}
p a:hover {
	color: #CCCCCC;
	text-decoration: none;
	
}
body {
	background-position: left top;
	height: 100%;
	background-image: url(../images/Cow_background_image.jpg);
	background-repeat: repeat;
}
#buttons {
	float: left;
	height: 93px;
	width: 942px;
	background-image: url(../images/link_bar.jpg);
}
#buttons2 {
	float: left;
	height: 93px;
	width: 942px;
	background-image: url(../images/menu_link_bar.png);
	background-repeat: no-repeat;
	background-position: left top;
}

div#wrapper {
	width: 1000px;
	margin-top: 0px;
	margin-left:auto;
	margin-right:auto;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	margin-bottom: 0px;
	height: 100%;
}
/*---------------------------- Main Container ------------------------------*/
div#main_container {
	float:left;
	width:942px;
	height:100%;
}

/*---------------------------- Buttons ------------------------------*/
#tabs a #current {	
	color: #693A6A;
}
#tabs {
	font-size:14px;
	font-family: "Trebuchet MS", Arial, Verdana;
	font-weight: bold;
	float: left;
	text-decoration: none;
	height: 94px;
	text-transform: uppercase;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	letter-spacing: 2px;
	width: 942px;
	color: #FFFFFF;
	margin-left: 3px;
	}

#tabs ul {
	list-style:none;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 0;
	margin: 0;
	padding-left: 5px;
	}

#tabs li {
	display:block;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-right: 0;
	padding-bottom: 0;
	float: left;
	text-align: center;
	margin-left: 10px;
	vertical-align: middle;
	padding-top: 0px;
	padding-left: 0;
	color: #990099;
	}

#tabs a {
	float:left;
	text-decoration:none;
	outline: none;
	padding-bottom: 0;
	padding-left: 0;
	text-align: center;
	color: #990099;
	margin: 0;
	padding-right: 0px;
}

#tabs a span {
	float:left;
	display:block;
	color:#FFFFFF;
	text-align: center;
	padding-top: 20px;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}

/* End IE5-Mac hack */
#tabs a:hover span {
	color: #FFFFFF;
	}

#tabs a:hover {
	background-position:center bottom;
	background-repeat: no-repeat;
}

#tabs a:hover span {
	background-position:center top;
	color: #693A6A;
}
.space1 {
	width: 65px;
	padding: 0px;
	height: 45px;

}
.space2 {
	width: 85px;
	height: 45px;

}
.space3 {
	width: 95px;
	height: 45px;
}
.space4 {
	width: 150px;
	height: 45px;
}
.space5 {
	width: 150px;
	height: 45px;
}
.space6 {
	width: 85px;
	height: 45px;
}
.space7 {
	width: 110px;
	height: 45px;
}
.space8 {
	width: 93px;
	height: 45px;
}
/*---------------------------- Main Contet ------------------------------*/

#main_content {
	float: left;
	width: 637px;

}
#main_content_top {
	background-image: url(../images/main_content_top.jpg);
	float: left;
	height: 17px;
	width: 637px;

}
#main_content_middle {
	background-image: url(../images/main_content_middle.jpg);
	background-repeat: repeat-y;
	background-position: top;
	height: 100%;
	width: 637px;

}
#main_content_bottom {
	background-image: url(../images/main_content_bottom.jpg);
	float: left;
	height: 29px;
	width: 637px;

}

/*---------------------------- Left Column ------------------------------*/
.photo_border {
	border: 1px solid #EEDDED;
	width: 296px;
	padding: 3px;
}
div#left_photo {
	margin-right: 15px;
	float: right;
	margin-top: 23px;
	padding: 0px;
	margin-left: 4px;

}
.content_container {
	float: left;
	margin-top: 40px;
	clear: both;

}

div#left_photo_header {
	float: left;
	width: 637px;
	background-image: url(../images/main_content_middle.jpg);
	background-repeat: repeat-y;
	padding-top: 15px;
	padding-bottom: 10px;
}
div#left_header_text {
	float: left;
	margin-top: 29px;
	margin-bottom: 14px;
	padding-left: 20px;
	width: 270px;
	margin-right: 10px;

}
div#left_header_text {
	float: left;
	margin-top: 29px;
	margin-bottom: 14px;
	padding-left: 10px;
	margin-right: 10px;
	margin-left: 20px;

}
div#left_header_text2 {
	float: left;
	margin-top: 29px;
	margin-bottom: 14px;
	padding-left: 20px;
	margin-right: 10px;

}
div#left_header_text_about {
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-left: 20px;
	width: 615px;
	margin-right: 10px;

}
div#left_header_text_contact {
	float: left;
	width: 610px;
	margin-top: 20px;
	margin-left: 26px;

}
div#top_photo_text {
	width: 290px;
	margin-top: 10px;
	float: right;
	padding-right: 5px;
	padding-left: 5px;
}
div#top_photo_text2 {
	width: 300px;
	margin-top: 25px;
	float: right;
	padding-right: 5px;
	padding-left: 5px;
}
/*--------------------------- Right Side  Page Layout  ------------------------------*/
.below_video_text p {
	color: #251224;
	text-align: left;

}
div#rightside_container {
	float: right;
	padding-top: 23px;
	background-color: #FFFFFF;
	width: 305px;
	clear: right;

}

.header_right_text {
	margin-top: 0px;
	float: right;
	text-align: center;
	width: 280px;
	margin-right: 5px;

}

div#right_content {
	float: right;
	width: 288px;
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: center;
	margin-right: 5px;
	border: thin double #813F7D;
	height: 191px;
	padding-top: 4px;

}

.right_content {
	float: right;
	width: 290px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.below_video_text {
	float: right;
	width: 280px;
	text-align: center;
	margin-left: 5px;
	padding-right: 5px;
	padding-left: 5px;
}
.below_video_text2 {
	float: right;
	width: 280px;
	text-align: center;
	margin-left: 5px;
	padding-right: 5px;
	padding-left: 5px;
	margin-top: 15px;
	margin-bottom: 10px;
}
div#third_column_full {
	height: 30px;
	width: 357px;
	float: left;
}
div#third_column {
	float: left;
	width: 330px;
	margin-top: 73px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D4D0C8;
	border-right-color: #D4D0C8;
	border-bottom-color: #D4D0C8;
	border-left-color: #D4D0C8;
}
/*--------------------------- Footer  ------------------------------*/
#footercontainer {
	float: left;
	width: 942px;
	height: 144px;
	background-image: url(../images/bottom_footer.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#address {
	float: left;
	padding-right: 35px;
	padding-left: 45px;
	width: 520px;
	margin-bottom: 10px;

}
#pspcontainer {
	float: left;

}
#footer a #current {	
	color: #693A6A;
}
#footer {
	font-size:14px;
	font-family: "Trebuchet MS", Arial, Verdana;
	font-weight: bold;
	float: left;
	text-decoration: none;
	height: 105px;
	text-transform: uppercase;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	letter-spacing: 2px;
	width: 940px;
	color: #FFFFFF;
	padding-top: 33px;
	padding-left: 2px;
	}

#footer  ul {
	list-style:none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0;
	margin: 0;
	padding-left: 5px;
	}

#footer  li {
	display:block;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-right: 0;
	padding-bottom: 0;
	float: left;
	text-align: center;
	margin-left: 10px;
	vertical-align: middle;
	padding-top: 0px;
	padding-left: 0;
	color: #990099;
	}

#footer  a {
	float:left;
	text-decoration:none;
	outline: none;
	padding-bottom: 0;
	padding-left: 0;
	text-align: center;
	color: #990099;
	margin: 0;
	padding-right: 0px;
}

#footer a span {
	float:left;
	display:block;
	color:#FFFFFF;
	text-align: center;
	padding-top: 20px;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#footer  a span {float:none;}

/* End IE5-Mac hack */
#footer  a:hover span {
	color: #FFFFFF;
	}

#footer  a:hover {
	background-position:center bottom;
	background-repeat: no-repeat;
}

#footer  a:hover span {
	background-position:center top;
	color: #693A6A;
}
.space1 {
	width: 65px;
	padding: 0px;
	height: 45px;

}
.space2 {
	width: 90px;
	height: 45px;

}
.space3 {
	width: 60px;
	height: 45px;
}
.space4 {
	width: 155px;
	height: 45px;
}
.space5 {
	width: 180px;
	height: 45px;
}
.space6 {
	width: 95px;
	height: 45px;
}
.space7 {
	width: 120px;
	height: 45px;
}
.space8 {
	width: 70px;
	height: 45px;
}
/*--------------------------- Ice Cream Layout  ------------------------------*/
.menu_container {
	width: 860px;
	float: left;
	padding-left: 35px;
	margin-right: 17px;
	margin-top: 10px;
}
.row1 {
	float: left;
	width: 254px;
	margin-right: 10px;

}
#menu_content {
	float: left;
	width: 942px;

}
#menu_content_top {
	float: left;
	width: 942px;
	background-image: url(../images/menu_top.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 26px;

}
#menu_content_middle {
	height: 100%;
	width: 942px;
	float: left;
	background-image: url(../images/menu_middle.png);
	background-repeat: repeat-y;
	background-position: left top;

}
#menu_content_bottom {
	background-image: url(../images/menu_bottom.png);
	float: left;
	height: 29px;
	width: 942px;
	background-repeat: no-repeat;

}
div#left_menu_header {
	width: 925px;
	padding-top: 15px;
	padding-bottom: 10px;
}
/*--------------------------- Ice Cream Menu  ------------------------------*/
.menu_container {
	float: left;
	margin-left: 21px;
	width: 847px;
	margin-right: 24px;
	padding-right: 25px;
	padding-left: 25px;

}
.menu_container2 {
	float: left;
	margin-left: 21px;
	width: 847px;
	margin-right: 24px;
	padding-right: 25px;
	padding-left: 25px;
	margin-bottom: 20px;
	margin-top: 10px;

}
.flavors {
	float: left;
	width: 837px;
	margin-top: 1px;
	margin-bottom: 1px;
	background-color: #BF7DBC;
	padding-left: 10px;
	border: thin solid #3D1D3C;

}
.type_icecream {
	float: left;
	width: 200px;

}
.description {
	margin-left: 15px;
	float: left;
	width: 600px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: none;
	color: #380A28;
	padding-top: 3px;

}
.flavors2 {
	float: left;
	width: 837px;
	margin-top: 1px;
	margin-bottom: 1px;
	background-color: #DFBDEA;
	padding-left: 10px;
	border: thin solid #480D33;

}
.type_icecream2 {
	float: left;
	width: 200px;

}
.description2 {
	margin-left: 15px;
	float: left;
	width: 600px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: none;
	color: #380A28;
	padding-top: 3px;

}
.icecream_graphic {
	float: left;
	width: 893px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 23px;
	height: 100%;
	padding-left: 29px;

}
/*--------------------------- Ice Cream Cakes  ------------------------------*/
#cake_container {
	float: left;
	width: 895px;
	margin-left: 22px;
	margin-bottom: 15px;
}
.cake_main {
	float: left;
	width: 290px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 15px;
	
}
.cake_main_left {
	float: left;
	width: 290px;
	margin-right: 0px;
	margin-left: 12px;
	margin-top: 15px;
}
.cat_header {
	float: left;
	width: 290px;
	margin: 0px;
	padding: 0px;
	
}
.cake_content {
	float: left;
	width: 290px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/menu_bottom_prices.png);
	background-repeat: repeat-y;
	background-position: top;
}
.bottom_cake_menu {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 290px;
	background-image: url(../images/icecream_cake_bottom.png);
	height: 16px;
	background-position: top;
	
}
.cake_title1 {
	float: left;
	width: 223px;
	margin-left: 31px;
	margin-top: 15px;
	margin-bottom: 5px;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #BE47D3;
	margin-right: 15px;
	padding-bottom: 5px;
	padding-left: 4px;
}
.cake_title {
	float: left;
	width: 225px;
	margin-left: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 15px;
	
}
.cake_title2 {
	float: left;
	width: 229px;
	margin-left: 28px;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	
}
.cake_title3 {
	float: left;
	width: 229px;
	margin-left: 28px;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 4px;	
}
.cake_title h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
	padding: 0px;
	text-align: center;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.cake_title1 h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #4F235F;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
.cake_title h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: capitalize;
	color: #702570;
	margin: 0px;
	padding: 0px;
	text-align: left;
	
}
.cake_title h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-transform: capitalize;
	color: #702570;
	margin: 0px;
	padding: 0px;
	text-align: left;
	
}
.cake_title h5 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #F00;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
.cake_info {
	float: left;
	width: 842px;
	margin-left: 25px;
	padding-left: 25px;
	padding-right: 25px;
	margin-bottom: 25px;
	margin-top: 10px;

}
.cake_info h4 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-transform: capitalize;
	color: #FFF;
	margin: 0px;
	text-align: center;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 6px;
	
}
.price_spacing {
	float: right;
	width: 60px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 45px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.item {
	float: left;
	width: 120px;
}
.item2 {
	float: left;
	width: 140px;
	margin-top: 5px;
	font-size: 14px;
	line-height: 12px;
	padding: 0px;
}
.left_box {
	float: left;
	width: 70px;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 30px;
	margin-bottom: 5px;
	text-align: left;
}
.left_boxTop {
	float: left;
	width: 70px;
	margin-top: 20px;
	margin-right: 5px;
	margin-left: 30px;
	margin-bottom: 5px;
	text-align: left;
}

.right_boxTop {
	float: left;
	width: 410px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-top: 20px;
	text-align: left;
}
.right_box {
	float: left;
	width: 430px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-top: 5px;
	text-align: left;
}
.big_box {
	float: left;
	height: 100%;
	width: 510px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	text-align: center;
}
.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	color: #000000;
	float: right;
	width: 550px;
	margin-right: 75px;
}

