* {margin:0; padding:0; border:0; outline:0; font-weight:100; list-style:none;}
body, html {height:100%; width:100%;}
body {color:#333; font:13px/1.5 Arial, sans-serif; background:url(../images/bg.png) repeat-x #f5b230;}
.cn {font-size:14px;}
@font-face {
    font-family: 'tendernessregular';
    src: url('font/Tenderness-webfont.eot');
    src: url('font/Tenderness-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/Tenderness-webfont.woff') format('woff'),
         url('font/Tenderness-webfont.ttf') format('truetype'),
         url('font/Tenderness-webfont.svg#tendernessregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
a {color:#b62; text-decoration:none;}
a:hover {color:#d00; text-decoration:underline;}
h1, h2, h3, nav, .feature {font-family:'tendernessregular', Arial, sans-serif;}
h2 {color:#b62; font-size:24px; text-transform:uppercase; margin:60px 0 15px; text-shadow:1px 1px 0 #ffc;}
h3, h4 {color:#b62; font-size:20px; margin:0 0 .4em;}
h3 {font-size:24px; margin:0 0 30px;}
h4 {font-size:16px;}
h2 .cn {font-size:30px; margin:0 5px 0;}
h3 .cn  {font-size:26px; margin:0 5px 0;}
p, ul {margin:0 0 10px;}
.tac {text-align:center;}
.bg {background:url(../images/bg.jpg) no-repeat top center; width:100%; overflow:hidden;}
header, .main, footer {position:relative; z-index:2;}

.wrap, .main {width:960px; padding:0 10px; margin:0 auto; position:relative;}
.clear {clear:both;}
/*header*/
header {
	height:100px; margin:95px auto 35px; background:#fff;
	border-top:1px solid #fc2; border-bottom:1px solid #fc2;
}
header, section, .banner img, article {-webkit-box-shadow:0 0 5px 0px rgba(0,0,0,.15); box-shadow:0 0 5px 0px rgba(0,0,0,.15);}
h1 {float:left; text-transform:uppercase; color:#820; font-size:36px; line-height:100px;}
h1 a:hover {text-decoration:none;}
nav {float:right; display:block; margin:0 55px 0 0; position:relative;}
nav li {display:inline;}
nav .mainNav {display:block; overflow:hidden;}
nav .mainNav a {color:#666; font-size:22px; height:78px; padding:20px 15px 0; display:block; float:left; margin:1px 1px 0 0; text-align:center;}
nav .mainNav a:hover, nav .mainNav li.current a {
	color:#d60; text-decoration:none;
	background: #ffb;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffb), to(#fff)); /* Safari 4+, Chrome */
	background: -webkit-linear-gradient(top, #ffb, #fff); /* Chrome 10+, Safari 5.1+, iOS 5+ */
	background:    -moz-linear-gradient(top, #ffb, #fff); /* Firefox 3.6-15 */
	background:      -o-linear-gradient(top, #ffb, #fff); /* Opera 11.10-12.00 */
	background:         linear-gradient(to bottom, #ffb, #fff); /* Firefox 16+, IE10, Opera 12.50+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffbb', endColorstr='#ffffff',GradientType=0 );
}
nav .mainNav li.current a {cursor:default;}
nav .mainNav a span {display:block; font-size:15px; margin:5px 0 0;}
nav .topNav {position:absolute; top:-30px; right:0; width:auto; white-space:nowrap;}
nav .topNav li {font-size:16px; border-left:1px solid #b62; padding:0 8px;}
nav .topNav li:first-child {border:0;}
nav .topNav li .cn {font-size:12px; margin:0 0 0 5px;}
nav .topNav a:hover {text-decoration:none;}
/*banner*/
.banner {margin:0 0 25px;}
.banner img {border:5px solid #fff; display:block;}

/*home*/
section {width:280px; height:210px; padding:15px; background:#fff; float:left; margin:0 0 0 15px;}
section.first {margin:0;}
section h2 {font-size:18px; text-align:center; text-transform:uppercase; margin:0 0 10px; text-shadow:none;}
section h2 .cn {font-size:22px; margin:0 5px 0 0;}
section .more {float:right;}
.more {padding:5px 10px;}
.more:hover {background:#b62; color:#fff; text-decoration:none;}
.pic1, .pic2 {position:absolute; top:-38px; left:0; z-index:3;}
.pic1 {width:185px; height:38px; background:url(../images/swallow1.png) no-repeat;}
.pic2 {width:327px; height:336px; background:url(../images/swallow2.png) no-repeat; left:auto; right:-250px; top:-100px;}

/*article*/
article {background:#fff; padding:30px; min-height:500px;}
.feature {margin:0 0 30px;}
.feature li {list-style:disc; margin:0 0 .5em 20px; color:#b62; font-size:20px;}
.feature li .cn {font-size:18px; margin:0 10px 0 0;}
/*footer*/
footer {text-align:center; padding:30px 0; font-size:12px;}
.designby {font-size:11px; color:#555; margin:5px 0 0;}
.designby a {color:#555;} .designby a:hover {color:#000; text-decoration:none;}

/*contact*/
th, td {padding:5px; vertical-align:top;}
th {text-align:left; font-weight:700;}
input[type="text"], textarea, input[type="email"] {padding:5px; background:#fff; border:1px solid #ccc; width:310px;}
textarea {height:200px; overflow:auto;}
.form {padding:20px 15px; background:#eee;}
.btn {padding:5px 10px; background:#b62; color:#fff; cursor:pointer; font-size:14px;}
.btn:hover {background:#d00;}
.error, #err {color:#f00; display:block; font-size:11px;}
#err.hidden {display:none;}