/* */
html {
height: 100%;
}
form {
margin: 0;
padding: 0;
}
body {
font-family: Calibri, Arial, Helvetica, sans-serif;
line-height: 1.5em;
margin: 0px 0px 0px 0px;
font-size: 14px;
color: #747474;
background:url(../images/index_bg.gif) top left repeat;
}
a {
color:#7fb5bd;
}
a:link, a:visited {
text-decoration: none;
font-weight: normal;
color:#7fb5bd;
}
a:hover {
text-decoration: none;
font-weight: normal;
color:#2b8d9c;
}
input.button { cursor: pointer; }
ul,li {list-style:none; padding:0;}
p { margin-top: 0; margin-bottom: 5px; }
img { border: 0 none; }
/* */
.clear {clear:both;}
.none {display:none;}
.floatL {float:left;}
.fleatR {float:right;}
.imgRightmr15 {margin-right:15px;}
.imgLeftmr15 {margin-left:15px;}
.preached {color:#bebebe;}
.br_left {border-left:1px solid #ddd; padding-left:15px;}
.br_right {border-right:1px solid #ddd; padding-right:15px;}
#wrapper {margin:0 auto; width:1040px; background:#FFFFFF;}
#wrapper_contents {margin:0 auto; width:960px; }
#header {float:left; width:100%; }
#top_link { text-align:right; color:#989b97; font-size:11px; margin-bottom:60px; border-bottom:1px dotted #c3c2bf; float:left; width:100%; }
#top_link a { color:#989b97; display:block; float:right; padding:4px 0;}
#top_link2 { text-align:right; color:#989b97; font-size:11px; margin-bottom:20px; border-bottom:1px dotted #c3c2bf; float:left; width:100%; background:url(/images/top_motor.gif) left 50% no-repeat; height:36px; }
#top_link2 a { color:#989b97; display:block; float:right; padding:10px 0;}
#top_text { text-align:left; margin-top:7px; width:265px; float:right; }
#top_text h2, #top_text h2 a, #top_text h2 { font-size:20px; font-style:italic; color:#414141; font-family:Calibri, Arial, Helvetica, sans-serif; margin:0px; font-weight:bold; padding:0px; }
a.facebook { background:url(../images/ic_fb.gif) 0 9px no-repeat; padding-left:25px; line-height:16px; width:115px;}
a.twitter { background:url(../images/ic_tw.gif) 0 9px no-repeat; padding-left:25px; margin-left:10px; line-height:16px; width:115px; }
a.facebookt { background:url(../images/ic_fb.gif) 0 9px no-repeat; padding-left:25px; line-height:16px; width:20px; height:22px;}
a.twittert { background:url(../images/ic_tw.gif) 0 9px no-repeat; padding-left:25px; margin-left:3px; margin-right:5px; line-height:16px; width:20px; height:22px; }
#header h1 {float:left; width:154px; margin:0px; padding:0px; }
#header h1 a {width:154px; height:47px; display:block; background:url(../images/top_logo.gif) no-repeat;}
#header h1 a span {display:none;}
#header ul.menu { float:right; width:700px; }
#header ul.menu li {float:right; margin-right:0px; margin-left:45px; margin-top:10px; font-size:17px; color:#9f9f9f; }
#header ul.menu li a {color:#9f9f9f; }
#header ul.menu li a:hover {color:#242424; text-decoration:none;}
#header ul.menu .current a { color:#333333; }
#contents {float:left; width:100%; }
#top_flash { background:url(../images/top_flash.jpg) top center no-repeat; width:959px; height:275px; display:block; margin:5px 0 27px 0; }
/* index flash slider */
#flash_btns {position:relative; list-style:none; text-align:right; margin-right:10px; }
#flash_btns li { display:inline; }
#flash_btns li img { padding-left:2px; }
/* index portfolio slider */
#index_portfolio { float:left; padding:0px 0 20px 0; border-bottom:1px dotted #c3c2bf; height:200px; min-height:200px; height:auto !important;}
.portfolio { padding:0px; margin:0px; width:225px; float:left; margin-right:20px; }
.portfolio2 { padding:0px; margin:0px; width:225px; float:left; margin-right:0px; }
#index_portfolio dd, #index_portfolio dt { padding:0px; margin:0px; width:100%; float:left; }
.portfolio2 { margin-right:0px; }
#index_portfolio dt { font-size: 19px; color:#000000; padding:8px 0 8px 8px; width:217px; }
#index_portfolio dd { padding-bottom:8px; padding-left:8px; width:217px; }
#index_portfolio input { background:#000000; height:23px; width:60px; color:#FFFFFF; font-size:10px; border:none; margin-bottom:5px; }
#index_portfolio dd.pf_img { padding-left:0px; height:140px; }
#index_portfolio h3 { font-size:25px; color:#000000; font-weight:normal; margin:0px 0 25px; }
#index_portfolio .hover_replace:hover { float:left; }
#index_portfolio .hover_replace:hover dd { color: #FFFFFF; }
#index_portfolio .hover_replace:hover dt { color:#FFCCCC;}
#index_portfolio .hover_replace:hover input { background:#ebebeb; height:23px; width:60px; color:#000000; font-size:10px; border:none;}
#index_portfolio .hover_replace:hover a { color: #a8d800; text-decoration: none; }
#index_portfolio dd h5 { font-size:15px; padding:0px; margin:0px; }
#index_portfolio dd p { font-size:12px; padding:0px; margin:0px; color:#999999; }
#index_portfolio a { color:#d3b38d; }
/* index about us */
#aboutus { width:460px; float:left; margin-right:40px; }
#aboutus h3, #contact h3 { font-size:25px; color:#000000; font-weight:normal; }
/* index contact us */
#contact { width:460px; float:left; margin-bottom:12px; overflow:hidden; }
#contact .txtbt { background:url(../images/inputbox_bg223.gif) left top no-repeat; width:205px; height:18px; margin:0 0 10px; padding:9px ; float:left; border:0; font-size:13px; color:#999999; }
#contact textarea { float:left; width:460px; height:71px; background:url(../images/textbox_bg223.gif) left top no-repeat; border:0px; padding:9px 9px 18px 9px; font-size:13px; color:#999999; font-family: Arial, Helvetica, sans-serif; }
#contact submit { float:right; padding-top:0; border:0px; }
#contact .bt_red { background:url(../images/btn_bg_red.gif) left no-repeat; width:116px; height:34px; color:#FFFFFF; font-size:18px; font-weight:bold; font-family:Calibri; border:0px; }
#contact input.mgR20 {margin-right:13px;}
/* section common */
#section_topimg { margin:5px 0 32px 0; }
#section_contents { float:left; border-top:1px dotted #c3c2bf; padding:10px 0 20px 0; border-bottom:1px dotted #c3c2bf; }
#section_contents p { padding-bottom:10px; }
#section_contents h2 { font-size:25px; color:#000000; font-weight:normal; }
#section_left {float:left; width:650px; margin-right:35px; }
#section_right { float:right; width:275px; }
.section_right_pf { margin-bottom:25px; }
/* portfolio */
.scportfolio { padding:0px; margin:0px; width:218px; float:left; }
.scportfolio dd, .scportfolio dt { padding:0px; margin:0px; width:100%; float:left; }
.scportfolio dt { font-size: 19px; color:#000000; padding:8px 0 8px 8px; width:217px; }
.scportfolio dd { padding-bottom:8px; padding-left:8px; width:217px; }
.scportfolio input { background:#000000; height:23px; width:60px; color:#FFFFFF; font-size:10px; border:none; margin-bottom:5px; }
.scportfolio dd.pf_img { padding-left:0px; height:140px; }
/* section right column */
#section_right .hover_replace:hover { float:left; }
#section_right .hover_replace:hover dd { color: #FFFFFF; }
#section_right .hover_replace:hover dt { color:#FFCCCC;}
#section_right .hover_replace:hover input { background:#ebebeb; height:23px; width:60px; color:#000000; font-size:10px; border:none;}
#section_right .hover_replace:hover a { color: #a8d800; text-decoration: none; }
/* footer */
#footer { background:#000000; padding:15px 0 0 0; font-size:12px; color:#7d7d7d; width:100%; margin-top:0px; }
#bt_contents {float:left; width:920px; padding:0 20px;}
#bt_menu {float:left;}
#bt_menu p a { color:#7d7d7d; }
#bt_menu p a:hover { color:#CCCCCC; }
#bt_text {float:right; width:325px; margin-left:15px; color:#777777; font-style:italic; line-height:18px; }
#copyright {float:left; width:920px; margin:15px 20px 0; border-top:1px dotted #404040; padding:20px 0;}
#footer h5 {float:left; width:106px; margin:0;}
#footer h5 a {background:url(../images/bottom_logo.gif) top left no-repeat; width:106px; height:29px; display:block;}
#footer h5 a span {display:none;}
#bt_link {float:right; width:450px; color:#989b97; font-size:11px; }
#bt_link a { color:#989b97; display:block; float:right; padding-bottom:4px; padding-top:9px;}
/* inner */
.contentheading {font-size:18px; padding-bottom:10px; color:#333;}
#djslider26 { padding-top:30px; }
.moduletable-main {margin-top:30px;}
.contentheading {padding:25px 25px 0;}
#slider26 li img {
border:0 none !important;
height:400px;
width:860px;
}
/* section_portfolio */
.section_portfolio { float:left; border-top:1px dotted #c3c2bf; padding:29px 0 20px 0; height:150px; min-height:150px; height:auto !important;}
.section_portfolio2 { float:left; padding:10px 0 20px 0; height:150px; min-height:150px; height:auto !important;}
.section_portfolio .portfolio, .section_portfolio2 .portfolio { padding:0px; margin:0px; width:225px; float:left; margin-right:20px; }
.section_portfolio .portfolio2, .section_portfolio2 .portfolio2 { padding:0px; margin:0px; width:225px; float:left; margin-right:0px; }
.section_portfolio dd, .section_portfolio dt, .section_portfolio2 dd, .section_portfolio2 dt { padding:0px; margin:0px; width:100%; float:left; }
.section_portfolio .portfolio2, .section_portfolio2 .portfolio2 { margin-right:0px; }
.section_portfolio dt, .section_portfolio2 dt { font-size: 19px; color:#000000; padding:8px 0 8px 8px; width:217px; }
.section_portfolio dd, .section_portfolio2 dd { padding-bottom:8px; padding-left:8px; width:217px; }
.section_portfolio input, .section_portfolio2 input { background:#000000; height:23px; width:60px; color:#FFFFFF; font-size:10px; border:none; margin-bottom:5px; }
.section_portfolio dd.pf_img, .section_portfolio2 dd.pf_img { padding-left:0px; height:140px; }
.section_portfolio dd h5, .section_portfolio2 dd h5 { font-size:15px; padding:0px; margin:0px; }
.section_portfolio dd p, .section_portfolio2 dd p { font-size:12px; padding:0px; margin:0px; color:#999999; }
div.section_portfolio_js { width:959px; float:left; border-top:1px dotted #c3c2bf; padding:29px 0 20px 0; border-bottom:1px dotted #c3c2bf; height:242px; min-height:242px; height:auto !important;}
div.section_portfolio_js ul li {margin-right:20px ; padding:0; float:left; border:#FFFFFF 0px solid;}
div.section_portfolio_js ul li.last{ margin-right:0px;}
.section_portfolio .hover_replace:hover { float:left; }
.section_portfolio .hover_replace:hover dd { color: #FFFFFF; }
.section_portfolio .hover_replace:hover dt { color:#FFCCCC;}
.section_portfolio .hover_replace:hover input { background:#ebebeb; height:23px; width:60px; color:#000000; font-size:10px; border:none;}
.section_portfolio .hover_replace:hover a { color: #a8d800; text-decoration: none; }
.section_portfolio2 .hover_replace:hover { float:left; }
.section_portfolio2 .hover_replace:hover dd { color: #FFFFFF; }
.section_portfolio2 .hover_replace:hover dt { color:#FFCCCC;}
.section_portfolio2 .hover_replace:hover input { background:#ebebeb; height:23px; width:60px; color:#000000; font-size:10px; border:none;}
.section_portfolio2 .hover_replace:hover a { color: #a8d800; text-decoration: none; }
/* portfolio */
#section_pf_menu { margin-bottom:20px; float:left; width:100%; display:none;}
#section_pf_menu ul { list-style:none; }
#section_pf_menu li { display:inline; list-style:none; color:#a39c9c; font-size:18px; height:35px; padding:5px 8px; margin-right:10px; font-weight:bold; }
#pf_left {width:650px; height:635px; float:left; background:#f8f8f8; padding:12px; }
#pf_right { margin-top:13px; float:right; background:url(../images/pf_right_bg.gif) repeat-y; width:235px; padding:15px 25px; }
#pf_right h6 { color:#3e302a; font-size:12px; font-weight:bold; border-bottom:1px solid #918b7c; margin:0 0 10px; }
#pf_right h5 { color:#ffffff; font-size:16px; font-weight:bold; margin:0 0 3px; }
#pf_right p { color:#ffffff; font-size:12px; padding-bottom:10px; }
#pf_right p a, #pf_right p a:hover { color:#f1e4d7; }
.pfmenu_1 { background:url(../images/section_pf_menu1_bg.gif) no-repeat; }
.pfmenu_2 { background:url(../images/section_pf_menu2_bg.gif) no-repeat; }
.pfmenu_3 { background:url(../images/section_pf_menu3_bg.gif) no-repeat; }
#pf_slider_dots ul { list-style:none; width:678px; float:left; text-align:right; margin:0px; }
#pf_slider_dots li { display:inline; padding:0 2px; }
#pf_back a { width:130px; float:right; background:url(../images/pf_back_gray.gif) 0 50% no-repeat; padding-left:29px; color:#787878; font-weight:bold; font-size:18px; }
#pf_back a:hover { width:130px; float:right; background:url(../images/pf_back_red.gif) 0 50% no-repeat; padding-left:29px; color:#bd0000; font-weight:bold; font-size:18px; }
#section_pf_menu .current { color:#FFFFFF; background:url(../images/section_pf_menu2_bgon.gif) no-repeat; }
#section_pf_menu .hover_replace:hover, #section_pf_menu a:hover { background:url(../images/section_pf_menu2_bgon.gif) no-repeat; color:#FFFFFF; font-weight:bold; }
#section_pf_menu a { color:#ffffff; font-weight:bold; }
/* services */
#service_left {float:left; width:615px; margin-right:35px; }
#service_right { float:right; width:310px; }
.service_rightmenu { list-style:none; }
.service_rightmenu li { background:url(../images/services_arrow.png) 10px 50% no-repeat; }
.service_rightmenu li a { line-height:30px; color:#333333; padding-left:34px; }
.service_rightmenu li a:hover { background:url(../images/services_arrowred.png) 10px 50% no-repeat; font-style:italic; }
.service_rightmenu .current { background:url(../images/services_arrowred.png) 10px 50% no-repeat; font-style:italic; }
/* contact */
#contact_left {float:left; width:610px; margin-right:35px; }
#contact_left dt, dd { float:left; margin:0px; padding-bottom:5px; width:100%; }
#contact_left dt { font-size:12px; color:#666666; font-weight:bold; margin:0px;}
#contact_left .txtbox { padding:8px; background:url(../images/contact_inputtxt.gif) no-repeat; height:30px; width:580px; border:0px; font-size:13px; color:#999999; }
#contact_left select {color:#999999; }
#contact_left textarea { padding:8px; background:url(../images/contact_txtarea.gif) no-repeat; height:140px; width:580px; padding-bottom:40px; border:0px; font-size:13px; color:#999999; font-family: Arial, Helvetica, sans-serif; overflow:hidden; }
#contact_left .bt_red { background:url(../images/btn_bg_red.gif) left no-repeat; width:116px; height:34px; color:#FFFFFF; font-size:18px; font-weight:bold; font-family:Calibri; border:0px; }
.red_star { color:#FF0000; font-size:14px; font-weight:bold;}
.smtext { font-size:12px; line-height:16px; }
#map1 { margin-bottom:10px; }
#contact_right {float:right; width:310px; text-align:center; }
/* text style */
.subtitle { font-size:16px; color:#136493; }
.disc { list-style:disc; padding-left:20px; }
/* index flash slider */
.pf_img { position:relative; overflow:hidden; }
.pf_img div { position:absolute; width:225px; height:70px;top:150px; background:#000000; opacity:0.8;filter:alpha(opacity=80); padding:7px; }
/* for slide */
#index_portfolio { overflow:hidden; width:960px; position:relative; }
#slide_num1 { position:absolute;left:0px;top:0px; }
#slide_num2 { position:absolute;left:1000px;top:0px; }
#slide_num3 { position:absolute;left:2000px;top:0px; }
.outSlidebox { position:relative; width:3000px;}
#videos, #video-inner-wrapper {
display:block;
height:450px;
overflow:hidden;
position:relative;
width:100%;
}
.article-inner-wrapper {
width:1000px;
height:450px;
margin:0 auto;
position: relative;
padding: 0 0 0 0;
}
#img1 {
display:none;
background:url("../images/index_topimg1.jpg") 50% 0 no-repeat;
}
#img2 {
display:none;
background:url("../images/index_topimg2.jpg") 50% 0 no-repeat;
}
#img3 {
display:none;
background:url("../images/index_topimg3.jpg") 50% 0 no-repeat;
}
#img4 {
display:none;
background:url("../images/index_topimg4.jpg") 50% 0 no-repeat;
}
#Video_bt {
display:block;
width:1000px;
position:absolute;
top:380px;
left:50%;
margin:0 0 0 -500px;
z-index:7777;
}
#flash_btns { position:absolute; right:0px; z-index:9999;}
#top_flash { position:relative; }