/*
------------------------------------------------------------------------
Theme Name:[IRISH YOGURTS]
Author:[Ricky]
Author Company URI:http://www.avasoft.net
------------------------------------------------------------------------
*/
/*
-----------------------------------------
RESET
----------------------------------------- 
*/
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td{margin:0; padding:0}
table{border-collapse:collapse; border-spacing:0}
fieldset, img{border:0}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:normal}
/* ol, ul, li{list-style:none} */
caption, th{text-align:left}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal}
q:before, q:after{content:''}

strong{font-weight:bold}
em{font-style:italic}
a img{border:none}

h1, h2, h3, h5, h5, h6{font-weight:bold}

/*
-----------------------------------------
LAYOUT
----------------------------------------- 
*/


/* CSS Document */

h1{
	font-size: 76px;
	margin-bottom: 10px;
	font-weight: normal;
	line-height: 78px;
	font-family: "Times New Roman", Times, serif;
}


h2{
	font-size: 37px;
	margin-bottom: 15px;
	line-height: 38px;
	font-weight: normal;
	font-family: "Times New Roman", Times, serif;

}


h3{
	font-size: 24px;
	line-height: 25px;
	margin-bottom: 15px;
	font-weight: normal;
	font-family: "Times New Roman", Times, serif;

}


h4{



}


h5{


}


p{
	font-size: 14px;
	line-height: 20px;
}

ul{

}

ol{

}

li{

}

a{

}











body{
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	background: #3a3a3a;
}

#container{
	width: 960px;     /*CHANGE HERE*/
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background: #fff;
}


#topbar{
	height: 21px;
	clear: both;
	background-color: #7fc241;    
}

#header{
	height: 141px;
	clear: both;
}



#h_left{
	width: 395px;
	float: left;
	margin-left: 30px;
	padding-top: 25px;
}



#h_right{
	width: 450px;
	float: right;
	margin-right: 40px;
	color: #006931;
	font-size: 22px;
	font-family:"Times New Roman", Times, serif;
	text-align: right;
	padding-top: 35px;
}

#h_right a, #h_right a:hover{
	color: #006931;
	text-decoration: none;
}



#menu_container{
	height: 48px;
	background: url(../images/bg_menu.jpg) repeat-x top left;
	margin-left: 30px;
	margin-right: 30px;
}

#l_menu{
	width: 17px;
	float: left;
	height: 48px;
	background: url(../images/bg_left_menu.jpg) repeat-x top left;
}


#r_menu{
	width: 17px;
	float: right;
	height: 48px;
	background: url(../images/bg_right_menu.jpg) repeat-x top left;
}


#banner{
	height: 324px;
	background: url(../images/bg_banner.jpg) no-repeat top left;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 30px;
        font-size: 14px;
        line-height: 20px;
}

#banner h1{
	color: #8bbc07;
}

#banner h2{
	color: #646464;
}

#banner p{
	color: #151515;
}



#l_banner{
	width: 310px;
	float: left;
}


#r_banner{
	width: 545px;
	float: right;
	
}

#r_banner a{
	color: #78a304;
	text-decoration: none;
}

#r_banner a:hover{
	color: #78a304;
	text-decoration: underline;
}



#bot_content{
	background: #0b7940 url(../images/bg_bottomcontent.jpg) no-repeat top left;
	padding-bottom: 45px;
	padding-left: 30px;
	padding-right: 30px;
}


#bot_content a{
	color: #c6dd66;
	text-decoration: none;
}

#bot_content a:hover{
	color: #c6dd66;
	text-decoration: none;
}



#fb_title{
	height: 64px;
	padding-top: 15px;	
	margin-left: 130px;
}


#fb_feed{
	width: 856px;
	height: 191px;
	background: url(../images/bg_fbfeed.png) no-repeat top left;
	margin-left: 10px;
	padding: 12px;
}

#fb_feed_content{
	background: #fff;
	height: 191px;
}





#banner ul, #banner ol, #bot_content ul, #bot_content ol{
	margin-left: 25px;
	margin-top: 15px;
	margin-bottom: 20px;
}

#banner li, #bot_content li{
	margin-bottom: 5px;
}

#bot_content li{
font-size: 14px;
}


#footer_menu{
	height: 33px;
	line-height: 33px;
	background-color: #fff;
	font-size: 12px;
	font-weight: bold;
	color: #484848;
	text-align: center;
}

#footer_menu ul{
	margin: 0;
	padding: 0;
}

#footer_menu ul li{
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: inline;
	margin-left: 20px;
	margin-right: 20px;
}

#footer_menu ul li a, #footer_menu ul li a:hover{
	margin: 0;
	padding: 0;
	text-decoration: none;
	color: #484848;
}


#footer_copyright{
	text-align: center;
	font-size: 11px;
	color: #fff;
	background-color: #8bbc07;
	padding-top: 25px;
	padding-bottom: 25px;
}

#footer_copyright a{
	color: #fff;
	text-decoration: none;
}

#footer_copyright a:hover{
	color: #fff;
	text-decoration: underline;
}








#cont_int{
	padding-top: 70px;
	padding-left: 20px;
	color: #fff;
	padding-right: 20px;
font-size: 14px;
line-height: 20px;
}








/* MENU */



#menu{
	float: left;
	width: 865px;
	padding-top: 5px;
}

#menu ul li{
	display: inline;
	list-style-type: none;
	position:relative;
	margin-left: 9px;
	margin-right: 8px;
}

#menu ul li a{
	font-size: 16px;
	font-weight: bold;
	display: block;
	float: left;
	line-height: 38px;
	padding-left: 15px;
	padding-right: 15px;
	text-decoration: none;
	color: #fff;

}

#menu ul li a:hover{
	background: #c6dd66;
	color: #477b18;
	text-decoration: none;
}
	


#menu ul ul {
	position: absolute;
	z-index: 500;
	top: 38px;
	left: 0;
	border-bottom: none;
	width:130px;
	border-top: none;
}

html>body #menu ul ul {
	width:auto;
}

#menu ul ul li {
	display:block;
	background: none;
	margin: 0;
	padding: 0;
	padding-right: 0px;
}


#menu ul ul li a {
	width:150px;
	background:#7fc241;
	/*border-bottom: 1px solid #577fa4;*/
	color:#fff;
	display:block;
	float:none;
	margin: 0;
	padding: 0;
	padding-left:10px;
	font-weight:normal;
	height:25px;
	line-height: 25px;
	margin-right: 0px;
	font-size: 14px;
	
}

#menu ul ul li a:hover {
	background:#c6dd66;
	color:#477b18;
	margin-right: 0px;
}

#menu ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;
}

#menu ul ul,
#menu ul li:hover ul ul,
#menu ul ul li:hover ul ul
{display: none;}

#menu ul li:hover ul,
#menu ul ul li:hover ul,
#menu ul ul ul li:hover ul
{display: block;}

html #menu ul li a { height: 1%; }

#menu li:hover ul, li.over ul { display: block; float:left;}




<!--[if lt IE 7]>
#menu{float:none;}
body{behavior:url(csshover.htc); }
#menu ul li{float:left; }
#menu a{height:1%;font: normal 12px arial, helvetica, sans-serif;}

<![endif]-->

/* END OF MENU */