/* CSS Document */
/* Contains Copyrighted Materials by (c) ISPRODUCTIONS 2008 */

html {
	height:100%;
	margin: 0px;
	padding: 0px;
	overflow: auto;
}
body {
	height:100%;
	margin: 0px;
	padding: 0px;
	font-size: 13px;
}
.copyright {
	font-size: 12px;
}
a, a:link, a:visited, a:hover{
	font-size: 13px;
}
#SiteLinks { display: none; }

#wc, #cl {
	overflow: hidden;}

/* footer */
.powered, a.powered , a.powered:link,  a.powered:active ,
.powered a, .powered a:link,  .powered a:active {
	text-decoration: none;
	background: url(../FLogo_small.gif) 0 2px no-repeat; /*changed too */
	height: 12px;
	overflow: hidden;
	padding-left: 15px;
}
a.powered:hover, .powered a:hover {
	padding-left: 15px;
	background: url(../FLogo_small.gif) 0 -19px no-repeat; /*changed too */
	height: 10px;
	overflow: hidden;
}
/* end footer */


.holder1 {
	position: relative;
	height: 100%;
	width:100%;
	padding: 0px;
	margin: 0px;
}
.holder2{
	height: 595px;
	width: 980px;
	position:absolute; 
	top:50%; 
	margin-top:-297px; 
	left: 50%;
	margin-left: -490px;
}
.header {
	height: 65px;
	padding: 0px;
	/* skin */
	background: #000000;
}
.logo_holder{
	float: left;
	position:relative;
	overflow: hidden;
	height: 30px;
	width: 460px;
	margin-top: 15px;
	
}
.websitetitle, .websitetitle a, .websitetitle a:link, .websitetitle a:visited, .websitetitle a:hover {
	position: absolute;
	bottom: 0px;
	left: 40px;
	font-size: 16px;
	font-family: Arial;
    text-transform:uppercase;
    cursor: pointer;
}
#frontpage .websitetitle {cursor:auto}
.menuline_holder{
	float: right;
	position: relative;
	overflow: hidden;
	width: 450px;
	height: 30px;
	margin-top: 15px;
}
.menuline {
    position: absolute;
    right: 25px; /* + 15px padding from Guestbook menu label = 40px; */
    bottom: 0px;
    overflow: hidden;
    height: 14px;
    line-height: 14px;
}
.topnav, .topnavF, .topnav_act, .topnavF_act{
    float: right;
    padding-left: 15px;	
    padding-right: 15px;	
    white-space: nowrap;
    cursor: pointer;
    position:  relative;
    text-transform:uppercase;
}
.topnav, .topnav_act {
    border-left-width: 1px;
    border-left-style:  solid;
}
.topnavF, .topnavF_act  {
    padding-left: 0px;
   }
.topnav, .topnav a, .topnav a:link,  .topnav a:visited,  .topnav a:hover, .topnav a:active, 
.topnav_act, .topnav_act a, .topnav_act a:link,  .topnav_act a:visited,  .topnav_act a:hover, .topnav_act a:active, 
.topnavF, .topnavF a,.topnavF a:link, .topnavF a:visited, .topnavF a:hover,.topnavF a:active,
.topnavF_act, .topnavF_act a, .topnavF_act a:link,  .topnavF_act a:visited,  .topnavF_act a:hover, .topnavF_act a:active {
    font-size: 11px;
    font-family: Arial;
}
.topnav_act, .topnav_act a, .topnav_act a:link,  .topnav_act a:visited,  .topnav_act a:hover, .topnav_act a:active{
	font-weight:bold;
}
#infoLnk {
	display: none;
}
/*** body content **/
.content {
	height: 500px;
	width: 980px;
	overflow: hidden;
}

.Container {
	height: 420px;
	overflow: hidden;
	padding: 20px 40px 30px 40px;
	position: relative;
}
#portfolio #GContainer {
	margin-top: -5px;
	height: 430px;
	padding: 20px 40px 5px 40px;
}
#portfolio #IContainer{display: none;}
.infoline {
	height: 30px;
	border-top: 1px solid #9b9b9b;
	margin: 0 40px;
	
	text-transform: uppercase;
	font-size: 9px;
	font-family: Arial;
	color: #FFFFFF;	
}
#portfolio #Iinfoline{ display: none; }
#portfolio #Ginfoline{
	border: none; 
	height: 30px;
	text-transform:none;}


.GInfo, .ImgInfo{
	margin-top: 10px; /*15px*/
}
.GInfo{
	margin-right: 15px;
	width: 535px;
	height: 10px;
	overflow: hidden;
	float: left;
	white-space: nowrap;
	position: relative;
}
.GName{
	float: left;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}
.space1{
	width: 6px;
	height: 8px;
	line-height: 8px;
	margin: 2px 5px 2px 0;
	border-right: 1px solid #999999;
	float: left;
	position: relative;

}
.IName{
	overflow: hidden;
	float: left;
	position: relative;
	/* skin */
	font-family:Arial;
	color:#ffffff;
	font-size: 9px;
}
.ImgInfo{
	width: 145px;
	float: right;
	text-align: left;
}
#idescbox, #ipricebox{
	float: left;
}
.pd_act {
	cursor: pointer;
}
.pd { /* =inact that is NOT able to be 'act'*/
	color: #999999;
}
.pda{ /* ='inact' that IS able to be 'act'*/
	cursor: pointer;
}
/** Frontpage */
.fpimg {
	height: 420px;
	width: 900px;
	overflow: hidden;
	position: relative;
}
.fpimg_withtxt{
	height: 420px;
	width: 735px;
	overflow: hidden;
	position: relative;
	float: left;
	bottom: 0px;
}

.fpimg_frame{
	height: 400px;
	position: relative;
	margin: 10px 20px;
	overflow: hidden;
}
#frontpage .fpimg_frame{
	margin: 10px 20px;
}
.fpimg_withtxt .fpimg_frame{
	width: 695px;
}
.fpimg_withtxt .fpimg{
	width: 880px;
}
.fpI_h {
	position: absolute;
	bottom: 0px;
	left: 0px;
	/*width: 100%;*/
	text-align: center;
}
.txt_wrap{
	width: 145px;
	height: 415px; /* new 18.12.2008 */
	position: absolute;
	overflow: auto;
	right: 40px;
	bottom: 30px;
	overflow: hidden;
}

.fp_txt {
	position: absolute;
	left: 0px;
	/* bottom: 0px;*/
	width: 145px;	/*100%;*/
	text-align: left;
	visibility: hidden;
	overflow: hidden;
	
}
/*-- end FP --*/

/* Gallery */
.dv_GData{
	position: relative;
	float: left;
	width: 145px;
	margin: 20px 20px 0 0;
}
.dv_GOpenI{
	width: 145px;
	height: 170px;
	overflow: hidden;
	margin-bottom: 25px;
	margin-top: 40px;

	text-align: left;
	position: relative;
	/* image align: top, center */
	border-width: 1px;
	border-style: solid;
}
.imgGOpen2{
	position: absolute;
/*	left: 3px;
	top: 3px;
*/}

    .sdw2,.sdw3, .sdw4 {
        position: relative;
        right: 1px;
        bottom: 1px;
	} 
    
.theBo
{
	border: 1px solid red;
}

#imgGOpen{
	 background-position: center center;
	 background-repeat: no-repeat;
}
.dv_GThumb{
	margin: 0 auto;
	position: relative;
}

.dv_GTxt{
	width: 145px;
	height: 170px;
	overflow: auto;
	position: relative;
	overflow: hidden;
}
.dv_GTxtCo {
	position: absolute;
	left: 0px;
	width: 145px;	
	text-align: left;
	/* visibility: hidden;*/
	overflow: hidden;
	font-size: 10px;
	line-height: 12px;
	font-family: Arial;
}

.dv_GContent{
	position: relative;
	margin-bottom: 20px;
	width: 735px;
	float: left;
}
.dv_GList{
	height: 20px;
	line-height: 20px;
	text-align: left;
	position: relative;
}
.dv_GListWrap {
	height: 20px;
	position: relative;
	margin-left: 0px;	/*-7px;*/
	float: left;
	overflow: hidden;
}
.itm_holder{
	position: absolute;
	left: 0px;
	white-space: nowrap;
}
.nav, .navSel{
	float: left;
	padding: 0 7px 0 0;	/*0 7px 0 7px;*/
	text-transform:uppercase;
	white-space: nowrap;
}
.nav, .nav a, .nav a:link, .nav a:active, .nav a:visited, .nav a:hover{
	font-size: 9px;
	font-family: Arial;
}
.navSel, .navSel a, .navSel a:link, .navSel a:active, .navSel a:visited, .navSel a:hover{
	font-size: 9px;
	font-family: Arial;
}
.nav a, .navSel a, .nav, .navSel {
	cursor: pointer;
}
.navSep{
	border-left: 1px solid #999999;
	width: 7px;
	height: 10px;
	float: left;
	margin: 5px 0;
	position: relative;
}
.morenav{
	
	text-transform:uppercase;
	position: relative;
	float: left;
	color:#ffffff;
	font-weight: bold;
	display: none;
}
.moreLbl {
	float: left;
	position: relative;
	font-size: 9px;
	font-family: Arial;
}
.menu_arr_prev, .menu_arr_prev_act{
     background: url(../templates/sanfrancisco/prev_more_dark.gif) center center no-repeat;
     cursor: text;
     float: left;
     position: relative;
}
.menu_arr_prev_act{
     background: url(../templates/sanfrancisco/prev_more_light.gif) center center no-repeat;
     cursor: pointer;
}
.menu_arr_next, .menu_arr_next_act{
     background: url(../templates/sanfrancisco/next_more_dark.gif) center center no-repeat;
     cursor: text;
     float: left;
     position: relative;
}
.menu_arr_next_act{
     background: url(../templates/sanfrancisco/next_more_light.gif) center center no-repeat;
     cursor: pointer;
}
	
.dv_GImgThumbs{
	height: 365px;
	position: relative;
	padding-top: 40px;
}
.thumb_holder{
	position: relative;
	height: 325px;
	margin-left: 120px;
	margin-right: 10px;
	overflow: auto;
}
.thumbBlock{
	float: left;
	margin-right: 30px;
	margin-bottom: 10px;
}

.thumbHo{
	padding: 10px;
	width: 125px;
	height: 125px;
	overflow: hidden;
	border-width: 1px;
	border-style: solid;
}
.thumbFrame{
	position: relative;
	overflow: hidden;
	height: 125px;
}
.th_box{
	position: absolute;
	cursor: pointer;
}
.imgname{
	width: 139px;
	overflow: hidden;
	margin: 5px 3px 0 3px;
	font-size: 10px;
	white-space: nowrap;
	text-align: center;
}
.imgCount{
	padding-top: 5px;
	padding-right: 2px;
	font-size: 11px;
	float: right;
}
/** footer **/
.footer {
	position: relative;
	height: 30px;
	text-align: center;
}
.copy2 {
	position: absolute;
	bottom: 7px;
	left: 0px;
	width: 100%;
	text-align: center;
}

/* slideshow */

#slideshow {
	position:relative;
}
#slideshow, #idescbox{
	float: left;
}
#sh_wrap {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	text-align: center;

}
#slide_holder {
	background-repeat:no-repeat;
	overflow: hidden;
	text-align: center;
}
/*#slide_holder div */
.ibox{
	position: relative;
	font-size:0px;
	border: none;
	padding: 0px;
	display: none;
	cursor: pointer;
	 height: 400px;
	 width: 695px;
}
#nav_wrap {
	text-align: center;
	position: relative;
}
.clearBox{
	clear: both;
	height:1px;
	width: 2px;
	border: 1px solid yellow;
	position: relative;
}
#portfolio .fpimg_withtxt, #imagepage .fpimg_withtxt{
	float: none;
}
.hold_box {
	position: relative;
	width: 735px;
	overflow: hidden;
	margin-top: 7px;
}
#slide_nav{
	text-transform:uppercase;
	position: relative;
	float: right;
	
}
.alt_text{
	width: 60px; /** this values is not necessary to be scaled **/
	float: left;
	line-height: 20px;
}
.lbLoading{
	position: absolute;
	right: 65px;
	line-height: 20px;
}
.prevSlide, .nextSlide, #StartStopSlide {
	float: left;
	background-repeat:no-repeat;
	vertical-align: middle;
	cursor: pointer;
	visibility: hidden;
	
	width: 20px;
	height: 20px;
	line-height: 20px;

}
.prevSlide{
	background-position: center right;
}
.nextSlide{
	background-position: center left;
}
#StartStopSlide {
	background-position: center center;
}
.ns,.ns_mo  {
	margin-right: 10px;
}
.ps, .ps_mo{
	margin-left: 10px;
}




.slideNav{ /*#prevSlide, #nextSlide{*/
	width: 20px;
	height: 20px;
	line-height: 20px;
	float: left;
	cursor: pointer;
}
.stackB, .videoB{
	height: 35px;
	width: 84px;
	position: absolute;
	margin-bottom: 10px;
	margin-right: 10px;
	cursor: pointer;
}
.stackB{
	background: url(../templates/sanfrancisco/skinid/viewer.png) no-repeat;
}
.videoB{
	background: url(../templates/sanfrancisco/skinid/video.png) no-repeat;
}
.yui-sldshw-displayer {  
	position: relative;
	overflow: auto;
}

div.yui-sldshw-frame {
 background: white;

}


.itxt_wrap{
	width: 145px;
	height: 410px; /*355*/
	overflow: auto;
	position: absolute;
	right: 40px;
	bottom: 30px;
	overflow: hidden;
}
.i_txt{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 145px;	/*100%;	*/
	overflow: hidden;
	visibility: hidden;
	font-size: 10px;
	font-family: Arial;
	/* add after. line-height: 12px;*/
	text-align: left;
}
#imgLoading2 {
	height: 16px;
	width:  16px;
	margin: 0 auto;
	margin-top: 100px;
	z-index:900;
	background: url(../ajax-loader-kit.gif) no-repeat;
}
#imgLoadingIN{
	height: 16px;
	width:  16px;
	position: absolute;
	top: 0px;
	left: 0px; 
	width: 100%;
	height: 100%;
	z-index:900;
	background: url(../ajax-loader-kit.gif) center center no-repeat;
}

.LowOpacityClass{
	filter:alpha(opacity=40);
    opacity: .4;
    -moz-opacity:.4;
    -khtml-opacity: .4;
}
.AutoOpacityClass{
	filter:alpha(opacity=100);
    opacity:1;
    -moz-opacity:1;
    -khtml-opacity: 1;
}

.label {
	font-weight: bold;
	text-transform:uppercase;
	color: #FFFFFF;
	font-size: 9px;
	margin-right: 10px;
}
.value {
	font-size: 9px;
}
/* -- end slideshow -- */
/** large image **/
.large_nav {
	position: absolute;
}
.LargeIContainer{
	position: relative;
	height: 510px;
	width: 980px;
	display: none;
	background-position: center center;
	background-repeat: no-repeat;
	
}
.large_img{
	cursor: pointer;
}
.hold_box1 {
	position: absolute;
	/* width: 145px;*/
	overflow: hidden;
	bottom: 0px;
	right: 40px;
	text-align: left;
	clear: both;
}
.prevSlide1, .nextSlide1 {
	float: left;
	height: 30px;
	line-height: 30px;
	background-repeat:no-repeat;
	cursor: pointer;
	vertical-align: middle;
	
	font-size: 9px;
	text-transform: uppercase;
	width: 20px;
}
#prevSlide1{
	background-position: center left;
}
#nextSlide1{
	background-position: center right;
}
#CloseLarge{
	height: 30px;
	width: 23px;
	float: left;
	cursor: pointer;
}
/** end large image **/

/* Asset */
#asset .dv_GImgThumbs {
	overflow: hidden;
}
.dv_AssetText {
	margin: 0 20px 20px 20px;
	padding-right:20px;
	height: 325px;
	overflow: auto;
	visibility: hidden;
}
.dv_AssetText, .dv_AssetText a:link, .dv_AssetText a:visited, .dv_AssetText a:hover{
	font-size: 9px;
	line-height: 12px;
	font-family: Arial;
}

	/*guestbook */

#guestbook .dv_GContent{
	margin-top: 20px;
	height: 400px;
}
#guestbook .dv_GOpenI{
	visibility: hidden;
}


.Labels{
	float: left;
	position: relative;
	margin: 30px 40px 30px 0px;
	padding-left: 40px;
	width: 160px;
}
.Datas{
	margin: 30px 0px;
	width: 455px;
	position: relative;
	float: left;
}
.Datas form{
	width: auto;
}
#guestbook .infoline{
	position: relative;
	text-align: center;
	text-transform:none;
}

.c_gblabel{
    font-size: 10px;
    line-height: 12px;
    text-align: right;
    font-family:Arial;
    height: 21px;
    margin-bottom: 5px;
}
.c_gbdata{
    height: 21px;
    margin-bottom: 5px;
    font-family:Arial;
    font-size: 10px;
    overflow: hidden;
    text-align: left;
    vertical-align: middle;
    width: 250px;
	position: relative;
}
.req_label{
	font-size: 13px;
}

.area {
	height: 73px;
}
.c_gbdata input, .c_gbdata select, .c_gbdata textarea {
	width: 240px;
	vertical-align: top;
	border: 1px solid #999999;
	font-family: Arial;
	font-size: 10px;
}
.c_gbdata textarea {
	height: 67px;
}
.short_data input, .short_data select{
	width: 117px;
	border: 1px solid #999999;
}
.short_data select{ margin-right: 10px; }
.radio input{
	width: auto;
	border: none;
}
.matchCode{
	margin-left: 10px;
	margin-top: -5px;
	height: 30px;
}
.note{
	position: absolute;
	right: 10px;
	top: 1px;
}
.title_message {
    font-size: 21px;
}
.artphoto{
    width:85px;
    height:85px; 
    overflow: hidden;
    text-align: left;
    position: absolute;
    top: 30px;
    left: 0px;
    border-width: 1px; 
    border-style:solid;
}
.submit_block{
	position: absolute;
	bottom: 0px;
	right: 0px;
}
.gb_btn{
	float: left;
	margin-right: 5px;
	cursor: pointer;
	font-size: 9px;
	text-transform: uppercase;
	font-family: Arial;
	line-height:normal;
	color: #FFFFFF;
	border: 1px solid #FFFFFF;
	padding: 2px 5px;
}
/* end GB */

/******** text scrollbar */
.scroll-content{
	
}
.vscroll-bar{
	position:absolute;
	width:10px !important;
	margin:0;
	padding:0;
	top:3px !important;
}
.vscroll-down, .vscroll-up{
	position:absolute; 
	cursor: pointer;
	height: 11px;
	width: 20px;
	}
.vscroll-line{
	width:11px !important;
	overflow: hidden;
	background: #E6E7E8;
	display: none;
}
.vscroll-slider{
	display: none;
}

.tGrid {
	padding-left: 30px;	
	background: url(../templates/sanfrancisco/portthumbnail.gif) 0 -13px no-repeat;
	
}


/** skin  **/
.ps{
	background-image: url(../templates/sanfrancisco/SKINID/back.png);
}
.ps_mo{
	background-image: url(../templates/sanfrancisco/SKINID/back_mo.png);
}
.StartStopSlide1{
	background-image: url(../templates/sanfrancisco/SKINID/pause.png);	
}
.StartStopSlide1_mo{
	background-image: url(../templates/sanfrancisco/SKINID/pause_mo.png);  
}
.StartStopSlide2{
	background-image: url(../templates/sanfrancisco/SKINID/play.png);	
}
.StartStopSlide2_mo{
	background-image: url(../templates/sanfrancisco/SKINID/play_mo.png);
}
.ns {
	background-image: url(../templates/sanfrancisco/SKINID/next.png);
}
.ns_mo {
	background-image: url(../templates/sanfrancisco/SKINID/next_mo.png);
}
.enlarge{
	background: url(../templates/sanfrancisco/SKINID/enlarge.png) left center no-repeat;	
}
.enlarge_mo{
	background: url(../templates/sanfrancisco/SKINID/enlarge_mo.png) left center no-repeat;
}

.shThumbs{
	background: url(../templates/sanfrancisco/SKINID/thumbnail.png) 0 center no-repeat;	
}
.shThumbs_mo{
	background: url(../templates/sanfrancisco/SKINID/thumbnail_mo.png) 0 center no-repeat;
}
.vscroll-up{
	background: url(../templates/sanfrancisco/SKINID/textscroll_top.png) no-repeat;
}
.vscroll-down{
	background: url(../templates/sanfrancisco/SKINID/textscroll_bot.png) no-repeat;
}
.closeL {
	background: url('../templates/sanfrancisco/SKINID/close.png') center center no-repeat;
}
.closeL_mo {
	background: url('../templates/sanfrancisco/SKINID/close_mo.png') center center no-repeat;
}
/* **  skin-end ** */

/** layer **/
.mask{
	position:absolute;
	top:0;left:0;right:0;bottom:0;
	background-color:#000;
    filter:alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
}

#lingvi_ft{
  background: #444444;
}
#ic_load{
	width : 30px;
	height: 30px;
	position: absolute;
}
#ft_c, #lingvi_ft{
  position: absolute; 
}
#ft_c{
	top:50%; 
	left: 50%;
}

#logger
{
	color: white;
	width: 100px;
	position: absolute;
	width: 200px;
}

.cc2_i{
	background-color:#000;
	display:block;
	color:#FFF;
	text-align:right;
	height:20px;
	font-size:14px;
	padding:5px;
	margin-top:-25px;
	
}
/* social links */
.menuline_holder{
	z-index: 1;
}
.sl_share{
	float: right;
	margin-right: 21px;
	margin-top: 10px; 
}
div.sl_label{
	padding-right: 5px;
	display:block;
	text-decoration: none;
}
a.a_SLshare, a.a_SLfollow{
	display: inline-block;
	padding-right:5px;
}
a.a_SLshare img, a.a_SLfollow img{
	border: none;
}
 a.a_SLfollow
 {
	display: table-cell;
    height: 32px;
    vertical-align: middle;
}
.socLink_share_box{
	float: left;
	margin-top: -3px;
}
.sl_follow
{
	position: relative;
	height: 30px;
	margin-top: 15px;
	margin-right: 20px;
	float: right;
	z-index: 2;
}
.socLink_follow_box
{
	margin-left: -25px;
    margin-top: 7px;
}
.socLink_share_box a, .goo_holder{
	float: left;
	padding-right:5px;
}
/* end Social Links */