@import url(http://fonts.googleapis.com/css?family=Muli:300,400,400italic,300italic);
*{margin:0;padding:0;}

body{
	 font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Helvetica, Arial, sans-serif; font-size: 15px; font-weight: 300; line-height: 1.5;
	}

	
#wrapper{width:960px;margin:0 auto;}
#wrap { position: relative; width: 100%; margin: 0 auto; padding-top: 48px; }
a { color: inherit; text-decoration: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0.1); -webkit-transition: color 0.2s ease-out; -moz-transition: color 0.2s ease-out; -o-transition: color 0.2s ease-out; transition: color 0.2s ease-out; }

a:hover { color: #c4b8a8; text-decoration: underline; }
#header { position:absolute;left: 0; z-index: 20; width: 100%; min-width: 768px; height: 47px; overflow: hidden; border-bottom: 1px solid black; background: #b0b0b0 url("../images_essence_tutorialpage/ui/header-bg.png") repeat-x 0 100%; text-align: center; -webkit-user-select: none; -moz-user-select: none; user-select: none; }
#header.fixed { position: fixed; }
#header .logo { height: 33px; padding: 8px 15px 0 10px; border-right: 1px solid #595959; }
#header .logo img { display: block; }
@media (max-width: 78.125em) { #header .logo { padding-right: 10px; } }
#header .inner { font-size: 0; white-space: nowrap; }
#header .inner .logo, #header .inner #nav { font-size: 15px; }
#header .inner .logo, #header .inner #nav { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; white-space: normal; }

#nav { height: 47px; }
#nav ul { font-size: 0; white-space: nowrap; height: 100%; text-align: left; }
#nav ul li { font-size: 16px; }
#nav ul li { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; white-space: normal; }
#nav li { height: 100%; line-height: 48px; border-right: 1px solid #595959; color: #59483e; text-align: center; white-space: normal; }
#nav li a { display: block; height: 100%; padding-left: 7px; padding-right: 7px; color: #59493f; text-decoration: none; }
#nav li a:hover, #nav li a.active { color: #fff; background: #b0b0b0 url("../images_essence_tutorialpage/ui/header-bg-active.png") repeat-x 0 100%; }
@media (max-width: 78.125em) { #nav li { font-size: 15px !important; } }
@media (max-width: 62.5em) { #nav li { line-height: 1.05; padding-top: 15px; font-size: 14px !important; height: 32px; }
  #nav li a { padding-left: 5px; padding-right: 5px; } }

/* Narrow header */
@media (max-width: 52.5em) { #wrap { padding-top: 84px; }
  #header { height: 84px; }
  #header .logo { display: block !important; padding-top: 5px; padding-bottom: 2px; border-bottom: 1px solid #999; }
  #nav li { border-color: #999; }
  #nav li:last-child { border-right: 0; }
  #nav li a { padding-left: 6px; padding-right: 6px; font-family: Arial, Helvetica, sans-serif; } }

/****************Content****************/


.clearfix:after {

	content: ".";

	display: block;

	clear: both;

	visibility: hidden;

	line-height: 0;

	height: 0;

}

 

.clearfix {

	display: inline-block;
	position: relative;
}
#content{width:960px;margin:0 auto;}
#mainContent{float:left;width:705px;padding: 50px 20px 20px 0;}
#mainContent ul {list-style: decimal; overflow: hidden;list-style-position: inside}
#mainContent ul li{}
#mainContent ul li h3{margin-bottom: 10px;font-weight: bold;}
#mainContent ul li p{margin-bottom: 18px;line-height: 18px;margin-left: 15px;}
#mainContent ul li a{}
#mainContent ul li img{margin-bottom: 10px;}

/****************Side****************/
#sidebar{float:right;width:235px;padding:60px 0 0 0;}
#sideNav{background-color: #f8f8f8;padding: 18px;}
#sideNav ul{list-style: disc;}
#sideNav ul li{margin: 15px;}

/****************Footer****************/
#footer{width:100%;}

/****************ETC****************/
.title{width: 100%; overflow: hidden; font-family: 'Muli'; font-size: 40px; font-weight: 300; text-align: left; color: #3F3E3E;margin-bottom: 25px; }
.detail{margin-bottom: 20px;line-height: 18px;}
.detailbolder{margin-bottom: 20px;font-weight: bold;}
strong{font-weight: bold;}