html, body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, sub, sup, b, u, i,  dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	font-size: 100%;
}

a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

table {
	border-collapse: collapse; 
	border-spacing: 0;
}

td, td img {
	vertical-align: top;
} 

input, select, button, textarea {
	margin: 0;
	font-size: 100%;
	outline: none;
}

textarea{
	resize: none;
}

input[type="text"], input[type="password"], textarea {
	padding: 0;
}

input[type="checkbox"] {
	vertical-align: bottom;
}

input[type="radio"] {
	vertical-align: text-bottom;
}

sub {
	vertical-align: sub;
	font-size: smaller;
}

sup {
	vertical-align: super;
	font-size: smaller;
}

html {
	overflow-y: scroll; 
}

body {
	line-height: 1;
	background: url(/images/lobatchj/bg.jpg) left top repeat;
	color: #000;
	text-align: left;
	font: 14px Verdana, Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
	min-width: 1000px;	
}

input, select, button, textarea {
	font-family: Verdana, Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}

label, input[type="button"], input[type="submit"], button {
	cursor: pointer;
}

a, a:visited {
	color: #FF7900;
	text-decoration: none;
}


a:hover {
	color: #FF7900;
	text-decoration: underline;
}

.content-in .more a {
	color: #FF7900 !important;
	text-decoration: none !important;
}

.content-in .more a:hover  {
	color: #FF7900 !important;
	text-decoration: underline !important;
}


a:focus, a:active {
	color: #FF7900;
	text-decoration: underline;
}


.clear{
	clear:both;
	font-size:0;
	padding:0
}

.nuclear:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	overflow: hidden;
}

.nuclear{
	zoom: 1;
	display: block;
}

li{
	list-style: none;
}

input[type="submit"]::-moz-focus-inner{padding:0;border:0}

.wrap{
	background: url(/images/lobatchj/hed-bg.jpg) center top no-repeat;
}

.page{
	width: 1000px;
	margin: 0px auto;
}

.header{
	height: 170px;
	position: relative;
	z-index: 1;
}

.hed-top{
	height: 95px;
	padding: 7px 0 0 0;
}

.hed-top .logo{
	display: block;
	float: left;
	padding: 10px 0 0 104px;
	margin: 0 0 0 5px;
	background: url(/images/lobatchj/logo.png) left top no-repeat;
	text-decoration: none !important;
	font-family: Georgia;
}

.hed-top .logo span,
.footer .logo span{
	display: block;
	font-style: italic;
	font-size: 18px;
	color: #615443;
	text-shadow: 1px 1px 0 #DBDBD3;
}

.hed-top .logo span.name,
.footer .logo span.name{
	font-style: normal;
	font-size: 36px;
	color: #F1E2C5;
	text-shadow: 1px 1px 0 #707068;
	line-height: 31px;
}

.hed-top .logo span.slogan{
	letter-spacing: 1px;
	font-size: 15px;
	color: #948E82;
	text-shadow: 1px 1px 0 #D0CCC1;
	line-height: 21px;
	font-weight: bold;
}

.hed-top .mail{
	display: block;
	float: right;
	width: 230px;
	margin: 22px 0 0 0;
	padding: 13px 0 17px 14px;
	background: url(/images/lobatchj/mail.png) left top no-repeat;
}

.hed-top .mail a{
	text-decoration: none;
	font-style: italic;
	font-family: Georgia;
	font-size: 18px;
	color: #635248;
	text-shadow: 1px 1px 0 #DCDBD6;
}

.hed-btm{
	height: 55px;
	padding: 3px 90px 0 10px;
}

.hed-btm .hed-mnu{
	float: left;
	padding: 18px 0 0 0;
}

.hed-btm .hed-mnu li{
	display: block;
	float: left;
	font-size: 18px;
	font-family: Georgia;
	color: #635248;
	text-shadow: 1px 1px 0 #DFDFD5;
}

.hed-btm .hed-mnu li a{
	display: block;
	float: left;	
	color: #635248;
	text-decoration: underline;
}

.hed-btm .hed-mnu li a:hover, .hed-btm .hed-mnu li a.active{
	text-decoration: none;
}

.hed-btm .hed-mnu li span{
	display: block;
	float: left;
	margin: 0 23px;
}

.hed-btm .social-mnu{
	float: right;
}

.hed-btm .social-mnu li{
	display: block;
	float: left;
	margin: 0 10px 0 0;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;	
	-moz-box-shadow: 0 0 5px 1px #b6b4a7;
	-webkit-box-shadow: 0 0 5px 1px #b6b4a7;
	box-shadow: 0 0 5px 1px #b6b4a7;
}

.hed-btm .social-mnu li a{
	display: block;
	float: left;
	text-decoration: none !important;
	text-align: center;
	width: 40px;
	height: 27px;
	padding: 13px 0 0 0;
	background: #cbcabd;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;	
	-webkit-transition: all 0.3s ease-in-out; 
	-moz-transition: all 0.3s ease-in-out; 
	-o-transition: all 0.3s ease-in-out; 
	transition: all 0.3s ease-in-out;
}

.hed-btm .social-mnu li a:hover{
	background: #9d9a8f;
}

.cnt-wrp{
	padding: 0 0 20px 0;
	top: -5px;
	position: relative;
	z-index: 10;
} 

.cnt-wrp .page{
	position: relative;
}

.content{
	float: left;
	width: 734px;
	position: relative;
	z-index: 10;
}

.content .cnt-t{
	background: url(/images/lobatchj/cnt-t.png) left top no-repeat;
	height: 41px;
}

.content .cnt-b{
	background: url(/images/lobatchj/cnt-b.png) left top no-repeat;
	height: 60px;
}

.content .cnt-m{
	background: url(/images/lobatchj/cnt-m.png) left top repeat-y;
	padding: 0 7px;
	height: auto !important;     
	min-height: 1200px !important; 
	height: 1200px;
}

.bread-crumb{
	padding: 14px 20px 10px 20px;
	font-family: Georgia;
	font-size: 14px;
	font-style: italic;
	color: #FB882F;
	background: url(/images/lobatchj/bc.jpg) left bottom repeat-x;
	font-weight: bold;
}

.bread-crumb a{
	text-decoration: none;
	color: #FB882F;
}

.bread-crumb a:hover{
	text-decoration: underline;
}

.bread-crumb .arr{
	display: inline-block;
	/* display: inline; */
	margin: 0 8px;
}

.content-in {
	padding: 15px 20px !important;
}

h3{
	font-size: 24px;
	font-family: Verdana;
	font-weight: normal;
	color: #625449;
	background: url(/images/lobatchj/line.gif) left bottom repeat-x;
	padding: 0 0 7px 0;
	margin: 0 0 10px 0;
	text-shadow: 1px 1px 0 #F7F1E1;
        line-height: normal;
}

h2{
	font-weight: normal;
	font-family: Verdana;
	font-size: 18px;
	color: #625449;
	text-shadow: 1px 1px 0 #F7F1E1;
	padding: 0 0 15px 0;
}

h1{
	font-weight: normal;
	font-family: Verdana;
	font-size: 21px;
	color: #625449;
	text-shadow: 1px 1px 0 #F7F1E1;
	padding: 0 0 15px 0;
}

.content p, .content .nc_row, .content .content-in {
	font-family: Verdana;
	font-size: 14px;
	color: #625449;
	text-shadow: 1px 1px 0 #F7F1E1;
	padding: 0 0 20px 0;
	line-height: 20px;
}

.content p a, .content .content-in a {
	text-decoration: underline;
	color: #625449;
}

.content p a:hover, .content .content-in a:hover {
	text-decoration: none;
}

.sidebar{
	position: absolute;
	z-index: 1;
	/*background: url(/images/lobatchj/sd-bg.png) left 20px no-repeat;*/
	width: 270px;
	right: 5px;
	top: 0;
	height: auto !important;     
	min-height: 770px !important; 
	height: 770px;
}

.sidebar-in{
	position: relative;
}

.sidebar-in .sd-bg{
	position: absolute;
	left: 0;
	top: 20px;
	z-index: 10;
}

.sd-mnu{
	padding: 10px 28px 25px 23px;
}

.sd-mnu li{
	display: block;
	background: url(/images/lobatchj/sep.jpg) right bottom no-repeat;
}

.sd-mnu li span{
	display: block;
	padding: 0 17px 0 0;
	background: url(/images/lobatchj/bull.png) right 15px no-repeat;
}

.sd-mnu li a{
	display: block;
	text-decoration: none;
	height: 30px;
	padding: 10px 0 0 9px;
	color: #ECDAC2;
	text-shadow: 1px 1px 0 #6D6E68;
	font-size: 16px;
	font-family: Georgia;
	font-style: italic;
	font-weight: bold;
}

.sd-mnu li a.active{
	background: url(/images/lobatchj/hov.png) left top no-repeat;
}

.sd-mnu li a:hover {
      text-decoration: underline;
}

.greeting{
	padding: 335px 30px 30px 30px;
	background: url(/images/lobatchj/foto.png) left top no-repeat;
	/* width: 210px; */
	position: relative;
	z-index: 100;
}

.greeting span{
	display: block;
	font-size: 14px;
	font-family: Georgia;
	font-style: italic;
	line-height: 18px;
	padding: 0 0 10px 0;
	color: #635248;
	text-shadow: 1px 1px 0 #D4D4CC;
}

.greeting span.top{
	font-size: 16px;
	line-height: 20px;
}

.articles{
	margin: 0 0 20px 0;
	font-size: 14px;
	font-family: Georgia;
	font-style: italic;
	text-shadow: 1px 1px 0 #555651;
	position: relative;
	z-index: 1;
}

.articles .shadow{
	position: absolute;
	bottom: -17px;
	right: -17px;
	z-index: 1;
}

.articles a{
	text-decoration: none;
	color: #FEE9CC;
}

.articles a:hover{
	text-decoration: underline;
}

.articles .art-t{
	background: url(/images/lobatchj/art-t.png) right top no-repeat;
	height: 28px;
}

.articles .art-m{
	background: url(/images/lobatchj/art-m.png) right top repeat-y;
	padding: 0 15px 0 30px;
}

.articles .art-b{
	background: url(/images/lobatchj/art-b.png) right top no-repeat;
	height: 50px;
	padding: 15px 0 0 27px;
	position: relative;
	z-index: 10;
}

.articles ul li{
	display: block;
	background: url(/images/lobatchj/dot.gif) left bottom repeat-x;
	padding: 10px 0 20px 0;
	line-height: 18px;
}

.footer{
	margin: 0 0 40px 0;
}

.footer .logo{
	display: block;
	float: left;
	text-decoration: none !important;
	background: url(/images/lobatchj/f-logo.png) left top no-repeat;
	padding: 5px 0 5px 80px;
	font-family: Georgia;
}

.footer .logo span.name{
	font-size: 30px;
}

.footer .rht{
	float: right;
	width: 641px;
	padding: 15px 0 0 0;
}

.footer .create{
	float: left;
	margin: 0 0 0 69px;
}

.footer .create .txt{
	display: block;
	font-family: Verdana;
	font-size: 10px;
	color: #63524A;
	text-shadow: 1px 1px 0 #D1D2CC;
	padding: 0 0 3px 0;
}

.footer .create .txt a{
	text-decoration: none;
	color: #63524A;
}

.footer .create .txt a:hover{
	text-decoration: underline;
}

.footer .count{
	display: block;
	float: left;
	margin: 15px 10px 0 0;
}

.portfolio-item{
	padding: 10px 0 18px 0;
}

.portfolio-item .name{
	display: block;
	float: left;
	width: 90px;
	height: 58px;
	background: url(/images/lobatchj/name-bg.png) left top no-repeat;
	text-align: center;
	font-size: 12px;
	font-family: Georgia;
	font-style: italic;
	padding: 18px 0 0 0;
	color: #615346;
	margin: 5px 0 0 0;
	font-weight: bold;
        line-height: normal;
        text-shadow: none;
}

.portfolio-item .text{
	float: right;
	width: 550px;
	padding: 0 20px 17px 0;
	background: url(/images/lobatchj/dash.gif) left bottom repeat-x;
}

.portfolio-item .text.nocategory{
	width: 660px;
}


.portfolio-item .text h2{
	line-height: 20px;
	padding: 0 0 17px 0;
}

.portfolio-item .text p{
	padding: 0 0 14px 0;
}

.portfolio-item .text .more{
	display: block;
	font-size: 14px;
	font-style: italic;
	font-family: Georgia;
	font-weight: bold;
}

.pager{
	padding: 0 0 15px 109px;
	color: #605247;
	text-shadow: 1px 1px 0 #F5EDE0;
	line-height: 30px;
	font-family: Verdana;
}

.pager .txt{
	display: block;
	float: left;	
	font-size: 12px;
	text-transform: uppercase;
	padding: 0 12px 0 0;
}

.pager .prew,
.pager .next{
	display: block;
	float: left;
	margin: 7px 0 0 0;
}

.pager ul{
	float: left;
	background: url(/images/lobatchj/sep.gif) left 6px no-repeat;
	margin: 0 15px;
}

.pager ul li{
	display: block;
	float: left;
	background: url(/images/lobatchj/sep.gif) right 6px no-repeat;
	font-size: 18px;
	padding: 0 1px 0 0;
}

.pager ul li a{
	display: block;
	float: left;	
	text-decoration: underline;
	height: 30px;
	line-height: 30px;
	padding: 0 9px;
	color: #615348;
}

.pager ul li a:hover{
	text-decoration: none;
}

.pager ul li span{
	display: block;
	float: left;
	height: 30px;
	line-height: 30px;
	padding: 0 9px;
	background: #615348;
	color: #EAE1C2;
	text-shadow: 0 0 0;
}

@media screen and (min-width:1024px) and (max-width:1024px) { 
	body{
		overflow-x: hidden;
	}
}

.content-in ul li {
/*    list-style: inside disc; */
    list-style: disc outside none;
    margin-left: 16px;
}
.content-in ol li {
    list-style: inside decimal;
    margin-left: 16px;
}



#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(/images/colorbox/overlay.png) repeat 0 0;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(/images/colorbox/controls.png) no-repeat -100px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(/images/colorbox/controls.png) no-repeat -129px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(/images/colorbox/controls.png) no-repeat -100px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(/images/colorbox/controls.png) no-repeat -129px -29px;}
    #cboxMiddleLeft{width:21px; background:url(/images/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(/images/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(/images/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(/images/colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;display:none !important;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(/images/colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(/images/colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(/images/colorbox/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(/images/colorbox/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(/images/colorbox/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7+ replaces a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
*/
.cboxIE6 #cboxTopLeft{background:url(/images/colorbox/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(/images/colorbox/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(/images/colorbox/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(/images/colorbox/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(/images/colorbox/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(/images/colorbox/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(/images/colorbox/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(/images/colorbox/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}