/* global styles

------------------------------------------*/

body {

    font-family: 'Cabin', Arial, sans-serif;

    font-size: 14px;

    color: #4e4e4e;

    background: #000;

    margin: 0;

    padding: 0;

}



#pageArea {

    background: url('../images/main-bg.jpg');

    padding: 0 0 40px 0;

}



p, h1, h3, h2, h4, h5, h6, li {

    margin: 0;

    color: #4e4e4e;


}



h1, h2, h3, h4, h5, h6 {

    color: #2c2c2c;



}



p {

    color: #4e4e4e;

    font-size: 16px;

    margin-bottom: 20px;

    line-height: 1.2em;

}



a:link, a:visited {

    text-decoration: underline;

    border: none;

    color: #808080;

}



a:hover, a:active {

    color: #343434;

}



.clearer {

    clear: both;

}



img {

    border: 0px;

}



.left {

    float: left;

}



.right {

    float: right;

}



.content {

    position: relative;

    width: 940px;

    margin: 0 auto;

}



.divider {

    height: 2px;

    width: 100%;

    background: url('../images/divider.png') repeat-x;

    margin: 40px 0;

}



.required {

    position: absolute;

    right: 0;

    color: #002899;

    font-style: italic;

}



form {

    position: relative;

    padding: 0;

    margin: 0;

}



form span {

    color: #002899;

}



form p {

    font-style: italic;

}



/* bounce back to top

------------------------------------------- */

#toTop {

    display:none;

    text-decoration:none;

    position:fixed;

    bottom:10px;

    right:10px;

    overflow:hidden;

    width:51px;

    height:51px;

    border:none;

    text-indent:100%;

    background:url(../images/ui.totop.png) no-repeat left top;

}



#toTopHover {

    background:url(../images/ui.totop.png) no-repeat left -51px;

    width:51px;

    height:51px;

    display:block;

    overflow:hidden;

    float:left;

    opacity: 0;

    -moz-opacity: 0;

    filter:alpha(opacity=0);

}



#toTop:active, #toTop:focus {

    outline:none;

}



/* header

------------------------------------------*/

#headerArea {

    width: 100%;

    position: relative;

    background: url('../images/header-bg.jpg') repeat-x; 

    z-index: 9999999;

    position: fixed;



}



#headerArea .content {

    width: 940px;

    margin: 0 auto;

    height: 100px;

}

#headerArea .active span {
    color: #dee11e;
    font-weight: bold;
}


#logo {

    position: absolute;

    width: 284px;

    padding: 17px 0 0 0 ;

    right: 248px;

}



#logo a {

    display: block;

    width: 382px;

    height: 111px;

    background: url('../images/logo.png') no-repeat 0 0;

}



#call {

    color: #fff;

    font-size: 16px;

    position: absolute;

    top: 10px;

    right: 25px;

}



#call span {

    color: #71c2f5;

    font-weight: bold;

}

/* navbar

-------------------------------------------- */

#navbar {

    padding: 26px 0 0 0;

}



#navbar div {

    float: left;

    margin-top: 18px;

    font-size: 17px;

}



ul {

    margin: 0;

    padding: 0;

}


#navbar li {

    float: left;

    list-style: none;

    display: inline;

    margin: 18px 20px 0 0;

}

#navbar li #active span {
    color: #dee11e;
    font-weight: bold;
}



#navbar li:last-child {

    margin: 18px 0px 0 0;

}

#navbar li span {

    text-transform: uppercase;


    color: #abbf02;

}



#navbar a {

    text-decoration: none;

    color: #d8d8d8;

}



/* phone

-------------------------------------------- */

#phone {

    color: #abbf02;

    font-size: 19px;

    position: absolute;

    right: 0;

    top: 40px;

}



#phone img {

    float: right;

    margin: -5px 0 0 6px;

}



/* showcase

------------------------------------------*/

#showcaseArea {

    position: relative;

    background: url('../images/showcase-bg2.jpg'); 

    box-shadow: 0px 5px 25px #aaaaaa;

    -moz-box-shadow: 0px 5px 25px #aaaaaa;

    -webkit-box-shadow: 0px 5px 25px #aaaaaa;

    /* For IE 8 */

    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#aaaaaa')";

    /* For IE 5.5 - 7 */

    filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#aaaaaa')";    

}



#showcase {

    padding: 170px 0 0 0;

    /* background: url('../images/showcase-bg.jpg');*/

    background: url("../images/showcase-bg.jpg") repeat scroll -130px 0 transparent; 

    height: 296px;

    width: 940px;

    margin: 0 auto;

    /* position: relative;*/

}





div#steps {

    margin: 40px 0 0 0;

}

div#steps a {
    color: #abbf02;
}

div#steps a:hover {
    color: #dee11e;
}



#step1 {

    float: left;

    margin: 0 20px 0 0;

    position: relative;

    width: 200px;

    padding: 0 0 0 100px;

}



#step2 {

    float: left;

    margin: 60px 20px 0 0;

    position: relative;

    width: 200px;

    padding: 0 0 0 100px;

}



#step3 {

    float: left;

    margin: 0 0px 0 0;

    position: relative;

    width: 180px;

    padding: 0 0 0 100px;

}



#steps h3 {

    color: white;

    text-transform: uppercase;

}



#steps {

    color: #fff;

}





#steps img {

    position: absolute;

    left: 0;

    top: 0;

}



.step #step2 img {

    position: absolute;

    left: 0;

    top: 0;

}

.quote li {
    list-style: none;
}

#quote li {
    list-style: none;
}

.quote a {

    position: absolute;

    right: 0;

    display: block;

    margin: 40px 0 0 0;

    width: 248px;

    height: 83px;

    background: url('../images/get-quote.png') no-repeat 0 0;

    float: right;

}

.right .quote a {
    margin: 40px 0 0 0;
}


.quote a:hover {

    background-position: 0 -83px;

}



/* main content

-------------------------------------------- */

#contentArea {
    padding: 140px 0 0 0;
}

#contact2 {
    float: left;
    margin: -130px 0 0 0;
}

#mainContent .content {

    width: 940px;

    margin: 0 auto;

    padding: 40px 20px 0 20px;

}



.title {

    position: relative;

}



.title img {

    float: left;

    margin: 0 10px 0 0;

}



.title h1 {

    font-size: 40px;

    margin: 0 0 0px 0;

}



.title span {

    float: left;

    margin: 24px 0 0 15px;

}



/* main services

-------------------------------------------- */

.services .title h1 {

    float: left;

    margin: 0 0 20px 0;

}



.services {

    width: 1466px;

    margin: 0 auto;

    background: url('../images/shadow2.png') no-repeat 0 170px;

}





.service {

    float: left;

    width: 215px;

    margin: 0 20px 0 0;

}



.service:last-child {

    margin: 0;

}



.service h3 {

    color: #96ab04;

    text-transform: uppercase;

}



.web .icon a {

    display: block;

    width: 131px;

    height: 131px;

    background: url('../images/thumb-services-web2.png') no-repeat 0 0;

    margin: 0 auto 20px auto;

}



.web .icon a:hover {

    background: url('../images/thumb-services-web2.png') no-repeat; 

    background-position: 0 -131px;

}



.logo .icon a {

    display: block;

    width: 131px;

    height: 131px;

    background: url('../images/thumb-services-logo.png') no-repeat 0 0;

    margin: 0 auto 20px auto;

}



.logo .icon a:hover {

    background: url('../images/thumb-services-logo.png') no-repeat 0 0;

    background-position: 0 -131px;

}



.html .icon a {

    display: block;

    width: 131px;

    height: 131px;

    background: url('../images/thumb-services-html2.png') no-repeat 0 0;

    margin: 0 auto 20px auto;

}



.html .icon a:hover {

    background: url('../images/thumb-services-html2.png') no-repeat; 

    background-position: 0 -131px;

}





.seo .icon a {

    display: block;

    width: 131px;

    height: 131px;

    background: url('../images/thumb-services-seo2.png') no-repeat 0 0;

    margin: 0 auto 20px auto;

}



.seo .icon a:hover {

    background: url('../images/thumb-services-seo2.png') no-repeat; 

    background-position: 0 -131px;

}



.banners .icon a {

    display: block;

    width: 131px;

    height: 131px;

    background: url('../images/thumb-services-banners2.png') no-repeat 0 0;

    margin: 0 auto 20px auto;

}



.banners .icon a:hover {

    background: url('../images/thumb-services-banners2.png') no-repeat 0 0;

    background-position: 0 -131px;

}



.blog .icon a {

    display: block;

    width: 131px;

    height: 131px;

    background: url('../images/thumb-services-blog2.png') no-repeat 0 0;

    margin: 0 auto 20px auto;

}



.blog .icon a:hover {

    background: url('../images/thumb-services-blog2.png') no-repeat; 

    background-position: 0 -131px;

}



.service p {

    font-size: 14px;

}



/* additional services

--------------------------------------------- */

.services2 .title h1 {

    float: left;

    margin: 0 0 20px 0;

}



.services2 {

    margin: 30px 0 0 0;

}



.services2 .service {

    position: relative;

    float: left;

    width: 310px;

    padding: 0 0 0 150px;

    margin: 0 20px 0 0;

}



.services2 .icon {

    position: absolute;

    top: 0;

    left: 0;

}



.services2 .service:last-child {

    margin: 0;

}



/* promise bar

--------------------------------------------- */

#promise {

    font-size: 14px;

    font-style: italic;

    width: 600px;

    padding: 20px 20px 20px 320px;
    
    position: relative;

    background: #f8f8f8;

    border: 1px solid #d8d8d8;

    margin: 40px auto 0 auto;

}



#promise p {

    margin: 0;

}



#promise #quote a {

    position: absolute;
    
    left: 20px;

    display: block;

    width: 278px;

    height: 74px;

    background: url('../images/get-quote2.jpg') no-repeat 0 0;

    margin: 0 20px 0 0;

}



#promise #quote a:hover {

    background-position: 0 -74px;

}



#promise span {

    font-weight: bold;

    font-size: 16px;

}



/* portfolio area

--------------------------------------------- */

#folioArea {

    width: 100%;

    height: 651px;

    background: url('../images/ripple-bg.jpg');

    margin: 60px 0 60px 0;

    padding: 50px 0 40px 0;

}



#folioArea .title {

    margin: 0 0 30px 0;

}



#folioArea h1 {

    float: none;

    margin: 0 0 0 0;

}





/* portfolio slider

--------------------------------------------- */

#window {

    width: 940px;

}



#window img {

    /*  position: relative;
  
      z-index: 9999;
  
      float: left;
  
      border: 5px solid #fff;
  
      box-shadow: 0px 0px 5px #8f8f8f;
  
      -moz-box-shadow: 0px 0px 5px #8f8f8f;
  
      -webkit-box-shadow: 0px 0px 5px #8f8f8f;
  
      /* For IE 8 */

    /*   -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#8f8f8f')";
   
       /* For IE 5.5 - 7 */

    /* filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#8f8f8f'); */

}



#shadow {



    left: 0;

    bottom: 170px;

}



.info {

    width: 345px;

    float: right;

}



.info h2 {

    margin: 0;

}



.info span {

    color: #888888;

}



.info ul {

    margin: 25px 0 20px 0;

}



.info li {

    margin: 0 15px 0 0;

    display: inline;
    
    list-style-image: url('../images/checkbox.jpg');

}



.info img {

    margin: 0 5px 0 0;

    display: inline !important;

    width:inherit !important;

}



#thumbs {

    margin: 0 0 0 0;

}



.thumb {

    float: left;

    margin: 0 12px 0 0;

}



.thumb:last-child {

    margin: 0;

}



#nav {

    float: right;

    margin: -70px 0 0;

    position: relative;   

}



/* contact form

-------------------------------------------- */

#contact {



}



form {

    margin: 30px 0 0 0;

    width: 100%;

}



form span {

    color: #96ab04;

}



form div input {

    color: #848484;

    width: 330px;

    padding: 12px 6px 12px 6px;

    background: #f8f8f8;

    border: 1px solid #d8d8d8;

    -moz-border-radius: 6px;

    -webkit-border-radius: 6px;

    -khtml-border-radius: 6px;

    border-radius: 6px;

    margin: 5px 0 15px 0;

}



form div select {

    color: #848484;

    width: 342px;

    padding: 12px 6px 12px 6px;

    background: #f8f8f8;

    border: 1px solid #d8d8d8;

    -moz-border-radius: 6px;

    -webkit-border-radius: 6px;

    -khtml-border-radius: 6px;

    border-radius: 6px;

    margin: 5px 0 15px 0;

}



form div textarea {

    float: right;

    color: #848484;

    width: 527px;

    height: 260px;

    padding: 12px 6px 12px 6px;



    border: 1px solid #d8d8d8;

    -moz-border-radius: 6px;

    -webkit-border-radius: 6px;

    -khtml-border-radius: 6px;

    border-radius: 6px;

    margin: 5px 0 20px 0;

    background: #f8f8f8;

}



.submit {

    float: right;

}



/* inner pages

--------------------------------------------- */



/* title area

------------------------------------------*/

#titleArea {

    position: relative;

    background: url('../images/title-bg2.jpg'); 

    background-position: bottom;

    box-shadow: 0px 5px 25px #aaaaaa;

    -moz-box-shadow: 0px 5px 25px #aaaaaa;

    -webkit-box-shadow: 0px 5px 25px #aaaaaa;

    /* For IE 8 */

    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#aaaaaa')";

    /* For IE 5.5 - 7 */

    filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#aaaaaa')";    

}



#title {



    background: url('../images/title-services.jpg') no-repeat; 

    background-position: bottom;

    height: 300px;

    width: 1370px;

    margin: 0 auto;

    position: relative;

}

#policyTitle {



    background: url('../images/title-policies.jpg') no-repeat; 

    background-position: bottom;

    height: 300px;

    width: 1370px;

    margin: 0 auto;

    position: relative;

}

.policies h1 {
    margin: 0 0 20px 0;
}

.policies p:last-child {
    margin: 0 0 60px 0;
}

#message {

    text-align: center;

    padding: 190px 0 0 0 ;

    height: 110px;

    position: relative;

}

#message h1 {
    color: #fff;
    font-size: 50px;
}

#mainService {



}



.title2 h1 {

    font-size: 40px;

    margin: 0 0 0px 0;

}



.title2 span {

    float: left;

    margin: 0px 0 0 0px;

}





.title2 img {

    float: left;

    margin: 0 10px 0 0;

}



.service2 {

    padding: 30px 0 0 0;

}



.service2 .icon {
    padding: 10px 0 0 0;
    float: left;

}



.service2 .right {

    width: 700px;

}



.service2 ul {

    list-style-image: url('../images/check.png');
    float: left;
    margin: 0 0 0 40px;

}



.service2 li {

    font-style: italic;

}



.additional .title h1 {

    float: left;

    margin: 0 0 30px 0;

}



.additional {

    margin: 0 auto;

}



.additional h1 {

    color: #96ab04;

}



#quick div textarea {

    float: right;

    color: #848484;

    width: 527px;

    height: 180px;

    padding: 12px 6px 12px 6px;

    border: 1px solid #d8d8d8;

    -moz-border-radius: 6px;

    -webkit-border-radius: 6px;

    -khtml-border-radius: 6px;

    border-radius: 6px;

    margin: 5px 0 20px 0;

    background: #f8f8f8;

}



/* additional services area

--------------------------------------------- */

.additionalArea {

    width: 100%;

    height: 651px;

    background: url('../images/ripple-bg2.jpg');

    margin: 30px 0 30px 0;

    padding: 30px 0 40px 0;

}



.additionalArea .title {

    margin: 0 0 30px 0;

}



.additionalArea #promise {

    background: #fff;

    margin: 50px auto 0 auto;

}



/* footer

--------------------------------------------- */

#footer {

    padding: 25px 0 25px 0;

    background: #fff;

    border-top: 1px solid #d8d8d8;

}



#navigation {

    color: #848484;

    margin: 30px 0 0 0;

    float: left;

}



#navigation hr {

    width: 600px;

    border: 1px solid #ededed;

}



#footer ul {

    margin: 0;

    padding: 0;

}



#footer li {

    margin: 0 5px 0 0;

    color: #d8d8d8;

    display: inline;

}



#footer li a {

    color: #848484;

    text-decoration: none;

}



#footer li a:hover {

    color: #96ab04;

}



#verified {

    float: right;

}



/* footer bar

--------------------------------------------- */

#footerBar {

    padding: 13px 0;

    background: #c6c6c6;   

}



#footerBar p {

    font-size: 14px;

    float: left;

    margin: 0;

}



#footerBar ul {

    float: right;

    list-style: none;

}



#footerBar li {

    display: inline;

}

#mainslider{padding:0px}



.shadow img {

    margin: 0px;

    display: inline !important;

    width:inherit !important;

}