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


@font-face {
    font-family: 'BickhamScriptPro';
    src: url('../fonts/BickhamScriptPro-Regular.eot');
    src: url('../fonts/BickhamScriptPro-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BickhamScriptPro-Regular.woff') format('woff'),
         url('../fonts/BickhamScriptPro-Regular.ttf') format('truetype'),
         url('../fonts/BickhamScriptPro-Regular.svg#MyriadProItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TrajanPro';
    src: url('../fonts/TrajanPro-Regular.eot');
    src: url('../fonts/TrajanPro-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/TrajanPro-Regular.woff') format('woff'),
         url('../fonts/TrajanPro-Regular.ttf') format('truetype'),
         url('../fonts/TrajanPro-Regular.svg#MyriadProSemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}



body { background: #6ad1c6 url(../images/bg-main.jpg); }

#root { margin:0 auto; text-align:center; width:988px; margin-bottom:100px; }

#head, #body, #tail { width:100%; overflow:visible; }

#body { text-align:left; }
#tail { text-align:left; }
#head {  position:relative; padding-bottom:28px; }

.bl-l { display:block; overflow:hidden; }
.bl-l em { display:block; position:absolute; top:-999999px; }

#head-menu { position:absolute; bottom:0px; left:0px; }

#head-top-app {
	height:158px;
	background:url(../images/app-head-top.png);
	background-position:bottom; 
	background-repeat:no-repeat;
	text-align:center;
	}
	
#head-top-app a {
	display:block;
	padding-top: 30px;
	margin-left:-7px;
}

#head-top-app a img{
	max-width: 200px;
	width: auto;
	height: auto;
}

.b-box {
	background:url(../images/bg-body.png);
	background-position:center;
	}

#head-header p { height:243px; overflow:hidden; text-align:center }


/* FONTS */
#root { 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#707070; 
	line-height:16px; 
	}

#root a { color:#4ec1b0; text-decoration:none; }

#head-menu ul li ul li a { 
	color:#a2a2a2; 
	text-decoration:none;
	margin-left:10px; 
	margin-right:10px; 
	}

#head-menu a:hover { color:#4ec1b0; }

h1 { color:#4ec1b0; font-size:25px; line-height:28px; }
h2 { color:#999; font-size:18px; line-height:20px; }
h3 { color:#000; font-size:25px; line-height:28px; }
/* .FONTS */






/*BLURB*/
#body-intro { 
	padding-left:40px; 
	height:345px;
	position:relative;
	margin-bottom:5px;
	}
	
#body-intro div { float:left;  }
	
.b-i-l { 
	width:224px; 
	padding-top:35px; 
	background:url(../images/x-sign.png) no-repeat bottom right;
	padding-bottom:50px;
	margin-right:20px;
	}
	
.b-text { padding-top:15px; }	
.b-i-r .b-text { padding-top:5px; }

.b-i-r { position:relative; width:234px; padding-top:35px; padding-left:20px; }

.b-i-r h2 { margin-top:10px; }

#body-intro .bottom-app { 
	background:url(../images/app-bottom.png); 
	display:block; 
	width:988px; 
	height:5px;
	position:absolute;
	bottom:0px;
	left:0px;
	margin-bottom:-5px;
	}
	
.social {}

.social div p em { 
	padding-left:6px; 
	padding-right:6px;
	font-style:normal;
	}

.social-l, .social-r { 
	position:absolute;
	bottom:10px;
	width:333px;
	vertical-align:top;
	}
	
.social-l { left:0px; text-align:left; padding-left:75px; }	
.social-r { right:0px; text-align:right; padding-right:75px; }

.x-twitter, .x-facebook { 
	width:66px; 
	height:46px; 
	position:absolute; 
	}
.x-twitter { 
	background:url(../images/x-twitter.png) no-repeat left center; 
	left:0px; bottom:-7px; 
	}
	
.x-facebook { 
	background:url(../images/x-facebook.png) no-repeat left center; 
	right:0px; top:-7px; 
	}

.x-facebook:hover { background:url(../images/x-facebook-h.png) no-repeat left center; }
.x-twitter:hover { background:url(../images/x-twitter-h.png) no-repeat left center; }

.x-login { 
	background:url(../images/bg-form.png); 
	width:221px; 
	height:67px; 
	position:relative;
	}

.x-login input[type=text], .x-login input[type=password] { 
	background:none; 
	border:none; 
	margin:0px; 
	padding:0px; 
	padding-left:7px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#707070;
	position:absolute; 
	left:0px;
	width:200px;
	}

.in-1 { top:8px; }
.in-2 { top:46px; }

/*.BLURB/




/*SNEAK PEEK*/

	.sneak-peek { 
		background:url(../images/bg-sneak-peek.png); 
		width:412px; 
		height:309px;
		margin-top:18px;
		position:relative;
		}	
	.sp-slides { 
		position:absolute; 
		left:52px; 
		top:56px; 
		width:308px; 
		height:198px; 
		overflow:hidden; 
		}
	.next-slide, .prev-slide, #post-nav .previous span, #post-nav .next span { 
		width:31px; 
		height:20px;
		position:absolute;
		top:145px;
		}
	.next-slide, #post-nav .next span {
		background:url(../images/x-arr-r.png) no-repeat center;
		right:14px;
		}
	.prev-slide, #post-nav .previous span {
		background:url(../images/x-arr-l.png) no-repeat center;
		left:14px;
		}
	.next-slide:hover, #post-nav .next span:hover { background:url(../images/x-arr-r-h.png) no-repeat right center; }
	.prev-slide:hover, #post-nav .previous span:hover { background:url(../images/x-arr-l-h.png) no-repeat left center; }

/*.SNEAK-PEEK*/




/*SOCIAL*/
/*.SOCIAL*/




/*TAIL*/

#tail { 
	background:url(../images/bg-body.png);
	width:988px;
	min-height:150px;
	margin-top:20px;
	position:relative;
	}

#post-nav { text-align:center; width:900px; margin-left:45px; padding-top:30px; padding-bottom:30px; position:relative; }
#post-nav ul li { 
	display:inline;
	padding-left:7px;
	font-size:14px;	 
	}
#post-nav ul li a { color:#000; }
.active_page a { color:#4ec1b0!important; }  
#post-nav .previous span { float:left; }	
#post-nav .next span { float:right; }
#post-nav .previous span, #post-nav .next span { 
	top:30px;
	padding:7px 40px 0px 40px; 
	width:auto;
	margin:-7px 0px 0px 0px; 
	} 	
#post-nav .previous span { background-position:left center; left:0px; }
#post-nav .next span { background-position:right center; right:0px; }


.tail-search { 
	background:url(../images/bg-search.jpg); 
	width:972px; 
	margin-left:8px; 
	height:54px; 
	border:solid 1px; 
	border-color:#fafafa; 
	border-left:none; 
	border-right:none;
	position:relative;
	}
.tail-search .bl-l{ 
	position:absolute; 
	top:5px; 
	right:30px; 
	width:110px; 
	height:40px; 
	}
.tail-search form input { 
	position:absolute; 
	left:130px; 
	background:none; 
	border:none; 
	margin:0px; 
	padding:0px; 
	top:18px; 
	font-size:14px; 
	color:#999999; 
	width:140px; 
	}
.tail-search form .x-submit { width:30px; left:90px; }		




#archives { 
	margin-left:45px; 
	padding-top:15px; 
	width:900px; 
	text-align:right; 
	position:relative; 
	overflow:hidden; 
	zoom:1; 
	padding-bottom:13px; 
	}
#archives { color:#000; }
.archives-t { float:left; color:#000; padding-top:2px; }	
.archives-m { float:right; width:800px; text-align:right; }	
.archives-m em, .archives-m a { padding-left:25px; }
.archives-m p { padding:0px; margin:0px; }

#copyright { 
overflow:hidden; 
zoom:1;
position:absolute;
bottom:-20px;
font-size:10px;
color:#333333;
width:983px; }
#copyright div { float:right; text-align:right; width:300px; }
#copyright span { float:left; }
#copyright div img { margin-bottom:-1px; }



/*.TAIL*/




/* POST */
#posts { text-align:left;  }

	.post { 
		width:988px;
		background:url(../images/bg-body.png);
		margin-top:20px;
		position:relative;
		padding-top:30px;
		padding-bottom:80px;
		}
	
	.post .app-top, .post .app-bottom, #tail .app-top, #tail .app-bottom {
		display:block;
		height:5px;
		width:988px;
		position:absolute; 
		left:0px;
		}
	
	.post .app-top, #tail .app-top { 
		background:url(../images/app-top.png);
		top:-5px;
		}

	.post .app-bottom, #tail .app-bottom { 
		background:url(../images/app-bottom.png);
		bottom:-5px;
		}
	
	.post-title { 
		height:65px; 
		padding-left:45px; 
		padding-right:4px; 
		}
	
	.post-title div { float:left; text-align:center; width:900px; position:relative; } 
	
	.post-title h3 {
		background:url(../images/bg-title.png);
		display:inline;
		float:right;
		padding-right:41px;
		margin-right:4px;
		position:absolute;
		right:0px; top:25px; 
		}
	.post-title h3 a { color:#000!important; }	
	
	.post-title h2 { font-size:16px!important; }

	.post-intro h2 a { color:#000!important; }
	
	.post-intro { width:900px; position:relative; margin-left:45px; }
	
	.post-intro .text, .post-intro .img-1, .post-intro .img-2 { position:absolute; }


.post-intro .text h2 { width:175px; padding-bottom:8px; }
.post-intro .text { position:absolute; overflow:hidden; }
.post-intro .img-1, .post-intro .img-2 { overflow:hidden; }
.post-intro .text-l, .post-intro .text-r { width:175px; overflow:hidden; float:left; }
.post-intro .text-r { padding-left:30px; position:relative; position:absolute; top:-3px; left:175px; }

.p-i-2-right , .p-i-2-left { height:565px; }
.p-i-1-right , .p-i-1-left { height:390px; }
 
.p-i-2-right .img-1, .p-i-2-left .img-1 { width:490px; height:564px; }
.p-i-2-right .img-2, .p-i-2-left .img-2 { width:400px; height:325px; }
.p-i-2-right .text, .p-i-2-left .text { height:235px; width:425px; }
.p-i-2-right .text-r p, .p-i-2-left .text-r p { width:175px; }

.p-i-1-right .img-1, .p-i-1-left .img-1 { width:680px; height:390px; }
.p-i-1-right .text h2, .p-i-1-left .text h2 { width:175px; padding-bottom:17px; }

.p-i-1-center { height:600px; }
.p-i-1-center .img-1 { width:900px; height:600px; overflow:hidden; }

	
	/*INTRO CLASSES*/
	/*2-right*/
	.p-i-2-right .img-1 { left:0px; top:0px; }
	.p-i-2-right .img-2 { right:0px; bottom:0px; }
	.p-i-2-right .text { left:513px; top:0px; }
	/*2-left*/
	.p-i-2-left .img-1 { right:0px; top:0px; }
	.p-i-2-left .img-2 { left:0px; bottom:0px; }
	.p-i-2-left .text { left:0px; top:0px; }
	/*1-right*/
	.p-i-1-right .img-1 { left:0px; top:0px; }
	.p-i-1-right .text { right:10px; top:0px; }
	/*1-left*/
	.p-i-1-left .img-1 { right:0px; top:0px; }
	.p-i-1-left .text { left:0px; top:0px; }
	
	
	
	
	
	
	.pt-close-link, .pt-open-link { 
		width:353px; 
		height:66px; 
		position:absolute;  
		left:50%; 
		margin-left:-176px; 
		bottom:4px; 
		}
	.pt-open-link { background:url(../images/x-open.png); }
	.pt-close-link { background:url(../images/x-close.png); display:none; }
	
	
		.post-container{ display:none; margin-bottom:-10px; }	
			.post-content { margin:25px 0px 25px 45px; width:900px; }
				.post-content img { max-width:900px; display:block; margin:20px auto 20px auto; }
		





.post .loading {
	width:32px;
	height:32px;
	position:absolute;
	right:40px;
	bottom:24px;
	background:url(../images/post-loader.gif) 0 0 no-repeat;
	display:none;
}


.out
{
 display: table;
 position: relative;
 overflow: hidden;
}

.mid
{
 display: table-cell;
 position: absolute;
 top: 50%;
 vertical-align: middle;
}
				

.in
{
 position: relative;
 top: -50%;
}				





/* Commentbox */
	
	.comment-box { 
		width:972px; 
		height:169px; 
		background:url(../images/bg-com.jpg); 
		margin-left:8px;
		position:relative;
		margin-top:40px;
		}
	
	.com-menu { position:absolute; top:-21px; left:37px;  }
	.com-menu h2 a { color:#000!important; font-size:16px; }	
	.b-com-viewer{ width:900px; height:130px; margin-left:37px; padding-top:20px; }
	.b-com-scroll{ height:130px; overflow:auto; text-align:left; }	

.jScrollPaneTrack { background: #fff; }
.jScrollPaneDrag { background: #71d8c7; }

	
	/*A comment*/
    .b-com-viewer div p { margin-right:20px; margin-bottom:10px; margin-top:5px; line-height:15px; }
	/*Name*/
	.b-com-viewer div p em  { font-style:normal; text-transform:uppercase; }
	.b-com-viewer div p em a{ color:#a1a1a1; text-transform:uppercase; }
	/*Comment*/
	.b-com-viewer div p big { color:#a1a1a1; }
	/*Date*/
	.b-com-viewer div p strong { font-weight:normal; }
	
	

/*.Commentbox*/



/*Add comment box*/
.add-commentbox {
	background:url(../images/bg-add-com.jpg);
	width:972px;
	height:146px;
	display:none;
	position:relative;
	margin-left:8px;
	text-align:center;
	}

.inp-t { width:210px; line-height:22px; height:19px; border:solid 1px; border-color:#ddd; margin:0px; padding:0px; padding-left:5px; padding-right:5px; left:165px; position:absolute;  padding-bottom:3px; background:none; }

.inp-b { width:337px; height:74px; border:none; margin:0px; padding:5px; left:415px; top:40px; position:absolute; border:solid 1px; border-color:#ddd; background:none; }

.add-commentbox form input, .add-commentbox form textarea { 
	font-family:Century Gothic, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#999999;  
	}
.inp-1 { top:40px; }
.inp-2 { top:71px; }
.inp-3 { top:102px; }
.add-commentbox h2 { 
	padding-top:13px;
	color:#4ec1b0; 
	font-size:16px; 
	}

.js-proceed { position:absolute; left:764px; top:60px; display:block; width:86px; height:47px; background:url(../images/x-send.png); }
.js-proceed:hover { opacity:0.75; }

.add-commentbox { font-family:Trajan Pro, Arial, Helvetica, sans-serif; }

/*.Add comment box*/



.about-page { overflow:hidden; zoom:1; }
.about-page img { float:left; padding:0px; margin:0px; padding-right:20px; padding-bottom:20px; }



/*Send to a friend box*/


.send-to-box p { position:absolute; top:33px; left:40px;  }

/*.Send to a friend box*/






/* .POST */




/*POST NAVIGATION*/

/*.POST NAVIGATION*/








/*FIRST GENERATE CSS, then change menu height*/

/*GENERATED MENU CSS*/

.menu-lvl-1 li ul 
{ 

background:none;
/* dropdown bg color */
background-color:#fafafa; 
/* dropdown position */
margin-top:-1px;

} 

#head-menu { width:988px; height:28px; }
.menu-lvl-1 li a { height:28px; }
.menu-lvl-1 li p { height:28px; } .m1-1 a	 { background-position:-0px 0px; width:47px; } 
.m1-1 a:hover { background-position:-0px -28px; }
.m1-1 p { background-position:-0px -28px; margin:0px; padding:0px; width:47px; }
.m1-1-active a { background-position:-0px -28px; }
.m1-2 a	 { background-position:-47px 0px; width:60px; } 
.m1-2 a:hover { background-position:-47px -28px; }
.m1-2 p { background-position:-47px -28px; margin:0px; padding:0px; width:60px; }
.m1-2-active a { background-position:-47px -28px; }
.m1-3 a	 { background-position:-107px 0px; width:58px; } 
.m1-3 a:hover { background-position:-107px -28px; }
.m1-3 p { background-position:-107px -28px; margin:0px; padding:0px; width:58px; }
.m1-3-active a { background-position:-107px -28px; }
.m1-4 a	 { background-position:-165px 0px; width:81px; } 
.m1-4 a:hover { background-position:-165px -28px; }
.m1-4 p { background-position:-165px -28px; margin:0px; padding:0px; width:81px; }
.m1-4-active a { background-position:-165px -28px; }
.m1-5 a	 { background-position:-246px 0px; width:60px; } 
.m1-5 a:hover { background-position:-246px -28px; }
.m1-5 p { background-position:-246px -28px; margin:0px; padding:0px; width:60px; }
.m1-5-active a { background-position:-246px -28px; }
.m1-6 a	 { background-position:-306px 0px; width:113px; } 
.m1-6 a:hover { background-position:-306px -28px; }
.m1-6 p { background-position:-306px -28px; margin:0px; padding:0px; width:113px; }
.m1-6-active a { background-position:-306px -28px; }
.m1-7 a	 { background-position:-419px 0px; width:59px; } 
.m1-7 a:hover { background-position:-419px -28px; }
.m1-7 p { background-position:-419px -28px; margin:0px; padding:0px; width:59px; }
.m1-7-active a { background-position:-419px -28px; }
.m1-8 a	 { background-position:-478px 0px; width:130px; } 
.m1-8 a:hover { background-position:-478px -28px; }
.m1-8 p { background-position:-478px -28px; margin:0px; padding:0px; width:130px; }
.m1-8-active a { background-position:-478px -28px; }
.m1-9 a	 { background-position:-608px 0px; width:66px; } 
.m1-9 a:hover { background-position:-608px -28px; }
.m1-9 p { background-position:-608px -28px; margin:0px; padding:0px; width:66px; }
.m1-9-active a { background-position:-608px -28px; }
.m1-10 a	 { background-position:-674px 0px; width:95px; } 
.m1-10 a:hover { background-position:-674px -28px; }
.m1-10 p { background-position:-674px -28px; margin:0px; padding:0px; width:95px; }
.m1-10-active a { background-position:-674px -28px; }
.m1-11 a	 { background-position:-769px 0px; width:58px; } 
.m1-11 a:hover { background-position:-769px -28px; }
.m1-11 p { background-position:-769px -28px; margin:0px; padding:0px; width:58px; }
.m1-11-active a { background-position:-769px -28px; }
.m1-12 a	 { background-position:-827px 0px; width:99px; } 
.m1-12 a:hover { background-position:-827px -28px; }
.m1-12 p { background-position:-827px -28px; margin:0px; padding:0px; width:99px; }
.m1-12-active a { background-position:-827px -28px; }
.m1-13 a	 { background-position:-926px 0px; width:62px; } 
.m1-13 a:hover { background-position:-926px -28px; }
.m1-13 p { background-position:-926px -28px; margin:0px; padding:0px; width:62px; }
.m1-13-active a { background-position:-926px -28px; }

/*//GENERATED MENU CSS*/


.menu-lvl-1 { left:0px; position:absolute; top:0px; }


.menu-lvl-1 li a 
{
	display:block;
	overflow:hidden;
	position:relative;
	background-image:url(../images/menu-lvl-1.png);
}

.menu-lvl-1 li p 
{
	display:block;
	overflow:hidden;
	position:relative;
	background-image:url(../images/menu-lvl-1.png);
}


.menu-lvl-1 
{
  position:absolute;
  z-index:79;
  text-align:left;
}

.menu-lvl-1 li {
	position:relative;
	float:left;
	height:22px;
	line-height:22px;
}

#l-root .menu-lvl-1 li.last { padding-right:0; }

.menu-lvl-1 li a {
  display:block;
}

js-activated .menu-lvl-1 li:hover ul { display:block; }

.menu-lvl-1 li ul { 
	display:none;
	position:absolute;
	z-index:79;
	border:0px;
	border-top:0px;
}

.menu-lvl-1 li li {
	display:block;
	float:none;
}

.menu-lvl-1 li ul li a {
	z-index:80;
	min-width:150px;
}

.menu-lvl-1 li ul li  {
	max-width:160px!important;
}





.menu-lvl-1 li li a 
{
	background:none;

	margin:0px;
	
	

}




.menu-lvl-1 li span {
	position:absolute;
	top:-1079px;
}


.menu-lvl-1 li a {
	display:block;
	overflow:hidden;
	position:relative;
}

.menu-lvl-1 li ul 
{ 

border:solid 1px;
border-color:#ddd;

} 





#contact { position:relative; }
#contact .bg-1 { height:190px; }
.contact-head { height:120px!important; }
.contact { position:absolute; top:20px; } 
.contact form { overflow:hidden; zoom:1; position:relative; margin:0px; padding:0px; width:950px; margin-left:50px; margin-top:-50px; }
.contact form .left { width:400px; text-align:right; float:left; line-height:18px; }
.contact form div p { margin-bottom:6px; position:relative; }
.contact form div p span { text-align:right; position:absolute; right:275px; bottom:-1px; line-height:12px; }
.contact form .right { float:right; text-align:left; width:528px; }
.contact form input { width:253px; background:url(../images/bg-inp.jpg); height:24px; border:none; margin:0px; padding:0px 5px 0px 5px; line-height:18px; color:#959595; font-family:Arial, Helvetica, sans-serif; }
.contact form textarea { width:347px; height:102px; padding:5px; border:none; background:url(../images/bg-text.jpg); color:#959595; position:absolute; top:31px; font-family:Arial, Helvetica, sans-serif; }
.contact form .right p { margin-top:0px; }
.contact form .js-proceed { width:90px; height:24px; background:url(../images/x-submit.png); position:absolute; left:422px; top:150px; }
.contact form .js-proceed:hover { opacity:0.70; }
.contact .page-c { position:absolute; top:50px; }
.contact { height:200px; position:relative; font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase; color:#000; }
.contact form div em input { display:block; float:right; width:20px; margin:0px; padding:0px; margin-left:7px; }
.imp { color:#bababa; margin-top:-5px; }
.imp em { font-style:normal; float:left; margin-left:137px; }
.im { margin-right:-2px; }
.ima { padding:0px; margin:0px; margin-top:-5px; overflow:hidden; zoom:1; padding-right:1px; }





.hidden{ display:none; }
.p-hidden { position:absolute; left:-999999px; top:-999999px; }

.loginsubmit {
	position:absolute;
	top:60px; left:145px;
}

a.addfoldertrig {
	display:block;
	margin:0 auto;
	width:107px; height:44px;
	background:url(../images/add-btn.png) no-repeat top center;
}


h3
{
	font-family: 'BickhamScriptPro';
	font-weight: normal;
}
h1,h2,#tail
{
	font-family: 'TrajanPro';
	font-weight: normal;
}