/* ==========================================================================



   Base



   ========================================================================== */







body {



    font-family: 'Open Sans', sans-serif;



    background-color: #f2f2f2;



}



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



    font-weight: 300;



    line-height: 1;



    margin: 20px 0;



}



h1, h2 { font-size: 24px; }



h3, h4 { font-size: 20px; }



h5, h6 { font-size: 16px; }











/* =============================================================================



   Header



   ========================================================================== */







.banner-container {



    background: #f8f8f8 url(../img/top-wrap-bg.png) 0 0 repeat-x;



    border-bottom: 1px solid #d7d7d7;



}



.banner {



    color: #fff;



    background: url(../img/top-bg.png) 50% 0 no-repeat;



}



.brand-container {



    /*height: 92px;*/



	height: 112px;



    padding: 14px 0;



}



.brand-container .tagline {



	font-style:italic;



	font-weight:bold;



    font-size: 18px;



	clear:both !important;



}



.banner-container .phone {



    font-size: 24px;



    font-weight: 300;



    background: url(../img/phone-icon.png) 0 5% no-repeat;



    margin: 20px 0 0;



    padding-left: 20px;



	text-align:center;



}



.banner-container .phone span {



	display:block !important;



	margin-bottom:5px !important;



}



.center {



	text-align:center !important;



}







.page-id-6 div.page-header h1,



.page-id-8 div.page-header h1,



.page-id-261 div.page-header h1 { display:none !important;}



.page-id-9 div.page-header h1 { text-align:center !important;}



.page-id-261 div.post:nth-of-type(odd) { background-color: #FFFFFF !important; margin: 0; padding: 15px 10px 0 20px; display:block;}



.page-id-261 div.post:nth-of-type(even) { background-color: #EEEEEE !important; margin: 0; padding: 15px 10px 0 20px; display:block;}



.widget-inner div.slideshow_container { margin:0 auto !important; display:block !important;}



.mapp-layout { width:100% !important;}



/*.page-id-261 div.alternate:nth-of-type(odd) { background-color: #FFFFFF !important; margin: 0; padding: 10px; display:block;}



.page-id-261 div.alternate:nth-of-type(even) { background-color: #EEEEEE !important; margin: 0; padding: 10px; display:block;}

*/





#menu-primary-navigation { margin-bottom: 0; }



#menu-primary-navigation li {



    width: 14.28%;



    float: left;



}



#menu-primary-navigation li a, #menu-primary-navigation li a:visited {



    font-size: 16px;



    color: #666;



    text-align: center;



    padding: 12px 0;



    border-right: 1px solid #d7d7d7;



}



#menu-primary-navigation li:first-child a { border-left: 1px solid #d7d7d7; }



#menu-primary-navigation li a:hover, #menu-primary-navigation li.active a {



    color: #237DD8;



    background-color: #ddd;



}







#soliloquy-container-36 { margin: 20px auto; }



.soliloquy-container .soliloquy-control-nav {



    left: 50%;



    margin-left: -35px;



}







#banner-testimonials, #contact-page-header {



    background-color: #f8f8f8;



    background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e9e9ea));



    background-image: -webkit-linear-gradient(top, #f8f8f8, #e9e9ea);



    background-image:    -moz-linear-gradient(top, #f8f8f8, #e9e9ea);



    background-image:      -o-linear-gradient(top, #f8f8f8, #e9e9ea);



    background-image:         linear-gradient(to bottom, #f8f8f8, #e9e9ea);



    border-top: 1px solid #d7d7d7;



    border-bottom: 1px solid #d7d7d7;



    margin-bottom: 20px;



    padding: 10px 0;



}



#banner-testimonials h3 {



    margin: 5px 0 0;



    padding: 0 0 0 50px;



}



#banner-testimonials .span9 { border-left: 1px dotted #919191; }



#banner-testimonials .span9 .carousel { margin-left: 20px; }



#banner-testimonials blockquote.pull-right {



    border-right: 0;



    margin: 10px 0;



}



#banner-testimonials blockquote p { font-size: 14px; }



#banner-testimonials .carousel-control {



    font-size: 16px;



    font-weight: bold;



    line-height: 1;



    background: #919191;



    border: 1px solid #919191;



    -webkit-border-radius: 0px;



       -moz-border-radius: 0px;



            border-radius: 0px;



    width: auto;



    height: auto;



    margin: 0;



    padding: 0px 6px 2px;



    top: 100%;



    left: auto;



}



#banner-testimonials .carousel-control.left { right: 40px; }







#contact-page-header { border-top: none; }



#contact-page-header h1 { font-size: 44px; }











/* ==========================================================================



   Content



   ========================================================================== */







.content { }







.wpcf7-form { position: relative; }



.wpcf7-form .required-items {



    position: absolute;



    top: 35px;



    left: 450px;



}



.wpcf7-form .reason-for-inquiry label {



    display: inline-block;



    vertical-align: middle;



    min-height: 20px;



    margin-right: 10px;



}



.wpcf7-form .reason-for-inquiry label input[type="radio"] { float: left; }







.hms-testimonial-container {



    margin: 0 !important;



	padding: 15px 10px 15px 20px !important;



	display: block !important;



	color: #222 !important;



}







.hms-testimonial-container:nth-of-type(odd) {



     background-color: #EEEEEE !important;  



}







.hms-testimonial-container:nth-of-type(even) {



	 background-color: #FFFFFF !important;



}







.hms-testimonial-container .author {



    font-size: 85%;



    color: #555;



    line-height: 20px;



}



.hms-testimonial-container .author:before { content: '\2014 \00A0'; }











/* ==========================================================================



   Primary Content



   ========================================================================== */







.main { }















/* ==========================================================================



   Sidebar



   ========================================================================== */







.sidebar { }



.sidebar .widget-1 h2 { text-align: center; }















/* ==========================================================================



   Posts



   ========================================================================== */







.hentry header { }



.hentry time { }



.hentry .byline { }



.hentry .entry-content { }



.hentry footer { }







.leftContent { display:none !important;}



.packages { margin:0 auto 10px; padding:0; display:block;}



.slideshow_container slideshow_container_0 { margin:0 auto !important; text-align:center !important;}



.packages h2 { font-weight:normal; font-size:22px; text-align:center; padding:55px 0 0 0px;}



.packages h3 { font-weight:normal; font-size:22px; margin:15px 0 5px; padding:10px 0;}



.packages h2 span, 



.packages h3 span { color:#003F80;}



.packages p { font-size:13px; margin:0; padding:0;}



.packages p.pull-left { padding:10px 25px 10px 0;}



.packages a.view { background:url(../img/view.jpg) no-repeat center; width:162px; height:42px; font-weight:normal; font-size:17px; text-align:center; margin:0 auto; display:block; line-height:42px; color:#FFF;}



.packages ul { font-size:13px; margin:0; padding:10px 0 0;}



.packages ul li { background:url(../img/check.png) no-repeat left top; font-style:italic; margin:0; padding:0 0 5px 35px; list-style:none;}



.packages ul li strong { font-style:normal; /*display:block;*/}



.packages hr { margin-top:10px; clear:both !important;}











/* ==========================================================================



   Footer



   ========================================================================== */







#footer-links-container { background: url(../img/bottom-wrap-bg.png) 0 0 repeat-x; }



#footer-links {



    color: #fff;



    background: url(../img/bottom-bg.png) 50% 0 no-repeat;



}



#footer-links .container {



    height: 190px;



    padding: 15px 0;



}



#footer-links h5, #footer-links .nav { font-size: 12px; }



#footer-links h5 {



    font-weight: normal;



    text-transform: uppercase;



}



#footer-links .footer-sitemap .nav > li, #footer-links .footer-services .nav > li {



    background-image: url(../img/footer-icons.png);



    background-repeat: no-repeat;



    height: 20px;



    margin: 7px 0;



    padding-left: 30px;



}







#footer-links .nav > li.menu-home { background-position: 0px 0px; }



#footer-links .nav > li.menu-about-us { background-position: 0px -20px; }



#footer-links .nav > li.menu-services { background-position: 0px -40px; }



#footer-links .nav > li.menu-testimonials { background-position: 0px -60px; }



#footer-links .nav > li.menu-contact-us { background-position: 0px -80px; }



#footer-links .nav > li.menu-website-design { background-position: 0px -100px; }



#footer-links .nav > li.menu-seo-data-entry { background-position: 0px -120px; }



#footer-links .nav > li.menu-web-graphics { background-position: 0px -140px; }



#footer-links .nav > li.menu-mobile-applications { background-position: 0px -160px; }



#footer-links .nav > li.menu-social-media { background-position: 0px -240px; }







#footer-links .footer-sitemap .nav > li > a,



#footer-links .footer-services .nav > li > a,



#footer-links .footer-sitemap .nav > li > a:visited,



#footer-links .footer-services .nav > li > a:visited {



    color: #fff;



    display: inline;



}







#footer-links .footer-sitemap .nav > li > a:hover,



#footer-links .footer-services .nav > li > a:hover,



#footer-links .footer-sitemap .nav > li > a:focus,



#footer-links .footer-services .nav > li > a:focus {



    text-decoration: underline;



    background: none;



}







#footer-links .footer-social .nav > li { margin: 7px 0; }







#footer-links .footer-social .nav > li > a {



    text-align: left;



    text-indent: -9999px;



    overflow: hidden;



    display: block;



    width: 77px;



    height: 20px;



    background: url(../img/social-icons.png) no-repeat;



}







#footer-links .nav > li.menu-facebook a { background-position: 0px 0px; }



#footer-links .nav > li.menu-our-blog a { background-position: 0px -20px; }



#footer-links .nav > li.menu-twitter a { background-position: 0px -40px; }



#footer-links .nav > li.menu-google-plus a { background-position: 0px -60px; }







#footer-links .logo { margin: 30px 0; }



#footer-links .phone {



    font-size: 24px;



    font-weight: 300;



    background: url(../img/phone-icon.png) 0 50% no-repeat;



    margin: 30px 0;



    padding-left: 20px;



}







.content-info {



    background-color: #064fcb;



    background-image: -webkit-gradient(linear, left top, left bottom, from(#064fcb), to(#001f6a));



    background-image: -webkit-linear-gradient(top, #064fcb, #001f6a);



    background-image:    -moz-linear-gradient(top, #064fcb, #001f6a);



    background-image:      -o-linear-gradient(top, #064fcb, #001f6a);



    background-image:         linear-gradient(to bottom, #064fcb, #001f6a);



}



.content-info p {



    font-size: 13px;



    color: #fff;



    text-align: center;



    line-height: 1;



    margin: 30px 0;



}







#catalog .well {



    min-height: 300px;



    position: relative;



}



#catalog h5 {



    font-weight: bold;



    background-image: none; /*url(../img/catalog-icons.png);*/



    background-repeat: no-repeat;



    margin-top: 10px;



    padding-top: 6px;



    padding-left: 40px;



    height: 22px;



}



#catalog p { text-align: center; 



				color: #0088CC;



				font-size: 13px; }

				

#catalog p span.st_facebook_large,

#catalog p span.st_twitter_large,

#catalog p span.st_plusone_large,

#catalog p span.st_sharethis_large,

#catalog p span.st_email_large,

#catalog p span.st_fblike_large { 

	display:none !important; 

}



#catalog .view-more {



    font-size: 10px;



    font-weight: bold;



    text-transform: uppercase;



    position: absolute;



    top: 260px;



    left: 100px;



}







#subscription-form, #form-html5126e77583d1f {



    background-color: #064fcb;



    background-image: -webkit-gradient(linear, left top, left bottom, from(#064fcb), to(#001f6a));



    background-image: -webkit-linear-gradient(top, #064fcb, #001f6a);



    background-image:    -moz-linear-gradient(top, #064fcb, #001f6a);



    background-image:      -o-linear-gradient(top, #064fcb, #001f6a);



    background-image:         linear-gradient(to bottom, #064fcb, #001f6a);



    -webkit-border-radius: 4px;



       -moz-border-radius: 4px;



            border-radius: 4px;



    padding: 20px;



}



#subscription-form legend, #form-html5126e77583d1f legend {



    font-size: 24px;



    font-weight: 300;



    color: #fff;



    line-height: 1;



    margin: 0;



    border-bottom: none;



}



.widget_wysija_cont #form-html5126e77583d1f .wysija-submit {



    display: inline-block;



    margin-top: 0;



}



.nimble-portfolio ul.nimble-portfolio-ul { width:100% !important;}

.featuredservices{float:left; width:50%;}

.viewportfolio{float:right; width:50%;}

.accordionButton {

	background-color: #2683E0;

	background-image: -webkit-gradient(linear, left top, left bottom, from(#2683E0), to(#06498F));

	background-image: -webkit-linear-gradient(top, #2683E0, #06498F);

	background-image: -moz-linear-gradient(top, #2683E0, #06498F);

	background-image: -ms-linear-gradient(top, #2683E0, #06498F);

	background-image: -o-linear-gradient(top, #2683E0, #06498F);

	background-image: linear-gradient(top, #2683E0, #06498F);

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#2683E0, endColorstr=#06498F);

	padding: 7px 0;

}

.accordionButton span { background-color:#EAEAEA; width:210px; height:40px; font-weight:normal; font-size:18px; text-align:center; margin:0 auto; display:block; line-height:40px; cursor:pointer; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; color:#222;}

#form-wysija-3 input { width:90% !important;}

#form-wysija-3 .widget_wysija,

#form-wysija-3 .wysija-submit-field { width:20% !important;}





/* Adjust Testimonials Form for Responsiveness */

.hms-testimonials-form input { width:60%;}

.hms-testimonials-form textarea { width:80% !important;}

.hms-testimonials-form input[type="submit"] { width:150px; height:30px; margin:10px 0 0; padding:0;}





@media (max-width: 480px) {

    .featuredservices{width:100%; float:none;}

    .viewportfolio{width:100%; float:none;} 

	

	.hms-testimonials-form #recaptcha_area,

	.hms-testimonials-form #recaptcha_table { width:50% !important; margin-left:-50px !important;}

}



/* ==========================================================================



   WordPress Generated Classes



   See: http://codex.wordpress.org/CSS#WordPress_Generated_Classes



   ========================================================================== */







.aligncenter { display: block; margin: 0 auto; }



.alignleft { float: left; }



.alignright { float: right; }



figure.alignnone { margin-left: 0; margin-right: 0; }















/* ==========================================================================



   Media Queries



   ========================================================================== */







@media (max-width: 767px) {



    .brand-container {



        text-align: center;



        padding: 14px;



    }



    .brand-container .pull-left { float: none; }







    #menu-primary-navigation li {



        width: 100%;



        float: none;



    }



    #menu-primary-navigation li a, #menu-primary-navigation li:first-child a { border: none; }







    #footer-links-container {



        background: none;



        background-color: #065bd5;



        background-image: -webkit-gradient(linear, left top, left bottom, from(#065bd5), to(#002372));



        background-image: -webkit-linear-gradient(top, #065bd5, #002372);



        background-image:    -moz-linear-gradient(top, #065bd5, #002372);



        background-image:      -o-linear-gradient(top, #065bd5, #002372);



        background-image:         linear-gradient(to bottom, #065bd5, #002372);



    }



    #footer-links { background: none; }



    #footer-links .container {



        height: auto;



        padding: 15px;



    }



    #footer-links .span3 {



        width: 50%;



        min-height: 200px;



        float: left;



    }







    .content-info {



        background-color: #064fcb;



        background-image: -webkit-gradient(linear, left top, left bottom, from(#064fcb), to(#001f6a));



        background-image: -webkit-linear-gradient(top, #064fcb, #001f6a);



        background-image:    -moz-linear-gradient(top, #064fcb, #001f6a);



        background-image:      -o-linear-gradient(top, #064fcb, #001f6a);



        background-image:         linear-gradient(to bottom, #064fcb, #001f6a);



    }



    .content-info p { margin: 10px; }



}







.check li{ list-style-type:none; background:url(../img/check.png) top left no-repeat; padding-left:30px; line-height:20px; margin:5px 0}



.check2 li{ list-style-type:none; background:url(../img/check2.png) center left no-repeat; padding-left:30px; line-height:20px; margin:5px 0}











.list{ float:left; padding:0; margin:0;}



.list li{ border-bottom:1px dotted #999999; padding:30px 0 30px 50px ; width:250px;  list-style-type:none; }



.list li.l1{ background:url(../img/l1.png) center left no-repeat;  }



.list li.l2{ background:url(../img/l2.png) center left no-repeat;  }



.list li.l3{ background:url(../img/l3.png) center left no-repeat; }



.list li.l4{ background:url(../img/l4.png) center left no-repeat; border:none }



.list li.l5{ background:url(../img/l5.png) center left no-repeat;  }



.list li.l6{ background:url(../img/l6.png) center left no-repeat; }



.list li.l7{ background:url(../img/l7.png) center left no-repeat;  }



.list li.l8{ background:url(../img/l8.png) center left no-repeat; border:none }



.list li.l9{ background:url(../img/l9.png) center left no-repeat;  }



.list li.l10{ background:url(../img/l10.png) center left no-repeat;  }



.list li.l11{ background:url(../img/l11.png) center left no-repeat;  }



.list li.l12{ background:url(../img/l12.png) center left no-repeat; border:none }



















.services-list{ margin:20px 0 0 0; padding:0}



#services-list .span3{ position:relative;}



#services-list .span3 a:hover { text-decoration:none; color:#005580 !important;}



#services-list .span3 h2:hover { color:#005580 !important;}



#services-list .span3 img:hover { opacity:0.9;}



#services-list .span3 p{font-size:13px; color: #000000 ; line-height:20px; text-align:center;}



.services-list li{ font-size:14px; color: #000000 ; line-height:20px ;list-style-type:none; margin:10px 5px; position:relative; width:195px; height:281px; padding:10px 15px; background:#F5F5F5; border:1px solid #E3E3E3; border-radius:10px; text-align:center; float:left;}



.services-list li h2, #services-list .span3 h2{ text-align:left; font-size:17px; color:#0088CC; height:42px; margin:0; font-weight:bold;}



.services-list li img,  #services-list .span3 img{ margin:10px 0;}



.services-list li a{ font-size:10px; text-decoration:none; position:absolute; bottom:30px; right:30px;}



#services-list .span3 p.view-more{ text-align:right; font-size:10px; text-decoration:none;}





/*wysija*/

.widget_wysija{ background: url(../img/bg-nesletter.png) repeat-y; min-height: 77px; margin: 0 0 20px 6px;}



.widget_wysija h3{ float: left; color: #FFFFFF; margin-left:20px;}



.widget_wysija .wysija-paragraph{ float: left; margin: 10px; padding: 10px;}



.widget_wysija .wysija-submit-field{ margin: 18px 10px 10px 10px; display: block; float: left; width: 162px; height: 36px; background: url(../img/subscribe-btn.png) 0 0 no-repeat; border: 0; color: 0;}

.bib_page_nav { margin:0 0 10px;}
.post-comments a { margin:0 20px 0 0; display:block; float:right;}









