html, body {margin:0; padding:0; width:100%; height:100%; font:normal 12px Arial, Helvetica, sans-serif; color:#605f5f; line-height:1.5em;}

img {border: 0px;}

a:link, a:visited {color:#3ebbe4; font-weight:bold; text-decoration:none;}
a:hover {color:#007fa9;}

a.scroll:hover {color:#605f5f;}

.main {min-height:100%; margin-bottom:-280px; position:relative;}/* footer down */


/********** HEADER **********/
.header {background:url(images/back-header.png);}
.header-960 {margin:0 auto; width:960px; height:121px; text-align:left;}

.logo {width:162px; float:left;}

/* menu */
.menu {padding:30px 0 0 0; margin:0; width:600px; float:right; }
.menu ul {text-align: right; padding:0; margin:0; list-style:none; border:0; float:right;}
.menu ul li {float:left; margin:0; padding:0; border:0;}

.menu ul li a {border-right:1px solid #777; text-align:left; float:left; margin:0; padding:12px 15px; color:#c6c6c6; font:normal 14px Arial, Helvetica, sans-serif; text-decoration:none;}
.menu ul li a.last {border:0;}
.menu ul li a:hover {color:#fffefe; }
.menu ul li a.active {color:#fffefe;}

.menu ul li a span {font: normal 11px Arial, Helvetica, sans-serif; color:#838383; text-decoration:none;}
.menu ul li a:hover span {color:#53d5ff;}
.menu ul li a.active span {color:#53d5ff;}
/* /menu */


/********** CONTENT **********/

				/* =Home= */
/* slider */
.slider {background:#f1f1f1;}
.slider-960 {width:960px; margin:0 auto; padding:10px 0 45px 0; background: url(images/back-slider.gif) no-repeat bottom;}
#slider-container {width:960px; outline:0; }
/* /slider */

/* free quote line */
.free-quote-line {background:#fafafa; border-bottom:1px solid #f0f0f0;}
.free-quote-line-960 {width:960px; height:52px; margin:0 auto;}
.free-quote-line-960 p {font-size: 30px; margin:0; padding-top:17px;}
.free-quote-line-960 .left {float:left;}
.free-quote-line-960 .right {float:right; padding-top:3px;}

.free-quote-header {display:block; width:225px; height:46px; background:url(images/button-free-quote-header.gif) no-repeat left top;}
.free-quote-header:hover {background:url(images/button-free-quote-header.gif) no-repeat left bottom;}
.free-quote-header span {display:none;}
/* /free quote line */

/* services line */
.services {}
.services-p {padding-left:80px;}
.services img {float:left; margin-right:12px;}
.services .block {width:308px; float:left; padding-right:18px;}
.services .block-last {width:308px; float:left;}

.read-more {display:block; width:85px; height:26px; background:url(images/button-read-more.gif) no-repeat left top;}
.read-more:hover {background:url(images/button-read-more.gif) no-repeat left bottom;}
.read-more span {display:none;}

.services-separator {height:40px; clear:both;}
/* /services line */

/* welcome + latest projects */
.welcome-to {width:615px; float:left; padding-right:65px;}

.latest-projects {width:280px; float:left;}
.project-1-2 {margin: 15px 13px 8px 0;}
.project-3 {margin: 15px 0 8px 0;}
.project-4-5 {margin: 0 13px 0 0;}
.project-6 {}
.latest-projects img {padding:4px; border:1px solid #eaeaea;}
.latest-projects a:hover img {border:1px solid #f0a938;}
/* /welcome + latest projects */


				/* =About Us= */
.about-us {width:590px; float:left;}

.testimonials {width:315px; float:right;}
.testimonials img {float:left; margin-top:24px; border:1px solid #eaeaea; padding:4px;}
.testimonials a:hover img {border:1px solid #f0a938;}
.testimonials-p {font-style:italic; padding-left:90px; padding-bottom:10px;}
.testimonials-p-bold {font-weight:bold; font-style:italic; padding-left:90px; padding-top:10px;}
.testimonials .separator {clear:both; border-bottom:1px solid #d9d9d9;}


				/* =Services= */
.services-block-p {padding-left:80px;}

/* left side */
.services-left {width:455px; float:left;}
.services-left img {float:left; margin-top:15px;}

.services-web-design {display:block; width:225px; height:46px; background:url(images/button-services-web-design.gif) no-repeat left top; margin-left:80px; margin-top:20px;}
.services-web-design:hover {background:url(images/button-services-web-design.gif) no-repeat left bottom;}
.services-web-design span {display:none;}

.services-corporate-id {display:block; width:225px; height:46px; background:url(images/button-services-corporate-id.gif) no-repeat left top; margin-left:80px; margin-top:20px;}
.services-corporate-id:hover {background:url(images/button-services-corporate-id.gif) no-repeat left bottom;}
.services-corporate-id span {display:none;}
/* /left side */

/* right side */
.services-right {width:455px; float:right;}
.services-right img {float:left; margin-top:15px;}

.services-ecommerce {display:block; width:225px; height:46px; background:url(images/button-services-ecommerce.gif) no-repeat left top; margin-left:80px; margin-top:20px;}
.services-ecommerce:hover {background:url(images/button-services-ecommerce.gif) no-repeat left bottom;}
.services-ecommerce span {display:none;}

.services-online-marketing {display:block; width:225px; height:46px; background:url(images/button-services-online-marketing.gif) no-repeat left top; margin-left:80px; margin-top:20px;}
.services-online-marketing:hover {background:url(images/button-services-online-marketing.gif) no-repeat left bottom;}
.services-online-marketing span {display:none;}
/* /right side */


				/* =Portfolio= */
/* left side */
.portfolio-left {width:450px; float:left;}
.portfolio-left img {border:5px solid #eaeaea;}
.portfolio-left a:hover img {border:5px solid #f0a938;}
/* /left side */

/* right side */
.portfolio-right {width:450px; float:right;}
.portfolio-right img {border:5px solid #eaeaea;}
.portfolio-right a:hover img {border:5px solid #f0a938;}
/* /right side */

.project-name {font-weight:bold;}
.project-description {margin-top:5px; margin-bottom:5px;}

/* under-project navigation */
.under-nav {height:35px; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9;}
.under-nav .left {float:left;}
.under-nav .right {float:right;}

.view-online {display:block; width:100px; height:24px; background:url(images/button-view-online.gif) no-repeat left top; margin-top:6px;}
.view-online:hover {background:url(images/button-view-online.gif) no-repeat left bottom;}
.view-online span {display:none;}

.see-project {display:block; width:100px; height:24px; background:url(images/button-see-project.gif) no-repeat left top; margin-top:6px;}
.see-project:hover {background:url(images/button-see-project.gif) no-repeat left bottom;}
.see-project span {display:none;}

.up {display:block; width:20px; height:20px; background:url(images/button-up.png) no-repeat left top; margin-top:8px;}
.up:hover {background:url(images/button-up.png) no-repeat left bottom;}
.up span {display:none;}
/* /under-project navigation */


				/* =Contact= */
.free-quote {width:580px; float:left;}

.quick-contact {width:325px; float:right;}
.quick-contact-back {background: #f0f0f0;}
.quick-contact-thin {margin: 0 13px 0 13px; padding: 1px 0 5px 0;}


				/* =General= */
/* h2 */
h2 {font: 24px Arial, Helvetica, sans-serif; color:#000000;}

h2.under {font: 24px Arial, Helvetica, sans-serif; color:#000000; border-bottom:1px solid #d9d9d9;}

h2.span {font: 24px Arial, Helvetica, sans-serif; color:#282828; margin:20px 0 0 0; padding-bottom:2px;}
.span-p {font: normal 11px Arial, Helvetica, sans-serif; color:#c0c0c0; padding-bottom:4px; margin:0;}

h2.under-span {font: 24px Arial, Helvetica, sans-serif; color:#282828; margin:20px 0 0 0; padding-bottom:2px;}
.under-span-p {font: normal 11px Arial, Helvetica, sans-serif; color:#c0c0c0; border-bottom:1px solid #d9d9d9; padding-bottom:4px; margin:0;}

h2.under-over {font: 24px Arial, Helvetica, sans-serif; color:#282828; border-top:1px solid #d9d9d9; margin:15px 0 0 0; padding-bottom:2px; padding-top:4px;}
.under-over-p {font: normal 11px Arial, Helvetica, sans-serif; color:#c0c0c0; border-bottom:1px solid #d9d9d9; padding-bottom:4px; margin:0;}
/* /h2 */

.title {background:#fafafa; border-bottom:1px solid #f0f0f0; clear:both;}
.title-960 {width:960px; height:90px; margin:0 auto;}
.title h1 {font: 36px Arial, Helvetica, sans-serif; color:#3a3a3a; margin:0; padding-top:22px;}

.content {margin:0 auto; width:960px; text-align:left; clear:both;}
.footer-space {height:70px; clear:both;}
.clear {clear:both;}


/********** FOOTER **********/
.footer-separator {height:280px; clear:both;}

.footer {background:#f0f0f0; height:280px; position: relative;}
.footer-960 {margin:0 auto; width:960px; text-align:left;}

/* footer blocks */
.footer-960 .block {width:290px; float:left; padding-top:20px; padding-right:45px;}
.footer-960 .block-last {width:290px; float:left; padding-top:20px;}
.footer-960 .block-last p {margin:2px;}
.footer-960 h2 {font: bold 14px Arial, Helvetica, sans-serif; color:#4f4f4f;}
.footer-960 p span {color:#3ebbe4;}
/* /footer blocks */

/* free quote button */
.free-quote-footer {display:block; width:277px; height:38px; background:url(images/button-free-quote-footer.gif) no-repeat left top;}
.free-quote-footer:hover {background:url(images/button-free-quote-footer.gif) no-repeat left bottom;}
.free-quote-footer span {display:none;}
/* /free quote button */

/* footer support icons */
ul.support-icons {margin:0; padding:0; list-style:none;}
ul.support-icons li {margin:0; padding:5px 20px 0 0; color:#505050;}
ul.support-icons li img {float:left; padding-right:15px;}
/* /footer support icons */

.footer-960 .separator-bottom {height:20px; clear:both;}

.footer-copyright {border-top:1px solid #d9d9d9; padding-top:12px;}
.footer-copyright p {font:normal 11px Arial, Helvetica, sans-serif;}
.footer-copyright a {font:bold 11px Arial, Helvetica, sans-serif; color:#3e3d3d; text-decoration:none;}
.footer-copyright a:hover {color:#7f7f7f;}
.footer-copyright a.active {color:#7f7f7f;}