/* 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;
	overflow: hidden;
}
/***  common structure ***/
.holder1 {
	position: relative;
	height: 100%;
	width:100%;
	padding: 0px;
	margin: 0px;
}
.holder2{
	height: 598px;
	width: 980px; 
	position:absolute; 
	top:50%; 
	margin-top: -299px;/* -330px; */
	left: 50%;
	margin-left: -490px;
	
	
}
.header{
	width: 940px;
	height: 30px;
	position:relative;
}
.content
{
	width: 980px; 
}

.border_background{
	background: #666666;
	text-align: center;
	position: relative;
	
	height: 578px;
}

.innerbackground
{
	height: 573px;
	width: 970px; 
	margin: 0 auto;
	
	background: #000000 url(../templates/denver/gradient.JPG) top left repeat-x;
	position: relative;
}


.t_footer{
}

/***  end common structure ***/


/* mask */

.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;
}

#ic_load{
	width : 30px;
	height: 30px;
	position: absolute;
}


#ft_c, #lingvi_ft{
  position: absolute; 
}

#lingvi_ft{
  background: #444444;
}

.closeB1{
	height: 23px;
	line-height: 23px;
	padding-right: 23px;
	background-repeat: no-repeat;
	background-position:right;
	position: absolute;
	top: 0px;
	right: 0px;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	background-image: url(../LB_closelabel.gif);
	z-index:2;
	}

#stack_c{
	top: 50%;
	left: 50%;
	position: absolute;
}
.stackB{
	cursor: pointer;
	display: none;
}
.TopMenu, .lnk {cursor: pointer;
	
	}


/** asset */
#asset .txt_wrap{border-top: none;}
#assetcontent{
	height : 320px;
	margin: 50px 90px; 
	overflow: hidden;
}

.itemTitle{
	text-transform:uppercase;
	margin-bottom: 15px;
	height: 15px;
	overflow: hidden;
}

.styleText{
	height: 320px;
	line-height: 12px;
	font-size: 10px;
}
/* Footer */
div.footer {
	margin: 10px 0 0 0;
	height: 10px;
	overflow: hidden;
	text-align: center;
}
div.footer, div.footer a, div.footer a:link, div.footer a:visited, div.footer a:hover{
font-size: 8px;
line-height: 8px;
height: 8px;
text-transform:uppercase;
}
span.powered{
	padding-left: 15px;
}
span.powered_over {
	padding-left: 15px;
}
.CopyRight a, .CopyRight a:link, .CopyRight:visited, .CopyRight a:active, .CopyRight a:hover {
	text-decoration: none;
}	
.powered, a.powered , a.powered:link,  a.powered:active {
	text-decoration: none;
	padding-left: 15px;
	background: url(../FLogo_small.gif) 0 -1px no-repeat;
	height: 10px;
	overflow: hidden;
}
a.powered:hover {
	padding-left: 15px;
	background: url(../FLogo_small.gif) 0 -21px no-repeat;
	height: 10px;
	overflow: hidden;
}

.menu_separator0
{
	float:left;
	width: 31px;
	text-align:center;
		margin:0;
}
.menu_separator{
	margin:0 auto;
	padding:0;
	height:  11px;
	overflow: hidden;
	width: 1px;
}

.menu_separator0_m{
	float:left;
	width: 16px;
	text-align:right;
	margin:0;
}
.ms_r{
	float: right;
}



.stackB, .videoB{
	height: 35px;
	width: 84px;
	position: absolute;
	margin-bottom: 10px;
	margin-right: 10px;
	bottom: 0px;
	right: 0px;
	cursor: pointer;
	display: block;
}
.stackB{
	background: url(../templates/sanfrancisco/skinid/viewer.png) no-repeat;
}
.videoB{
	background: url(../templates/sanfrancisco/skinid/video.png) no-repeat;
}


#logger{
	border: 1px dashed green;
	height: 100px;
	width: 200px;
	position: absolute;	
	top: 0px;
	left: 0px;
}



.Container{
	width: 890px;
	height: 423px;
	margin: 45px 40px 45px 40px;
	overflow: hidden;
	position: relative;
	text-align: left;
 }
 #imagepage .Container, #portfolio .Container {
	/*margin: 75px 40px 10px 40px;*/
	margin-bottom: 10px;
	height: 458px;
 }
#guestbook .Container{
	text-align: center;
}

/** FP  **/
.fpimg {
	height: 416px;
	width: 890px;
	overflow: hidden;
	position: relative;
}
.fpimg_withtxt, .leftPanel{
	height: 416px;
	width: 660px;
	overflow: hidden;
	position: relative;
	float: left;
	margin-right: 25px;
}

.fpimg_frame{
	height: 416px;
	position: relative;
	overflow: hidden;
}
.fpimg_withtxt .fpimg_frame{
	width: 660px;
}
.fpI_h {
	position: absolute;
	bottom: 0px;
	left: 0px;
	text-align: center;
}
.txt_wrap{
	width: 200px;
	height: 416px;
	position: relative;	
	overflow: hidden;
	line-height: 18px;
	font-size: 11px;
	text-align: left;

	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
.txt_cnt{
	width: 198px;
	height: 376px; 
	margin: 20px 0;
	position: relative;	
}
.txt_borders {
	width: 200px;
	height: 416px; 
	position: relative;	
}
#imagepage .txt_wrap, #imagepage .txt_borders {
	height: 349px;
}
#imagepage .txt_cnt{
	height: 309px; 
}
/*-- end FP --*/



/*** text scrollbar ***/
.scroll-content{
	padding-right: 10px;
	
}
.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;
	display: none;
	/* skin */
	background: #E6E7E8;
}
.vscroll-slider{
	display: none;
}
/*** end text scrollbar */

/*** skin  ***********/
.vscroll-up{
	background: url(../templates/sanfrancisco/SKINID/textscroll_top.png) no-repeat;
}
.vscroll-down{
	background: url(../templates/sanfrancisco/SKINID/textscroll_bot.png) no-repeat;
}
/*** end skin  *****/


.websitetitle{
	width: 410px; 
	height: 30px;
	overflow:hidden;
	line-height: 30px;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.25em;
	position: absolute;
	left: 10px;
	text-align: left;
}

.mline_holder{
	width: 430px;
	height: 30px;
	position: absolute;
	right: 0px;
}
#menuline {
	height: 13px;
	position: absolute;
	bottom: 9px;
	right: 5px;
	font-size: 11px;
	letter-spacing:0.15em;
}
 .menu_separator
 {
	font-size: 11px;
	letter-spacing: 0.15em;
	white-space: nowrap;
	
	}

.m_space,  .TopMenu {
	float: left;
	font-size: 11px;
	letter-spacing: 0.15em;
	white-space: nowrap;
}

.itemB {
	float: left;
	font-size: 11px;
	letter-spacing: 0.15em;
	white-space: nowrap;

}
.TopMenuSel {
	float: left;
	font-size: 11px;
	letter-spacing: 0.15em;
	cursor: none;
}
.TopMenu a, .TopMenu a:link, .TopMenu a:active, .TopMenu a:visited{
	font-size: 11px;
	letter-spacing: 0.15em;
}
.TopMenu a:hover{
}

#tmpl_cell{
	visibility: hidden;
	position: absolute;}

/*** asset list **/
.yuimenubar{
	position:relative; 
	width: 41px;
	display: none;
}
.yuimenubaritemlabel
{
	padding-left: 15px;
}

.yui-overlay{float: left;}

.yuimenubar  .bd{
	position: relative;
	padding: 0px;
	margin: 0px;
}

ul{
	padding: 0px;
	margin: 0px;
}
li{list-style:none;}

.yuimenubar .bd .bd{
	border: 1px solid #222222;
	padding: 7px;
	background: #999999;
	z-index: 100;
}
.yuimenubar .bd .bd ul{
	width: 82px;
	overflow: hidden;
}
.yuimenuitem{
	line-height: 14px;
	text-align: left;
}

.itemB{
	position: relative;
	font-family:Arial;
}

.hid{visibility: hidden;}


/* Portfolios list */
#portfolioList .Container{
	text-align: center;
}
.line
{
	height: 1px;
	width: 100%;
	border-bottom: 1px solid #999999;
	position: absolute;
	top: 51%;
	left: 0px;
	margin: 0px;
	padding: 0px;
}
#CTN
{
	position: relative;
	margin: 0px auto;
}
.imgCont{
	width: 222px;
	height: 217px;
	overflow: hidden;
	float: left;
	
}
.GalleryThumb{
	position: relative;
}
.thHo{
	margin: 40px 25px auto 25px;
	position: relative;
	text-align: center;
}
.thBox{
	height: 120px;
	width: 170px;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
}
.bW{
	width: 170px;
}
.bH{
	width: 85px;
}
.thRound{
	position: absolute;
	bottom: 0px;
}
.GalleryName{
	margin: 15px 25px 25px 25px;
	line-height: 10px;
	font-size: 9px;
	height: 10px;
	overflow: hidden;
	text-transform:uppercase;
	text-align:left;
}
.GalleryName a, .GalleryName a:link, .GalleryName a:hover, .GalleryName a:active
{
	font-size: 9px;
}

.pgs{
	position: absolute;
	right: 15px;
	top: 15px;
}
.pgsItem{
	float: left;
	border-right: 1px solid #333333;
	height: 11px;
	width: 10px;
	margin:0 4px;
	padding-right: 8px;
	position: relative;
	color: #BBBBBB;
	cursor: pointer;
	font-size: 10px;
	line-height: 11px;
}
.p_act{ color: #ff0000;}
.p_inact{ color: inherit; }
/*end portfolios list */



/** portfolio page ***/
.leftPanel, .rightPanel{
	float: left;
	position: relative;
}

.rightP_H{
	display: none;
}
.leftP_H{
	float:none;
	margin: 0px auto;
}


/******************/
.rightPanel{
	width: 200px;
}
.leftPanel{
	height: 349px;
}


/*********************/
.empty{
	clear: both;
	height: 0px;
	width: 0px;
	font-size: 0px;
	position: relative;
	float: none;
}

.ImgPanel{
	height: 349px;
	overflow: hidden;
	position: relative;
}
.imgFixPanel{
	position: absolute;
}
.ThumbStrip{
	height: 60px; /*50px;*/
	margin-top: 25px; /*15px;*/
	text-align: center;
	position: relative;
	border-width: 1px;
	border-style: solid;
	/** skin **/
	border-color: #999999;
}
.ThumbStripCenter{
	position: absolute;
 /* height: 48px;
	width: 414px;
	margin-top: -24px;
	margin-left: -207px;
*/	height: 58px; 
	width: 484px; 
	margin-top:-29px;	
	margin-left: -242px;	
	top: 50%;
	left: 50%;
}
/** end portfolio page ***/

/*** start image slide strip ***/
.imgthumb{
    float: left;
    margin: 0 5px 0 0;
    height: 56px;	/*46px;*/
    width: 56px;	/*46px;*/
    border: 1px solid #666666;
    overflow: hidden;
    position: relative;
}
.thumb_scroll{
	position: absolute;
}
.dv_frame, .slide_prev_Ho, .slide_next_Ho {
	float: left;
}
.slide_prev, .slide_prev_hover, .slide_next, .slide_next_hover  {
	background-position: center center;
	background-repeat: no-repeat;
}
.dv_frame {
	position: relative;
	overflow: hidden;
/*  height: 50px;
	width: 357px;
*/	height: 60px;
	width: 427px;
	text-align: left;
}

.dv_content{
	position: absolute;
}
.slide_prev_Ho{
	margin-right:5px; /* the same as the margin of imgthumb class */
}
#slide_prev, #slide_next, #slide_prev_Ho, #slide_next_Ho {
	cursor: pointer;
	width: 17px;
	height: 60px;	/*height: 50px;*/
	}
#slide_prev_Ho, #slide_next_Ho {
	visibility: hidden; 
	position: relative;
}
.slide_prev{
	background-image: url(../templates/sanfrancisco/SKINID/back.png);
}
.slide_prev_hover{
	background-image: url(../templates/sanfrancisco/SKINID/back_mo.png);
}
.slide_next {
	background-image: url(../templates/sanfrancisco/SKINID/next.png);
}
.slide_next_hover {
	background-image: url(../templates/sanfrancisco/SKINID/next_mo.png);
}


#imgLoading 
{
	width: 100%;
	position: absolute;
	bottom: 20px;
	left: 0px;
	text-align: center;
}
/*** end image slide strip ***/


/** image page **/
.infoline{
	/*width: 660px;*/
	margin-top: 10px; /*15px;*/
	position: relative;
	clear: both;
	float: none;
	font-size: 10px;
	text-align: center;
}
.il_wrap{
	display: table;
	margin: 0 auto;
}


.ip_GalleryName, .ip_ImageName, .ip_pricing{
	height: 11px; 
	line-height: 11px;
	margin-right: 5px;
	position: relative;
	text-transform:uppercase;
	float: left;
	display: table-cell;
}
.ip_pricing
{}
* html div.eIL { /* ie hack */
	display: inline;
	float: none;
}

.ip_ImageName{
	border-left: 1px solid #999999;
	padding-left: 5px;
}
.ip_pricing, .ip_pricing a, .ip_pricing a:visited, .ip_pricing a:active, .ip_pricing a:link
{
	 color: brown;
	 font-size: 10px;
}
.ip_pricing a:hover{font-size: 10px;}
.price_label{
	float: left;
	position: relative;
}
.price_sep {
	float: left;
	position: relative;
	width: 1px;
	margin-right: 8px;
	/**** skin **/
	color: #999999;
}
.pr_cont_bgr, .price_content{
	position: absolute;
	width: 250px;
	height: 349px;
	overflow: hidden;
}
.leftPanel{ text-align: left;}
.price_content_pos{
	position: absolute;
	width: 660px;
	z-index: 2;
	display: none;
	text-align: center;
}
.price_cnt_wrap{
	position: relative;
	margin: 0px auto;
	width: 250px;
	height: 349px;
	text-align: left;
}
.pr_cont_bgr{
	background-color:#000000;
    filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
.price_content{
}

/* stef*/



/** end image page **/

/** pricing fields*/
.i_txt{
	margin: 25px;
	height: 299px;
}
.p_unit{
	width: 200px;
	overflow: hidden;
}
.label
{
	text-transform: uppercase;
	margin-right: 5px;
	color: #FFFFFF;
}
.value
{
	color: #FFFFFF;
}
.btn{
	margin-top: 15px;
}
#Form3, #Form4{
	width: 92px;
	float: left;
	overflow: hidden;
}
 #Form3{
	margin-right: 5px;
 }
.price_close{
	position: absolute;
	cursor: pointer;
	bottom: 0px; 
	right:0px;
	background-image: url(../LB_closelabel.gif);
	width: 22px;
	height: 23px;
}
/** end pricing **/

/* ligntbox*/
#oTemp {top: 0px;}


/** guestbook */
.artphoto{
	height: 170px;
	width: 270px;
	overflow: hidden;
	position: absolute;
	left: 0px;
}

#guestbook #form1{
	margin: 0 auto;
	width: 310px;
}
.fi1{
	position: relative;
	border: 1px solid #999999;
	height: 20px;
	width: 305px;
	margin-bottom: 5px;
	font-family: Arial;
	font-size: 10px;
	text-align: left;
}
.fi2{
	border: none;
	margin-bottom: 15px;
}
.fi3{
	width: 150px;
	float: left;
}
.small_txt{
	float: none;
	clear: both;
	text-align: left;
}
.inBox1{
	border: none;
	background: none;
	text-align: left;
	width: 300px;
}


input, select, textarea {
	margin-left: 5px;
	color:#D4C9B0;

}

.area {
	height:73px;
}
 textarea {
	height: 67px;
}
#fGuestName, #fEmail, #fComments{
	width: 280px;
}
#State { width: 165px; }
#fOtherState {
	width: 120px;
	margin-left: 5px;
}
#fmatchcode {
	width: 150px;
}
.gb_txt{
	float: left;
	margin-right: 5px;
}
.fi2 input{
	width: auto;
	border: none;
}
.req_label{
	font-size: 13px;
	color: #ff0000;
	font-weight: bold;
}

.pos{
	position: absolute;
	top: 1px;
	right: 1px;
}

.matchCode{
	margin-left: 10px;
	margin-top: -5px;
	height: 30px;
}
.note{
	position: absolute;
	right: 10px;
	top: 1px;
}

.submit_block{
	width: 300px;
	margin-top: 15px;
}
.gb_btn{
	float: right;
	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 guestbook */


/** img loading image **/
.iL2{
	background: url(../ajax-loader.gif) center center no-repeat;
	height: 30px;
	width: 100%;
}
/** end image loadeing img **/

.clear{
	font-size:0px;
	line-height:0px;
	width:0px;
	height:0px;
	clear:both;
	display: none;
}
	
/* social links */
.sl_area
{
	position: absolute;
	bottom: 5px;
	right: 10px;
}
.sl_label{
	font-weight:bold;
	padding:3px 10px 0 0;
	display:block;
}
#ShareLabel{
	text-transform:none;
}
a.a_SLshare{
	display: inline-block;
	padding-right:5px;
}
a.a_SLfollow{
	display: inline-block;
	padding-right:5px;
}
a.a_SLshare img, a.a_SLfollow img{
	border: none;
}
.sl_label, .socLink_share_box{
	float: left;
	margin-top: 5px;
}
.socLink_follow_box{
	text-align: right;
}
.sl_label a{
    cursor: default;
}
.socLink_share_box a, .goo_holder{
	float: left;
	padding-right:5px;
}

/* end Social Links */