/************************CSS File*****************************/
/*******************Global reset******************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
}
/* tables still need 'cellspacing="0"' in the markup */
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/****************************common*************************************/
@font-face{
	font-family: 'MyWebFont';
	src: url('../fonts/agcrowo-webfont.eot');
	src: url('../fonts/agcrowo-webfont.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/agcrowo-webfont.woff') format('woff'),
	     url('../fonts/agcrowo-webfont.ttf') format('truetype'),
	     url('../fonts/agcrowo-webfont.svg#webfont') format('svg');
}
body {background: #1ba673; color: #037dcb; font-family: Arial; font-size: 20px; text-transform: uppercase;}
#main-wrapper {background: #fff; margin: 0 auto; width: 1000px;}
.fonted {font-family: 'MyWebFont', Arial;}
h1, h2 {color: #0e674f; font-family: 'MyWebFont', Arial; font-size: 25px;}
/****************************/
#header {height: 430px; position: relative;}
#header img {float: left;}
#header-text1 {color: #fff; font-family: 'MyWebFont', Arial; font-size: 16px; left: 307px; position: absolute; top: 20px; width: 300px;}
#header-text2 {color: #fff; font-family: 'MyWebFont', Arial; font-size: 16px; left: 550px; position: absolute; top: 213px; text-align: right; width: 190px;}
#header-link1 {display: block; height: 136px; left: 124px; position: absolute; top: 260px; width: 204px;}
#header-link2 {display: block; height: 140px; left: 410px; position: absolute; top: 266px; width: 190px;}
#header-link3 {display: block; height: 137px; left: 692px; position: absolute; top: 269px; width: 174px;}

/**non index**/
#header-ni {height: 240px; position: relative; width: 1000px;}
#header-ni img {float: left;}
#header-ni-text1 {color: #fff; font-family: 'MyWebFont', Arial; font-size: 16px; left: 10px; position: absolute; top: 146px;}
#header-ni-text2 {color: #fff; font-family: 'MyWebFont', Arial; font-size: 16px; right: 20px; position: absolute; text-align: right; top: 146px;}
#home-link {display: block; height: 174px; left: 467px; position: absolute; top: 45px; width: 306px;}
/**memb area**/
#mem-pic-link {display: block; height: 110px; left: 67px; position: absolute; top: 111px; width: 273px;}
#mem-mov-link {display: block; height: 119px; left: 682px; position: absolute; top: 105px; width: 204px;}
/****************************/
#content {background: url("../images/bottom_bg.jpg") 0 100% repeat-x; border-bottom: 2px solid #fff; padding: 0 10px 0 30px; position: relative; width: 960px;}
#content h1 {text-align: center;}
#content p {margin: 12px 0 21px 0; text-align: center;}

.thumbs {overflow: hidden; position: relative;}
.thumb {height: 270px; float: left; margin-right: 20px; margin-bottom: 18px; width: 300px;}
.thumb a {background: #afafaf; color: #fff; display: block; height: 270px; text-decoration: none;}
.thumb a:hover {background: #0e674f;}
.thumb a:hover img {border: 2px solid #0e674f;}
.thumb img {border: 2px solid #037dcb;}
#content .get-this-vid {font-family: 'MyWebFont', Arial; font-size: 25px; line-height: 25px; margin: 6px 0 0px 0;}
#content .get-this-vid1 {text-transform: none; font-size: 13px; margin: 0;}

.fhg-thumbs {overflow: hidden; margin-bottom: 20px; width: 960px;}
.fhg-thumb {height: 385px; float: left; margin-right: 20px; margin-bottom: 18px; width: 460px;}
.fhg-thumb a {background: #afafaf; color: #fff; display: block; height: 385px; text-decoration: none;}
.fhg-thumb a:hover {background: #0e674f;}
.fhg-thumb a:hover img {border: 2px solid #0e674f;}
.fhg-thumb img {border: 2px solid #037dcb;}
#content .free-movie {font-family: 'MyWebFont', Arial; font-size: 25px; line-height: 25px; margin: 10px 0 0px 0;}

.mem-galleries-thumb {height: 220px; float: left; margin-right: 20px; margin-bottom: 18px; width: 300px;}
.mem-galleries-thumb a {background: #afafaf; color: #fff; display: block; height: 220px; text-decoration: none;}
.mem-galleries-thumb a:hover {background: #0e674f;}
.mem-galleries-thumb a:hover img {border: 2px solid #0e674f;}
.mem-galleries-thumb img {border: 2px solid #037dcb;}

#scrollable {position: relative; overflow: hidden; height: 767px; width: 960px;}
#thumbs-pages {width: 20000em; position: absolute; height: 767px;}
#thumbs-pages .thumbs {float: left; height: 767px;  width: 960px;}
.arrow {cursor: pointer; display: block; height: 50px; position: absolute; top: 20px; width: 50px; z-index: 100;}
.prev {left: 30px;}
.next {right: 30px;}
.disabled {display: none;}


.promo-texts {height: 126px; padding-left: 35px; padding-top: 47px; position: relative;}
.promo-texts  h2 {}
#content .promo-texts  p { text-align: left;}
.get-full-access {display: block; height: 168px; position: absolute; right: 42px; top: 0; width: 280;}

#join-now-block {height: 208px; position: relative;}
#join-now-block1 {position: absolute; top: 66px; left: 50px}
#join-now-block2 {position: absolute; top: 66px; left: 670px}
#join-now-block a {display: block; position: absolute; left: 337px; top: 5px;}
/****************************/
#footer {background: #0e674f;}
#footer a {color: #fff; font-size: 18px; text-decoration:  none;}
#footer ul {overflow: hidden;}
#footer ul li {color: #fff; float: left; line-height: 53px; padding: 0 17px; margin-left: 17px; vertical-align: middle;}
#footer ul li.first {list-style: none;}

#footer-fhg {background: #0e674f; overflow: hidden;}
#footer-fhg a {color: #fff; font-size: 18px; text-decoration:  none;}
#footer-fhg p {color: #fff; font-size: 18px; line-height: 52px; vertical-align: middle; text-transform: none;}
#legal {float: left; margin-left: 30px;}
#contact-info {float: right; margin-right: 30px;}