/*
  	Grace and Tailor
============================================================================= 
 	AUTHOR:			Agency of the North
  	DATE: 			October 2011		
	COLORS:			Green: #77ccaa
					Lime: #cddf00
					Blue: #7dcce7
=============================================================================
*/


/* 
=============================================================================
		Basics
============================================================================= 
*/
body { 
	font-family: 'Rokkitt', serif;
	font-size: 16px; 
	line-height: 1.5em; 
	background: #004e36; 
	color: #333; 
	background: url('../images/bg_body.png'); 
	min-width: 1230px;
}


/*	Highlight Colors
====================================*/
/* Safari */
::selection { background: #cfe98e;} 
/* Firefox */
::-moz-selection { background: #cfe98e;} 

/* Typography
====================================*/
h1, h2, h3, h4 { font-size: 21px; line-height: 24px; padding: 0; margin: 0; font-weight: normal; color: #333;}
h1 { font-size: 40px; line-height: 60px; text-transform: uppercase; color: #fff;}
.blogListings h1, .blogPosting h3 { color: #fff; text-transform: uppercase; font: 47px/55px 'Anton',sans-serif; border-bottom: 1px solid #a1a1a3; padding-bottom: 10px; margin-bottom: 15px;}
.blogPosting h1 { font-size: 43px; line-height: 48px; margin-bottom: 20px;}
.blogPosting h3 { margin-bottom: 15px;}
body.home h1 { padding-bottom: 20px; font-size: 23px;}

p { margin: 0 0 20px;}
a { color: #486d3c;}


#container { top: 0; left: 0; overflow: hidden; background: url('../images/bg_topBlog.png') repeat-x; padding-bottom: 50px;}
body.home #container { background: url('../images/bg_top.png') repeat-x;}
#blogContainer { width: 994px; margin: 100px auto 0; clear: both;}		


/* 
=============================================================================
		BASE
============================================================================= 
*/

/* Header
====================================*/
header {
	margin: 0 auto -8px; 
	padding: 30px 0 20px;
	width: 1230px; 
	height: auto; 
	position: relative; 
	overflow: visible; 
	z-index: 9999;
}

body.blog header { width: 994px;}
body.blog header .logo { position: relative; margin: 0 0 -65px 0;}
body.blog header .info { margin: -20px 0 0 0;}


header .logo { 
	margin: 0 0 -65px 50px;
	float: left;
	position: fixed;
}

header .info {
	float: right; 
	text-align: right;
	margin: -20px 20px 0 0;
	color: #fff;
	font-size: 18px;
	line-height: 20px;
}

header .omg { float: right; margin: -22px 150px 0 0; height: 90px;}

header .info h3 {
	font: 36px/24px 'Anton', sans-serif;
	text-transform:uppercase;
	color: #fff;
	margin-bottom: 8px;
}

header .info a { 
	color: #fff;
	text-decoration: none;
}


body.blog nav#mainNav { display: none;}

nav#mainNav { 
	position: fixed; 
	top: 200px; 
	width: 164px;
	padding: 10px 0;
	background: url('../images/nav.png') repeat-y;
	z-index: 9999;
	margin: 0 0 0 50px;
}
nav#mainNav a { 
	display: block;
	color: #fff;
	font-size: 20px;
	text-decoration: none;
	padding: 5px 0 5px 32px;
	outline: 0;
}


/* Footer
====================================*/
footer { 	
	background: #77ccaa;
	min-height: 250px;
	color: #fff;
	font-size: 18px;
	line-height: 20px;	

}

footer section#footerContent { 
	height: auto;
	width: 1230px;
	padding: 15px 0 20px;
	overflow: hidden;
}

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

footer .omg { float: left; margin: 4px 20px 0 0; height: 90px;}

footer .contact { float: left;}
footer .copyright { float: right;}

footer h3 { font: 26px/32px 'Anton', sans-serif; color: #fff;}
footer .details { font: 15px/25px 'Anton', sans-serif;}
footer address { text-transform:uppercase; font-style:normal; font-size: 15px;}
footer .mobiles { text-transform:uppercase; font-style:normal; font-size: 15px;}


.blog #footerContent { width: 994px;}
/* 
=============================================================================
	Sections Shared Styles
============================================================================= 
*/
/* SITE WIDE
====================================*/
/* Default Button Style */
.button { background: #cddf00; color: #fff !important; border: 0; font: 18px/18px 'Anton', sans-serif; padding: 4px 20px 6px 20px; display: inline-block; text-transform:uppercase; text-decoration: none; }

section { margin: 0 auto;}

/* HOME PAGE
====================================*/
/* Sections */
body.home section { width: 1230px; height: 1000px; position: relative; overflow: visible; }
body.home section article { position: absolute; background-repeat: no-repeat;}
body.home section { background-position: 50% 0; background-repeat: no-repeat; background-attachment:fixed;}

/* Contact */
.viewBlog { 
	position: absolute;
	width: 159px;
	height: 80px;
	cursor: pointer;
}

.viewBlog img {
	width: 159px;
	height: 80px;
}


/* More Info */
.moreInfo { 
	position: absolute;
	width: 107px;
	height: 107px;
	cursor: pointer;
}

.moreInfo img {
		width: 107px;
	height: 107px;
}

/* Facts */
.fact { position: absolute;}
.fact img { 
	position: absolute;
	width: 74px;
	height: 74px;
}

.factBox { 
	border: 2px solid #fff;
	padding: 3px;
	position: absolute;
	width: 200px;
	display: none;
}

.factBox .factText { 
	background: url('../images/bg_greenTexture.png') #7ec8ab;
	padding: 15px;
	font-weight: bold;
	color: #333;
}

.factBox .close {
	position: absolute; 
	top: -15px; 
	right: -15px;
	background: url('../images/closeSmall.png') no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	width: 37px;
	height: 37px;
	cursor: pointer;
	display: none;
}



/* CSS3 Hover Animation */
.viewBlog img,
.moreInfo img,
.twitter,
.fact img
 { 
	-webkit-transition: all .2s ease-in-out; 
	-moz-transition: all .2s ease-in-out; 
	-o-transition: all .2s ease-in-out; 
	-ms-transition: all .2s ease-in-out;
}

.viewBlog img:hover,
.moreInfo img:hover,
.twitter:hover,
.fact img:hover { 
	-webkit-transform: scale(1.1); 
	-moz-transform: scale(1.1); 
	-o-transform: scale(1.1); 
	-ms-transform: scale(1.1);	
}


/* 
=============================================================================
		Intro
============================================================================= 
*/



section#about { 
	height: 903px;
	background: url('../images/bg_section_intro.jpg') no-repeat 50% 0px;
}

section#about .logo { 
	position: absolute; 
	top: -25px; 
	left: 135px;
}

/* Content
====================================*/
#about article { 
	top: 330px;
	right: 140px;
	padding: 145px 20px 0 0;
	width: 696px; 
	height: 269px; 
	background-image: url('../images/bg_article_intro.png');
	text-align: right;
	z-index: 9997;
}

#about h1 {  font: 80px/60px 'Anton', sans-serif; text-transform:uppercase; color: #fff; }
#about h2 { font: 40px/50px 'Anton', sans-serif; color: #fff; text-transform:uppercase; }
#about h3 { font: 34px/44px 'Anton', sans-serif; color: #fff; text-transform:uppercase; }
#about h4 { margin-top: 20px; font-size: 24px; 	color: #fff; }

/* Sprites
====================================*/
#about .trunks { 
	display: block; 
	position: absolute; 
	top: 0;
	left: 120px; 
	width: 280px; 
	height: 1500px; 
	background: url('../images/trunks.png') no-repeat 50% 8px; 
	z-index: 9998;
}

#about .twitter { 
	position: absolute;
	top: 670px; 
	left: 270px;
	width: 179px;
	height: 145px;
	z-index: 9999;
}


#about .viewBlog { 
	top: 755px; 
	left: 920px;
}

#about .moreInfo { 
	top: 340px; 
	left: 975px;
	z-index: 9999;
}

#about .fact { 
	top: 163px; 
	left: 570px;
	width: 375px;
	height: 125px;
	background: url('../images/bg_fact_intro.png') no-repeat; 
}

#about .factBox { left: -80px; top: -10px;}

#about .fact img { 
	bottom: 0;
	right: 0;
}






/* 
=============================================================================
		Styling
============================================================================= 
*/

section#styling { 
	background-image: url('../images/bg_section_styling.jpg');
	height: 948px
}

/* Content
====================================*/
#styling .china { 
	display: block; 
	position: absolute; 
	top: 0;
	right: -22px; 
	width: 502px; 
	height: 1500px; 
	background: url('../images/china.png') no-repeat 50% 410px; 
	z-index: 9998;
}

#styling article { 
	top: 110px;
	right: 0;
	padding: 0;
	width: 734px; 
	height: 463px; 
	background-image: url('../images/bg_article_styling.png');
	color: #fff;
}

#styling h2 { 
	font: 45px/68px 'Anton', sans-serif; 
	color: #fff; 
	text-transform:uppercase;
	margin: 10px 80px 0 0; 
	text-align:right; 
}

#styling h3 {
	color: #fff;
	margin: 20px 180px 0 0; 
	text-align:right; 
	font-size: 26px;
}

#styling h4 {
	color: #fff;
	margin: 20px 180px 0 0; 
	text-align:right; 
	font-size: 20px;
}

#styling .footerInfo { 
	position: absolute;
	top: 697px; 
	left: 0;
}

#styling .footerInfo h3 {
	text-align: left;
	font: 40px/50px 'Anton', sans-serif; 
	color: #646567;
	text-transform:uppercase;
	margin-left: 100px;
}

#styling .footerInfo h4 {
	color: #77ccaa;
	font: 70px/45px 'Anton', sans-serif; 
	text-transform:uppercase;
	text-align: left;
	margin: 20px 0 0 480px;
}

/* Sprites
====================================*/
#styling .viewBlog { 
	top: 825px; 
	right: 40px;
	z-index: 9999;
}

#styling .fact { 
	top: 230px; 
	left: 385px;
	width: 249px;
	height: 126px;
	background: url('../images/bg_fact_styling.png') no-repeat; 
}

#styling .moreInfo { 
	top: 584px; 
	left: 550px;
}

#styling .fact img { 
	top: 0;
	right: 0;
}

#styling .factBox { left: -80px; top: 40px;}

/* 
=============================================================================
		Events
============================================================================= 
*/

section#events { 
	background-image: url('../images/bg_section_events.jpg');
	height: 1029px;
}

/* Content
====================================*/
#events .records { 
	display: block; 
	position: absolute; 
	top: 0;
	left: 230px; 
	width: 389px; 
	height: 1500px; 
	background: url('../images/records.png') no-repeat 50% 200px; 
	z-index: 9998;
}

#events article { 
	top: 120px;
	right: 160px;
	padding: 0;
	width: 556px; 
	height: 464px; 
	background-image: url('../images/bg_article_events.png');
	color: #fff;
}

#events h2 { 
	margin: 10px 25px 0 0; 
	text-align:right; 
	font: 45px/68px 'Anton', sans-serif; 
	color: #fff; 
	text-transform:uppercase;
}

#events h3 {
	color: #fff;
	margin: 35px 25px 0 0; 
	text-align:right; 
	font-size: 24px;
}

#events h4 {
	color: #fff;
	margin: 20px 25px 0 0; 
	text-align:right; 
	font-size: 20px;
}

#events .footerInfo { 
	position: absolute;
	top: 750px; 
	left: 0;
}

#events .footerInfo h3 {
	color: #7dcce7;
	text-transform:uppercase;
	text-align: left;
	font: 70px/45px 'Anton', sans-serif; 
	margin: 68px 0 0 170px;
}

#events .footerInfo h4 {
	color: #cddf00;
	font: 50px/55px 'Anton', sans-serif; 
	text-transform:uppercase;
	text-align: right;
	margin: 20px 0 0 270px;
}

/* Sprites
====================================*/
#events .viewBlog { 
	top: 800px; 
	left: 0;
}

#events .moreInfo { 
	top: 520px; 
	right: 180px;
}


#events .fact { 
	top: 610px; 
	left: 332px;
	width: 375px;
	height: 127px;
	background: url('../images/bg_fact_events.png') no-repeat; 
}

#events .factBox { left: -80px; top: -10px;}

#events .fact img { 
	bottom: 0;
	right: 1px;
}





/* 
=============================================================================
		Props
============================================================================= 
*/

section#props { 
	height: 905px;
	background-image: url('../images/bg_section_props.jpg');
}

/* Content
====================================*/
#props .knight { 
	display: block; 
	position: absolute; 
	top: 0;
	left: 0; 
	width: 494px; 
	height: 1500px; 
	background: url('../images/knight.png') no-repeat 50% 380px; 
	z-index: 9998;
}

#props .chairs { 
	display: block; 
	position: absolute; 
	top: 0;
	right: 120px; 
	width: 267px; 
	height: 1500px; 
	background: url('../images/chairs.png') no-repeat 50% 650px; 
	z-index: 9998;
}



#props article { 
	top: 100px;
	left: 500px;
	padding: 0;
	width: 600px; 
	height: 414px; 
	background-image: url('../images/bg_article_props.png');
	color: #fff;
}

#props h2 { 
	margin: 20px 25px 0 0; 
	text-align:right; 
	font: 50px/60px 'Anton', sans-serif; 
	color: #fff; 
	text-transform:uppercase;
}

#props h3 {
	color: #fff;
	margin: 30px 25px 0 0; 
	text-align:right; 
	font-size: 20px;
}

#props h4 {
	color: #fff;
	margin: 20px 25px 0 0; 
	text-align:right; 
	font-size: 30px;
	font-weight: bold;
	line-height: 30px;
}

#props .footerInfo { 
	position: absolute;
	top: 725px; 
	left: 530px;
}

#props .footerInfo a{
	display: block;
	width: 400px;
	height: 118px;
	padding: 4px 0 0 100px;
	background: url('../images/bg_props.png') no-repeat;
	font: 47px/55px 'Anton', sans-serif; 
	color: #fff; 
	text-transform: uppercase;
	text-decoration: none;	
}


/* Sprites
====================================*/
#props .viewBlog { 
	top: 800px; 
	left: 0;
}

#props .moreInfo { 
	top: 390px; 
	right: 150px;
	z-index: 9999;
}

#props .comingSoon { 
    height: 107px;
    position: absolute;
    right: 350px;
    top: 460px;
    width: 107px;
    z-index: 9999;
}

#props .fact { 
	top: 200px; 
	left: 282px;
	width: 125px;
	height: 277px;
	background: url('../images/bg_fact_props.png') no-repeat; 
	z-index: 9999;
}

#props .fact img { 
	bottom: 0;
	right: 1px;
}




/* 
=============================================================================
		Footer Content
============================================================================= 
*/

/* Contact Form
====================================*/
#contactForm {float: left; width: 470px; color: #fff;}
#contactForm .row { float: left; width: 230px;}
#contactForm label { text-align: left;}
#contactForm input[type=text] { width: 220px;}

#contactForm .comment {float: right;}
#contactForm textarea { height: 83px; width: 220px;}

#contactForm .check { width: 300px;}
#contactForm .check label { width: 250px; float: left; vertical-align: middle; font-size: 15px;}
#contactForm .check input { float: left; margin: 5px 10px 0 0; vertical-align: middle; }

#contactForm .submitButton { float: right; width: auto;}
#contactForm .submitButton input { margin: 0; background: #cddf00; border: 0; font: 18px/18px 'Anton', sans-serif; padding: 0px 20px 2px 20px; color: #fff; text-transform:uppercase;}


/* News
====================================*/
#news { float: right; width: 500px; color: #fff;}
#news h3 { color: #fff;}
#news .item { margin-top: 5px;}
#news .item .text { overflow: hidden; font-size: 15px; line-height: 17px;}
#news .item .img { border: 1px solid #fff; float: left; margin-right: 10px;}
#news .item h4 { color: #fff; font-weight: bold;}
#news .item p { margin-bottom: 10px;}
#news .item a {background: #cddf00; border: 0; color: #fff; font: 18px/18px 'Anton', sans-serif; padding: 4px 20px 6px 20px; display: inline-block; text-transform:uppercase; text-decoration: none; }

/* 
=============================================================================
		MODAL
============================================================================= 
*/
.gtOverlay { 
	background: url('../images/bg_000_50.png');
	z-index: 9999;
	top: 0;
	left: 0;
	height: 100%;
  width: 100%;
	overflow: hidden;
	position: fixed;
}

body.home .gtOverlay { display: none;}

.gtOverlayContainer {
	width: 946px; 
	left: 50%;
	margin: 0 0 0 -473px;
	position: absolute; 
	z-index: 999999;
	top: 50px;
}

.gtOverlayContent {
	background: #fff;
	width: 900px;
	padding: 18px;
	border: 5px solid #77ccaa;
	margin-bottom: 100px;
}

body.home .gtOverlayContainer { display: none; margin-bottom: 0;}

.gtOverlay .loading { position: absolute; top: 50%; left: 50%; z-index: 99999999;}


a.backHome { 
	position: absolute; top: -48px; right: 5px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font: 15px/20px 'Anton', sans-serif; 
	display: block;
	padding: 27px 0 0 0px;
	background: url('../images/home.png') no-repeat top center;
}


/* Content
====================================*/
.overlay h1 { color: #666; font-weight: bold; padding-bottom: 5px !important; font-size: 30px !important; line-height: 36px !important;}
.overlay .close {
	position: absolute;
	top: -22px;
	right: -22px;
	background: url('../images/close.png') no-repeat;
	width: 47px;
	height: 47px;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
	display: none;
}

.overlay { color: #666;}

#tabNav { list-style: none; margin: 0 0 0 -50px; padding: 0; overflow: hidden; font-size: 34px; line-height: normal;}
#tabNav li { float: left; display: inline; padding: 0; margin: 0 0 0 50px;}
#tabNav a { color: #77ccaa; text-decoration: none; outline: none;}
#tabNav a:hover { color: #63b192;}
#tabNav a.selected { color: #666;}

.overlay .img { float: left; width: 529px; height: 317px; position: relative;}
.overlay ul.tabNavHome { position: absolute; top: 20px; left: 0; padding: 0; margin: 0; list-style: none;}
.overlay .tabNavContainer { position: absolute; top: 20px; left: 0;}
.overlay ul.tabNav {  padding: 0; margin: 0; list-style: none;}
.overlay ul.tabNav li { }
.overlay ul.tabNav li a { display: block; margin-bottom: 2px; background: #77ccaa; color: #fff; padding: 2px 25px 2px 30px; text-decoration: none; font-weight: bold;}
.overlay ul.tabNav li a.selected { color: #77CCAA; background: #fff;}

.overlay .img h2 { background: #77ccaa; color: #fff; font-size: 26px; padding: 10px 25px 10px 30px; position: absolute; top: 220px; left: -18px}

.overlay .imgContent { float: right; width: 333px; height: 286px; padding: 15px; background: #e1ebef; border-top: 1px solid #c4d6dd;}
.overlay .imgContent ul { list-style: none; margin: 0 0 0 -8px; padding: 0; overflow: hidden;}
.overlay .imgContent li { float: left; display: inline; margin-left: 6px;}
.overlay .imgContent a {  padding: 2px; display: block;}
.overlay .imgContent a.selected { border: 2px solid #77ccaa; padding: 0; }
.overlay .imgContent h2 { font-size: 38px; line-height: 43px; color: #666;}
.overlay .imgContent h3 { font: 45px/45px 'Anton',sans-serif; color: #77ccaa; text-transform:uppercase; margin-bottom: 10px;}
.overlay .imgContent p { margin-bottom: 10px;}

.overlay .abstract { margin-top: 10px; float: left; width: 870px; height: 450px; padding: 15px; overflow: auto; background: #e1ebef; border-top: 1px solid #c4d6dd;}
.overlay .abstract h2 { font-size: 24px; padding-bottom: 22px; margin-bottom: 20px; border-bottom: 1px solid #a3a8aa; color: #666; font-weight: bold;}
.overlay .abstract h3 { font-size: 22px; padding-bottom: 15px; color: #666;}

/* 
=============================================================================
		Blog Layout
============================================================================= 
*/

/* Side Col
====================================*/
#sideCol { float: left; margin-right: 30px; width: 280px;}
#sideCol section { background: url('../images/blog_sideColSection.png') repeat-y; padding: 15px 20px; margin-bottom: 21px;}
#sideCol section h3 { color: #fff; font-size: 15px; text-transform:uppercase; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #fff;}

/* Social Links */
section#socialLinks { overflow: hidden;}
section#socialLinks ul { margin: -10px 0 0 0; padding: 0; list-style: none;}
section#socialLinks ul li { display: inline-block; margin: 0; padding: 0;}
section#socialLinks ul a { padding: 0 0 0 25px; display: inline-block; width: 90px; text-transform:uppercase; margin-top: 10px;}

section#socialLinks ul a.blogFollow { background: url('../images/blog_follow.png') no-repeat center left; }
section#socialLinks ul a.blogNewsletter { background: url('../images/blog_newsletter.png') no-repeat center left;}
section#socialLinks ul a.blogLike { background: url('../images/blog_like.png') no-repeat center left;}
section#socialLinks ul a.blogHome { background: url('../images/blog_home.png') no-repeat center left;}
section#socialLinks ul a.blogSubscribe { background: url('../images/blog_subscribe.png') no-repeat center left;}

#sideCol ul { margin: 0; padding: 0; color: #fff;}
#sideCol ul li { margin: 0 0 0 18px;}
#sideCol ul a { display: block; color: #fff; text-decoration: none;}
#sideCol ul a.selected { font-weight: bold; text-decoration: underline;} 

/* Main Col
====================================*/
#mainCol { float: left; width: 603px; padding: 25px 40px; background: url('../images/bg_000_75.png'); color: #fff;}


/* Blog Shared Styles
====================================*/
/* Post Info */
.postInfo { overflow: hidden;}
.postInfo .comments { width: 37px; height: 36px; text-align: center; margin-right: 20px; float: left; background: url('../images/blog_comments.png') no-repeat;}
.postInfo .tags { font-size: 17px; line-height: 15px;}
.postInfo .author { font-size: 13px; line-height: 17px;}

/* Blog Abstracts (listing page)
====================================*/
article.blogAbstract { padding-bottom: 50px; margin-bottom: 24px; border-bottom: 1px solid #fff; overflow: hidden; width: 603px;}
article.blogAbstract.last { border-bottom: 0;}
article.blogAbstract h3 { font-size: 30px; line-height: 35px; color: #fff; text-transform:uppercase; margin: 10px 0 22px;}
article.blogAbstract h3 a { color: #fff; text-decoration: none;}
article.blogAbstract .abstract { overflow: hidden;}
article.blogAbstract img { float: left; margin-right: 20px; width: 211px; height: 155px;}
article.blogAbstract a { color: #fff;}

/* Blog Article (posted article page)
====================================*/
article.blogArticle { padding-bottom: 50px; margin-bottom: 50px; border-bottom: 1px solid #fff; }
article.blogArticle img { margin-bottom: 30px;}
article.blogArticle a { color: #fff;}

.comments { margin-bottom: 25px;}

.comments h4 {
	color: #FFFFFF;
  font: 24px/34px 'Anton',sans-serif;
  text-transform: uppercase;
	padding: 5px 0 5px 47px;
	background: url('../images/commentBox.png') no-repeat 0 10px;
	margin-bottom: 50px;
}

#commentsForm { margin-bottom: 50px;}

.comment { margin-top: 25px; padding-top: 25px; border-top: 1px solid #5f6160;}
.comment .bottom { overflow: hidden; width: 100%;}
.comment .bottom .name { float: left; color: #7fc4a7;}
.comment .bottom .date { float: right; color: #7fc4a7;}

.comments .success { color: #cddf00; margin-top: 25px; background: url('../images/tick.png') no-repeat center left; padding: 0 0 0 24px;} 
.comments .error { margin-top: 25px; color: #e8464e;  background: url('../images/error.png') no-repeat center left; padding: 0 0 0 24px;}

.commentsList { margin-bottom: 50px;}
.commentsList .noitems { margin-top: 25px; padding-top: 25px; border-top: 1px solid #5f6160;}

/* Pagination
====================================*/
.pagination { overflow: hidden; margin-top: 100px;}
.pagination .prev, .pagination .next { display: inline-block; background: #78ccab; padding: 2px 10px; color: #fff; font-weight: bold; text-decoration: none; cursor: pointer;}

.pagination ul { display: inline-block; margin: 0 0 0 -23px; padding: 0 30px;}
.pagination ul li { display: inline-block; margin-left: 13px; cursor: pointer; padding: 2px 5px;}
.pagination ul li:hover { background: url('../images/bg_000_50.png'); border-radius: 3px;}
.pagination ul li.selected { color: #7ecdae; cursor: default; background: none; border-radius: 3px;}



/* 
=============================================================================
		Fancybox
============================================================================= 
*/

#fancybox-loading { position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 9999994; display: none; }
#fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('../images/fancybox/fancybox.png'); }
#fancybox-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 99999991; display: none; }
#fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; }
#fancybox-wrap { position: absolute; top: 0; left: 0; padding: 20px; z-index: 99999992; outline: none; display: none; }
#fancybox-outer { position: relative; width: 100%; height: 100%; background: #fff; }
#fancybox-content { width: 0; height: 0; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 99999993; border: 0px solid #fff; }
#fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1101; }
#fancybox-close { position: absolute; top: -22px; right: -22px; width: 47px; height: 47px; background: url('../images/close.png') no-repeat; cursor: pointer;z-index: 99999996; display: none; }
#fancybox-error { color: #444; font: normal 12px/20px Arial; padding: 14px; margin: 0; }
#fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; }
#fancybox-frame { width: 100%; height: 100%; border: none; display: block; }
#fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url('../images/fancybox/blank.gif'); z-index: 99999995; display: block; }
#fancybox-left { left: 0px; }
#fancybox-right { right: 0px; }
#fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 37px; height: 37px; margin-top: -15px; cursor: pointer; z-index: 99992; display: block; }

#fancybox-left-ico { background-image: url('../images/back.png');  }
#fancybox-right-ico { background-image: url('../images/forward.png');  }

#fancybox-left:hover, #fancybox-right:hover { visibility: visible; /* IE6 */ }
#fancybox-left:hover span { left: 30px; }
#fancybox-right:hover span { left: auto; right: 30px; }
.fancybox-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; }
#fancybox-bg-n { top: -20px; left: 0; width: 100%; background-image: url('../images/fancybox/fancybox-x.png'); }
#fancybox-bg-ne { top: -20px; right: -20px; background-image: url('../images/fancybox/fancybox.png'); background-position: -40px -162px; }
#fancybox-bg-e { top: 0; right: -20px; height: 100%; background-image: url('../images/fancybox/fancybox-y.png'); background-position: -20px 0px; }
#fancybox-bg-se { bottom: -20px; right: -20px; background-image: url('../images/fancybox/fancybox.png'); background-position: -40px -182px; }
#fancybox-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url('../images/fancybox/fancybox-x.png'); background-position: 0px -20px; }
#fancybox-bg-sw { bottom: -20px; left: -20px; background-image: url('../images/fancybox/fancybox.png'); background-position: -40px -142px; }
#fancybox-bg-w { top: 0; left: -20px; height: 100%; background-image: url('../images/fancybox/fancybox-y.png'); }
#fancybox-bg-nw { top: -20px; left: -20px; background-image: url('../images/fancybox/fancybox.png'); background-position: -40px -122px; }
#fancybox-title { font-family: Helvetica; font-size: 12px; z-index: 1102; }
.fancybox-title-inside { padding-bottom: 10px; text-align: center; color: #333; background: #fff; position: relative; }
.fancybox-title-outside { padding-top: 10px; color: #fff; }
.fancybox-title-over { position: absolute; bottom: 0; left: 0; color: #FFF; text-align: left; }
#fancybox-title-over { padding: 10px; background-image: url('../images/fancybox/fancy_title_over.png'); display: block; }
.fancybox-title-float { position: absolute; left: 0; bottom: -20px; height: 32px; }
#fancybox-title-float-wrap { border: none; border-collapse: collapse; width: auto; }
#fancybox-title-float-wrap td { border: none; white-space: nowrap; }
#fancybox-title-float-left { padding: 0 0 0 15px; background: url('../images/fancybox/fancybox.png') -40px -90px no-repeat; }
#fancybox-title-float-main { color: #FFF; line-height: 29px; font-weight: bold; padding: 0 0 3px 0; background: url('../images/fancybox/fancybox-x.png') 0px -40px; }
#fancybox-title-float-right { padding: 0 0 0 15px; background: url('../images/fancybox/fancybox.png') -55px -90px no-repeat; }
#fancybox-loading.fancybox-ie6 div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_loading.png', sizingMethod='scale');
}

/* IE6, IE7, IE8 */
.fancybox-ie .fancybox-bg { background: transparent !important; }
.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_n.png', sizingMethod='scale');}
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_ne.png', sizingMethod='scale');}
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_e.png', sizingMethod='scale');}
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_se.png', sizingMethod='scale');}
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_s.png', sizingMethod='scale');}
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_sw.png', sizingMethod='scale');}
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_w.png', sizingMethod='scale');}
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_nw.png', sizingMethod='scale');}