@charset "utf-8";
/* CSS Document */
/*
Theme Name: triple theme
*/
@font-face{ font-family:Impact; src:url(fonts/Impact.eot?#iefix) format('embedded-opentype'),url(fonts/Impact.ttf) format('truetype'),url(fonts/Impact.woff) format('woff'),url(fonts/Impact.svg#Impact) format('svg');}

html,body,div,h1,h2,h3,h4,h5,ul,ol,li{ margin:0; padding:0;}

body{ background:#000 url(images/subbg.jpg) center 0 no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#fff;}
body#sub{ background:#000 url(images/bg.jpg) center -90px no-repeat;}

a,input,button,img{ border:0; outline:none;}

img{ border:0;}

a{ font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#fff; text-decoration:none;}
a:hover{ color:#e8421c}

ul,ol{ list-style:none;}

p{ margin:0; padding:0 0 10px 0;}

.clear{ clear:both;}
.left{ float:left; width:500px; overflow-y:hidden;}
.right{ float:right; width:450px; overflow-y:hidden;}

/* ==========
	wrapper
   ========== */
.wrapper{ width:1024px; margin:0 auto; overflow:hidden;}
.subwrapper{ width:984px; margin:0 auto; position:relative; overflow:hidden;}

#wrapper1{ width:1050px; margin:0 auto;}

/* ==========
	header
   ========== */
#header{ height:150px; border-bottom:8px solid #e8421c;}
#header .logo{ float:left; height:95px; margin-top:27px; overflow:hidden;}
#header .header-r{ float:right; margin:90px 0 0 0; font-family:Impact; font-size:20px; text-align:right; overflow:hidden;}
#header .phone{ position:absolute; top:30px; right:0; font-family:Impact; font-size:40px;}

#header .heading{ float:left; margin-top:20px; font-family:Impact; font-size:70px; line-height:100px; color:#e8421c;}
#header .logo1{ float:right; width:116px; height:110px; margin-top:20px; overflow:hidden;}
#header .logo1 a{ display:block; width:116px; height:110px;}

/* ==========
	main
   ========== */
#main{ min-height:300px; padding:70px 0 30px; overflow:hidden;}

#breadcrumb{ margin-bottom:30px;}

#slideimgs{ float:left; width:560px; height:450px; margin-top:10px; overflow:hidden;}
#slideimgs .slideimgs-l{ float:left; width:345px; height:450px; overflow:hidden;}
#slideimgs .slideimgs-r{ float:right; width:213px; height:450px; overflow:hidden;}

.slides1{ width:345px; height:450px; overflow:hidden;}
.slides2,.slides3{ width:213px; height:224px; overflow:hidden;}
.slides2{ margin-bottom:2px;}
.slides1 ul li{ width:345px; height:450px; overflow:hidden;}
.slides1 ul li img{ width:345px; height:450px;}
.slides2 ul li,.slides3 ul li{ width:213px; height:224px; overflow:hidden;}
.slides2 ul li img,.slides3 ul li img{ width:213px; height:224px;}

#mainmenu{ float:right; width:350px; text-align:justify; margin-right:10px; overflow:hidden;}
#mainmenu a{ font-family:Impact; font-size:45px; color:#fff; text-transform:uppercase;}
#mainmenu a.odd{ color:#e8421c}
#mainmenu a.item4{ font-size:62px;}
#mainmenu a.item5{ font-size:77px;}
#mainmenu a.item7{ font-size:55px;}
/*
#mainmenu ul,#mainmenu ul li{ display:inline;}
#mainmenu ul li a{ font-family:Impact; font-size:50px; color:#fff; text-transform:uppercase;}
#mainmenu ul li.odd a{ font-size:60px; color:#e8421c}
#mainmenu ul li.menu4 a{ font-size:40px;}
#mainmenu ul li.menu5 a{ font-size:40px;}
#mainmenu ul li.menu7 a{ font-size:80px;}
*/
#latestnews{ height:40px; margin-top:75px; padding:0 5px; border:5px solid #fff; overflow:hidden;}
#latestnews h3{ float:left; width:90px; font-family:Impact; font-size:30px; line-height:35px; color:#e8421c;}
#latestnews #demo{ float:left; height:40px; width:860px; font-weight:bold; line-height:40px; overflow:hidden;}
#latestnews #demo1 div,#latestnews #demo2 div{ width:1150px; height:40px;}
#latestnews #demo1 div span,#latestnews #demo2 div span{ color:#e8421c;}
#latestnews #newslides{ position:relative;}
#latestnews #newslides li{ display:inline; padding:0 200px 0 0;}
#latestnews #newslides li span{ color:#e8421c;}

/* ==========
	page
   ========== */
#page .page-title{ font-family:Impact; font-size:45px; color:#e8421c; margin-bottom:30px;}

/* ==========
	about
   ========== */
ul#photos li{ float:left; width:215px; height:170px; text-align:center; margin:0 20px 15px 0; overflow:hidden;}
ul#photos li.last{ margin:0 0 15px 0;}
ul#photos li .thumb{ width:120px; height:120px; margin:0 auto; overflow:hidden;}
ul#photos li .thumb img{ width:120px; height:120px;}
ul#photos li .title{ height:40px; padding:5px 0; overflow:hidden;}
ul#photos li .title a{ color:#e8421c; line-height:20px;}

#pop{ width:540px; height:390px; margin: 0; float:right; background:#000; padding: 20px; overflow:hidden; color: #fff;}
.pop-itle{ color: #e8421c; margin: 0 0 15px; font-weight: bold; }
.pop-r > p { font-size: 14px; line-height: 20px;}
#pop .viewport{ width:520px; height:390px; overflow:hidden; position:relative;}
#pop .pop-l{ float:left; width:120px; height:120px; overflow:hidden;}
#pop .pop-l .pop-thumb,#pop .pop-l .pop-thumb img{ width:120px; height:120px;}
#pop .pop-r{ float:left; width:390px; margin-left:10px; overflow:hidden;}
#pop .pop-r .pop-title{ line-height:20px; padding-bottom:10px;}
/*
.viewport .overview{ list-style:none; position:absolute; left:0; top:0; padding:0; margin:0;}
.scroll .scrollbar{ position:relative; float:right; width:14px;}
.scroll .track{ background:#222; border:1px solid #000; height:100%; width:12px; position:relative;}
.scroll .thumb{ background:url(tinyscrollbar/images/scroll_bg.jpg) 0 0 no-repeat; height:20px; width:12px; cursor:pointer; overflow:hidden; position:absolute; top:0; left:0;}
.scroll .disable{display:none;}
.scroll .noSelect{ user-select:none; -o-user-select:none; -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none;}
*/

/* ==========
	contact
   ========== */
#contact .contact-title{ font-family:Impact; font-size:45px; color:#e8421c; margin-bottom:30px;}
#contact .contactform{ float:left; width:300px; overflow:hidden;}
#contact .contact-content{ float:right; width:600px; overflow:hidden;}
.wpcf7 .wpcf7-text{ background:#fff; padding:5px; overflow:hidden; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000;}
.wpcf7 .wpcf7-textarea{ border:0; background:#fff; padding:5px; overflow:hidden; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000;}
.wpcf7 .wpcf7-submit{ padding:5px 10px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000;}
span.wpcf7-not-valid-tip{ color:#FF0000;}

/* ==========
	posts
   ========== */
ul#posts .post-title a{ font-size:20px; color:#e8421c; padding-bottom:15px;}
ul#posts .post-meta{ font-size:12px; padding-bottom:10px;}
ul#posts .post-meta a{ font-size:12px;}
ul#posts .post-content a.more-link{ color:#e8421c;}
#pagenav{ padding-top:20px;}
#pagenav .pages,#pagenav .current,#pagenav a{ padding:0 5px;}
#pagenav .current{ color:#e8421c; font-weight:bold;}

/* ==========
	post
   ========== */
#post .post-title{ font-family:Impact; font-size:45px; color:#e8421c;}
#post .post-meta{ font-size:12px; padding-bottom:20px;}
#post .post-meta a{ font-size:12px;}
#postnav{ padding-top:20px;}

/* ==========
	footer
   ========== */
#footer{ padding-bottom:20px; text-align:right; overflow:hidden;}