.content {background:none;}
.content .cnt {width:100%; padding:0px; margin:0px;}
.home, .serv, .bgserv, .rproj, .clpart {width:100%; height:955px;}
#pictop {height:955px; width:100%; margin:0px auto; margin-bottom:0px; position:relative; display:block; float:left; background:#fff; padding-bottom:0px; z-index:1; overflow:hidden;}
#pictop #navbar {position:absolute; z-index:29; width:100%; bottom:90px;}
#pictop #navbar #nav {text-align:center; width:60px; margin:0 auto;}
#pictop #navbar #nav a {display:block; margin:0px 3px; padding:0; width:7px; height:7px; border:solid 3px #fff; text-indent:-999em; -webkit-border-radius:125px; -moz-border-radius:125px; border-radius:50%; float:left;}
#pictop #navbar #nav a.activeSlide {background:#226fee; border:solid 3px #226fee;}
#pictop #highlight {width:100%}
#pictop #photo {width:100% !important;}
.slide, .slide1, .slide2, .slide3 {width:100% !important; margin:0px; color:#FFF; height:955px; position:relative; background-size:cover;}
.slide1 {background:url(/images/site/slider_001.jpg) 50% 50% no-repeat}
.slide2 {background:url(/images/site/slider_002.jpg) 50% 50% no-repeat}
.slide3 {background:url(/images/site/slider_003.jpg) 50% 50% no-repeat}
.slide .txtsld {color:#fff; font-family:'Open Sans', sans-serif; font-size:18px; text-align:center; display:block; margin:0 auto; margin-top:365px; letter-spacing:1px; width:980px;}
.slide input {width:120px; text-align:center; font-size:18px; margin-top:150px;}
.slide input:hover {color:#000; background:#fff; font-weight:bold;}
.abtus {background:url(/images/site/bg_about_us.jpg) 50% 50% no-repeat; background-size:cover;}
.abtus .bgabtus {background:rgba(0,0,0,0.6); height:955px; max-width:1170px; margin:0px auto;}
.abtus .bgabtus .abttxt {width:840px; color:#fff; font-family:'Open Sans', sans-serif; margin:0px auto; font-size:15px; padding-top:240px;}
.abtus .bgabtus .abttxt p {line-height:25px; margin:25px 0px; text-align:justify;}
.abtus .bgabtus .abttxt hr {width:100px; height:0px; border-bottom:1px solid #fff; float:left;}
.serv {background:url(/images/site/bg_services.jpg) 50% 50% no-repeat; background-size:cover;}
.serv .bgserv {background:rgba(0,0,0,0.6); height:955px; max-width:1170px; margin:0px auto; position:relative;}
.rproj {background:url(/images/site/bg_projects.jpg) 50% 50% no-repeat; background-size:cover; position:relative;}
.clpart {background:url(/images/site/bg_clients.jpg) 50% 50% no-repeat; background-size:cover;}
.rproj .cproj {width:824px; height:628px; padding-top:218px; margin:0px auto;}
.cproj a {float:left; position:relative;}
.rproj .a, .rproj .b, .rproj .c, .rproj .d {height:314px; width:412px; float:left;}
.rproj .a > .post, .rproj .b > .post, .rproj .c > .post, .rproj .d > .post {background:rgba(0,0,0,0); opacity:0; transition:all 0.5s;}
.rproj .a:hover > .post, .rproj .b:hover > .post, .rproj .c:hover > .post, .rproj .d:hover > .post {background:rgba(0,0,0,0.5); opacity:1; transition:all 0.5s;}
.rproj .a {background:url(/images/site/project_01.jpg) 50% 50% no-repeat}
.rproj .b {background:url(/images/site/project_02.jpg) 50% 50% no-repeat}
.rproj .c {background:url(/images/site/project_03.jpg) 50% 50% no-repeat}
.rproj .d {background:url(/images/site/project_04.jpg) 50% 50% no-repeat}
.rproj .post, .hover {height:314px; width:412px;}
.post:hover .hover {display:block;}
.hover {background:url('/images/site/bg-hover.png'); position:absolute; top:0; display:none; transition:all 0.5s;}
.rproj .post .title, .rproj .post .date {padding-left:20px; margin:0px; color:#fff; font-family:"Open Sans";}
.rproj .post .title {font-weight:700; font-size:25px; padding-top:235px;}
.gal {background:url(../images/site/bg_gallery.jpg) 50% 50% no-repeat; background-size:cover; width:100%; height:980px;}
.gal .bggal {background:rgba(0,0,0,0.6); height:980px; max-width:1170px; margin:0px auto; position:relative;}
.gal .bggal .galimg {position:relative; top:168px; height:732px; width:956px; margin:0px auto;}
.gal .bggal .galimg a {height:238px; width:25%; float:left; cursor:pointer; transition:all 0.5s;}
.gal .bggal .galimg .a {background:url(/images/site/g_01_thumb.jpg)}
.gal .bggal .galimg .a:hover {background:url(/images/site/g_01_thumb_on.jpg)}
.gal .bggal .galimg .b {background:url(/images/site/g_02_thumb.jpg)}
.gal .bggal .galimg .b:hover {background:url(/images/site/g_02_thumb_on.jpg)}
.gal .bggal .galimg .c {background:url(/images/site/g_03_thumb.jpg)}
.gal .bggal .galimg .c:hover {background:url(/images/site/g_03_thumb_on.jpg)}
.gal .bggal .galimg .d {background:url(/images/site/g_04_thumb.jpg)}
.gal .bggal .galimg .d:hover {background:url(/images/site/g_04_thumb_on.jpg)}
.gal .bggal .galimg .e {background:url(/images/site/g_05_thumb.jpg)}
.gal .bggal .galimg .e:hover {background:url(/images/site/g_05_thumb_on.jpg)}
.gal .bggal .galimg .f {background:url(/images/site/g_06_thumb.jpg)}
.gal .bggal .galimg .f:hover {background:url(/images/site/g_06_thumb_on.jpg)}
.gal .bggal .galimg .g {background:url(/images/site/g_07_thumb.jpg)}
.gal .bggal .galimg .g:hover {background:url(/images/site/g_07_thumb_on.jpg)}
.gal .bggal .galimg .h {background:url(/images/site/IMG_20130125_122547_thumb.jpg);}
.gal .bggal .galimg .h:hover {background:url(/images/site/IMG_20130125_122547_thumb_on.jpg);}
.gal .bggal .galimg .i {background:url(/images/site/IMG_20130226_130337_thumb.jpg);}
.gal .bggal .galimg .i:hover {background:url(/images/site/IMG_20130226_130337_thumb_on.jpg);}
.gal .bggal .galimg .j {background:url(/images/site/IMG_20130226_130626_thumb.jpg);}
.gal .bggal .galimg .j:hover {background:url(/images/site/IMG_20130226_130626_thumb_on.jpg);}
.gal .bggal .galimg .k {background:url(/images/site/img2_thumb.jpg);}
.gal .bggal .galimg .k:hover {background:url(/images/site/img2_thumb_on.jpg);}
.gal .bggal .galimg .l {background:url(/images/site/IMG_20130226_135818_thumb.jpg);}
.gal .bggal .galimg .l:hover {background:url(/images/site/IMG_20130226_135818_thumb_on.jpg);}
.gal .bggal .galimg a:hover {transition:all 0.5s}
.cntc {background:url(/images/site/bg_contact.jpg) 50% 50% no-repeat; background-size:cover; width:100%; height:955px; position:relative; overflow:hidden;}
.cntc .ccont {position:relative; width:980px; height:770px; margin:0px auto; top:260px;}
.cntc .ccont .cleft {position:absolute; height:435px; width:400px; border-right:1px #fff solid; text-align:right;}
.cntc .ccont .cleft p {color:#fff; font-family:'Open Sans', sans-serif; line-height:17px; margin-right:21px;}
.cntc .ccont .cleft .ctitle {font-size:26px; line-height:24px; margin-top:0px;}
.cntc .ccont .cright {position:absolute; height:400px; width:580px; right:0px; text-align:left;}
.cntc .ccont .cright p {color:#fff; font-family:'Open Sans', sans-serif; line-height:17px; margin-left:21px;}
.cntc .ccont .cright .ctitle {font-size:26px; line-height:24px; margin-top:0px;}
.cntc .ccont .cform p {font-size:20px; margin-top:5px; margin-bottom:10px;}
.cntc .ccont .cform .plarge {font-size:27px; float:left;}
.cntc .ccont .cform .plarge input {width:75px; margin-left:9px;}
.cntc .ccont .cform .plarge .bsend {width:80px; margin-left:2px; font-size:14px;}
.cntc .ccont .cform .plarge .bsend:hover {background:#008ee4; font-weight:700;}
.cntc .social {width:180px; height:60px; position:relative; margin:0 auto;}
.cntc .social a {width:46px; height:45px; display:block; margin:20px auto 0px;}
.cntc .social .fb {background:url(/images/template/fb_off.png) 50% 50% no-repeat}
.cntc .social .tw {background:url(/images/template/tw_off.png) 50% 50% no-repeat}
.cntc .social .yt {background:url(/images/template/yt_off.png) 50% 50% no-repeat}
.cntc .social .gp {background:url(/images/template/gp_off.png) 50% 50% no-repeat}
.cntc .social .fb:hover {background:url(/images/template/fb_on.png) 50% 50% no-repeat;}
.cntc .social .tw:hover {padding:30px 30px; background:url(/images/template/tw_on.png) 50% 50% no-repeat;}
.cntc .social .yt:hover {padding:30px 30px; background:url(/images/template/yt_on.png) 50% 50% no-repeat;}
.cntc .social .gp:hover {padding:30px 30px; background:url(/images/template/gp_on.png) 50% 50% no-repeat;}
.cntc .social p {color:#fff; font-family:'Open Sans', sans-serif; line-height:17px; text-align:center; margin-bottom:5px; letter-spacing:2px;}

.gal .bggal a.viewm {position:absolute; font-size:20px; bottom:30px; height:42px; width:141px; border:1px solid #fff; line-height:42px; text-decoration:none; left:50%; margin-left:-71px;}
.gal .bggal a.viewm:hover {background:#fff; color:#000;}
.rproj a.viewm {position:absolute; font-size:20px; bottom:30px; height:42px; width:141px; border:1px solid #fff; line-height:42px; text-decoration:none; left:50%; margin-left:-71px;}
.rproj a.viewm:hover {background:#fff; color:#000;}

.pgmenu {width:370px; height:425px; position:absolute; border-right:1px solid #fff; top:286px;}
.pgmenu ul {margin:0px; padding:0px; text-align:right;}
.pgmenu ul li {list-style:none; padding:25px;}
.pgmenu a {text-decoration:none; font-family:"Open Sans"; color:#fff; text-transform:uppercase; font-size:15px;}
.mytab-active {font-weight:bold; transition:all 0.5s;}
.mytab-contents {height:425px; position:absolute; max-width:670px; top:286px; left:370px;}
.mytab-contents p {font-weight:normal; font-size:22px;}
.mytab-content-1, .mytab-content-2, .mytab-content-3, .mytab-content-4, .mytab-content-5, .mytab-content-6 {color:#ffF; font-family:"Open Sans"; text-align:justify; font-size:14px; padding:70px 30px;}
.cform input, textarea {background:none; border:1px solid #fff; color:#fff; font-family:'Open Sans', sans-serif; padding:8px; margin-left:21px; width:265px; margin-bottom:10px;}
.cform .submit {width:65px}
.cform .submit:hover {background:#008ee4; font-weight:700; cursor:pointer;}
.cform textarea {height:190px}
.cform .scode {width:63px}
.txtsld input {}
.txtsld .btn {border:1px solid #fff; color:#fFf; display:block; width:125px; height:28px; margin:40px auto; text-decoration:none; padding:8px;}
.txtsld .btn:hover {background:#fff; color:#000; font-weight:700;}
input::-webkit-input-placeholder {color:#fff}
input:-moz-placeholder {color:#fff; opacity:1;}
input::-moz-placeholder {color:#fff; opacity:1;}
input:-ms-input-placeholder {color:#fff}
textarea::-webkit-input-placeholder {color:#fff}
textarea :-moz-placeholder {color:#fff; opacity:1;}
textarea::-moz-placeholder {color:#fff; opacity:1;}
textarea:-ms-input-placeholder {color:#fff}
/* line 7, ../sass/lightbox.sass */
body:after {content:url(/images/site/close.png) url(/images/site/loading.gif) url(/images/site/prev.png) url(/images/site/next.png); display:none;}
/* line 11, ../sass/lightbox.sass */
.lightboxOverlay {position:absolute; top:0; left:0; z-index:9999; background-color:black; opacity:0.8; display:none;}
/* line 20, ../sass/lightbox.sass */
.lightbox {position:absolute; left:0; width:100%; z-index:10000; text-align:center; line-height:0; font-weight:normal;}
/* line 28, ../sass/lightbox.sass */
.lightbox .lb-image {display:block; height:auto;}
/* line 32, ../sass/lightbox.sass */
.lightbox a img {border:none}
/* line 35, ../sass/lightbox.sass */
.lb-outerContainer {position:relative; background-color:black; *zoom:1; margin:60px auto; width:841px;}
/* line 38, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-outerContainer:after {content:""; display:table; clear:both;}
/* line 44, ../sass/lightbox.sass */
.lb-container {padding:0px}
/* line 47, ../sass/lightbox.sass */
.lb-loader {position:absolute; top:43%; left:0%; height:25%; width:100%; text-align:center; line-height:0;}
/* line 56, ../sass/lightbox.sass */
.lb-cancel {display:block; width:32px; height:32px; margin:0 auto; /* background:url(/images/site/loading.gif) no-repeat; */}
/* line 63, ../sass/lightbox.sass */
.lb-nav {position:absolute; top:0; left:0; height:100%; width:100%; z-index:10;}
/* line 71, ../sass/lightbox.sass */
.lb-container > .nav {left:0}
/* line 74, ../sass/lightbox.sass */
.lb-nav a {outline:none}
/* line 77, ../sass/lightbox.sass */
.lb-prev, .lb-next {cursor:pointer; /* Trick IE into showing hover */ display:block;}
/* line 84, ../sass/lightbox.sass */
.lb-prev {left:-40px; top:240px; background:url(/images/site/prev.png) no-repeat; position:absolute; height:32px; width:32px;}
/* line 87, ../sass/lightbox.sass */
.lb-prev:hover {background:url(/images/site/prev-hover.png) no-repeat}
/* line 90, ../sass/lightbox.sass */
.lb-next {right:-40px; top:240px; background:url(/images/site/next.png) no-repeat; position:absolute; width:32px; height:32px;}
/* line 93, ../sass/lightbox.sass */
.lb-next:hover {background:url(/images/site/next-hover.png) no-repeat}
/* line 96, ../sass/lightbox.sass */
.lb-dataContainer {margin:0 auto; padding-top:1px; *zoom:1; width:100%;}
/* line 38, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-dataContainer:after {content:""; display:table; clear:both;}
/* line 121, ../sass/lightbox.sass */
.lb-close {display:block; width:30px; height:30px; background:url(/images/site/close.png) top right no-repeat; margin:-40px 820px;}
/* line 130, ../sass/lightbox.sass */
.lb-close:hover {cursor:pointer; opacity:1; background:url(/images/site/close-hover.png) top right no-repeat;}

.cliandp {width:970px; height:auto; overflow:hidden; margin:0 auto; position:relative; top:120px;}
.cliandp .ulcp {margin:0 auto; width:100%; padding:0;}
.cliandp .ulcp li {float:left; width:auto; height:auto; margin:0px 9px 30px 9px; list-style:none;}
.cliandp .ulcp li.last a {width:222px; height:217px; border:1px solid #ddd; margin:3px 0px 0px 0px;}
.cliandp .ulcp li.last a:hover {border:1px solid #ddd;}
.cliandp .ulcp li.last span {position:absolute; top:70px; left:50%; width:190px; margin:0px 0px 0px -95px;}
.cliandp .ulcp li a {color:#FFF; font-weight:400; font-family:Open Sans; font-size:21px; display:block; text-align:center; position:relative; text-transform:uppercase; margin:0 auto; border:3px solid transparent;}
.cliandp .ulcp li a:hover {border:3px solid #008ee4;}
.cliandp .ulcp li a .fsty {font-weight:700;}