/*#home .wrap.top-panel, #theplateau .wrap.top-panel{
	background:url(../images/home-top-panel.png) left top no-repeat;
}
*/
.layout_holder{
	background:url(../images/home-top-panel.png) center top no-repeat;
}
/*
#home .wrap.subpage-top-panel{
	background:url(../images/subpage-top-panel.png) left top no-repeat;
}
*/
.layout_holder_sub{
	background:url(../images/subpage-top-panel.png) center top no-repeat;
}

#theplateau .wrap.subpage-top-panel, #nightstand .wrap.subpage-top-panel, #balloon .wrap.subpage-top-panel, 
#dailydeeds .wrap.subpage-top-panel, #geemail .wrap.subpage-top-panel, #funbooth .wrap.subpage-top-panel, 
#valentines .wrap.subpage-top-panel, #climate .wrap.subpage-top-panel{
	background:url(../images/subpage-top-panel-plt.png) center top no-repeat;
}

#theplateau #wrap_footer .footer, #nightstand #wrap_footer .footer, #balloon #wrap_footer .footer, 
#dailydeeds #wrap_footer .footer, #geemail #wrap_footer .footer, #funbooth #wrap_footer .footer, 
#valentines #wrap_footer .footer, #climate #wrap_footer .footer{
	background:none;
}

#funbooth #wrap_footer, #balloon #wrap_footer, #dailydeeds #wrap_footer, #geemail #wrap_footer, 
#valentines #wrap_footer, #climate #wrap_footer{
	background:url(../images/subpage_footer.png) repeat-x center top;
}

#nightstand #wrap_footer, #theplateau #wrap_footer{
	background:#000707 url(../images/subpage_footer.png) repeat-x center top;
}

#menu{
	width:370px;
	height:50px;
	margin:50px 0 0;
	float:left;
}

#menu li{
/*	background:url(../images/post-h1-bg.png) no-repeat 0 0;*/
	list-style: none;
	display: inline;
	font-size: 12px;
	font-weight:bold;
	margin:0 10px 0 0;
	float:left; 
	color:#fff;
	text-shadow:-2px -1px 30px #e3e4e4;
}

#menu li a span{
	cursor: pointer;	
}

#home #menu li{
	text-shadow:-2px -1px 30px #3B94F3;
}

#home #menu li:hover, #menu li:hover{
	text-shadow:0 0 20px #fff;
}

.page_blog #menu li.selected, .page_about #menu li.selected, .page_contact #menu li.selected, #home #menu li.selected{
	text-shadow:0 0 20px #fff !important;
}

.arrow_hr{
	background:url(../images/icons/arrow_hr.png) no-repeat 0 0;
	width:14px;
	height: 15px;
	float:left;
	clear:right;
}

.top-panel{
/*	background:url(../images/top-panel.png) right top repeat-x;*/
	min-height:201px;
	position:absolute;
	width:100%;
}

.subpage-top-panel{
	min-height:211px;
	position:absolute;
	width:100%;
}

.wrap.top-panel, .wrap.subpage-top-panel{
	width:990px;
	position: relative;
}

/* header Block */

.preview_slider_holder{
	width:940px;
	height:353px; 
	display:block; overflow:hidden; 
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	background: url(../images/frank_border.png) top center;
	padding:1px;
}

.sm {
	list-style:none;
	width:940px;
	height:353px; 
	display:block; overflow:hidden; 
}

.sm li, .topnav li {float:left; display:inline; overflow:hidden;}

.topnav li:hover{
	cursor: pointer;
}

.header{
	height:111px;
	overflow: hidden;
}

.header h1{
	height:111px;
	float:left;
	width:570px;
}

.logo{
	background:url(../images/logo.png) right top no-repeat;
	text-indent: -99999px;
	display:block;
	height:100%;
	width:100%;
}

.logo_inner{
	background:url(../images/logo-inner.png) right top no-repeat;
	text-indent: -99999px;
	display:block;
	height:100%;
	width:100%;
}

.topnav-l{
	background:url(../images/topnav-l.png) left top no-repeat;
	padding:0 0 0 8px;
	width:934px;
}

.iphone .topnav-l, .iphone .topnav-m{
	background-position: left bottom; 
}


.topnav-r{
	background:url(../images/topnav-r.png) right top no-repeat;
	padding:0 8px 0 0;
}

.blackberry .topnav-r, .blackberry .topnav-m {
	background-position: right bottom; 
}

.topnav-m {
	width: 926px;
	height:62px;
	padding:1px 0;
	overflow: hidden;
	background:url(../images/topnav-m.png) left bottom repeat-x;
	position: relative;
}

.topnav{
	position: absolute;
	left:-8px;
	top:1px;
	width:944px;
	height:100%;
}

.category {
	float: left;
	overflow: hidden;
	position: relative;
	background: url(../images/cat-l.png) left top no-repeat;
	padding:0 0 0 0px;
}

.category-r{
	background: url(../images/cat-r.png) right top no-repeat;
	padding:0 6px 0 0;
}

.category-m{
	background: url(../images/cat-m.png) left top repeat-x;
	height: 62px;
	position:relative;
	left:13px;
	margin-right:13px;
}

.category.initial .category-m, .category.first .category-m {
	margin-right:0;
}

.category.last .category-r{
	background: url(../images/cat-last-r.png) right top no-repeat;
}

.category.first, .category.active{
	background: none;
	padding:0px;
}

.category.active .category-m{
	background: none;
}

.category.active .category-r{
	background: url(../images/cat-active-r.png) right top no-repeat;
}

.category h3 {
	float: left;
	padding: 34px 0 0 5px;
	margin-left: 12px;
	font-weight: normal;
	color: #447597;
	font-size: 11px;
	background: url(../images/icons/catnav_iphone.png) left -91px no-repeat;
    height:27px;
	cursor:pointer;
	min-width:75px;
}

.category.first h3{
	margin-left: 13px;
}
.category.first .category-m {
	left:8px;
	margin-right:8px;
}

#mac h3{
	background: url(../images/icons/catnav_mac.png) no-repeat 0 -91px ;
}

#mac .category-m.active h3, #mac.hover .category-m h3{
	background: url(../images/icons/catnav_mac.png) no-repeat 0 9px;
}

#android h3{
	background: url(../images/icons/catnav_android.png) no-repeat 0 -91px ;
}

#android .category-m.active h3, #android.hover .category-m h3{
	background: url(../images/icons/catnav_android.png) no-repeat 0 9px;
}

#blackberry h3{
	background: url(../images/icons/catnav_bberry.png) no-repeat 0 -91px ;
}

#blackberry .category-m.active h3, #blackberry.hover .category-m h3{
	background: url(../images/icons/catnav_bberry.png) no-repeat 0 9px;
}

#ipad h3{
	background: url(../images/icons/catnav_ipad.png) no-repeat 0 -91px ;
}

#ipad .category-m.active h3, #ipad.hover .category-m h3{
	background: url(../images/icons/catnav_ipad.png) no-repeat 0 9px;
}

#home #iphone h3 {
	background: url(../images/catnav_iphone.png) left -91px no-repeat;
}

#home #iphone .category-m.active h3, #home #iphone.hover .category-m h3{
	background: url(../images/catnav_iphone.png) no-repeat 0 9px;
}

#home #mac h3 {
	background: url(../images/icons/catnavhm_mac.png) left -91px no-repeat;
}

#home #mac .category-m.active h3, #home #mac.hover .category-m h3{
	background: url(../images/icons/catnavhm_mac.png) no-repeat 0 9px;
}

#home #android h3 {
	background: url(../images/icons/catnavhm_android.png) left -91px no-repeat;
}

#home #android .category-m.active h3, #home #android.hover .category-m h3{
	background: url(../images/icons/catnavhm_android.png) no-repeat 0 9px;
}

#home #blackberry h3 {
	background: url(../images/icons/catnavhm_bberry.png) left -91px no-repeat;
}

#home #blackberry .category-m.active h3, #home #blackberry.hover .category-m h3{
	background: url(../images/icons/catnavhm_bberry.png) no-repeat 0 9px;
}

#home #ipad h3{
	background: url(../images/icons/catnavhm_ipad.png) no-repeat 0 -91px ;
}

#home #ipad .category-m.active h3, #home #ipad.hover .category-m h3{
	background: url(../images/icons/catnavhm_ipad.png) no-repeat 0 9px;
}

.category dl {
	float: left;
	background: url(../images/cat-sep.png) left center no-repeat;
	padding-left:8px;
	width:485px;
	position:absolute;
	left:100px;
}

.category dl dd {
	float: left;
	height: 32px;
	width: 32px;
	padding: 15px 10px;
}

.category dl dd.active, .category dl dd.active_vr {
	background: url(../images/catnav_active.png) center no-repeat;
}

#mac dl dd.active, #mac dl dd.active_vr {
	background: url(../images/catnav_active_s.png) center no-repeat;
}

.category .overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	cursor: pointer;
	left:0;
	display:none !important;
}

.category.first .overlay {
	background: none;
}

.category.initial dl { display: block; }

.category-m.active h3 {
	color: #c7f3fb;
	text-shadow: 0 0 5px #17a3ff;
	background-position: left 9px;
}

.hover .category-m h3 {
	color:#E8EDED !important;
	text-shadow:0 0 5px #FFFFFF;
	background-position: left 9px;
}

#home .hover .category-m h3 {
	color:#C7F3FB !important;
	text-shadow:0 0 5px #17A3FF;
}
.trans_lu{
	width:100%;
	height: 100%;
	position: absolute;
	/*background: url("images/trans.png") repeat 0 0;*/
	background: #000;
	opacity: 0.1;
	filter:alpha(opacity=10);
	right:5px;
	/*display:none;*/
}

.last .trans_lu{
	right:0;
}

.panel:hover .trans_lu, .panel.active .trans_lu, .panel.one .trans_lu{
	display: none !important;
}

.panel.active, .panel.one{
	z-index: 110 !important;
}

.panel.active .icon, .panel.one .icon, .panel.active .text, .panel.one .text, .panel.active .main, .panel.one .main{
	z-index:102;
}

.panel.active .main, .panel.one .main{
	position: relative; 
}