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

/*START OF MAIN--------------------
-------------------------------------- */
html {
-webkit-font-smoothing: subpixel-antialiased;
}

body{
margin:0 auto;
background:url(../images/bg.jpg) top center repeat;
}

#home_wrapper {
margin:inherit;
background:url(../images/home_wrapper.jpg) top center repeat-x;
height:505px;
}

#work_wrapper {
margin:0 auto;
padding:40px 0 0 0;
background:url(../images/content_wrapper_bg.jpg) top center repeat-x;
height:200px;
}

#header {
width:940px;
height:125px;	
margin:0 auto;
padding:40px 0 0 0;
}

#header_work {
width:940px;
height:186px;	
margin:0 auto;
}

#logo {
width:240px;
height:100px;
margin:0;
float:left;
}

#nav {
width:700px;
height:100px;
margin:0;
padding:0;
float:left;
}

#nav ul{
margin:0;
padding:33px 0 0 0;
text-align:right;
list-style: none;
text-indent:0;
}

#nav ul li {
margin:0;
padding:0 0 0 40px;
font-family:'Narrow', Helvetica, sans-serif;
font-size:18px;
font-weight: normal;
text-transform:none;
display:inline-block;
position:relative;
}

#nav ul li a {
text-decoration: none;
color: #404041;
}

#nav a:hover, a.current {
text-decoration:none;
border-bottom:1px dotted #CC9900;
}

#home_image {
width:940px;
height:380px;
margin:0 auto;
}

#home_title {
width:940px;
height:95px;
margin:0 auto;
}

#home_content_wrap {
width:940px;
height:285px;
margin:0 auto;
background:url(../images/home_content_wrap.png) no-repeat;
}

#left_content {
width:430px;
height:235px;
margin:25px 25px 25px 25px;
float:left;
}

#welcome_title {
width:430px;
height:60px;
float:left;
}

#right_content {
width:410px;
height:235px;
margin:25px 25px 25px 25px;
float:left;
}

#connect_title {
width:410px;
height:60px;
float:left;
}

#right_content p, #left_content p {
font-family:'Narrow', Arial, Helvetica, sans-serif;
line-height:120%;
font-size:14px;
text-align:left;
color:#cccccc;
}

#right_content p {
line-height:150%;
}

#right_content p a {
text-decoration: none;
color: #fcb040;
}

#right_content p a:hover {
text-decoration:none;
border-bottom:1px dotted #fcb040;
}

#social {
height:70px;
margin:0;
float:left;
}

#social a {
opacity: 0.5;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

#social a:hover {
opacity: 1;

}

#client {
width:135px;
height:40px;
float:right;
margin:60px 0 0 0;
}


#footer_line {
width:940px;
height:55px;
margin:0 auto;
}

#footer {
width:940px;
height:40px;
margin:0 auto;
padding:0 0 10px 0;
}

#footer p, #footer a {
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
text-align:center;
color:#cccccc;
text-decoration:none;
}

#footer a:hover {
color:#fcb040;
}

/*START OF WORK*/
#web_title, #identity_title, #print_title {
width:940px;
height:104px;
margin:0 auto;
background:url(../images/title.png) no-repeat;
}

#work_links {
width:500px;
height:35px;
margin:30px 0 0 225px;
float:left;
}

#work_links ul{
text-align:left;
list-style: none;
margin:0;
}


#work_links ul li {
font-family:'Narrow', Helvetica, sans-serif;
font-size:28px;
font-weight: normal;
text-transform:none;
display:inline;
color:#cccccc;
margin:0px 5px 0px 0px;
}

#work_links a {
text-decoration: none;
color: #cccccc;
}

#work_links li.local {
font-family:'script', Arial, Helvetica, sans-serif;
color:#CC9900;
font-size:30px;
}

#work_links a:hover, a.current {
color:#FFFFFF;
}


#work_top, #services_top {
width:940px;
height:20px;
margin:0 auto;
background:url(../images/contentTop.jpg) no-repeat;
}

#work_margin {
width:940px;
height:20px;
margin:0 auto;
background:url(../images/contentMargin.jpg) no-repeat;
}

#work_scroll {
width:940px;
min-height:230px;
margin:0 auto;
background:url(../images/contentScroll.jpg);
}

#work_thumb {
width:280px;
height:230px;
margin:0 0 0 25px;
float:left;
}

#work_thumb a {
opacity: 1;
}

#work_thumb a:hover {
opacity: 0.75;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

#work_thumb p {
text-align:center;
font-family:'Narrow', Arial, Helvetica, sans-serif;
font-size:15px;
color:#e0e0e0;
color:#fcb040;
}

#work_thumb p a{
text-align:center;
font-family:'Narrow', Arial, Helvetica, sans-serif;
font-size:15px;
color:#FFFFFF;
text-decoration:none;
}

#work_thumb p a:hover {
text-decoration:none;
border-bottom:1px dotted #CC9900; 
}


#work_bottom, #services_bottom, #about_bottom {
width:940px;
height:60px;
margin:0 auto;
background:url(../images/contentBottom.jpg) no-repeat;
padding:0 0 0 0;
text-align:right;
}

#work_bottom a {
font-family:'Narrow', Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
text-decoration:none;
margin:30px 0 0 0;
float:right;
}

#work_bottom a:hover {
text-decoration:none;
border-bottom:1px dotted #CC9900; 
}


/*START OF SERVICES*/
#services_wrapper {
margin:inherit;
background:url(../images/content_wrapper_bg.jpg) top center repeat-x;
height:415px;
}

#services_top_wrap {
width:940px;
height:290px;
margin:0 auto;
}

#services_title {
width:456px;
height:290px;
margin:0;
float:left;
}

#services_image {
width:484px;
height:290px;
margin:0;
float:left;
}

#services_scroll {
width:940px;
min-height:382px;
margin:0 auto;
background:url(../images/contentScroll_services.jpg);
}

#services_left_image {
width:105px;
height:382px;
float:left;
margin:0 0 0 20px; 
}

#services_left {
width:315px;
height:382px;
float:left;
margin:0 20px 0 0;
}

#services_left p, #about_text p, #contact_wording p {
font-family:'Narrow', Arial, Helvetica, sans-serif;
font-size:13px;
text-align:left;
color:#cccccc;
}

#services_left h2 {
font-family:'Narrow', Arial, Helvetica, sans-serif;
font-size:13px;
text-align:left;
display:inline;
color:#CC9900;
}

#contact_wording span {
font-family:'Narrow', Arial, Helvetica, sans-serif;
font-size:16px;
text-align:left;
display:inline;
color:#CC9900;
}


#services_right_image {
width:105px;
height:382px;
float:left;
margin:0 0 0 40px; 
}

/*START OF ABOUT PAGE*/

#about_wrapper {
margin:inherit;
background:url(../images/content_wrapper_bg.jpg) top center repeat-x;
height:290px;
}

#about_top_wrap {
width:940px;
height:290px;
margin:0 auto;
}

#about_top {
width:940px;
min-height:20px;
margin:0 auto;
background:url(../images/about_top_content.jpg);
}


#about_scroll {
width:940px;
min-height:500px;
margin:0 auto;
background:url(../images/about_mid_content.jpg);
}

#about_text {
width:575px;
height:500px;
float:left;
margin:0 0 0 340px;
}

/*CONTACT FORM*/

#contact_top {
background:url(../images/contact_form_top.jpg) no-repeat;
width:655px;
height:135px;
margin:0;
}

#contact_wording {
width:465px;
height:115px;
margin:20px 0 0 130px;
float:left;
}

#contact {
width:940px;
margin:0 auto;
font-family:'Narrow', Arial, Helvetica, sans-serif;
color:#CCCCCC;
}

#contact-wrapper {
width:615px;
padding:20px;
margin:0;
background: #1B1E15 url(../images/form_bg.jpg) repeat 0 0;
}

#contactform {
width:615px;
}

#contact-wrapper div {
clear:both;
margin:1em 0;
}

#contact-wrapper p {
color:#CC9900;
width:550px;
}


#contactform input {
border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
border-style:solid;
width:550px;
border-width:1px;
padding:5px;
margin:0 0 15px 0;
font-size:16px;
color:#CC9900;
}

#contactform input, #contactform textarea {
background: #1B1E15 url(../images/bg.jpg) repeat 0 0;
width:550px;
color:#CC9900;
border: 1px solid #1B1E15;
font-size: 18px;
padding: 5px;
overflow:auto;
}


#contactform label {
color:#CCCCCC;
display: block;
font-weight: normal;
margin:0 0 0 0;
font-size:13px;
float:none;
}

#contactform label.error {
color:#CC9900;
}

#contactform input.submit {
background: transparent url(../images/site/submit_btn.png) no-repeat 0 0;
border: 0;
height: 27px; 
margin: 0; 
padding: 0;
width: 98px;
cursor:pointer;
}

#contactform input.submit { background-image: url(../images/submit_btn.png); }

#contactform input.submit:hover, #contactform input.submit:active{ background-position: 0 -27px; }

#wrap_error {
width:940px;
margin:0 auto;
}

#header_error {
background:url(../images/404head.png);
height:330px;
width:940px;
margin:20px auto 0 auto;
float:left;
}

#error_text {
margin:120px 0 0 270px;
width:405px;
height:165px;
text-align:center;
font-family:'Narrow', Arial, Helvetica, sans-serif;
}

#error_text h1 {
display:inline;
font-size:25px;
}

/*IMAGE BOARDERS*/
a {outline:0;}
a img { border:0 }
img { border:0 }

/*START OF MAIN--------------------
-------------------------------------- */

/*FONTS----------------------------
---------------------------------------*/	
@font-face {
font-family: Narrow;
src: url("Light.eot") /* EOT file for IE */
}
@font-face {
font-family: Narrow;
src: url("Light.ttf") /* TTF file for CSS3 browsers */
}
@font-face {
font-family: Script;
src: url("script.eot") /* EOT file for IE */
}
@font-face {
font-family: Script;
src: url("script.ttf") /* TTF file for CSS3 browsers */
}

/*END OF FONTS----------------------------
---------------------------------------*/	


/*START OF TIPTIP--------------------
-------------------------------------- */
#tiptip_holder {
display: none;
position: absolute;
top: 0;
left: 0;
z-index: 99999;
}

#tiptip_holder.tip_top {
padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
padding-top: 5px;
}

#tiptip_holder.tip_right {
padding-left: 5px;
}

#tiptip_holder.tip_left {
padding-right: 5px;
}

#tiptip_content {
font-size: 12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #000000;
text-shadow: none;
padding: 3px 6px;
border: none;
background-color: #fff;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
/*
box-shadow: 1px 1px 1px #8c9294;
-webkit-box-shadow: 1px 1px 1px #8c9294;
-moz-box-shadow: 1px 1px 1px #8c9294;
*/
}

#tiptip_arrow, #tiptip_arrow_inner {
position: absolute;
border-color: transparent;
border-style: solid;
border-width: 6px;
height: 0;
width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
border-top-color: #fff;
border-top-color: #fff;
}

#tiptip_holder.tip_bottom #tiptip_arrow {
border-bottom-color: #fff;
border-bottom-color: #fff;
}

#tiptip_holder.tip_right #tiptip_arrow {
border-right-color: #fff;
border-right-color: #fff;
}

#tiptip_holder.tip_left #tiptip_arrow {
border-left-color: #fff;
border-left-color: #fff;
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
margin-top: -7px;
margin-left: -6px;
border-top-color: #fff;
border-top-color: #fff;
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
margin-top: -5px;
margin-left: -6px;
border-bottom-color: #fff;
border-bottom-color: #fff;
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
margin-top: -6px;
margin-left: -5px;
border-right-color: #fff;
border-right-color: #fff;
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
margin-top: -6px;
margin-left: -7px;
border-left-color: #fff;
border-left-color: #fff;
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {  
#tiptip_content {
padding: 3px 6px 2px 6px;
background-color: #fff;
}
#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
border-bottom-color: #fff;
}
#tiptip_holder.tip_top #tiptip_arrow_inner { 
border-top-color: #fff;
}
}
/*END OF TIPTIP--------------------
-------------------------------------- */

/*START OF SLIDER--------------------
-------------------------------------- */
#top {
height: 29px;
float:right;
width:172px;
margin:10px 0 0 0;
}

#login {
width: 100%;
color: #FFFFFF;
background: #1E1E1E;
overflow: hidden;
position: relative;
z-index: 3;
height: 0;
}

#login form .row {
height: 38px;
display:inline-block;
}


#login a {
text-decoration: none;
color: #CC9900;
}

#login a:hover {
color: #FFFFFF;
}

#login .loginContent {
width: 550px;
height: 200px;
margin: 0 auto;
padding-top: 25px;
text-align: left;
font-size: 0.85em;
}

#login .loginContent form {
margin: 0 0 10px 175px;
height: 26px;
}

#login .loginContent input {
float: left;
width:153px;
height: 19px;
padding: 4px 6px 0 6px;
border:none;
font-size: 12px;
background: url(../images/slider_images/input-bg-a.png) repeat-x 0 0;
color:#000000;
}


#login .loginContent input.button_login {
margin:0 84px 0 84px;
width: 32px;
height: 32px;
border: none;
background: transparent url(../images/slider_images/button_login.png) repeat-x 0 0;
outline:none;
}

#login .loginContent input.button_login:hover {
background: transparent url(../images/slider_images/button_login.png) repeat-x 0 0;
background-position: -32px 0;
cursor: pointer;
}

#login .loginClose {
display: block;
position: absolute;
right: 15px;
top: 10px;
width: 90px;
text-align: left;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
color: #FFFFFF;
letter-spacing:1px;

}

#login .loginClose a {
display: block;
width: 100%;
height: 20px;
background: url(../images/slider_images/butn-del.png) no-repeat right 0;
padding-right: 10px;
border: none;
color:#FFFFFF;
}

#login .loginClose a:hover {
opacity:.95;
}




#login form label {
float: left;
display: block;
width: 34px;
height: 23px;
margin-right: 1px;
background-position: 0 0;
background-prepeat: no-repeat;
}

#login .username {
background: url(../images/slider_images/login-user.png);
}

#login .pass {
background: url(../images/slider_images/login-pass.png);
}

#login .keep, login .keep-active {
background: url(../images/slider_images/login-keeplogged.png);
}

#login .keep-active {
background: url(../images/slider_images/login-keeplogged.png) no-repeat -68px 0;
}

#login label:hover {
background-position: -34px 0;
cursor: pointer;
}

#form_title, .label_title {
font-family:'Narrow', Arial, Helvetica, sans-serif;
padding:0 0 10px 0;
font-size:18px;
letter-spacing:1px;
color:#CC9900;
}

.label_title {
padding:0;
font-size:12px;
color:#FFFFFF;
}

/*END OF SLIDER--------------------
-------------------------------------- */