/* CSS Document */

body {background:url(images/bg-main.jpg) repeat; margin:0; padding:0; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:20px; text-align:justify;}

a { text-decoration:none; color:#DFBBB9;}
a:hover {  text-decoration:none;  color:#FFF;}

#wrapper {width:100%; margin:0; padding:0;}
#logo {width:226px; height:210px; margin-left:auto; margin-right:auto;}
#main {width:800px; height:410px; margin-left:auto; margin-right:auto; margin-bottom:50px; margin-top:10px}
#social {width:97px; height:100px; position:fixed; right:0; top:350px;}
#nav {width:100%; height:65px; background:url(images/bg_nav.jpg) repeat-x; position:fixed; bottom:0;}
#gallery {width:300px;float:right;}

img {border:none;}

.imgborder {border:6px solid #DFDFD5;}
.imgborder:hover {border:6px solid #FFF;}


/*********************** NAVIGATION ***********************/

ul#menu {
	list-style-type:none; 
	line-height: 0; 
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	margin-bottom:0;
	padding: 0;
	width:600px
}

ul#menu li {
	text-indent:-2000px;
}

ul#menu li a {
	display: inline; 
	height: 65px; 
	text-indent: -2000px; 
	text-decoration: none;
}

a#menu-home 			{ background: url(images/n_home.jpg) no-repeat top; height: 130px; width: 46px; float: left;}
a#menu-about			{ background: url(images/n_about.jpg) no-repeat top; height: 130px; width:46px; float: left; margin-left:25px; }
a#menu-bakedgoods		{ background: url(images/n_bakedgoods.jpg) no-repeat top; height: 130px; width:92px; float: left; margin-left:25px; }
a#menu-order			{ background: url(images/n_order.jpg) no-repeat top; height: 130px; width:44px; float: left; margin-left:25px; }
a#menu-experiences		{ background: url(images/n_experiences.jpg) no-repeat top; height: 130px; width: 87px; float: left; margin-left:25px; }
a#menu-contact			{ background: url(images/n_contact.jpg) no-repeat top; height: 130px; width:55px; float: left; margin-left:25px; }
a#menu-blog				{ background: url(images/n_blog.jpg) no-repeat top; height: 130px; width:36px; float: left; margin-left:25px; }

a#menu-home:hover 		{ background-position: bottom; }
a#menu-about:hover 		{ background-position: bottom; }
a#menu-bakedgoods:hover { background-position: bottom; }
a#menu-order:hover 		{ background-position: bottom; }
a#menu-experiences:hover{ background-position: bottom; }
a#menu-contact:hover 	{ background-position: bottom; }
a#menu-blog:hover 		{ background-position: bottom; }

/*********************** FONTS ***********************/
h1 {color:#EDEBDF; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:14px; border-top:#A41005 dashed 1px; border-bottom:#A41005 dashed 1px; font-stretch:condensed; background:#8D0C02; padding:5px 0px 5px 8px;}

.mini {color:#FFF; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:10px; font-stretch:condensed;}

.form {font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; color:#666; font-size:11px; padding:10px; width:300px;}

/*********************** SCROLLERS ***********************/
.root 		{
		position: relative;
		height:	200px;
		width: 489px;
		margin: 0px 0px 8px 7px;		
		}
.root p 	{
		margin: 10px 10px 5px 10px;
		}
.thumb 		{
		position:absolute;
		height:	9px;
		width:15px;
		left: 10px;
		}
.up, .dn 	{
		position:absolute;
		left: 10px;
		}
.up a, .up a img, .dn a, .dn a img, .thumb a , .thumb a img{
		border:	0;
		}
.scrollContainer { 
		position:absolute; 
		left:2px; 
		top:19px; 
		width:350px; 
		height:	200px; 
		clip:rect(0 467 200 0); 
		overflow:auto; 
		}
.scrollContent { 
		position:absolute; 
		left:0px; 
		top:0px; 
		width:100px; 
		}

#scroll0Container { left:7px; top:0px; width:300px; height:150px; clip:rect(0 300 150 0); overflow:hidden; }#scroll0Container, #scroll0Content { position:absolute; }#scroll0Content { left:0px; top:0px; width:300px; }#scroll0Container p, #scroll0Container div {width:290px; }