/*#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover *//* display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../wimages/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../wimages/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
*/



/*DOF ext for center*/
* {margin:0;padding:0}
/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */

#xouter{height:100%;width:100%;	display:table; vertical-align:middle;}
#xcontainer {text-align: center;	position:relative;	vertical-align:middle;	display:table-cell;	height: 680px;}	
#xinner {width: 600px;height: 680px;	text-align: center;margin-left:auto;margin-right:auto;}


/*DOF CSS*/
img {vertical-align:middle; border: none; text-decoration: none;}    /*Fix problem; Top logo and text*/
body{background-color: #000000; text-align: center; min-width: 600px;min-height: 680px;}

/*body,html{background-color: #000000; margin:0px; padding:0px;}*/
/*DOF Main Template*/

#Container{text-align: center;position:relative;vertical-align:middle;display:table-cell;height: 680px;} 
#Contain {width: 600px;height: 680px;text-align: center;margin-left:auto;margin-right:auto;}
#Outer{height:100%; width:100%; display:table; vertical-align:middle;}

/*#Contain{text-align: left; width: 600px; margin-left: auto; margin-right: auto; vertical-align:middle;}
/*#Contain{ position:absolute; left:50%; top:50%; width:600px; height:700px; margin-left:-300px; margin-top:-340px;}*/
#TopDiv,#CenterDiv,#BotDiv,#BotDiv2,#CenterDiv1{ vertical-align:middle; position:relative; width:600px; height:50px ;text-align:left; color: #6f6f6f; font: 11px Verdana, Helvetica, sans-serif; float:left; margin-bottom:9px;}
#CenterDiv{height:600px; border:1px solid #3e3e3e;margin-bottom:0px}
#CenterDiv1{height:auto; border:1px solid #3e3e3e;margin-bottom:0px}
#BotDiv{width:195px; height:20px;margin-bottom:0px}
#BotDiv2{color: #333333; width:405px; height:20px; text-align:right; line-height:20px;margin-bottom:0px}
/*Top Menu Link CSS*/
a.LSelecte:link, a.LSelecte:visited { color: #ffffff; text-decoration: none; }	
a.LSelecte:hover { color: #aaaaaa; text-decoration:underline;}
a.Lnormal:link, a.Lnormal:visited { color: #707070; text-decoration: none;}	
a.Lnormal:hover { color: #ffffff; text-decoration: underline;}

a.footlink:link, a.footlink:visited { color: #333333; text-decoration: none;}	
a.footlink:hover { color: #6f6f6f;}

/*About Page Link*/
#AboutDivL,#AboutDivR, #GallDivR{text-align:left; height:583px; float:left; padding-top:16px ;margin-bottom:0px;}  /*583 = 600 - 1(border) - 16(padding)*/
#AboutDivL{width: 165px; border-right: 1px solid #3e3e3e; margin-left:12px;}
#AboutDivR{width: 352px; border:0px none ; margin-bottom:0px; margin-left:30px;}	/*400 = 435 -1 - 12 -30 -30  margin-right:30px;*/
#AboutMenu{text-align:right; margin-right:-20px; margin-bottom:5px}
#AboutMenuImg,#AboutMenuImg1,#AboutMenuImg2, #AboutMenuImg3, #AboutMenuImg4{border:0px none;margin-top:0px;}
#AboutMenuImg1{border:0px none;margin-top:-4px;}
#AboutMenuImg2{border:0px none;margin-left:16px;}
#AboutMenuImg3{border:0px none;margin-left:41px;}
#AboutMenuImg4{border:0px none;margin-left:76px;}
#AboutText{margin-bottom:0px;}

/*Client Page Link*/
#LoginBox{width:290px; height: 180px; /*border:1px solid #ffffff;*/margin:240px 0 0 170px;}
#LoginLeft,#LoginRight{/*border:1px solid #ffffff;*/float:left;}
#LoginLeft{width:210px;text-align:right;/*border:1px solid #ffffff;*/}
#LoginRight{width:70px;margin:30px 0 0 3px; #margin:33px 0 0 3px}
#LoginFine{float:right; text-align:left;margin-top:10px;#margin-top:-3px;}
#ClientMenu{text-align:right; margin-right:20px; margin-bottom:5px ;margin-top:15px;}
#FileList{width:300px; height:550px;} 
#FileListBox{width:550px; height:530px;margin:15px 0 0 22px;/*border:1px solid #ffffff;*/}
#ErrorBox{height:30px;text-align:center;}
#ProfileBox{width:350px; height: 220px; border:0px solid #ffffff;margin:160px 0 0 110px;}
#UnderFile{text-align:center;color:#3e3e3e;font: 9px Verdana, Helvetica, sans-serif;}
a.CSelecte:link, a.CSelecte:visited { color: #ffffff; text-decoration: none; font: 11px Verdana, Helvetica, sans-serif;}	
a.CSelecte:hover { color: #aaaaaa; text-decoration:underline;}
a.Lnormalu:link, a.Lnormalu:visited { color: #707070; text-decoration: none;}	
a.Lnormalu:hover { color: #ffffff; text-decoration: none;}
.alignleftC,.alignrightC,.alignleftF{float:left;height:16px ;width: 400px;border:0px solid #ffffff;display:block;}
.alignrightC{float:right;width: 135px;text-align:right;}
.alignleftF{width: 535px;}
/*Contact Page Link*/
#ContactTd{vertical-align:top;}

/*Gallery Page*/
#OptionBox1,#OptionBox2,#OptionBox3,#OptionBox4,#OptionBox5,#OptionBox6{margin-top:5px;color:#ffffff; text-decoration: none; width: 155px; height: 20px; border: 0px solid #3e3e3e; display: block;}
#OptionChild1,#OptionChild2,#OptionChild3,#OptionChild4,#OptionChild5,#OptionChild6{border:  1px solid #cacaca;margin-top:-20px;}
.alignleft{float:left;}
.alignleft2{float:left;padding-left:10px;}
.alignright{float:right;}
.alignflv256{text-align:right;padding-right:115px;#padding-right:0px;}
.alignflv1024{text-align:right;}
a.OptionLink:link,a.OptionLink:visited,a.OptionLink:hover,a.OptionLinkL:link,a.OptionLinkL:visited,a.OptionLinkL:hover {display:block; width:140px; padding:2px 5px; background:#000000; text-align:left; font: 11px Verdana, Helvetica, sans-serif; color: #aaaaaa; text-decoration: none;}
a.OptionLinkL:link,a.OptionLinkL:visited,a.OptionLinkL:hover{width:150px;}
a.OptionLink:hover,a.OptionLinkL:hover {color: #ffffff;}

	/*#GallZone{margin-bottom:0px;margin-right:20px; border: 1px solid #3e3e3e;}*/
#GallMenu{text-align:right; margin-right:2px; margin-bottom:5px}
#GallDivR{text-align:left; width: 400px; border:0px none ; margin-bottom:0px; margin-left:4px;}	/*400 = 435 -1 - 12 -30 -30  margin-right:30px;*/
#bblock{background-color:#0a0a0a; text-align:center; width:100px; height:100px;border: 0px none;float:left; margin-left:28px;margin-top:28px;}
div.transON {/*background-color: silver;*/}
div.transOFF  {/*background-color: silver;*/opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;}
.searchTxt,.profileTxt{color: #ffffff; margin-top:5px;margin-left:0px; width:120px; border:1px solid #3e3e3e;background-color: #000000;}
.profileTxt{width:160px;}
#searchDiv{padding-top:214px; #padding-top:268px}
#vsearchDiv{padding-top:452px; #padding-top:432px}
#Gallmenu1,#Gallmenu2{margin-top:13px;height:27px;}
#Gallmenu0{margin-top:12px; height:17px; #height:18px; width:100%; border-bottom: 1px solid #3e3e3e;}
#Gallmenu1{margin-left:10px;}
#Gallmenu2{margin-right:10px; text-align:right;}
#Gall0L{float:left;border-right: 1px solid #3e3e3e;}
#Gall0R{float:left;}
#GallCenBox{display: table; width:600px; height: 570px;  #position: relative; overflow: hidden;}
#GallCenMid{#position: absolute;  #top: 50%; #left:50%; display: table-cell; vertical-align: middle; text-align: center;}
#GallCen{ #position: relative;  #top: -50%; #left:-50%;}
.gim{vertical-align:middle;}
/**/
/*Font style Section*/
#HeadFont,#HeadSubFont,#SubFont,#SubHead{text-align:left; color: #ffffff; font: 12px Verdana, Helvetica, sans-serif;} /* Font for header*/
#HeadSubFont,#SubFont{font: 11px Verdana, Helvetica, sans-serif;} /* Font sub header smaller still white*/
#SubFont{color: #727272;} /*Font sub header smaller gray*/
#SubHead{color: #727272;} /*Font for head but gray*/
#BlackFont{color: #000000;}
/*For mass*/
#mass {color: #6f6f6f; font: 11px Verdana, Helvetica, sans-serif;}
table.mass{text-align: center;font-weight: normal;font-size: 12px;border: 1px;border-collapse: collapse;border-spacing: 0px;}
table.mass td{text-align: left;font-size: 10px;border: 0px #ff0000 solid;vertical-align: top;}
table.mass th{background-color: #999a98;padding: 1px;text-align: left;font-size: 12px;border: 1px #ff0000 solid;}