/* No script
-----------------------------------------------------------------------------*/

noscript div {
	background : #FFFFFF;
	border : 1px solid #C0BDB9;
	margin : 0px 0px 10px 0px;
	padding : 5px 5px 5px 5px;
}

/* Body
-----------------------------------------------------------------------------*/

body {
	color : #777676;
	background : #e7f0f1;
	font-family	: "Trebuchet Ms", sans-serif;
	font-weight	: normal;
	font-size : 12px;
	margin : 0px;
	padding : 0px;
}

#wrap, .wrap {
	margin-left : auto;
	margin-right : auto;
	width : 997px;
}

/* Logo
-----------------------------------------------------------------------------*/

#logo {
	background : url(../images/logo-bg.jpg) no-repeat top left;
	height : 101px;
}

/* Banner
-----------------------------------------------------------------------------*/

#banner {
	background : url(../images/banner-bg.jpg) no-repeat top left;
	height : 360px;
}

#banner-shadow {
	background : url(../images/banner-shadow-bg.jpg) no-repeat top left;
	height : 60px;
}

/* Top Navigation
-----------------------------------------------------------------------------*/

#tnav {
	float : right;
	margin-right : 70px;
	margin-left : 0px;
	height : 101px;
}

#tnav ul li {
	float : left;
	list-style : none;
	list-style-position : outside;
	height : 101px;
	margin-left : 10px;
	width : 153px;	
}

#tnav ul li a {
	display : block;
	text-indent : -9000px;
	height : 101px;
	width : 153px;	
}

#tnav ul li#tnav-ordr {
	background : url(../images/tnav-order.jpg) no-repeat top left;
	text-indent : 0px;
}

#tnav ul li#tnav-ordr form {
	margin-top : 30px;
	margin-left : 32px;
}

#tnav ul li#tnav-cntc {
	background : url(../images/tnav-contact.jpg) no-repeat top left;
}

/* Contents
-----------------------------------------------------------------------------*/

#contents {
	margin-left : auto;
	margin-right : auto;
	width : 900px;
}

#contents .shell {
	padding-left : 20px;
	padding-right : 20px;
}

#contents #content-learn {
	background : url(../images/contents-main-bg.jpg) no-repeat top right;
	font-size : 16.5px;
	font-weight : normal;
	padding-top : 0px;
	padding-bottom : 40px;
}

#contents #content-learn .text {
	width : 640px;
}

#contents #content-about-head {
	border-top : 1px dashed #bec5c6;
	border-bottom : 1px dashed #bec5c6;
	padding-top : 20px;
	padding-bottom : 20px;
}

#contents #content-about-head .col1,
#contents #content-about-head .col3 {
	height : 75px;
	line-height : 75px;
}

#contents .col1,
#contents .col2,
#contents .col3 {
	float : left;
	margin-right : 40px;
	margin-left : 0px;
	width : 260px;
}

#contents .col3 {
	margin-right : 0px;
}

#contents #content-about-text {
	border-bottom : 1px dashed #bec5c6;
	font-size : 16.5px;
	font-weight : normal;
	padding-top : 20px;
	padding-bottom : 30px;
}

#contents #content-about-text p {
	margin-bottom : 15px;
	line-height : 18px;
}

/* Contents
-----------------------------------------------------------------------------*/

#footer {
	background : url(../images/footer-bg.png) no-repeat top center;
	margin-top : -40px;
	margin-bottom : 0px;
	height : 473px;
	width : 858px;
}

#footer .text {
	font-size : 24px;
	font-weight : normal;
	line-height : 24px;
	padding-left : 380px;
	padding-right : 80px;
	padding-top : 70px;
}

#footer .email a {
	display : block;
	position : absolute;
	margin-top : 350px;
	margin-left : 520px;
	text-indent : -9000px;
	height : 40px;
	width : 315px;
}