@import url("base.css");				/* Default Reset, Typography, Forms, etc. */ 
@import url("skeleton.css");			/* 960 Grid + Media Query Layouts */ 
@import url("flexslider.css");		/* flexslider Styles */ 

.loading{overflow:hidden;}
.loadingmask{position: absolute;left:0;top:0;z-index:100;width:100%;height:100%;background:#000 url("loading2.gif") no-repeat center;}

.menubar{position:relative;border-bottom:1px solid #000;background:url("infobackground.jpg") repeat left top;}
.menuf{display:none;position:absolute;width:100%;height:62px;line-height:62px;overflow:hidden;left:0;top:0;z-index:50;background:url("nav_hover_bg.gif") repeat-x left top;overflow:hidden;font-size:1.4em;text-align:center;color:black;}
.menubar .menu .slogo a{display:block;width:82px;height:44px;margin:10px 0 10px 0;text-align:left;text-indent:-9999px;background:url("s_logo.png") no-repeat left top;_behavior:url(/iepngfix.htc);}
.menubar .menu .tmenu li{display:inline;height:62px;line-height:62px;font-weight:bold;letter-spacing:0.2em;}
.menubar .menu .tmenu a{margin-left:20px;color:#ccc;text-shadow: 0px 1px 0px #000;}.menubar .menu .tmenu a:hover{color:#FFF;text-shadow: 0px 1px 0px #000;}
.menubar .menu .lm{margin:0 auto 0 0;text-align:left;}.menubar .menu .lm li{font-size:1.4em;}
.menubar .menu .rm{margin:0 0 0 auto;text-align:right;}.menubar .menu .rm li{font-size:1.5em;}.menubar .menu .rm li a{margin-left:25px;}

.readcon{display:block;color:#ccc;background:#1b1b1b url("con_bg_b.gif") repeat-x left bottom;}
.readcon .readconheader{color:#ddd;font-size:1.3em;padding:15px 0;background:url("con_bg_t.gif") repeat-x left top;}
.readcon .readconheader h2{color:white;}

.case{width:100%;margin:20px 0 0px 0;background:url("caseheader_bg.gif") repeat-x left top;}
.case .caseheader{height:50px;line-height:50px;color:#ddd;text-shadow: 0px 1px 0px #000;}
.case .caseheader .name{font-size:1.6em;text-align:left;font-weight:bold;}
.case .caseheader .subnav{text-align:right;font-size:1.4em;font-family:KaiTi,"\6977\4F53";}
.case .caseheader .subnav:hover{color:#fff;}
.case .caseheader span{padding:0 10px;background:url("bg.jpg") repeat left top;}
.case .caseheader strong{color:#bbb;}
.case .caseheader a{color:#bbb;;text-decoration:underline;}
.case .caseheader a:hover{color:#FFF;text-decoration:none;}
.case .caselist{padding:20px 0 10px 0;}
.thumb img{width:100%;}

.footer{margin-top:30px;padding-top:20px;text-align:center;color:white;border-top:1px solid #888;}
.footer h3.title{font-weight:normal;letter-spacing:2px;font-family:KaiTi,"\6977\4F53"; padding-top:90px;background:url("logo.png") no-repeat center top;_behavior:url(/iepngfix.htc);}

/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {

		.thumb03,
		.thumb04{display:none;}
	}
/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {

		.menu{border-bottom:1px solid #ccc;}
		.menubar{background:none;border-bottom:none;}
		.menubar .menu .lm{margin:0 0 0 auto;text-align:right;}
		.menubar .menu .rm{margin:0 auto 0 auto;text-align:center;}
		.menubar .menu .rm li a{margin:0 15px;}
		.slider,.readcon{display:none;}
		.name span{margin-left:-10px;}
		.subnav span{margin-right:20px;}
		.thumb{display:none;margin:0 auto;text-align:center;}
		.thumb01{display:block;}
		.menubar .menu .slogo a{margin:10px auto;}

    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {

		.menu{border-bottom:none;}
		.menubar{border-bottom:1px solid #000;background:url("infobackground.jpg") repeat left top;}
		.subnav span{margin-right:10px;}
		.slider,.readcon{display:block;}
		.thumb02{display:block;}
		.thumb img{margin-bottom:10px;}

    }