/*
* 	CSS Document for ulivetoalimetari.nl
*	Author: Peggy Vullinghs
*	Date: 04-10-2011
*/

h1 {
 font-family: skolar;
}

p {
	font-family:skolar;
}

a {}

body {
	margin:0;
	padding:0;
	background-color:#4b4a48;	
	font-family:skolar;
	letter-spacing:2px;
}

#container {
	margin:0 auto;	
}

.container {
	background-color:#f9f9f3;	
	padding-bottom:70px;
}
/* header stuff */
#header {
	position:relative;
	text-align:center;	
	background-color:#f9f9f3;
}

#ribbon {
	position:absolute;
	top:0;
	right:50px;
	background-image: url("../images/ribbon.png");
    background-repeat: no-repeat;	
    width:110px;
    height:98px;
}

#ribbon a{
	width:70px;
	height:16px;
	position:absolute;
	cursor:pointer;
	left:17px;
	background-position:no-repeat;
	font-family: nimbus-sans-extended,sans-serif;
	text-transform:uppercase;
	color:#f5f4f0;
	font-size:9px;
	text-decoration:none;
	font-weight:normal;
}

#ribbon a:hover{
	color:#56C8DD
}
#ribbon .english_link {
	top:21px;	
}

#ribbon .dutch_link {
	top:44px;	
}

#logo-wrapper {
	position:relative;
	margin: 0px auto;
	padding:40px 0 20px;
	width: 455px;
	border:none;
}

#logo {
	/*background-image: url("../images/uliveto-logo.png");
    background-repeat: no-repeat;*/
	display:block;
	border:none;
	text-decoration:none;	
}

#logo img{
	border:none;
}

#lines {
	text-align:center;
	background-image: url(../images/1px.png);background-repeat:repeat-x;width:100%;height:20px;right:28px;
	height:32px;
}

#subtitle {
	/*width:100%;
	height:55px;
	background-image: url(../images/lines.jpg);
	background-repeat:no-repeat;
	background-position:center center;	
	position:absolute;
	left:center;
	z-index:100;	
	top:148px;*/
	
}

#subtitle_text {
	text-decoration:none;
	background-color:#f9f9f3;
	font-family: nimbus-sans-extended,sans-serif;
	text-transform:uppercase;
	font-size:13px;
	letter-spacing:3px;
	color:#56c8dd;
	height:18px;
	width:300px;
	position:absolute;
	bottom:-23px;
	left:76px;	
}

#logo{
	text-decoration:none;
}

#menu {}

#menu ul {
    height: 45px;
    margin: 10px auto 0;
    padding: 0;
    width: 575px;
}

#menu ul li {
	display:inline-block;
}

#menu ul li.menu-item a {
	background-repeat:no-repeat;
	height:14px;	
	display:block;
	float:left;
	margin-right:5px;
	padding-bottom:1px;
	/*border-bottom: 1px solid #f9f9f3;*/
	font-family: nimbus-sans-extended,sans-serif;
	text-transform:uppercase;
	color:#333333;
	font-weight:bold;
	font-size:13px;
	text-decoration:none;
	letter-spacing:3px;
}

#menu ul li.menu-item a:hover, #menu ul li a.active {
	/*border-bottom: 1px solid #43413d;*/
	text-decoration:underline;

	
}
.menu-item img {
	float:left;	
}
.menu-item .menu-home {
	
	width:55px;
}

.menu-item .menu-cat {
	
	width:100px;
}

.menu-item .menu-ali {
	
	width:120px;
}

.menu-item .menu-contact {
	
	width:95px;
}

/* main content */
#content-wrapper {
	width:860px;
	margin:0 auto;
	
}	
#image-content {
	width:550px;
	
	margin:0 auto;
}



#menu-content {
	height:270px;	
}

.menu_icon {
	background-image:url("../images/chucillo.png");
	background-repeat:no-repeat;
	background-position:center center;
	width:100%;
	height:50px;
	margin-bottom:15px;
}

.menu-left {
	float:left;
	width:420px;
	height:210px;
	background-image:url("../images/uliveto_menu.jpg");
	background-repeat:no-repeat;
	background-position:right center;
}

.menu-right {
	text-align:center;
}

#menu-content p{
	font-size:14px;
	line-height:20px;
	color:#484840;
	margin-top:0;
	letter-spacing:1px;
	font-weight:bold;
}

#image-content{
	position:relative;
}
.corner {
	position:absolute;	
	width:9px;
	height:9px;
	z-index:1000;
}
.cornerleft_bottom {
	bottom:0;
	left:0;
	background-image:url(../images/corner.png);	
}
.cornerleft_top {
	top:0;
	left:0;
	background-image:url(../images/corner_topleft.png);	
}
.cornerright_bottom {
	bottom:0;
	right:0;
	background-image:url(../images/corner_btmright.png);	
}
.cornerright_top {
	top:0;
	right:0;
	background-image:url(../images/corner_topright.png);	
}

#nav {text-align:center}
#nav a { background-image: url(../images/dot.png); text-decoration: none; width:16px; height:16px; display:inline-block; }
#nav a.activeSlide { background-image: url(../images/dot_active.png); }
#nav a:focus { outline: none; }
#text-content {
    margin: 25px auto;
    width: 572px;
    background-color:white;
    position:relative;
}

#text-content .bottom_shadow{
	background-image: url("../images/bottom_box.png");
    background-repeat: no-repeat;
    position:absolute;
    width:583px;
    height:9px;
    bottom:-9px;
    left:-6px;
}

#text-content .text_icon {
	background-image:url("../images/home_icon.png");
	background-repeat:no-repeat;
	background-position:center bottom;
	width:100%;
	height:46px;
	
}

.alimentari #text-content .text_icon {
	background-image:url("../images/ali_icon.png");
}

.catering #text-content .text_icon {
	background-image:url("../images/cat_icon.png");
}

.contact #text-content .text_icon {
	background-image:url("../images/contact_icon.png");
}

#text-content p{
	text-align:center;
	font-family:skolar;
	font-size:12px;
	color:#484840;
	line-height:16px;
	letter-spacing:1px;
	margin:0;
	padding:15px 25px 25px;
	width:522px;
}

#content-wrapper .contact {
	margin-top:20px;
	
}

.contact-info {
	width:425px;
	float:right;
	margin-top:30px;	
}

#text-content .contact-info p {	
	font-size:14px;
	text-align:left;
	line-height:19px;
}

#text-content a {	
	color:#484840;
	text-decoration:none;
}

#text-content a:hover {
	text-decoration:underline;
}

.text-contact {
	background-image:url(../images/contact.png);
	background-repeat:no-repeat;
	background-position:center center;
	width:610px;
	height:190px;
	margin:0 auto;
}


/* footer stuff */
#footer-wrapper {
	background-color:#4b4a48;	
	height:225px;
}

#footer {
	width:700px;
	margin:0 auto;
	padding:20px;
	line-height:16px;
}

#footer h3, .contact h3 {
	text-transform:uppercase;
	font-size:11px;
	text-decoration:underline;
	color:#f5f5ef;
	font-weight:normal;
}
.contact h3 {
color:#4a4848;
}
#footer p {
	font-size:11px;
	color:#f5f5ef;
	letter-spacing:1px;
}

.footer-item {
	float:left;	
}

#brandmark {
	width:170px;	
}

#footer-menu {
	width:130px;
	padding:0 5px;	
}

#footer-contact {
	width:210px;
	padding:0 5px;	
}

#footer-web {
	padding:0 5px;	
}

#footer a {
	display:block;	
	text-transform:uppercase;
	font-size:11px;
	text-decoration:none;
	color:#f5f5ef;
	
}

#footer a:hover {
	text-decoration:underline;
}

#footer-web a, #footer-contact a {
	text-transform:none;
	letter-spacing:1px;
}