/* Free css docuement at www.moobnn.com
Template: corpbiz
 Author Paarth */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, 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;
}
body {
line-height : 1;
}
ol, ul {
list-style : none;
}
blockquote, q {
quotes : none;
}
blockquote:before, blockquote:after, q:before, q:after {
content : '';
content : none;
}
table {
border-collapse : collapse;
border-spacing : 0;
}
.inner_copyright{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
body {
background : url(images/body-bg.png);
color : #8b8b8b;
font : 13px Arial, Helvetica, sans-serif;
line-height : 20px;
}
h1, h2, h3, h4, h5, h6 {
font-family : Arial, Helvetica, sans-serif;
margin-bottom : 20px;
color : #454545;
}
h1 {
font-size : 30px;
}
h2 {
font-size : 24px;
}
h3 {
font-size : 18px;
}
h4 {
font-size : 14px;
}
h5 {
font-size : 12px;
}
h6 {
font-size : 10px;
}
a {
text-decoration : none;
color : #607890;
}
a:active, a:visited {
color : #607890;
}
a:hover {
color : #607890;
}
.clearfix:before, .clearfix:after {
content : "\0020";
display : block;
height : 0;
overflow : hidden;
}
.clearfix:after {
clear : both;
}
#main wrap {
margin : 0 auto;
overflow : hidden;
width : 980px;
}
.header-wrap {
background : #fff;
margin : 0 auto 11px;
overflow : hidden;
width : 980px;
}
#header {
background : #fff;
height : 90px;
margin : 0 auto;
overflow : hidden;
position : relative;
width : 980px;
}
.inner-wrap {
background : #fff;
margin : 0 auto 8px;
overflow : hidden;
width : 980px;
}
#content-wrap {
background : #fff;
margin : 0 auto;
width : 940px;
}
#slider-wrap {
background : url(images/slider-wrap-bg.png) repeat-y;
margin : 10px 0 34px;
overflow : hidden;
position : relative;
width : 940px;
}
.footer-wrap {
background : url(images/footer-bg.png);
margin : 0 auto;
width : 980px;
}
#footer {
margin : 0 auto;
overflow : hidden;
padding : 40px 0;
width : 960px;
}
.logo {
margin : 5px 0 0 16px;
}
#header h1 {
text-indent : -9999px;
}
.header-info {
float : right;
overflow : hidden;
position : absolute;
top : 12px;
right : 0;
width : 340px;
}
.tell-number {
border-right : 1px solid #e1e1e1;
float : left;
margin : 0 0 0 0;
padding : 0 13px 0 0;
text-align : right;
width : 170px;
}
.tell-number p {
color : #b0b0b0;
font : 24px Arial, Helvetica, sans-serif;
}
.tell-number p span {
color : #b0b0b0;
display : inline-block;
font : 12px Arial, Helvetica, sans-serif;
}
.header-socail-naav {
float : right;
overflow : hidden;
padding : 11px 0 0;
width : 140px;
}
.header-socail-naav li {
float : left;
margin : 5px 9px 0 0;
}
.header-socail-naav p {
color : #b0b0b0;
}
.icons {
float : left;
margin-top : 10px;
}
#nav {
width : 920px;
border : #ccc solid 1px;
margin-left : 25px;
height : 30px;
}
#nav ul li#nav-active a {
background : #111;
color : #fff;
}
#nav {
clear : both;
padding : 5px 0;
border-left : 0 !important ;
border-right : 0 !important ;
}
#nav ul {
margin : 0;
padding : 0;
list-style : none;
}
#nav ul li {
display : inline;
margin : 0;
padding : 0;
}
#nav ul li a {
display : block;
float : left;
padding : 7px 15px;
border : 0;
background : url("images/dot-03.gif") 0% 100% repeat-y;
}
#nav ul li#nav-active a {
border : 0;
font-weight : bold;
}
.box {
min-height : 1px;
}
.noscreen {
display : none;
}
#slider {
padding-bottom : 15px;
}
#featured {
width : 620px;
padding-right : 300px;
position : relative;
border : #eee solid 3px;
height : 250px;
background : #fff;
}
#featured ul.ui-tabs-nav {
position : absolute;
top : 0;
left : 620px;
list-style : none;
padding : 0;
margin : 0;
width : 300px;
}
#featured ul.ui-tabs-nav li {
padding : 1px 0;
padding-left : 13px;
font-size : 12px;
color : #777;
}
#featured ul.ui-tabs-nav li img {
float : left;
margin : 2px 5px;
background : #fff;
padding : 2px;
border : #eee solid 1px;
}
#featured ul.ui-tabs-nav li span {
font-size : 11px;
font-family : Verdana;
line-height : 18px;
}
#featured li.ui-tabs-nav-item a {
display : block;
height : 60px;
color : #333;
background : #eee;
line-height : 20px;
}
#featured li.ui-tabs-nav-item a:hover {
background : #333;
color : #fff;
}
#featured li.ui-tabs-selected {
background : url('images/selected-item.gif') top left no-repeat;
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a {
background : #333;
color : #fff;
}
#featured .ui-tabs-panel {
width : 620px;
height : 250px;
background : #333;
position : relative;
color : #fff;
}
#featured .ui-tabs-panel .info {
position : absolute;
top : 180px;
left : 0;
height : 70px;
background : url('images/transparent-bg.png');
}
#featured .info h2 {
font-size : 18px;
font-family : Georgia, serif;
color : #fff;
padding : 5px;
margin : 0;
overflow : hidden;
}
#featured .info p {
margin : 0 5px;
font-family : Verdana;
font-size : 11px;
line-height : 15px;
color : #f0f0f0;
}
#featured .info a {
text-decoration : none;
color : #fff;
}
#featured .info a:hover {
text-decoration : underline;
}
#featured .ui-tabs-hide {
display : none;
}
.cl {
clear : both;
}
#slogan {
margin : 20px 0;
width : 815px;
background : url(images/quote.png) top left no-repeat #eee;
padding : 10px 10px 10px 100px;
border : #ddd solid 1px;
}
#slogan h2.section-title {
color : #333;
font-size : 25px;
margin-bottom : 10px;
padding : 0;
}
#slogan .slogan-text {
color : #333;
font : 15px Arial, Helvetica, sans-serif;
line-height : 24px;
font-style : italic;
}
#feature {
margin : 0 auto 40px;
overflow : hidden;
width : 920px;
background : #000;
padding : 10px;
border : #ddd solid 1px;
}
#feature .features {
overflow : hidden;
margin : 0;
}
#feature .features li {
background : url(images/feature-li-bg.png) center right repeat-y;
float : left;
padding : 0 12px;
text-align : center;
width : 160px;
}
#feature .features li img {
display : block;
margin : 0 auto 10px;
width : 100px;
border : #ddd solid 3px;
}
#feature .features li h3 {
color : #949494;
line-height : 24px;
margin-bottom : 3px;
}
#feature .features li h3 a {
color : #949494;
}
#feature .features li a:hover, .features li a:focus {
color : #ccc;
}
#feature .features li p {
margin : 0;
color : #8b8b8b;
font : 12px Arial, Helvetica, sans-serif;
line-height : 18px;
}
#feature h3 {
font-size : 14px;
}
#about {
margin : 0 auto 20px;
overflow : hidden;
width : 940px;
}
#about .about-info {
float : left;
margin : 0 0 0 10px;
width : 460px;
padding : 0 0 0 0;
border-right : 1px dotted #7f7f7f;
}
#about .about-info p {
color : #8b8b8b;
font : 13px Arial, Helvetica, sans-serif;
line-height : 20px;
padding : 0 10px 10px 0;
}
#about .read-more-btn {
background : url(images/about-btn.png) top left no-repeat;
display : block;
height : 46px;
line-height : 48px;
width : 368px;
}
#about .read-more-btn a {
text-align : center;
background : url(images/about-btn-seprator.png) right no-repeat;
color : #fff;
display : inline-block;
font : 15px Arial, Helvetica, sans-serif;
height : 43px;
line-height : 43px;
padding : 0 20px;
text-shadow : #245b18 1px 1px 1px;
}
#about .read-more-btn a.read-more {
width : 120px;
}
#about .read-more-btn a.view-our-work {
width : 145px;
background : none;
}
#about .read-more-btn:hover, #about .read-more-btn:focus {
background : url(images/about-btn.png) bottom left no-repeat;
}
#about .about-detail {
float : right;
overflow : hidden;
width : 450px;
padding : 0 10px 0 0;
}
#about .about-detail ul {
margin : 0;
padding : 0;
}
#about .about-detail ul li {
background : none;
border-bottom : 1px dotted #7f7f7f;
overflow : hidden;
margin : 0 0 15px;
padding : 0 0 10px;
}
#about .detail-image {
display : block;
float : left;
margin : 0 11px 0 0;
border : #eee solid 4px;
}
#about .detail-image:hover, #about .detail-image:focus {
opacity : 0.89999997615814208984375;
border-color : #ccc;
}
#about .about-detail ul li .about-content {
width : 300px;
float : right;
}
#about .about-detail h5 {
color : #666666;
font : 13px Arial, Helvetica, sans-serif;
font-weight : bold;
line-height : 20px;
margin-bottom : 5px;
}
#about .about-detail p {
color : #8b8b8b;
font : 12px Arial, Helvetica, sans-serif;
line-height : 18px;
margin : 0 0 10px 0;
}
.footer-wrap .copy-right {
border-top : 2px solid #ddd;
height : 20px;
padding : 20px;
position : relative;
color : #666;
}
.footer-wrap .copy-right p {
font : 12px Arial, Helvetica, sans-serif;
line-height : 20px;
}
.footer-wrap .copy-right .right-text {
font : 12px Arial, Helvetica, sans-serif;
line-height : 20px;
position : absolute;
top : 20px;
right : 20px;
text-align : right;
}
.footer-wrap .copy-right .right-text a {
color : #666;
}
.footer-wrap .copy-right .right-text a:hover {
text-decoration : underline;
}