@charset "utf-8";
/* CSS Document */

body { margin:0; padding:0; font-family: 'Lato', MyriadPro, Arial, Helvetica, sans-serif; }
.w990 { width:990px; margin:0 auto; }
.img_sprite { background:url(../images/sprite_copy.png) no-repeat; }
.clear_both { clear:both; }

::-moz-selection {
background-color: #c1dad6;
color: #000;
}

/* Works in Safari */
::selection {
background-color: #c1dad6;
color: #000;
}
.bg_w { background: url(../images/bg_w_btm.png) repeat-x bottom #fff; padding: 20px 0 50px; }
.bg_b { background: url(../images/bg_b_btm.gif) repeat-x bottom #f4f8f8; padding: 20px 0 50px; }
#go_to_top { background:url(../images/top.png) no-repeat; width:34px; height:48px; position:fixed; top:-46px; left:50%; margin-left:490px; cursor:pointer;}
#awning { background:url(../images/awning2_bg.png) repeat-x; height: 40px; position:relative; z-index:1; }
#welcome { background:url(../images/welcome_bg.png) repeat; padding:10px; color:#014747; position:fixed; top:60px; right:30px; font:14px/20px 'Lato', MyriadPro, Arial, Helvetica, sans-serif; z-index:1; border-radius:5px; width:240px; display:none; } 
#welcome a{ color: #d84e13; text-decoration:none; display:inline; cursor:pointer; }
#welcome a:hover { text-decoration:underline;}
#welcome_close { background:url(../images/icon_welcome_close.png) no-repeat; width:13px; height:13px; float:right; cursor:pointer; margin: -14px 0 0 242px; position: absolute;}
#logo { background:url(../images/logo02.png); width:152px; height:128px; margin-top: -66px; position: relative; float:left; z-index:0;}
.nav {  float:right; position:relative; padding: 0 50px; }
.nav .nav_left { background:url(../images/nav_left.png) no-repeat; width:45px; height:48px; float:left;}
.nav .nav_right { background:url(../images/nav_right.png) no-repeat; width:45px; height:48px; float:left;}
.nav ul { margin:0; padding:0; list-style:none; background:url(../images/nav_bg.png) repeat-x; float:left;} 
.nav ul li { float:left; background-position: -157px -42px; padding: 12px 16px 12px 23px;}
.nav ul li:first-child { background:none;}
.nav ul li a { color: #F37038; font-size: 14px; padding: 2px 3px; cursor:pointer; float:left; border-radius:3px; background-color:none; -webkit-transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; -ms-transition: background-color 0.5s ease; transition: background-color 1s ease; }
.nav ul li a:hover { background-color:#d6d8cc; }
#hdr { }
#hdr_left { float:left; padding-top: 100px; }
#hdr_right { float:left; margin: 45px 0 0 166px; background:url(../images/hdr_banner.jpg); width:414px; height:274px; }
#hdr_copy { float:left; color:#6d929b; font-size:30px; font-style:italic; font-weight:700; }
#hdr_copy span { color:#d84e13; }
#hdr_banner { float:right; }
#hdr_left #btns { letter-spacing: 1px; color:#fff; clear:both; float:left; margin-top:40px; font-size:14px; }
#hdr_left #btns #btn_works { background:url(../images/hdr_btn_orange.gif) repeat-x; height:30px; }
#hdr_left #btns #btn_works a { background-position:-144px -82px; float:left; padding:5px 10px 8px 30px; text-shadow:0 1px 1px #80300e; cursor:pointer; font-weight:bold; }
#hdr_left #btns div { float:left; border-radius:5px; }
#hdr_left #btns #btn_contact { background:url(../images/hdr_btn_blue.gif) repeat-x; height:30px; }
#hdr_left #btns #btn_contact a { background-position:-140px -124px; float:left; padding:6px 10px 8px 35px; text-shadow:0 1px 1px #3a5257; cursor:pointer; font-weight:bold; }
#slideshow { position:relative; font: italic normal 14px 'Lato', MyriadPro, Arial, Helvetica, sans-serif; color:#5d6868; text-align:center; margin-top:20px; }
#slideshow div { width:990px !important; }
#slideshow .client { font-style:normal; color:#353d3d; margin-top:10px; }
#slideshow .client span { color:#5d6868; }
.section_title { color:#f37038; font: italic bold 30px 'Lato', MyriadPro, Arial, Helvetica, sans-serif; padding: 10px 0 20px; }
.why_us_item_cont { float:left; color:#5d6868; margin: 20px 13px 10px 0; }
.why_us_item_cont .icon { float:left; width:40px; }
.why_us_item_cont .text { float:left; width:275px; font:14px/18px 'Lato', MyriadPro, Arial, Helvetica, sans-serif; }
.why_us_item_cont .text .title { font:italic bold 20px 'Lato', MyriadPro, Arial, Helvetica, sans-serif; padding-bottom: 7px; }
.why_us_item_cont .icon .icon_team { width:33px; height:21px; background-position:0 0; }
.why_us_item_cont .icon .icon_deadline { width:28px; height:33px; background-position:0 -22px; margin-top: -5px; }
.why_us_item_cont .icon .icon_communication { width:28px; height:24px; background-position:0 -55px; }
.why_us_item_cont .icon .icon_browser { width:26px; height:22px; background-position:0 -80px; margin-top: 2px; }
.why_us_item_cont .icon .icon_bug { width:25px; height:27px; background-position:0 -103px; }
.why_us_item_cont .icon .icon_support { width:30px; height:30px; background-position:0 -131px; margin-top: -3px; }
.solutions_item_cont { width:184px; float:left; color:#5d6868; margin:10px 13px 0 0; text-align:center; }
.solutions_item_cont .icon_cont { background:url(../images/solutions_icon_bg.gif) no-repeat; width:76px; height:76px; text-align:center; margin:auto; }
.solutions_item_cont .soln_title { font:bold 14px 'Lato', MyriadPro, Arial, Helvetica, sans-serif; padding:15px 0; }
.solutions_item_cont .soln_title_text { font:italic bold 12px 'Lato', MyriadPro, Arial, Helvetica, sans-serif; padding-bottom:10px; }
.solutions_item_cont .soln_text { font: normal 12px/20px 'Lato', MyriadPro, Arial, Helvetica, sans-serif; }
.solutions_item_cont .icon_cont .icon_web { width:33px; height:30px; background-position:-67px 0; margin: 22px; float:left; }
.solutions_item_cont .icon_cont .icon_design { width:32px; height:30px; background-position:-68px -32px; margin: 22px; float:left; }
.solutions_item_cont .icon_cont .icon_mobile { width:20px; height:31px; background-position:-68px -63px; margin: 23px 29px; float:left; }
.solutions_item_cont .icon_cont .icon_ecom { width:28px; height:28px; background-position:-67px -93px; margin: 24px; float:left; }
.solutions_item_cont .icon_cont .icon_hosting { width:18px; height:25px; background-position:-63px -123px; margin: 25px 29px; float:left; }
.works_item_cont { margin-top: 50px; }
.works_left { width:700px; float:left; margin-right:10px;}
.works_right { width:270px; float:left;} 
.works_right .proj_name { color:#5d6868; font:bold 18px 'Lato', MyriadPro, Arial, Helvetica, sans-serif; padding-bottom:6px;}
.works_right .proj_link { padding-bottom:20px; float:left; }
.works_right .proj_link a, #works_right .proj_link a:visited{ color:#f37038; font:italic normal 14px 'Lato', MyriadPro, Arial, Helvetica, sans-serif; text-decoration:none; float:left; }
.works_right .proj_desc { color:#5d6868; font:14px/18px 'Lato', MyriadPro, Arial, Helvetica, sans-serif; padding-bottom:10px; clear:both; }
#contact_left { float:left; width:485px; margin-right:10px; }
#contact_right { float:left; width:485px; }
#contact_left input.text { background-color:#ebece5; border-radius:3px; border:0; padding: 10px 8px 10px 26px; width: 445px; margin-bottom:42px; font: normal 14px 'Lato', MyriadPro, Arial, Helvetica, sans-serif; color:#5d6868; }
#contact_left input.name { background-position:-98px -159px; box-shadow:0 0 0 #D9DAD4 inset; -webkit-transition: background-position 0.5s ease, box-shadow 0.5s ease; -moz-transition: background-position 0.5s ease, box-shadow 0.5s ease; -o-transition: background-position 0.5s ease, box-shadow 0.5s ease; -ms-transition: background-position 0.5s ease, box-shadow 0.5s ease; transition: background-position 1s ease, box-shadow 0.5s ease; }
#contact_left input.name:hover, #contact_left input.name.hover { background-position:-144px -159px; }
#contact_left input.name:focus, #contact_left input.name.focus {  outline:0; box-shadow:0 0 10px #D9DAD4 inset; background-position:-144px -159px; }
#contact_left input.email { background-position:-101px -197px; box-shadow:0 0 0 #D9DAD4 inset; -webkit-transition: background-position 0.5s ease, box-shadow 0.5s ease; -moz-transition: background-position 0.5s ease, box-shadow 0.5s ease; -o-transition: background-position 0.5s ease, box-shadow 0.5s ease; -ms-transition: background-position 0.5s ease, box-shadow 0.5s ease; transition: background-position 1s ease, box-shadow 0.5s ease; }
#contact_left input.email:hover, #contact_left input.email.hover { background-position:-144px -197px; }
#contact_left input.email:focus, #contact_left input.email.focus {  outline:0; box-shadow:0 0 10px #D9DAD4 inset; background-position:-144px -197px; }
#contact_left input.phone { background-position:-69px -237px; box-shadow:0 0 0 #D9DAD4 inset; margin-bottom:0; -webkit-transition: background-position 0.5s ease, box-shadow 0.5s ease; -moz-transition: background-position 0.5s ease, box-shadow 0.5s ease; -o-transition: background-position 0.5s ease, box-shadow 0.5s ease; -ms-transition: background-position 0.5s ease, box-shadow 0.5s ease; transition: background-position 1s ease, box-shadow 0.5s ease; }
#contact_left input.phone:hover, #contact_left input.phone.hover { background-position:-142px -237px; }
#contact_left input.phone:focus, #contact_left input.phone.focus {  outline:0; box-shadow:0 0 10px #D9DAD4 inset; background-position:-142px -237px; }
.form_label { color:#5d6868; font: normal 14px 'Lato', MyriadPro, Arial, Helvetica, sans-serif; padding-bottom:5px; width:250px; }
#contact_right textarea.message { overflow:auto; background: url(../images/textarea_bg.gif) no-repeat 400px 70px #ebece5; -webkit-transition: background-position 0.5s ease, box-shadow 0.5s ease; -moz-transition: background-position 0.5s ease, box-shadow 0.5s ease; -o-transition: background-position 0.5s ease, box-shadow 0.5s ease; -ms-transition: background-position 0.5s ease, box-shadow 0.5s ease; transition: background-position 1s ease, box-shadow 0.5s ease; box-shadow:0 0 0 #D9DAD4 inset; border-radius:3px; border:0; height: 174px; width: 460px; padding:10px; font: normal 14px 'Lato', MyriadPro, Arial, Helvetica, sans-serif; color:#5d6868; }
#contact_right textarea.message:hover { background-position:430px 70px; }
#contact_right textarea.message:focus { box-shadow:0 0 30px #D9DAD4 inset; outline:0; }
.btn_send { background:url(../images/send_btn_bg.png) repeat-x; margin:auto; text-align:center; font:bold 16px 'Lato', MyriadPro, Arial, Helvetica, sans-serif; color:#fff; border-radius:5px; padding:11px 0 14px; width:400px; cursor:pointer; margin-top:30px; }
ul#contact_icons { width:570px; margin:60px auto; padding:0; }
ul#contact_icons li { display:inline; list-style:none; }
ul#contact_icons li .con_icon { width:31px; height:30px; float:left; }
ul#contact_icons li .con_text { float:left; font: bold 16px 'Lato', MyriadPro, Arial, Helvetica, sans-serif; color:#5d6868; margin: 0 65px 0 10px; }
ul#contact_icons li .con_text a, ul#contact_icons li .con_text a:visited { color:#5d6868; text-decoration:none; }
ul#contact_icons .icon_phone { background-position:-32px -60px; width:31px; height:30px; }
ul#contact_icons .icon_skype { background-position:-31px -92px; width:32px; height:30px; margin-top: -3px; }
ul#contact_icons .icon_mail { background-position:-31px -123px; width:30px; height:20px; }
ul#contact_icons .icon_address { background-position:-35px -144px; width:22px; height:28px; }
#to_top { background-color:#b7afa3; opacity:0.5; border-radius:3px; position:fixed; bottom:10px; left:50%; margin-left:-100px;}
#to_top a, #to_top a:visited{ background-position:0 -191px;   font: bold 12px 'Lato', MyriadPro, Arial, Helvetica, sans-serif; color:#5d6868; padding-right:20px; text-decoration:none; }
.success  { display: block; padding: 20px 0 0; text-align: center; color:#3da31a; }
.error { display: block; padding: 20px 0 0; text-align: center; color:#cd0c0c; }