body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { padding: 0; margin: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var { font-weight: normal; font-style: normal; }
ol,ul { list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-weight: 400; font-size: 100%; }
q:before,q:after { content: ''; }
abbr,acronym { border: 0; }
input:focus { outline: 0; }

body { background: #eee; color: #333; font-family: 'Ubuntu', Helvetica, Arial, "Sans Serif"; color: #333; line-height: 24px; font-size: 14px; margin: 3%; font-weight: 400; transition: margin 0.2s linear; -webkit-transition: margin 0.2s linear; -moz-transition: margin 0.2s linear; }

.info { display: none; }

a { color: #36c; text-decoration: none; }
a:hover { text-decoration: underline; }

.wrapper { background: #fff; border: 1px solid #ccc; height: 100%; margin: 0 auto; min-width: 280px; max-width: 1240px; overflow: hidden; border-radius: 5px; }
.ie6 .wrapper { width: 940px; }
.ie7 .wrapper, .ie8 .wrapper { min-width: 920px; }
.header { height: 100px; }
.logo { position: absolute; display: block; width: 250px; height: 85px; background: url(../images/sjk.png) top no-repeat; background-size: 250px 85px; margin: 0; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; margin: 20px 0 0 4%; }
.lte8 .logo { background: url(../images/sjk-standard.png); }
.logo span { display: none; }
ul.nav { float: right; margin: 50px 4% 0 0; }
.ie6 ul.nav { margin-right: 18px; }
ul.nav li { display: inline-block; float: left; margin: 0 0 0 10px; text-align: center; }
ul.nav li a { display: block; background: #cd1600; padding: 3px 10px; color: #fff; font-weight: 300; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; font-size: 16px; border-radius: 5px; }
ul.nav li a:hover { background: #222; box-shadow: inset 0 2px 0 #000; text-decoration: none; }
ul.nav li a:active { background: #111; }

.sites { margin: 0 2% 4%; overflow: hidden; }
.site { width: 29.3%; margin: 2% 2% 10px; height: 220px; float: left; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; }
.ie6 .site { width: 260px !important; margin: 10px 30px 10px 0; }
.ie7 .site { width: 29.2%; }
.site .site-name { display: block; text-align: center; font-weight: 400; line-height: 120%;  }
.site .site-name a { display: block; font-size: 90%; color: #555; }
.site a.thumb { display: block; border: 5px solid #fff; height: 170px; border: 1px solid #ddd; overflow: hidden; margin-bottom: 10px; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; }
.site a.thumb img { width: 600px; transition: width 0.2s linear; -webkit-transition: width 0.2s linear; -moz-transition: width 0.2s linear; }
.site.jmb a.thumb img { width: 500px; }
.site a.thumb:hover img { width: 700px; }
.site.recombu img { margin-left: -25px; }
.ie6 .site img { margin: 0; width: 260px !important; }

#about, #contact { max-width: 600px; padding: 15px 17px 3px; }
#about h2, #contact h2 { font-size: 160%; line-height: 120%; margin: 0 0 15px; }
#about p, #contact p { line-height: 170%; margin: 0 0 12px; }

#fancybox-loading{position:fixed;top:50%;left:50%;height:40px;width:40px;margin-top:-20px;margin-left:-20px;cursor:pointer;overflow:hidden;z-index:1104;display:none;}* html #fancybox-loading{position:absolute;margin-top:0;}#fancybox-loading div{position:absolute;top:0;left:0;width:40px;height:480px;background-image:url(/fancybox/fancybox.png);}#fancybox-overlay{position:fixed;top:0;left:0;bottom:0;right:0;background:#000;z-index:1100;display:none;}* html #fancybox-overlay{position:absolute;width:100%;}#fancybox-tmp{border:0;overflow:auto;display:none;margin:0;padding:0;}#fancybox-wrap{position:absolute;top:0;left:0;z-index:1101;display:none;margin:0;padding:20px;}#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;margin:0;padding: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;width:30px;height:30px;background-image:url(/fancybox/fancybox.png);background-position:-40px 0;cursor:pointer;z-index:1103;display:none;}#fancybox_error{color:#444;font:normal 12px/20px Arial;margin:0;padding:7px;}#fancybox-content{height:auto;width:auto;margin:0;padding:0;}#fancybox-img{width:100%;height:100%;border:none;outline:none;line-height:0;vertical-align:top;-ms-interpolation-mode:bicubic;margin:0;padding:0;}#fancybox-frame{position:relative;width:100%;height:100%;border:none;display:block;}#fancybox-title{position:absolute;bottom:0;left:0;font-family:'Ubuntu', Arial;font-size:12px;z-index:1102;}.fancybox-title-inside{text-align:center;color:#333;padding:10px 0;}.fancybox-title-outside{padding-top:5px;color:#FFF;text-align:center;font-weight:300;}.fancybox-title-over{color:#FFF;text-align:left;}#fancybox-title-over{background-image:url(/fancybox/fancy_title_over.png);display:block;padding:10px;}#fancybox-title-wrap{display:inline-block;}#fancybox-title-wrap span{height:32px;float:left;}#fancybox-title-left{padding-left:15px;background-image:url(/fancybox/fancybox.png);background-position:-40px -90px;background-repeat:no-repeat;}#fancybox-title-main{font-weight:400;line-height:29px;background-image:url(/fancybox/fancybox-x.png);background-position:0 -40px;color:#FFF;}#fancybox-title-right{padding-left:15px;background-image:url(/fancybox/fancybox.png);background-position:-55px -90px;background-repeat:no-repeat;}#fancybox-left,#fancybox-right{position:absolute;bottom:0;height:100%;width:35%;cursor:pointer;outline:none;background-image:url(/fancybox/blank.gif);z-index:1102;display:none;}#fancybox-left{left:0;}#fancybox-right{right:0;}#fancybox-left-ico,#fancybox-right-ico{position:absolute;top:50%;left:-9999px;width:30px;height:30px;margin-top:-15px;cursor:pointer;z-index:1102;display:block;}#fancybox-left-ico{background-image:url(/fancybox/fancybox.png);background-position:-40px -30px;}#fancybox-right-ico{background-image:url(/fancybox/fancybox.png);background-position:-40px -60px;}#fancybox-left:hover,#fancybox-right:hover{visibility:visible;}#fancybox-left:hover span{left:20px;}#fancybox-right:hover span{left:auto;right:20px;}.fancy-bg{position:absolute;border:0;width:20px;height:20px;z-index:1001;margin:0;padding:0;}#fancy-bg-n{top:-20px;left:0;width:100%;background-image:url(/fancybox/fancybox-x.png);}#fancy-bg-ne{top:-20px;right:-20px;background-image:url(/fancybox/fancybox.png);background-position:-40px -162px;}#fancy-bg-e{top:0;right:-20px;height:100%;background-image:url(/fancybox/fancybox-y.png);background-position:-20px 0;}#fancy-bg-se{bottom:-20px;right:-20px;background-image:url(/fancybox/fancybox.png);background-position:-40px -182px;}#fancy-bg-s{bottom:-20px;left:0;width:100%;background-image:url(/fancybox/fancybox-x.png);background-position:0 -20px;}#fancy-bg-sw{bottom:-20px;left:-20px;background-image:url(/fancybox/fancybox.png);background-position:-40px -142px;}#fancy-bg-w{top:0;left:-20px;height:100%;background-image:url(/fancybox/fancybox-y.png);}#fancy-bg-nw{top:-20px;left:-20px;background-image:url(/fancybox/fancybox.png);background-position:-40px -122px;}#fancybox-loading.fancybox-ie div{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png',sizingMethod='scale');}.fancybox-ie #fancybox-close{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png',sizingMethod='scale');}.fancybox-ie #fancybox-title-over{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png',sizingMethod='scale');zoom:1;}.fancybox-ie #fancybox-title-left{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png',sizingMethod='scale');}.fancybox-ie #fancybox-title-main{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png',sizingMethod='scale');}.fancybox-ie #fancybox-title-right{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png',sizingMethod='scale');}.fancybox-ie #fancybox-left-ico{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png',sizingMethod='scale');}.fancybox-ie #fancybox-right-ico{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png',sizingMethod='scale');}.fancybox-ie .fancy-bg{background:transparent!important;}.fancybox-ie #fancy-bg-n{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png',sizingMethod='scale');}.fancybox-ie #fancy-bg-ne{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png',sizingMethod='scale');}.fancybox-ie #fancy-bg-e{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png',sizingMethod='scale');}.fancybox-ie #fancy-bg-se{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png',sizingMethod='scale');}.fancybox-ie #fancy-bg-s{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png',sizingMethod='scale');}.fancybox-ie #fancy-bg-sw{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png',sizingMethod='scale');}.fancybox-ie #fancy-bg-w{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png',sizingMethod='scale');}.fancybox-ie #fancy-bg-nw{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png',sizingMethod='scale');}

@media only screen and (max-width: 900px) {
.site { width: 46%; }
}

@media only screen and (max-width: 600px) {
body { margin: 10px; }
.header { height: 115px; }
.logo { width: 200px; height: 68px; background-size: 200px 68px; margin-top: 5px; }
ul.nav { margin: 75px 0 0 4%; width: 96%; }
ul.nav li { width: 29.2%; display: block; margin: 0 4% 0 0; }
ul.nav li:last-child { margin: 0; }
ul.nav li a { padding: 3px 0; }
.site { width: 96%; margin-bottom: 25px; height: 330px; }
.site a.thumb { margin-bottom: 15px; height: 280px; }
.site a.thumb img, .site a.thumb img:hover { width: 100% !important; margin: 0; }
#about, #contact { font-size: 80%; padding: 5px 7px 0; }
}

@media only screen and (max-width: 500px) {
.site { height: 260px; }
.site a.thumb { margin-bottom: 15px; height: 210px; }
}

@media only screen and (max-width: 400px) {
ul.nav { font-size: 85%; }
.site { margin-bottom: 25px; height: 210px; }
.site a.thumb { margin-bottom: 15px; height: 160px; }
}