/*   
Theme Name: Frolick
Author: Hai Bui
*/

body {
	background: #fff;
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Arial, Sans-Serif;
	color: #000;
	background:#c0c0c0;
	margin:0;
	padding:0;
	}
small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}

h1, h2, h3 {
	font-family: Arial Narrow, Sans-Serif;
	font-weight: bold;
	}

.clear {
	clear: both;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
a img {
	border: none;
	outline: none;
	-moz-outline-style: none;
	}
a {
	text-decoration:none;
	border: none;
	outline: none;
	-moz-outline-style: none;
}
a:active
{
	outline: none;
}
a:focus
{
  -moz-outline-style: none;
}
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#container {
	margin: 0 auto;
	padding: 0;
	width: 900px;
	background:#fff;
}
#header {
	margin: 0 auto;
	padding-bottom: 215px;
	width: 900px;
	position:relative;
	z-index:3000;
	}
#content {
	width:900px;
	position:relative;
	}

.logo {
	position:absolute;
	left:32px;
	top:41px;
}
#logodiv {
	position:absolute;
	left:0px;
	top:10px;
}
#nav{
	list-style-type:none;
	position:absolute;
	top:0px;
	right:10px;
	z-index:3000;
}
#nav ul{
	list-style-type:none;
	z-index:3000;
}
#nav li {
	float:left;
	position:relative;
	z-index:3000;
}
#nav li div {
	display:none;
	z-index:3000;
}
#navi1-1 {
	width:217px;
	height:250px;
	background-image:url(images/navi1-1.png);
}
#navi1-2 {
	width:215px;
	height:182px;
	position:absolute;
	right:217px;
	background-image:url(images/navi1-2.png);
}
#nav li div a {
	display:block;
	bottom:0px;
	background-repeat:no-repeat;
	background-position:right top;
}
#nav li div a:hover {
	background-repeat:no-repeat;
	background-position:bottom;
}	
.subnav {
	position:absolute;
	top:61px;
	right:10px;
	z-index:3000;
}
#navi2-1 {
	width:197px;
	height:243px;
	background-image:url(images/navi2-1.png);
}
#subnav2 a img {
	position:absolute;
	bottom:45px;
	visibility:hidden;
}
#navi2-1 img{
	left:9px;
}
#navi2-2 img{
	left:9px;
}
#navi2-3 img{
	left:33px;
}
#subnav2 a .show{
	visibility:visible;
}
#navi2-2 {
	width:190px;
	height:177px;
	position:absolute;
	right:197px;
	background-image:url(images/navi2-2.png);
}
#navi2-3 {
	width:193px;
	height:177px;
	position:absolute;
	right:387px;
	background-image:url(images/navi2-3.png);
}
#navi3-1 {
	width:194px;
	height:245px;
	background-image:url(images/navi3-1.png);
}
#navi3-2 {
	width:191px;
	height:180px;
	position:absolute;
	right:194px;
	background-image:url(images/navi3-2.png);
}
#navi3-3 {
	width:193px;
	height:180px;
	position:absolute;
	right:385px;
	background-image:url(images/navi3-3.png);
}
#navi4-1 {
	width:150px;
	height:145px;
	background-image:url(images/navi4-1.png);
}
#navi4-2 {
	width:145px;
	height:78px;
	position:absolute;
	right:150px;
	background-image:url(images/navi4-2.png);
}
#navi4-3 {
	width:145px;
	height:78px;
	position:absolute;
	right:295px;
	background-image:url(images/navi4-3.png);
}
#navi4-4 {
	width:148px;
	height:78px;
	position:absolute;
	right:440px;
	background-image:url(images/navi4-4.png);
}
#intros {
	width:852px;
	padding:0;
	list-style-type:none;
}
#intros li {
	position:relative;
}
#intro {
	width:846px;
	height:290px;
	background:#dfdfdf;
	margin:0 auto;
	border:2px #8a8d8e solid;
	position:relative;
	visibility:hidden;
}
.intro-inner-border {
	width:330px;
	height:215px;
	left:175px;
	top:37px;
	padding:1px;
	position:absolute;
	background:#10171b;
}
.intro-inner {
	width:330px;
	height:215px;
	background:#eeeeee url(images/gradient1.jpg) repeat-x;
}

.intro-inner h1 {
	color:#c0cd30;
	font-family:arial narrow;
	text-align:left;
	font-size:34pt;
	margin:10px 0 0 20px;
}
.intro-inner h2 {
	color:#495056;
	font-size:20pt;
	font-weight:normal;
	margin:0 0 0 40px;
	font-family:arial narrow;
}
.intro-inner p {
	margin:2px 0 0 40px;
	line-height:16px;
	font-size:11px;
}
.intro-inner a {
	position:absolute;
	top:175px;
	right:15px;
	font-size:18px;
	text-decoration:underline;
}
.intro-inner a.infotext {
	color:#b3c420;
}
#blocks {
	float:left;
	margin:36px 0 0 15px;
}
.block {
	width:270px;
	height:271px;
	float:left;
	margin:0 10px;
	background:#e9e4de;
	color:#464646;
	font-size:12px;
}
.block h2 {
	color:#c1cd23;
	font-size:28px;
	margin-bottom:10px;
}
#blocks .block a {
	color:#464646;
	text-decoration:underline;
}
#footer {
	padding-top:26px;
	padding-left:26px;
	float:left;
	height:163px;
	width:874px;
	background:url(images/footer_bg.jpg) 0px 26px repeat-x;
}
#footer div {
	float:left;
	width:170px;
}
#footer div h3{
	font-size:15px;
	margin:11px 0 0 0;
}
#footer ul {
	list-style-type:none;
	margin:0;
	padding:0;
	font-size:10pt;
}
.home a{
	color:#5f6062;
}
.live a{
	color:#df651a;
}
.play a{
	color:#c1cd23;
}
.treat a {
	color:#78303e;
}
.about a {
	color:#000;
}
.internal {
	float:left;
}
#page_content {
	width:323px;
	float:right;
	margin-left:20px;
	margin-right:24px;
	font-size:14px;
	color:#5f6062;
	font-weight:normal;
	min-height:597px;
	line-height:130%;
}
#page_content h1 {
	margin:0 0 -15px -20px;
	font-size:48px;
}
h1.play-product-title {
	color:#c1cd23;
}
h1.live-product-title {
	color:#df651a;
}
h1.treat-product-title {
	color:#78303e;
}
h1.about-title {
	color:#000;
}
#page_content h2 {
	color:#c1cd23;
	font-size:25px;
}
#gallery {
	position:absolute;
	width:600px;
}
#gallery table {
	margin-left:25px;
}
#gallery #main img, #gallery #main object{
	display:none;
	padding:22px 0;
}
#thumbs li{
	text-align:center;
	border:1px solid #5f6062;
}

.press-page {
	padding: 0 20px;
	font-size:12px;
}
.press-page a {
display:block;


}
.press-page img{

}
.press-page h2{
	color:#c1cd23;
	font-size:25px;
	}
.presscol1{
	width: 260px;
	float: left;
	margin-right: 40px;
}
.presscol1 img{
	margin-bottom:20px;
}
.presscol2{
	width: 260px;
	float: left;
	margin-right: 40px;
}
.presscol2 img{
	margin-bottom:20px
}

.presscol3{
	width: 260px;
	float: left;
	margin-right: 0px;
}
.presscol3 img{
	margin-bottom:20px
}
.aboutholder {
background-image:url(images/aboutholder.jpg);
height:591px;
}
h1.page-title {
	color:#c1cd23;
	font-size:48px;
	margin-bottom:3px;
}
#gallery table {
margin:0px;
}
#gallery object {
margin-left:25px;
}
.col1 {
float:left;
}
#about-table {
	width:523px;
	float:left;
}
#about-table img {
	float:left;
}
#about-table div {
	float:left;
	width:162px;
}
#about-table .col1 {
	width:199px;
}