/**

**/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }

select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

html { overflow-y: scroll; }
a:hover, a:active { outline: none; }
ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td { vertical-align: top; }

sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

em{ font-style: italic; }
pre { padding: 15px; }
textarea { overflow: auto; }
.ie6 legend, .ie7 legend { margin-left: -7px; } 
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }

::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
::selection { background:#FF5E99; color:#fff; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #FF5E99; }

button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

body, select, input, textarea {  color: #444; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a, a:active, a:visited { color: #000; }
a:hover { color: #000; }

/** Misc **/
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.fl, .left{ float: left; }
.fr, .right{ float: right; }
.fnone{ float: none; }
.txt-center{ text-align: center; }
.txt-left{ text-align: left; }
.txt-right{ text-align: right; }
.clear{ clear: both; }
.nomargin{ margin: 0!important; }
.alignleft{ float: left; margin-right: 10px; margin-bottom: 10px; }
.alignright{ float: right; margin-left: 10px; margin-bottom: 10px; }
.orange{ background: #ca4800 url(../images/nav-orange.png) repeat; }
.orange-tattoo{ background: url(../images/orange-tattoo.jpg) no-repeat top right; }



/****/
body{
   background: #4b344f url(../images/bg.jpg) no-repeat top center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
}
#container{ width: 1280px; height: 100%; margin: 0 auto; background: url(../images/tattoo.png) no-repeat top right;  }


/** Header **/
header.main{ width: 960px; height: 76px; padding:  10px 6px 0; background: url(../images/header-bg.png) no-repeat; position: relative; margin: 0 auto; }
header.main #logo{ float: left; margin: 0 0 0 15px; display: inline; }


/** Navigation **/
header.main nav { position: absolute; top: 20px; left: 287px; font-family: 'EstrangeloEdessaRegular'; }
header.main nav li{ display: inline; float: left; margin: 0 5px; }
header.main nav li a{ line-height: 44px; padding: 0 9px; display: block; color: #000; font-size: 15px; text-decoration: none; text-transform: uppercase; float: left; }
header.main nav li a:hover, header.main nav li.active a{ color: #fff; background: #ca4800 url(../images/nav-orange.png) repeat; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

/** Home **/
#home{ width: 930px; height: 519px; padding: 40px 45px 0 45px; background: url(../images/bg-home.png) no-repeat center; margin: 0 auto; }
#home .left{ float: left; width: 380px; }
#home .right{ float: right; width: 450px; }

#search{ margin-bottom: 25px; padding: 10px 10px 0 0; }
#search form{ width: 310px; height: 26px; background: url(../images/search-bg.png) no-repeat; float: right; padding: 7px 0 0 14px; }
.community #search form{ background: url(../images/search-bg-02.png) no-repeat; }
#search form .txt{ background: none; border: none; font-size: 12px; font-style: italic; color: #aaa; width: 270px; float: left; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
#search form .sub{ float: right; width: 30px; height: 30px; background: none; border: none; cursor: pointer; margin: -7px 0 0; }

#home .left figure{ margin-bottom: 60px; }

#home  .testi{ padding-left: 65px; background: url(../images/quote.png) no-repeat top left; color: #212125; }
#home  .testi h3{ font-size: 19px; text-transform: uppercase; margin-bottom: 5px; }
#home  .testi p{ font-size: 14px; }



/** Content **/
#content{ width: 960px; margin: 10px auto 15px; }
#content .top{ width: 960px; height: 12px; font-size: 1px; background: url(../images/content-top.png) no-repeat; }
#content .bottom{ width: 960px; height: 12px; font-size: 1px; background: url(../images/content-bottom.png) no-repeat; }
#content .main{ width: 937px; padding: 10px 13px 0 10px; background: url(../images/content-bg.png) repeat-y; }
#content .main02{ width: 937px; padding: 10px 13px 0 10px; background: url(../images/content-bg-02.png) repeat-y; }

/** About Us **/
#content .toparea{ padding: 0 0 0 25px; margin-bottom: 15px; }
.breadcrumbs{ width: 550px; color: #727272; font-size: 13px; font-family: 'EstrangeloEdessaRegular'; border-top: #d4d4d4 1px solid; border-bottom: #d4d4d4 1px solid; padding: 5px 0; margin: 5px 0 0; }
.breadcrumbs a{ color: #727272; text-decoration: none; }
#content .toparea #search{ padding-top: 0; margin-bottom: 0; }
#content .ttl-area{ background: #ca4800 url(../images/nav-orange.png) repeat; padding: 20px 25px; }
#content .ttl-area h1{ font-size: 61px; line-height: 57px; color: #fff; font-family: 'BrandonGrotesqueBlack'; text-transform: uppercase; }
.content-wrap .left, .content-wrap .right{ min-height: 470px; }

.about .left{ width: 465px; }
.about .right{ width: 455px; background: #ca4800 url(../images/nav-orange.png) repeat; color: #fff; padding: 0 6px 0 10px; }
.about .post{ padding: 30px 30px 0 20px; }
.about .photos{ border-top: #cb7444 3px solid; border-left: #cb7444 3px solid; margin: 0 0 15px 0; list-style: none; float: left; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.about .photos li{ display: inline; float: left; border-bottom: #cb7444 3px solid; border-right: #cb7444 3px solid; }
.about .photos li img{ display: block; }
.about .desc{ padding: 0 10px 0 20px; font-size: 13px; line-height: 16px; font-family: 'EstrangeloEdessaRegular'; }


.post{ color: #777; font-size: 13px; font-family: 'EstrangeloEdessaRegular'; }
.post p{ line-height: 16px; margin-bottom: 20px; }
.post h1, 
.post h2,
.post h3,
.post h4,
.post h5,
.post h6{ color: #ca4800; margin-bottom: 20px; font-weight: normal; }
.post h1{ font-size: 32px; }
.post h2{ font-size: 28px; }
.post h3{ font-size: 24px; }
.post h4{ font-size: 21px; }
.post h5{ font-size: 18px; }
.post h6{ font-size: 15px; }



/** Contact Us **/
.contact{ }
.contact .ttl-area{ background: #ca4800 url(../images/ttl-bg.jpg) no-repeat right top!important; height: 87px; padding: 0 0 0 25px!important; }
.contact .ttl-area h1{ line-height: 87px!important; }

.contact .left{ width: 469px; }
.contact .right{ width: 468px; }
.contact .post{ padding: 30px 32px 0 25px; }

.contact .map{ padding: 12px 10px; margin-bottom: 5px; }
.contact .video img{ display: block; }
.contact .info{ padding: 17px 25px; background: #141414 url(../images/contact-info.png) repeat-x top; color: #fff; }
.contact .info ul{ margin: 0; list-style: none; }
.contact .info ul li{ display: block; font-size: 17px; line-height: 18px; padding-bottom: 10px; background: url(../images/info-line.png) repeat-x bottom; margin-bottom: 10px; }
.contact .info ul li strong{ display: block; font-family: 'BrandonGrotesqueBlack'; }
.contact .info ul li span{ font-family: 'BrandonGrotesqueMedium'; }
.contact .info ul li a{ color: #fff; text-decoration: none; }
.contact .info ul li.last{ margin-bottom: 0; padding-bottom: 0; background: none; }


/** Community **/
.community{ }
.community .content-left{ width: 577px; float: left; font-size: 13px; color: #6d6d6d; font-family: 'EstrangeloEdessaRegular'; }
.community #projects{ width: 346px; float: right; background: #98b364 url(../images/green.png) repeat; }
.community #projects header{ background: #98b364 url(../images/green.png) repeat; color: #fff; padding: 15px 20px; }
.community #projects header h3{ font-family: 'BrandonGrotesqueMedium'; font-size: 27px; line-height: 27px; font-weight: normal; }

.community #projects ul.project-list{ margin: 0; list-style: none; font-family: 'EstrangeloEdessaRegular'; }
.community #projects ul.project-list li{ display: block; padding: 15px; position: relative; background: #141414 url(../images/project-list-bg.png) repeat-x; }
.community #projects ul.project-list li .video-wrap{ float: left; }
.community #projects ul.project-list li .info{ float: right; width: 175px; }
.community #projects ul.project-list li .info .ttl{ color: #fff; font-size: 21px; }
.community #projects ul.project-list li .info .num{ color: #938e77; font-size: 21px; margin-bottom: 30px; }

.community .content-left p{ line-height: 16px; margin-bottom: 25px; }
.community .ttl-img img{ display: block; }
.community .left-col{ float: left; width: 315px; padding: 40px 20px 0 25px; }
.community .fr{ float: right; }
.community .fr img{ margin-bottom: 15px; }


.community .content-left h1, .community .content-left h2
.community .content-left h3, .community .content-left h4{ font-weight: normal; margin-bottom: 15px; color: #a5d647; font-family: 'BrandonGrotesqueMedium'; }
.community .content-left h1{ font-size: 32px; }
.community .content-left h2{ font-size: 28px; }
.community .content-left h3{ font-size: 24px; }
.community .content-left h4{ font-size: 21px; }


.side-nav{ margin: 0; list-style: none; }
.side-nav li{ display: block; clear: both; float: left; }
.side-nav li a{ color: #ca4800; font-size: 19px; line-height: 39px; width: 189px; height: 39px; padding-left: 25px; background: url(../images/side-nav-bg.png) no-repeat bottom; display: block; text-decoration: none; font-family: 'BrandonGrotesqueMedium'; }
.side-nav li a:hover, .side-nav li.active a{ background: url(../images/side-nav-active.png) no-repeat top; color: #fff; }


#pagi{ padding: 15px 0 15px 20px; }
#pagi ul{ margin: 0; list-style: none; }
#pagi ul li{ display: inline; float: left; }
#pagi a{ width: 26px; height: 25px; line-height: 28px; color: #000; font-family: 'EstrangeloEdessaRegular'; font-size: 15px; text-align: center; background: url(../images/pagi-bg.png) no-repeat; text-decoration: none; display: block; float: left; margin: 5px 2px 0 0; }
#pagi a.pager-active, #pagi a:hover{ background: url(../images/pagi-active.png) no-repeat; color: #fff; }


/** News **/
.gray{ background: #959595; }
.full{ width: 100%; }

.full .title{ height: 86px; color: #fff; font-size: 61px; font-family: 'BrandonGrotesqueBlack'; line-height: 86px; margin: 0; padding-left: 25px; }

.news .item, .cycle .item{ width: 430px; height: 121px; padding: 20px 23px 0 15px; font-size: 13px; font-family: 'EstrangeloEdessaRegular'; background: url(../images/news-bg.jpg) no-repeat; float: left; }
.news .item .image, .cycle .item .image{ width: 130px; float: left; }
.news .item .content, .cycle .item .content{ width: 290px; float: right; color: #6d6d6d; }
.news .item .content h3, .cycle .item .content h3{ font-size: 21px; color: #fff; margin-bottom: 5px; }
.news .item .content p, .cycle .item .content p{ line-height: 14px; margin-bottom: 15px; }



/** Cycles **/
.cycle{ }
.cycle .content-left{ width: 468px; float: left; }
.cycle .content-right{ width: 469px; height: auto!important; height: 423px;  min-height: 423px; float: right; background: #000 url(../images/black-grad-bg.jpg) repeat-x top; font-family: 'EstrangeloEdessaRegular'; font-size: 13px;  }

.cycle .content-right .fl{ width: 265px; margin: 20px 0 0; padding: 0 20px; background: url(../images/line.png) repeat-y right; }
.cycle .content-right .fl .ttl{ color: #ca4800; font-size: 30px; margin-bottom: 40px; }
.cycle .content-right .fl .ttl span{ color: #fff; display: block; }
.cycle .content-right .fl p{ line-height: 14px; margin-bottom: 20px; text-align: justify; color:#888; }

.cycle .content-right .fr{ padding: 15px 20px 0 0; }
.cycle .left-video{ padding: 10px 0 0 10px; width: 458px!important; height: auto!important; height: 413px;  min-height: 413px; background: #000 url(../images/left-video-bg.png) no-repeat top; position: relative; }


/****/
#slider-01{ margin: 0; list-style: none; }
#slider-02{ margin: 0; list-style: none; }



/** Footer **/
footer.main{ width: 920px; padding: 0 20px; margin: 0 auto 50px; font-size: 15px; }
footer.main ul{ margin: 0; list-style: none; }
footer.main ul li{ line-height: 26px; color: #dadada; }
footer.main ul li.address{ font-size: 16px; color: #fff; font-weight: bold; }


/** Added by Ren **/
.search-result{
	margin:10px 0 0 20px;
	padding:10px;
}

.search-result h2{
	font-size:20px;	
	padding:5px 0;
}

.search-result a{
	padding:5px;
	color:#999;
	text-decoration:none;	
}

.search-result a:hover{
	background-color:#CCC;	
}

.contact-text{
	height:242px;
}