@import "reset.css";

body {
	background: #fff url(../img/candy.jpg) fixed;
	margin: 0;
	padding: 0;
	font-family: helvetica, trebuchet, sans-serif;
	font-size: 10px;
	color: #222222;
}

#top {
	margin-top: 100px;
	font-size: 11px;
	width: 708px;
	margin: auto;
}

#navigation {
	margin-top: 212px;
	color: #F8C78A;
	position: absolute;
}

#navigation li{
	float: left;
	padding-right: 21px;
}
	
#navigation ol{
	float: left;
}

#to {
	margin-top: -27px;
}

#contact {
	font-size: 10px;
	position: absolute;
	margin-top: 127px;
	margin-left: -25px;
}

#contact li{
	float: left;
}

#mail {
	padding-right: 623px;
}

.logo{
	background:url(../img/bodega.png) no-repeat;
	width: 839px;
	height: 247px;
	margin:auto;
}

#container {
	margin: auto;
	margin-top: -1px;
	background: #775838;
	width: 750px;
	border: solid 1px #503224;
}

#about {
	padding: 12px 6px 18px 6px;
	margin: auto;
}

#hiya {
	padding: 50px;
	margin: auto;
	background-color: #fff;
	padding-bottom: 400px;
}


#hiya p {
	padding-bottom: 10px;
	width: 46%;
}

.hellol{
	color: #F7996B;
	font-size: 24px;
}

.hellos{
	color: #F37963;
	font-size: 14px;
	line-height: 18px;
}

.copy1, .copy2{
	line-height: 16px;
}

.copy2 {
	position: relative;
	float: right;
	margin-top: -261px;
}

#about h2 {
	background: #4EBC98;
	border: solid 1px #503224;
	padding: 5px 0 3px 5px;
	font-size: 10px;
	color: #222222;
	margin-bottom: 3px;
}

.one img, .two img, .three img {
	width: 242.1px;
	height: 163px;
	border: solid 1px #503224;
}

.four img, .five img, .six img, .seven img {
	width: 180.4px;
	height: 175px;
	border: solid 1px #503224;
}

.one, .two, .three, .four, .five, .six, .seven {
	width: 738px;
}


#footer {
	width: 751px;
	margin: auto;
	height: 20px;
	background: #503224;
	margin-bottom: 50px;
}
#footer p {
	color: #DADDA6;
	text-align: center;
	padding: 6px 0 4px 0;
	font-size: 8px;
}

a:link {color: #F7996B; text-decoration: none;}
a:visited {color: #FF7A62; text-decoration: none;}
a:hover {color: #503224; text-decoration: underline;}

#mail a:link {color: #222222; text-decoration: none;}
#mail a:visited {color: #222222; text-decoration: none;}
#mail a:hover {color: #FCED00; text-decoration: underline;}

#navigation a:link {color: #4EBC98;font-weight:normal;}
#navigation a:visited {color: #4EBC98;font-weight:normal;}
#navigation a:hover {color:#FCED00;font-weight:normal;}

#to a:link {color: #F9E9A2;font-weight:normal;}
#to a:visited {color: #F9E9A2;font-weight:normal;}
#to a:hover {color:#FCED00;font-weight:normal;}