@CHARSET "ISO-8859-1";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,b,u,i,center,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-size:100%;vertical-align:baseline;background:transparent;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}:focus{outline:0;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}




 /*
  * STRUCTURE
  */

 
 
 
 
 /*
  * STRUCTURE > COMMON
  */
.float{
	float: left;
}

.go-top{
	width: 570px;
	height: 20px;
	background: url(../img/icons/go-top.png) no-repeat right bottom;
	display: block;
	float: left;
	margin: 5px 0 0 0;
	padding: 0px 10px 2px 0;
	background-color: #f0f0f0;
}
.go-top:hover{
	background-color: #d0d0d0;
}

.img-fix{
	float: left;
}
 
 
 
 /*
  * STRUCTURE > BASE
  */
body{
 	background: #222222;
}
 
#header{
	margin-left: -31px;
	margin-top: 10px;
	height: 140px;
}
.header-offer{
	width: 780px;
	height: 140px;
	display: block;
	float: left;
	background: url(../img/header/header.png) no-repeat;
	margin-left: 16px;
	cursor: pointer;
}
.header-offer.hover{
	background-position: 0 -140px;
}
.logo{
	background: url(../img/logos/WebDesignPorto-black-bg.png) no-repeat;
	display: block;
	float: left;
	width: 207px;
	height: 99px;
}
.logo.hover{
	background: url(../img/logos/WebDesignPorto-white-bg.png) no-repeat;
}
.footer-logo{
	margin-bottom: 10px;
}
.middle{
	margin: 0 auto;
	float: none;
}
.right{
	float: right;
}
 
 #content-wrapper{
	width: 972px;
	margin: 0 auto;
	position: relative;
	left: 20px;
}
.top-graphics{
	width: 972px;
	height: 30px;
	float: left;
	background: url(../img/wrapper/wrapper-top.png) no-repeat 0 2px;
}
.bottom-graphics{
	width: 972px;
	height: 30px;
	clear: both;
	background: url(../img/wrapper/wrapper-bottom.png) no-repeat 0 -2px;
}
.wrapper-cols{
	width: 972px;
	background: url(../img/wrapper/wrapper-center.png) repeat-y scroll 0 2px;
	float: left;
}
 
 /*
  * STRUCTURE > LEFT COL
  */
 #left-col{
	float: left;
	height: 100%;
	padding: 0px 10px 0px 20px;
	width: 150px;
}
 
 
 
 /*
  * STRUCTURE > LEFT COL > MENU
  */
#main-menu{
	min-height: 120px;
	position: relative;
	left: -60px;
	top: -84px;
	width: 220px;
	z-index: 500;
}

#main-menu .top{
	height: 66px;
}

#main-menu .top a{
	width: 220px;
	display: block;
	float: left;
}

#main-menu .top a.first{
	background: transparent url(../img/comp/main-menu/top.png);
	height: 66px;
}

#main-menu .top a.not-first{
	margin: 28px 0 0 -11px;
	height: 18px;
	background: #ffffff;
	padding: 10px;
}

#main-menu .center{
	background: transparent url(../img/comp/main-menu/center.png);
	min-height: 5px;
	padding: 0 9px 0 9px;
	width: 200px;
}

#main-menu .bottom{
	background: transparent url(../img/comp/main-menu/bottom.png);
	height: 49px;
	width: 220px;
}

#main-menu .spacer{
	padding-bottom: 15px;
	float: left;
}
 
 
 
 /*
  * STRUCTURE > LEFT COL > LAST WORKS
  */
#last-works{
	left: -60px;
	position: relative;
	top: -120px;
 	width: 226px;
	z-index: 100;
}
 
 
 
 /*
  * STRUCTURE > CENTER COL
  */
#center-col{
	width: 580px;
	float: left;
	min-height: 430px;
	padding: 0 10px 0 10px;
}
 
 
 
 /*
  * STRUCTURE > CENTER COL > BREADCRUMBS
  */
#breadcrumbs{
	width: 580px;
	height: 22px;
	position: relative;
	top: -26px;
	float: left;
}

#breadcrumbs .left{
	width: 7px;
	height: 22px;
	background: transparent url(../img/comp/breadcrumbs/left.png) no-repeat 0 8px;
}

#breadcrumbs .center{
	background: #1c1c1c;
	height: 22px;
	width: 566px;
}

#breadcrumbs .right{
	width: 7px;
	height: 22px;
	background: transparent url(../img/comp/breadcrumbs/right.png) no-repeat 0 8px;
}
 
 
 
 /*
  * STRUCTURE > CENTER COL > IMAGE
  */
#main-image{
	float: left;
	width: 580px;
}

#main-image img{
	border: 1px solid #1c1c1c;
}
 
 
 
 /*
  * STRUCTURE > CENTER COL > DESC INTRO
  */
#desc-intro{
	float: left;
	width: 580px;
}
 
 
 
 /*
  * STRUCTURE > CENTER COL > COMPETITION COMPARSION
  */
#competition{
	float: left;
	width: 580px;
}
#competition .them-list{
	width: 270px;
	float: left;
	padding: 0 10px 0 0;
}
#competition .us-list{
	width: 269px;
	float: left;
	border-left: 1px solid #1c1c1c ;
	padding: 0 0 0 9px;
}
#competition .them-item{
	float: left;
	width: 270px;
	padding: 10px 0 10px 0;
}
#competition .us-item{
	float: left;
	width: 269px;
	padding: 10px 0 10px 0;
}
#competition img{
	padding: 0px 10px 10px 10px;
	float: left;
}
#competition img.info{
	cursor: pointer;
	padding: 5px 0 0 0;
	margin: 0;
	float: none;
}
#competition h3{
	margin-bottom: 0px;
}
 
 /*
  * STRUCTURE > CENTER COL > FEATURES
  */
#features{
	float: left;
	width: 580px;
}
#features img, #features .feature{
	float: left;
}
#features img{
	padding: 0px 10px 10px 10px;
}
#features img.info{
	cursor: pointer;
	padding: 5px 2px 2px 5px;
	margin: 0;
}
#features .feature{
	width: 580px;
}
#features .feature p{
	color: #606060 ;
	font-style: italic;
	font-size: 12.8px;
	float: left;
}

#features .feature .feat-more-info p{
	width: 480px;
	padding: 0 0 20px 120px;
	font-style: normal;
	display: block;
	float: left;
	margin-top: -15px;
}
.bold{
	background: #0ea1ff;
	color: #fff;
}
.hidden{
	display: none;
}
.hands-on{
	cursor: pointer;
}
 /*
  * STRUCTURE > CENTER COL > EXAMPLES
  */
#examples{
	float: left;
	width: 580px;
}

#examples .example .top{
	background: transparent url(../img/comp/examples/top.png) no-repeat;
	width: 180px;
	height: 121px;
}
#examples .example .center{
	background: transparent url(../img/comp/examples/center.png) repeat-y;
	width: 140px;
	height: 30px;
	padding: 10px 20px 0 20px;
}
#examples .example .bottom{
	background: transparent url(../img/comp/examples/bottom.png) no-repeat;
	width: 180px;
	height: 70px;
}
#examples .example{
	width: 180px;
	float: left;
}
#examples .example .top img{
	width: 140px;
	height: 100px;
	padding: 20px;
}
#examples .example .center a{
	color: #f5f5f5 ;
	font-size: 12px;
}
#examples .example .center a:hover{
	text-decoration: underline;
}

 
 /*
  * STRUCTURE > CENTER COL > SERVICES
  */

#services{
	float: left;
	width: 580px;
}
#services .item{
	width: 580px;
	height: 180px;
	background: transparent url(../img/comp/services/item.png) no-repeat;
	float: left;
	position: relative;
	display: block;
}
#services .item.hover{
	background: transparent url(../img/comp/services/item-on.png) no-repeat;
}
#center-col .item.hover .right-item p{
	color: #756200 !important;
}
#center-col .item.hover .right-item h2{
	color: #2a2300 !important;
}
#center-col .item.hover .right-item h2:hover{
	text-decoration: underline;
}
#services .item .item-stick{
	width: 580px;
	height: 70px;
	z-index: 200;
	position: absolute;
	top: 0px;
	left: 0px;
}
#services .item .item-content{
	width: 520px;
	height: 100px;
	z-index: 150;
	position: absolute;
	top: 40px;
	left: 40px;
}
.item-img-cont{
	float: left;
	position: relative;
}

#services .item .item-img{
	width: 160px;
	height: 100px;
	border: 1px solid white;
	margin: -1px;
}
#services .item .img-link{
	float: left;
	position: relative;
}
#services .item .right-item{
	float: left;
	position: relative;
	width: 315px;
	top: -3px;
	left: 25px;
}
#services .var1{
	background: transparent url(../img/comp/services/item-stick.png) no-repeat;
}
 
 
 /*
  * STRUCTURE > CENTER COL > DESC FULL
  */
#desc-full{
	float: left;
	width: 580px;
}
 
 
.price-price{
	float: right;
	width: 180px;
	height: 116px;
	background: url(../img/icons/price.png) no-repeat;
	padding: 65px 0 0 0;
	cursor: default;
}


.free-domain{
	margin-top: 0px;
	float: left;
	width: 180px;
	height: 120px;
	background: url(../img/icons/free-domain.png) no-repeat;
}
.free-seo{
	margin: 0 10px 10px 0;
	float: left;
	width: 180px;
	height: 120px;
	background: url(../img/icons/free-seo.png) no-repeat;
}


.price-text{
	float: left;
}

.float-right{
	width: 180px;
	float: right;
}

 /*
  * STRUCTURE > CENTER COL > TABLE
  */
 
 
 
 
 /*
  * STRUCTURE > RIGHT COL
  */
 #right-col{
	width: 150px;
	padding: 0px 20px 0px 10px;
	float: left;
}
 
 
 
 
 /*
  * STRUCTURE > RIGHT COL > CALL NOW
  */
 
 
 
 /*
  * STRUCTURE > RIGHT COL > CONTACT NOW
  */
 
#contact-us-form .item{
	margin-bottom: 15px;
}
#contact-us-form .item p{
	margin-bottom: 5px;
	margin-left: 5px;
}
#contact-us-form .item div{
	border: 1px solid #606060 ;
	background: #FFFFFF url(../img/comp/contact-now/bg-input.png) repeat-x;
}
#contact-us-form .item textarea.form-mail{
	height: 18px;
}
#contact-us-form .item textarea{
	width: 140px; 
	height: 20px;
	margin: 5px;
	background: transparent;
	color: #1c1c1c ;
}
#contact-us-form .item textarea#form-message{
	height: 300px;
}
#contact-us-form .item.active div{
	background: #eaeaea url(../img/comp/contact-now/bg-input-on.png) repeat-x;
	/*border: 1px solid #0ea1ff ;*/
}
#contact-us p{
	color: #1c1c1c ;
}

#contact-us-form .item.active textarea{
	color:  ;
}

#contact-us-form .send-button{
	width: 108px;
	height: 42px;
	background: url(../img/comp/contact-now/contact-now.png) no-repeat;
	margin: 0 auto;
	position: relative;
	display: block;
}
#contact-us-form .send-button.hover{
	background: url(../img/comp/contact-now/contact-now-on.png) no-repeat;
}
#contact-us-form div.reply-form{
	font-size: 12px;
	color:  ;
	width: 108px;
	margin-bottom: 10px;
}
#contact-us-form2 p{
	width: 108px;
	position: absolute;
	top: 7px;
	vertical-align: middle;
	text-align: center;
	color: #1c1c1c ;
	z-index: 400;
}
#contact-us .auto-save{
	background: url(../img/comp/contact-now/auto-save.png) no-repeat;
	display: block;
	width: 150px;
	height: 100px;
	margin-bottom: 10px;
}


#footer{
	width: 972px;
	margin: 0 auto;
	position: relative;
	left: 20px;
}

#footer .top-graphics{
	background: url(../img/footer/top.png) no-repeat 0 2px;
}
#footer .bottom-graphics{
	background: url(../img/footer/bottom.png) no-repeat 0 -2px;
}
#footer div.wrapper-cols{
	background: url(../img/footer/center.png) repeat-y scroll 0 2px;
	padding: 0 21px;
	width: 930px;
}
#footer .col{
	width: 290px;
	padding: 0 10px;
	float: left;
	margin-top: -10px;
}

#footer a.main, #footer .col p{
	color: #ffffff;
}

#footer a.main:hover{
	text-decoration: underline;
}

#footer a{
	color: #979797;
}

#footer a:hover{
	color: #ffffff;
}
#footer .col a.main{
	font-size: 14px;
	padding-bottom: 10px;
	margin-top: -15px;
	font-weight: bolder;
}
#footer .col ul li a{
	font-size: 12px;
}
#footer .col p{
	text-align: center;
}
#footer .col p.main{
	font-size: 14px;
	padding-bottom: 10px;
	font-weight: bolder;
}
#footer .col p.sub{
	font-size: 12px;
	color: #979797;
}
#footer .tech1{
	height: 385px;
	background: url(../img/icons/technology.jpg) no-repeat;
}

#footer .tech2{
	height: 385px;
	background: url(../img/icons/technology.jpg) no-repeat 0 -385px;
}
 /*
  * STRUCTURE > RIGHT COL > ABOUT US
  */
 
 
.mouse-pointer{
	cursor: pointer;
}
 
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #ffffff;
	background-color: #1c1c1c ;
	padding: 15px;
	opacity: 0.95;
	min-width: 100px;
	max-width: 300px;
}

#tooltip h3{
	color: #0ea1ff ;
	font-size: 14px;
	font-weight: bold;
}

#tooltip p{
	padding-top: 7px;
	color: #f5f5f5 ;
	font-size: 13px;
	font-weight: bold;
	line-height: 17px;
	text-justify: distribute;
}
*{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 12.8px;
}
/* COMMON */
/* END COMMON */
h1, #main-menu a.main{
	font-family: Arial, Helvetica, sans-serif;
	font-style: inherit;
}

h3{
	color: #1c1c1c ;
	clear: right;
	font-size: 16px;
}


/* MAIN MENU */
#main-menu a.main{
	background: #1c1c1c ;
	color: #f5f5f5 ;
	font-size: 16px;
	font-weight: bold;
	padding: 5px;
	display: block;
}

#main-menu a.main:hover{
	color: #0ea1ff ;
}

#main-menu a.sub{
	color: #606060;
	font-size: 13px;
	padding: 3px 5px 5px 5px;
	display: block;
	font-variant: small-caps;
	text-transform: lowercase;
	font-weight: bold;
	border-bottom: 1px dotted #efefef;;
}

#main-menu a.sub.last{
}

#main-menu a.sub:hover{
	color: #f5f5f5;
	background: #0ea1ff;
}
#main-menu .top a.not-first{
	color: #1c1c1c ;
	font-size: 18px;
	font-weight: bold;
}


/* END MAIN MENU */

/* BREDCRUMBS */
#breadcrumbs a{
	color: #f5f5f5;
	text-decoration: none;
}

#breadcrumbs a:hover{
	text-decoration: underline;
}

#breadcrumbs strong{
	color: #f5f5f5;
	font-variant: small-caps;
	text-transform: lowercase;
	font-size: 13px;
}
/* END BREADCRUMBS */

/* CENTER COL */
#center-col h1, #center-col p.h1{
	font-size: 40px;
	font-weight: bold;
	color: #1c1c1c ;
	text-shadow: 0 1px 0 #FFFFFF;
	margin-bottom: 20px;
}
#center-col p.h1{
	line-height: 35px;
	margin-bottom: 25px;
}

#center-col h2{
	color: #000000 ;
	font-family: Arial;
	font-size: 18px;
	font-variant: inherit;
	font-weight: normal;
	line-height: 24px;
	text-shadow: 0 1px 0 #FFFFFF;
	font-style: normal;
}

#center-col p.intro-paragraph{
	color: #606060 ;
	font-family: Arial;
	font-size: 13px;
	font-variant: inherit;
	font-weight: bold;
	line-height: 16px;
	text-shadow: 0 1px 0 #FFFFFF;
	font-style: normal;
}

#center-col .item .h2{
	color: #1c1c1c;
	font-size: 14px;
	text-shadow: 0 0 0;
	margin-bottom: 10px;
	display: block;
	font-weight:bold;
}
#center-col .item.hover .h2:hover{
	text-decoration: underline;
}
#center-col .item .right-item p{
	color: #1c1c1c;
	font-size: 13px;
}
#center-col .spacer{
	width: 580px;
	height: 50px;
	float: left;
}
#center-col p{
	line-height: 20px;
}
.spacer20{
	margin-bottom: 20px;
	float: left;
}
#desc-full p{
	color: #606060 ;
	font-style: italic;
}
/* END CENTER COL */

/* RIGHT COL */
#right-col .spacer{
	width: 150px;
	height: 50px;
	float: left;
}

#right-col p.h1{
	font-size: 21px;
	font-weight: bold;
	color: #1c1c1c ;
	text-shadow: 0 1px 0 #FFFFFF;
	margin-bottom: 20px;
}

/* CALL NOW */
#call-now .phone{
	font-size: 20px;
	font-weight: bold;
	color: #0ea1ff ;
	text-shadow: 0 1px 0 #FFFFFF;
	margin-bottom: 5px;
}
#call-now .mail{
	font-size: 11px;
	font-weight: normal;
	color: #0ea1ff ;
	text-shadow: 0 1px 0 #FFFFFF;
	text-decoration: underline;
}
/* END CALL NOW*/


/* CONTACT NOW */
#contact-us-form .item p{
	font-size: 13px;
	font-weight: bold;
}
#contact-us-form .item textarea.form-mail{
	font-size: 11px;
	border: 0px solid black;
}
#contact-us-form .item textarea{
	font-size: 13px;
	font-weight: bold;
	border: 0px solid black;
}
/* END CONTACT NOW*/


/* END RIGHT COL */


/* TOOLTIP */
.tool-tip {
	color: #ffffff;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF !important;
	padding: 8px 8px 4px;
	background: url(../img/bubble.png) top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(../img/bubble.png) bottom right;
}

.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}

.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}

.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}
/* END TOOLTIP */

.desc-sub{
	color: #606060 ;
	font-style: italic;
}

.price-price p{
	font-size: 25px;
	font-weight: bold;
	text-align: center;
}

.price-price span{
	font-size: 17px;
	text-align: center;
}

.price-center{
	margin: 0 auto;
	width: 110px;
	display: block;
	left:-5px;
	position:relative;
	text-align: center;
}
.price-center p, .price-center span{
	color: #f5f5f5 ;
}
strong{
	color: #1c1c1c ;
}

.websites-table th, .websites-table tr{
	padding: 0;
	margin: 0;
	border-collapse: collapse;
	vertical-align: top;
}

.websites-table{
	float: left;
	width: 580px;
}

.websites-table .header th{
	background: #404844 url(../img/comp/websites-table/top-bar.png) repeat-x;
	height: 70px;
}

.websites-table .content th{
	height: 65px;
}

.websites-table .content.first th{
	height: 18px;
}

.websites-table .header .features{
	background: url(../img/comp/websites-table/features_pt.png) no-repeat;
	height: 70px;
}

.websites-table .header .item{
}

.websites-table .content.first .v-bar{
	background: #fff url(../img/comp/websites-table/vertical-bar-top.png) repeat-y;
}

.websites-table .content.first .text{
	background: #e2e2e2 url(../img/comp/websites-table/shadows-top.png) repeat-x;
}

.websites-table .content .v-bar{
	background: #fff url(../img/comp/websites-table/vertical-bar.png) repeat-y;
}

.websites-table .content .text, .websites-table .content .text-ws{
	background: #e2e2e2;
	text-align: left;
	vertical-align: top;
	padding: 5px;
	margin: 0;
}

.websites-table .content .text p{
	padding-top: 7px;
}

.icon{
	width: 38px;
	height: 40px;
	display: block;
	margin: 0 auto;
	margin-top: -9px;
}

.feature-icon{
	margin: 0;
	float: left;
	padding: 0 10px 10px 0;
}

.icon.thick{
	background: url(../img/icons/tick2.png) no-repeat;
}

.icon.thick.hover{
	background: url(../img/icons/tick2-on.png) no-repeat;
	cursor: pointer;
}

.icon.cross{
	background: url(../img/icons/cross2.png) no-repeat;
}

.icon.cross.hover{
	background: url(../img/icons/cross2-on.png) no-repeat;
	cursor: pointer;
}

.websites-table .content .text-ws{
	text-align: center;
}

.websites-table .content .text-ws span{
	color: #ff0000;
	font-weight: bolder;
	font-size: 16px;
	cursor: default;
}

.websites-table .content .text-ws span.price{
	color: #46bc0a;
	cursor: pointer;
}

.websites-table .content .text strong{
	cursor: default;
	font-size: 16px;
}
#fancybox-loading {
	position: fixed;
	height: 40px;
	width: 40px;
	top: 50%;
	left: 50%;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 200;
}

* html #fancybox-loading {  /* for IE6 */
	position: absolute;
	margin-top: 0;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('../img/icons/fancybox/fancy_progress.png') no-repeat;
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	display: none;
	z-index: 80;
}

* html #fancybox-overlay { /* for IE6 */
     position: absolute;
     width: 100%;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	margin: 0;
	z-index: 90;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #FFF;
}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	outline: none;
	overflow: hidden;
	padding: 0;
	margin: 0;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('../img/icons/fancybox/fancy_close.png') top left no-repeat;
	cursor: pointer;
	z-index: 165;
	display: none;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#fancybox-img {
	border: none;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	-ms-interpolation-mode: bicubic;
	outline: none;
	line-height: 0;
	font-size: 0;
	vertical-align: top;
}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
}

#fancybox-tmp {
	display: none;
	padding: 0;
	margin: 0;
	border: 0;
	vertical-align: top;
	overflow: auto;
}

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
	font-family: Arial;
	font-size: 12px;
	z-index: 112;
}

.fancybox-title-inside {
    padding: 10px 0;
	padding-top: 10px;
	color: #333;
}

.fancybox-title-outside {
    padding-top: 10px;
    color: #FFF;
    font-weight: bold;
}

#fancybox-title-wrap {
    display: inline-block;
}

#fancybox-title-wrap span {
	height: 32px;
	float: left;
}

#fancybox-title-left {
	padding-left: 15px;
	background: transparent url('../img/icons/fancybox/fancy_title_left.png') repeat-x;
}

#fancybox-title-main {
	line-height: 29px;
	background: transparent url('../img/icons/fancybox/fancy_title_main.png') repeat-x;
	color: #FFF;
}

#fancybox-title-right {
	padding-left: 15px;
	background: transparent url('../img/icons/fancybox/fancy_title_right.png') repeat-x;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	z-index: 111;
	display: none;
 	background-image: url("data:image/gif;base64,AAAA");
	outline: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112;
	cursor: pointer;
	display: block;
}

#fancybox-left-ico {
	left: -9999px;
	background: transparent url('../img/icons/fancybox/fancy_nav_left.png') no-repeat;
}

#fancybox-right-ico {
	left: -9999px;
	background: transparent url('../img/icons/fancybox/fancy_nav_right.png') no-repeat;
}

#fancybox-left:hover {
	visibility: visible;
}

#fancybox-right:hover {
	visibility: visible;
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

div.fancy-bg {
	position: absolute;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div#fancy-bg-n {
	top: -20px;
	width: 100%;
	height: 20px;
	background: transparent url('../img/icons/fancybox/fancy_shadow_n.png') repeat-x;
}

div#fancy-bg-ne {
	top: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../img/icons/fancybox/fancy_shadow_ne.png') no-repeat;
}

div#fancy-bg-e {
	right: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('../img/icons/fancybox/fancy_shadow_e.png') repeat-y;
}

div#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../img/icons/fancybox/fancy_shadow_se.png') no-repeat;
}

div#fancy-bg-s {
	bottom: -20px;
	width: 100%;
	height: 20px;
	background: transparent url('../img/icons/fancybox/fancy_shadow_s.png') repeat-x;
}

div#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../img/icons/fancybox/fancy_shadow_sw.png') no-repeat;
}

div#fancy-bg-w {
	left: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('../img/icons/fancybox/fancy_shadow_w.png') repeat-y;
}

div#fancy-bg-nw {
	top: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../img/icons/fancybox/fancy_shadow_nw.png') no-repeat;
}