@charset "utf-8";
/* CSS Document */

body {
	margin:0 auto;
	background-image:url(../images/bg.jpg);
	background-repeat:repeat;
	font-family:Arial, Helvetica, sans-serif;
	
	}
	
p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	padding:5px;
	color:#a4a2a2;
	text-align:justify;
	margin:0;
	}
	
h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	line-height:24px;
	padding:5px;
	color:#ffcb05;
	text-align:justify;
	margin:0;
	font-weight:normal;
}
hr {
	color:#3A3A3A;
}
/* ***********index******************** */	
#wrapper {
	width:794px;
	height:564px;
	margin:0 auto;
	background-image:url(../images/wrapperbg.jpg);
	background-repeat:no-repeat;
	}
	
#yolk {
	width:794px;
	height:300px;
	}
	
#mail {
	width:797px;
	height:100px;
	padding-top:100px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
	color:#000000;
	letter-spacing:3px;
	
	}
	
#mail a {
	text-decoration:none;
	color:#000000;
	}
	
/* **********subpages******************* */	

#wrapper_sub {
	width:1000px;
	height:auto;
	margin:0 auto;
	}
	
#top_banner {
	width:1000px;
	height:270px;
	}
	
#logo {
	width:283px;
	height:270px;
	float:left;
	}
	
#banner {
	width:717px;
	height:270px;
	float:right;
	}
	
#left {
	width:283px;
	height:500px;
	float:left;
	}
	
#right {
	width:717px;
	height:auto;
	float:right;
	}
	
.right_inn {
	width:482px;
	height:305px;
	float:right;
	background-color:#565656;
	padding:5px 20px 5px 20px;
	}
.left_inn {
	width:195px;
	height:313px;
	float:left
	}
	
.right_inn_sub {
	width:617px;
	height:305px;
	float:right;
	background-color:#565656;
	padding:15px 50px 5px 50px;
	font-size:
	color:#a4a2a2;
	line-height:18px;
	}
.right_inn_mug {
	width:617px;
	height:auto;
	float:right;
	background-color:#565656;
	padding:15px 50px 5px 50px;
	font-size:
	color:#a4a2a2;
	line-height:18px;
	}
	
.right_inn_sub	a {
	color:#a4a2a2;
	text-decoration:none;
}
.right_inn_sub ul {
	margin:0;
	padding:0 0 0 20px;
	}
.right_inn_sub ul li {
	font-size:12px;
	color:#a4a2a2;
	font-family:Arial, Helvetica, sans-serif;
	}
	
.right_inn_web {
	width:637px;
	height:auto;
	float:right;
	background-color:#565656;
	padding:15px 50px 5px 30px;
	font-size:
	color:#a4a2a2;
	line-height:18px;
	}
	
#main_cont {
	width:1000px;
	height:auto;
	float:left;
	}
	
#button {
	width:717px;
	height:145px;
	float:left;
	background-color:#565656;
	}
	
.left_cont1 {
	width:283px;
	height:145px;
	float:left;
	}
	
#footer {
	width:717px;
	height:90px;
	float:right;
	background-color:#6b6b6b;
	}
	
#footer a {
	text-decoration:none;
	color:#FFCB05;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-right:10px;
	font-size:10px;
	padding-top:10px;
	float:right;
	}
#footer1 {
	width:717px;
	height:90px;
	float:right;
	background-color:#818181;
	}
	
#footer1 a {
	text-decoration:none;
	color:#FFCB05;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-right:10px;
	font-size:10px;
	padding-top:10px;
	float:right;
	}
#bottom {
	width:717px;
	height:90px;
	float:right;
	}


	
/* *********menu******************* */		
.menu {
	width:283px;
	height:300px;
	float:left;
	}
	
.arrowlistmenu{
width: 280px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
float:right;
text-align:right;
color:#a4a2a2;
line-height:45px;
display:inline;
 /*width of accordion menu*/
}
.arrowlistmenu a {
	text-decoration:none;
	color:#a4a2a2;
	background-image:url(../images/menubg.png);
	display:block;
	padding-right:30px;
}
.arrowlistmenu a:hover {
	color:#ffcb05;
	background-image:url(../images/hover_menu.png);
	background-repeat:no-repeat;
	}
.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/

color:#a4a2a2;
/*margin-bottom: 10px; bottom spacing between header and rest of content*/
/* padding: 4px 0 4px 10px; header text is indented 10px*/
cursor: hand;
cursor: pointer;
margin-top:0px;
text-align:right;
padding-right:20px;
width:283px;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/

}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
text-align:right;
width:283px;
background-image:url(../images/bg_submenu.png);
background-repeat:repeat;
/* margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding:0px; 
text-align:right;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0;

/*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color:#a4a2a2;
display: block;
padding:0px 40px 10px 30px ;
/*link text is indented 19px*/
text-decoration: none;
text-align:right;
font-size:11px;
font-weight:normal;
background-image:none;
border-bottom:1px #2A2A2A solid;
height:25px;
margin:0;
}

.arrowlistmenu ul li a:visited{

}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color:#ffcb05;
}

.categoryitems li {
	padding:0;
	margin:0;
	}
	
#button ul {
	width:717px;
	height:145px;
	padding:0;
	margin:0;
	}
	
#button ul li {
	list-style:none;
	display:inline;
	line-height:100px;
	
	}
#button ul li a {
	padding:0px 100px 0px 79px;
	float: left; 
	text-indent: -9999px;
	height: 145px;
	}
	
/************hover***************************/
#button a.about {
	background-image:url(../images/button_about.jpg);
	background-repeat:no-repeat;
}
	
#button a:hover.about {
	background-image:url(../images/button_about_mo.jpg);
	background-repeat:no-repeat;
	}
	
#button a.yolk {
	background-image:url(../images/button_yolk.jpg);
	background-repeat:no-repeat;
}
	
#button a:hover.yolk {
	background-image:url(../images/button_yolk_mo.jpg);
	background-repeat:no-repeat;
	}
	
#button a.creative {
	background-image:url(../images/button_creatives.jpg);
	background-repeat:no-repeat;
}
	
#button a:hover.creative {
	background-image:url(../images/button_creatives_mo.jpg);
	background-repeat:no-repeat;
	}

#button a.contact {
	background-image:url(../images/button_contact.jpg);
	background-repeat:no-repeat;
}
	
#button a:hover.contact {
	background-image:url(../images/button_contact_mo.jpg);
	background-repeat:no-repeat;
	}
	
	
#button li a#active_yolk  {
    display:block;
    background-image:url(../images/button_yolk_mo.jpg);
    background-repeat:no-repeat;
	  }
#button li#active_yolk a {visibility:visible;}


.web {
	padding-left:17px;
	}
.port_left {
	width:300px;
	height:230px;
	float:left;
	}
	
.port_right {
	width:300px;
	height:230px;
	float:right;
	}
.right_inn_mug table {
	font-size:14px;
	color:#FFFFFF;
}
.img {
	padding:3px 0px;
	}
	
.mug-gallery {
	float:right;
	padding-top:10px;
	color:#ffcb05;
	}
	
.mug-gallery a {
	color:#ffcb05;
	text-decoration:none;
}