@charset "UTF-8";

@font-face {
  font-family: 'Vegur';
  src: url('Vegur-Regular.eot');
  src: local('Vegurr'), local('Vegur'), 
  url('Vegur-R_0500.otf') format('opentype');
}

body { font-family: 'Vegur', Arial, Helvetica, sans-serif; font-size:62.5%; color:#7c7c7b; margin:0px; background-color:#3a3934; }


.wrap { width:960px; margin:0px auto; }

#head { width:100%; height:445px; background-image:url(../img/head-bg.jpg); background-repeat:repeat-x; }
#head .banner { width: 960px; margin: 0 auto; height:105px; overflow: hidden; background-image:url(../img/top-banner-bg.jpg); background-repeat:no-repeat; }
#head .logo { margin-top:5px; float: left; }
#head .contact { width:250px; height:70px; float:right; padding-top:20px; }
#head .contact a { color:#FFF; text-decoration:none; }
#head .contact a:hover { color:#CCC; }
#head .contact ul { list-style-type:none; color:#FFF; font-size:1.8em; text-align:center; line-height:30px;  }
#head .contact ul span { font-size:1.8em; }
#head .header { width:1049px; overflow: hidden; height:340px; background-image:url(../img/header-bg.jpg); background-repeat:no-repeat; margin:0px auto; }
#head .text { width:460px; float:left; margin-top:220px; }
#head .text p { color:#FFF; font-size:1.5em; line-height:1.6em; font-style:italic; }
#head #slider-box { width:490px; height:310px; float:right; background-image:url(../img/slider-bg.png); background-repeat:no-repeat; background-position:37px 0px; margin-top:35px; position:relative; }

#content-background { width:100%; background-image:url(../img/content-bg.jpg); background-repeat:repeat-x; background-color:#276f8e; padding-bottom:80px; margin:0px;}

#navigation { width:978px; height:89px; margin:0px auto; }
#navigation ul{ list-style-type:none; margin:0px; padding:0px; }
#navigation li{ height: 89px; display: block; padding: 0; cursor: pointer; float:left;}
#navigation a {display:block; width:160px; height:89px; background-image:url(../img/navigation-sprite.jpg); background-repeat:no-repeat; text-indent:-9999px; }
#nav1 { background-position:0px 0px; }
#nav1:hover { background-position:0px -89px; }
#nav2 { background-position:-160px 0px; width:190px!important; }
#nav2:hover { background-position:-160px -89px; }
#nav3 { background-position:-350px -0px; width:220px!important;  }
#nav3:hover { background-position:-350px -89px; }
#nav4 { background-position:-570px 0px; width:213px!important;}
#nav4:hover { background-position:-570px -89px; }
#nav5 { background-position:-783px 0px; width:195px!important; }
#nav5:hover { background-position:-783px -89px; }

#content .lefttopside { width:10px; height:200px; position:absolute; left:0px; top:0px; background-image:url(../img/top-side.jpg); background-repeat:no-repeat; }
#content .leftbottomside { width:10px; height:200px; position:absolute; left:0px; bottom:0px; background-image:url(../img/bottom-side.jpg); background-repeat:no-repeat; }
#content .righttopside { width:10px; height:200px; position:absolute; right:0px; top:0px; background-image:url(../img/right-side.jpg); background-repeat:no-repeat; }
#content .rightbottomside { width:10px; height:200px; position:absolute; right:0px; bottom:0px; background-image:url(../img/right-side-bottom.jpg); background-repeat:no-repeat; }
#content .bottom { width:960px; height:29px; background-image:url(../img/content-box-bottom.jpg); background-repeat:no-repeat; position:absolute; bottom:-29px; left:0px; }
#content { width:900px; min-height:360px; background-image:url(../img/content-box-bg.jpg); background-repeat:repeat-y; position:relative; padding:20px 20px 20px 40px; }
#content .left { width:565px; border-right:1px solid #cdcdcd; padding-right:20px; padding-top:5px; float:left; }
#content .left ul { font-size:1.3em; color:#4a8ca8; margin-bottom:20px; }
#content .left ul span { color:#7c7c7b; }
#content .left li { margin-bottom:10px; }
#content .right { width:300px; float:right; }
#content .right h3 { background-image:url(../img/talk-to-us.jpg); background-repeat:no-repeat; background-position:left; padding-left:35px; padding-top:27px; margin-top:-15px; margin-bottom:20px; }
#content .right .form { width:250px; padding-left:30px; }

#services { width:960px; height:240px; margin-top:40px; padding:0px; margin-bottom:0px; }
#services ul.web { background-image:url(../img/services-bg.jpg); background-repeat:no-repeat; width:289px; list-style-type:none; padding:20px 20px 60px 10px; float:left; background-position:-5px 0px; line-height:20px; }
#services ul.seo { background-image:url(../img/services-bg.jpg); background-repeat:no-repeat; width:289px; list-style-type:none; padding:20px 20px 60px 10px; float:left; background-position:-325px 0px;line-height:20px;}
#services ul.graphic { background-image:url(../img/services-bg.jpg); background-repeat:no-repeat; width:269px; list-style-type:none; padding:20px 20px 60px 30px; float:left;  background-position:-665px 0px;line-height:20px;}
#services li { color:#FFF; font-size:1.4em; margin-bottom:32px; margin-left:50px; }

#footer { width:100%; height:91px; background-image:url(../img/footer-bg.jpg); background-repeat:repeat-x; margin:0px; padding-bottom:0px; padding-top:28px; }
#footer .logo { margin-top:-10px; float:left; }
#footer  p {  margin:0px 0px 0px; padding:0px; color:#CCC; font-size:1.2em; }
#footer .right { width:600px; float:right; }
#footer .left { width:300px; float:left; }
#footer .right ul { list-style-type:none; color:#FFF; font-size:1.2em; padding:0px 0px 0px 0px; text-align:right;}
#footer .right li { display:inline; margin-left:30px; }
#footer .right a { text-decoration:none; color:#FFF; }
#footer .right a:hover { color:#4a8ca8; }
#footer .right p { margin-top:10px; text-align:right; }
#footer img { margin-right:5px; }


#slider { width:306px; height:197px; margin-left:114px; margin-top:37px; }
#slider ul, #slider li { margin:0; padding:0; list-style:none; }
#slider li { width:306px; height:197px; overflow:hidden; }
#prevBtn, #nextBtn,  #slider1next, #slider1prev { display:block; width:47px; height:48px; position:absolute; left:30px; top:120px; z-index:1000; }
#nextBtn, #slider1next { left:450px; }
#prevBtn a, #nextBtn a,  #slider1next a, #slider1prev a { display:block; position:relative; width:47px; height:48px; background:url(../img/back-btn.png) no-repeat 0 0; }
#nextBtn a, #slider1next a { background:url(../img/next-btn.png) no-repeat 0 0; }


ul { margin:0px; padding:0px; }
h1,h2,h3,h4 { margin:0px; padding:0px; font-weight:normal; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#4a8ca8; }
h1 { font-size:2.9em; }
h2 { font-size:2em; }
h3 { font-size:2em; }
h4 { font-size:1.8em; color:#FFF; margin-bottom:30px; }
p { font-size:1.3em; line-height:20px; }
#start label{ display: block; text-indent: -9999px; font-size: 1px; }
.formstyle { width:224px; padding:10px 5px; margin-bottom:5px; border:1px solid #dcdcdc; background-color:#f7f7f7; color:#777776; }
.proceed { margin-top:10px; }



.clear { clear:both; }