/* CSS Document */

html, body, ul, ol, li, p, h1 , h2, h3, h4, h5, h6, form, fieldset, a, div, img, blockquote
{
	margin: 0px;
	padding: 0px;
	border: 0px;
}
html, body
{
	font-family: Arial, Helvetica, sans-serif;
	background: #fff url(../images/backgrung-img.jpg) top repeat-y;
}
body
{
	font-size: 12px;
}
.clear
{
	clear: both;
	font-size: 0;
	height: 0;
}
.center
{
	text-align: center;
	margin: 0 auto;
}
a
{
	color: #7b1934;
}

/*************************************************** Typography ***************************************************/

h1, h2, h3, h4, h5
{
	color: #252525;
	padding-top: 8px;
	padding-bottom: 6px;
	font-weight: normal;
	/*font-family: "Times New Roman", Times, serif;*/
}

h1
{
	font-size: 24px;	
	padding-top: 24px;
}

h2
{
	font-size: 20px;
	padding-top: 20px;
}

h3
{
	font-size: 18px;
	padding-top: 20px;
}

h4
{
	font-size: 16px;
}

h5
{
	font-size: 14px;
	font-weight: bold;
}

h6
{
	font-size: 13px;
	font-weight: bold;
}

p
{
	color: #252525;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 6px;
	padding-bottom: 14px;
	line-height: 1.5;
}

/*************************************************** Layout Divs ***************************************************/

#main-wrapper
{
	width: 778px;
	margin: 30px auto 0 ;
	background-color:#ffffff;
	/*background: url(../images/backgrung-img.gif) repeat-y;*/
	border:1px #ccc solid; 
}

#header
{
	width: 778px;
	height: 100px;
	/*background: url(../images/header-bg.jpg) no-repeat;*/
}

#title{
	float:left;
	width:229px;
	margin-top:30px;
	margin-left:30px;
	height:38px;
	font-family:"Myriad Pro","Verdana","Arial","Helvetica","sans-serif";
	text-align: center;
}

#title a{
	text-decoration:none;
	font-size:14px;	
	line-height:15px;
	font-weight:bold;
}

#title a span{
	color:#000;	
	font-size:32px;
	line-height:20px;

}

#main-photo
{
	width: 290px;
	margin-left: 29px;
	display: inline;
	float: left;
	padding-top: 20px;
	text-align: center;
}

#navigation
{
	width: 481px;
	height: 30px;
	float: left;
}

#content-wrapper
{
	width: 778px;
	padding-bottom: 20px;
}

#content
{
	float: left;
	padding-left: 34px;
	width: 422px;
	padding-top: 10px;
}

#footer
{
	width: 778px;
	margin: 0 auto;
	margin-top: 0px;
	height: 50px;
}

/******************************************************* Header Styles *******************************************************/

#header img.logo
{
	float: left;
	margin-top: 125px;
	margin-left: 33px;
	display: inline;
}

/*************************************************** Main Content Styles ***************************************************/

#content-wrapper ul
{
	padding: 15px 10px 10px 20px;
}

#content-wrapper ul li
{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #1e1f1f;
	padding-bottom: 9px;
	padding-left: 16px;
	background: url(../images/list-bullet.gif) left 5px no-repeat;
	list-style: none;
}


#content .info-box
{
	height: 123px;
	width: 272px;
	padding-left: 135px;
	padding-right: 15px;
	background: #bad68b url(../images/cd-img.jpg) no-repeat;
}

#content .info-box h3
{
	color: #fff;
	margin: 0;
	padding: 8px 0 3px 0;
	width: 271px;
	text-transform: uppercase;
	border-bottom: 1px solid #105f14;
}

#content .info-box p
{
	color: #fff;
	margin: 0;
	padding: 4px 0 0 0;
}

#content .info-box p a
{
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

#content .info-box-small
{
	height: 68px;
	width: 288px;
	padding-left: 119px;
	padding-right: 15px;
	background: #c08293 url(../images/red-wine.jpg) no-repeat;
}

#content .info-box-small h5
{
	color: #fff;
	margin: 0;
	padding: 11px 0 3px 0;
	width: 284px;
	text-transform: uppercase;
	border-bottom: 1px solid #a95b70;
}

#content .info-box-small p
{
	color: #fff;
	margin: 0;
	padding: 4px 0 0 0;
}

#content .info-box-small p a
{
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

#content .info-box p a:hover, #content .info-box-small p a:hover
{
	color: #66132a;
}

#content .info-box-small#white-wine
{
	background: #c08293 url(../images/white-wine.jpg) no-repeat;
	margin-bottom: 10px;
}


#content .info-box-small h5.red
{
	color: #66132a;
}

/************************************************ Navigation Styles ************************************************/

#navigation ul
{
	height: 24px;
	line-height: 24px;
	margin: 30px 0 0 0;
	display: inline;
	float: left;
	width: 480px;
	padding-left: 35px;
}

#navigation ul li
{
	display: inline;
	float: left;
}

#navigation ul li a:link,
#navigation ul li a:visited
{
	display: inline;
	float: left;
	text-decoration: none;
	color: #105f14;
	font-size: 14px;
	font-weight: bold;
	text-align: center;	
	margin-right: 1px;
	padding: 0 10px 0 7px;
	background: url(../images/nav-divide.gif) right 7px no-repeat;
}

#navigation ul li a:hover
{
	color: #636363;
}

#home #navigation ul li a#home-link, #about #navigation ul li a#about-link
{
	color: #636363;
}

#navigation ul li a.no-divide
{
	background: none;
}

/*************************************************** Footer Styles ***************************************************/

#footer ul
{
	height: 36px;
	line-height: 36px;
	margin: 0 0 0 225px;
	display: inline;
	float: left;
	width: 400px;
}

#footer ul li
{
	display: inline;
	float: left;
	text-decoration: none;
	color: #fff;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	padding: 0 10px 0 8px;
	/*background: url(../images/footer-divide.gif) right 15px no-repeat;*/
}

#footer ul li.last
{
	background: none;
}

#footer ul li a
{
	color: #fff;
	text-decoration: none;
}