/* CSS Document */

*{
padding:0;
margin:0;
outline:none;
}

body{
background:url(../images/bg_body.gif) repeat left top;
color:#768797;
}

@font-face {
    font-family: 'helveticaneuelt_std_cnbold';
    src: url('../fonts/helveticaneueltstd-bdcn-webfont.eot');
    src: url('../fonts/helveticaneueltstd-bdcn-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticaneueltstd-bdcn-webfont.woff') format('woff'),
         url('../fonts/helveticaneueltstd-bdcn-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
font-family: 'DroidSerifItalic';
src: url('../fonts/droidserif-italic-webfont.eot');
src: url('../fonts/droidserif-italic-webfont.eot?#iefix') format('embedded-opentype'),
	 url('../fonts/droidserif-italic-webfont.woff') format('woff'),
	 url('../fonts/droidserif-italic-webfont.ttf') format('truetype'),
	 url('../fonts/droidserif-italic-webfont.svg#DroidSerifItalic') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'webfontregular';
src: url('../fonts/futuram-webfont.eot');
src: url('../fonts/futuram-webfont.eot?#iefix') format('embedded-opentype'),
	 url('../fonts/futuram-webfont.woff') format('woff'),
	 url('../fonts/futuram-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

ul{
padding:0;
margin:0;
list-style:none;
}

li{
padding:0;
margin:0;
}

h1{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:30px;
color:#758797;
text-shadow:#f7f7f8 1px 1px;
border-bottom:solid 1px #c5cbd1;
margin-bottom:18px;
padding-bottom:4px;
font-weight:normal;
text-transform:uppercase;
line-height:24px;
}

h2{}

p{}

a{
text-decoration:none;
}

img{
border:none;
outline:none;
}

.clear{
clear:both;
height:0;
line-height:0;
font-size:0;
}

#wrapper{
width:100%;
}

#main_header{
width:100%;
background:url(../images/bg_blue.gif) no-repeat center top #004284;
border-bottom:solid 1px #003467;
}

#header{
margin:0 auto;
width:971px;
height:65px;
background:url(../images/bg_herader.png) no-repeat right bottom #FFFFFF;
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
behavior: url(pie.htc);
padding:7px 0px 0 9px;
position:relative;
}

#logo{
float:left;
width:200px;
margin-left:10px;
}

.menu{
width:700px;
float:right;
padding-top:22px;
position:relative;
}

.menu ul{
padding:0;
margin:0;
list-style:none;
position:absolute;
z-index:100;
}

.menu li{
display:block;
float:left;
padding:0 12px 0 13px;
}

.menu li a{
font-family: 'helveticaneuelt_std_cnbold';
font-size:16px;
color:#21303e;
text-transform:uppercase;
position:relative;
display:block;
float:left;
}

.menu li a:hover,
.menu li a.active{
color:#f1631d;
}

#slide{
position:absolute;
bottom:-40px;
border-bottom:solid 3px #f1631d;
z-index:999;
}

#banner{
width:980px;
margin:0 auto;
padding:90px 0 0 0;
}

#banner h2{
text-align:center;
font-family:Georgia, "Times New Roman", Times, serif;
text-shadow:#023362 0 1px;
font-size:40px;
color:#ffffff;
font-weight:normal;
}

#banner h1{
background:url(../images/banner_h1.png) no-repeat right 10px;
font-family:Georgia, "Times New Roman", Times, serif;
text-shadow:#023362 1px 1px;
font-size:60px;
color:#ffffff;
font-weight:normal;
border-bottom:none;
padding-bottom:45px;
width:744px;
margin:0 0 0 70px;
line-height:54px;
}

/*-- Services --*/

#services{
width:980px;
margin:4px auto;
padding-bottom:42px;
}

.ball1 {
background:url(../images/circle_design.png) no-repeat left top;
width:186px;
height:185px;
margin:0 auto;
-moz-animation:spinoff 10s infinite linear;
-webkit-animation:spinoff 10s infinite linear;
display:block;
}

@-moz-keyframes spinoff {
	0% { -moz-transform:rotate(0deg); }
	100% { -moz-transform:rotate(360deg); }
}

@-webkit-keyframes spinoff {
	0% { -webkit-transform:rotate(0deg); }
	100% { -webkit-transform:rotate(360deg); }
}

.logo_design,
.web_design,
.web_app,
.desktop_app{
width:186px;
height:185px;
margin-right:78px;
float:left;
cursor:pointer;
z-index:99;

}
.desktop_app{
margin-right:0;
}

.logo_design:hover{
background:url(../images/circle_logo.png) no-repeat left bottom;
}

.web_design:hover{
background:url(../images/circle_design.png) no-repeat left bottom;
}

.web_app:hover{
background:url(../images/circle_web_app.png) no-repeat left bottom;
}

.desktop_app:hover{
background:url(../images/circle_desktop_app.png) no-repeat left bottom;
}

.logo_design:hover .ball1,
.web_design:hover .ball1,
.web_app:hover .ball1,
.desktop_app:hover .ball1{
visibility:hidden;
}

/*-- End Services --*/

#main_content{
width:100%;
background:url(../images/shadow_content.png) repeat-x left top;
}

#content{
width:980px;
margin:0 auto;
padding-top:37px;
}

#recent_work{
width:980px;
position:relative;
margin-bottom:50px;
}

#recent_work ul{
padding:0;
margin:0;
list-style:none;
}

#recent_work li{
float:left;
margin-right:20px;
border:solid 1px #d2d1d1;
display:block;
}

#recent_work li a{
padding:4px;
background-color:#FFFFFF;
display:block;
float:left;
width:219px;
height:150px;
}

#recent_work li.first{
margin-right:0;
}

#testimonials{
width:980px;
font-family: 'DroidSerifItalic';
font-size:23px;
color:#768797;
text-shadow:#f6f7f8 1px 1px;
margin-bottom:55px;
}

.logos_div{
background:url(../images/bg_logos.png) no-repeat left top;
width:186px;
height:83px;
float:left;
margin-right:18px;
padding-bottom:5px;
}

#comments{
font-family: 'DroidSerifItalic';
color:#f26122;
font-size:18px;
float:left;
width:250px;
padding:3px 0;
text-shadow:#f6f7f8 1px 1px;
}

#our_clients{
width:980px;
margin-bottom:70px;
}

#our_clients ul{
padding:0;
margin:0;
list-style:none;
}

#our_clients li{
float:left;
margin-right:32px;
}

#our_clients li.last{
margin-right:0;
}

#main_footer{
width:100%;
background:url(../images/bg_footer.gif) repeat-x left top;
}

#footer{
width:980px;
margin:0 auto;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#4a5c6c;
height:195px;
}

#footer p{
padding-bottom:8px;
}

#copy_rights{
float:left;
width:307px;
padding-top:34px;
}

#copy_rights p{
padding-bottom:17px;
}

#helpful_links{
width:183px;
background:url(../images/sep_footer.gif) no-repeat left top;
padding:34px 0 0 37px;
float:left;
min-height:136px;
}

#contact_footer{
width:226px;
background:url(../images/sep_footer.gif) no-repeat left top;
padding:34px 0 0 37px;
float:left;
min-height:136px;
}

#helpful_links h1,
#contact_footer h1,
#follow_us h1{
font-family: 'webfontregular';
font-size:20px;
color:#425566;
padding-bottom:6px;
border:none !important;
text-shadow:none;
text-transform:none;
margin-bottom:0;
}

#helpful_links ul{
padding:0;
margin:0;
list-style:none;
}

#helpful_links li{
line-height:20px;
}

#helpful_links li a{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#4a5c6c;
text-decoration:underline;
}

#helpful_links li a:hover,
#helpful_links li a.active{
text-decoration:none;
}

#follow_us{
width:147px;
background:url(../images/sep_footer.gif) no-repeat left top;
padding:34px 0 0 37px;
float:left;
min-height:136px;
}

#follow_us h1{
padding-bottom:13px;
}

#follow_us ul{
padding:0;
margin:0;
list-style:none;
}

#follow_us li{
float:left;
margin-right:10px;
}

#inner_banner{
width:980px;
margin: 0 auto;
background:url(../images/bg_inner_banner.png) no-repeat right bottom;
padding:87px 0 42px 0;
}

#inner_banner h1{
text-transform:none;
border:none;
color:#FFFFFF;
text-shadow:#023362 1px 1px;
font-size:40px;
padding-bottom:0;
margin-bottom:0;
}

#left_nav{
width:248px;
background:url(../images/bg_left.png) no-repeat left top;
min-height:760px;
padding-top:45px;
float:left;
}

#left_nav ul{
padding:0;
margin:0;
list-style:none;
}

#left_nav li{
background:url(../images/sep_left_nav.gif) no-repeat left bottom;
display:block;
line-height:40px;
padding-bottom:1px;
}

#left_nav li a{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
color:#535e68;
text-align:right;
padding-right:21px;
display:block;
height:40px;
}

#left_nav li a:hover,
#left_nav li a.active{
background:url(../images/left_nav_hover.png) repeat-y left top;
color:#f1631d;
}

#content_right{
float:right;
width:666px;
padding-top:49px;
}

#portfolio{
width:666px;
}

#portfolio ul{
padding:0;
margin:0;
list-style:none;
}

#portfolio li{
float:left;
display:block;
margin:0 34px 30px 0;
}

#portfolio li a{
background:url(../images/portfolio_circle.png) no-repeat left top;
width:199px;
height:142px;
display:block;
float:left;
padding:58px 0 31px 0px;
text-align:center;
}

#portfolio li.last{
margin-right:0 !important;
}