* { margin: 0; padding: 0; outline: 0; }
body { font: 12px/18px Arial,sans-serif; color: #000; text-align: left; background: #fff url(images/bg2.jpg) repeat center 0; overflow-y:scroll; }
body.inner { /*background:#000 url(images/bg-inner.jpg) repeat center 0;*/ background-repeat:repeat;}
body.inner #header{ height:110px}

fieldset{ border:0;}
a { color: #224466; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

.ar { display: block; text-align: right; }
.ac { display: block; text-align: center; }
.al { display: block; text-align: left; }
.cl { clear: both; height: 0; font-size: 0; line-height: 0; text-indent: -4000px;  }
.fr { float: right; display: inline; }
.fl { float: left; display: inline; }
.hidden { display: none; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.shell { margin: 0 auto; width: 856px; }

h1#logo{
	text-indent: -4000px;
	line-height:0;
	font-size: 0;
	width:379px;
	height:55px;
	float: left;
	display: inline;
	padding:50px 0 0 2px;
}
h1#logo a{
	display: block;
	height:55px;
	background:url(images/logo.png);
}

#header{ width:974px; position:relative; z-index: 1; height:541px}

#nav{ float: left; display: inline; width:497px; height:45px; background:url(images/nav.png); margin-top:55px; margin-left:53px; }
#nav ul{ list-style-type: none; padding-left:39px; }
#nav li{ float: left;  font-family: "Helvetica Neue", "Trebuchet MS", sans-serif;}
#nav li a{ float: left; padding:0 15px; line-height:45px; font-size: 23px;  color:#004e99; font-weight: bold;}
#nav li a:hover, #nav li a.active{ background: url( images/hov.gif) repeat-x; color:#fff; text-decoration: none;}

body#home a#menu_home,
body#services a#menu_services,
body#portfolio a#menu_portfolio,
body#blog a#menu_blog {background: url( images/hov.gif) repeat-x; color:#fff; text-decoration: none;}


.screen{ width:503px; height:386px; background:url(images/screen.png); position:absolute; top:154px; right:35px; z-index: 11;}
.left-part{ width:430px; color:#fff; font-size: 25px; line-height:30px; padding:84px 0 0 10px;}
.left-part p{ padding-bottom:34px; padding-left:9px; }
 a.more{ float: left; width:175px; height:48px; background:url(images/more.gif); color:#fff; text-align: center; line-height:49px; margin-left:8px}
 a:hover.more{ text-decoration: none;background:url(images/more-a.gif);}
 a.work{ float: left; width:175px; height:48px; background:url(images/work.gif); color:#fff; text-align: center; line-height:49px; margin-left:37px; }
 a:hover.work{ text-decoration: none;background:url(images/work-a.gif);}
 h3 {font-size: 31px; color:#0CF; text-align: left; letter-spacing: 0em;}
.portfoliomain {height:140px; width:260px; overflow:hidden;}
.scrollbox {height:90px; overflow-y:hidden; overflow-x:hidden;margin-right:5px;margin-top:-10px; }
.portfolio{ width:925px; margin:0 auto;  padding:34px 0 0px 4px;  }
.portfolio ul{ list-style-type: none;  float: left; list-style-position: outside; padding-left:4px; }
.portfolio li{ float: left; width:261px; padding-right:68px;}
.portfolio li.last{padding-right:0px;}
.portfolio li h3 { color:#fff; font-size: 30px; font-weight: normal; letter-spacing: 0.1em; text-align: center; text-transform: uppercase; padding-bottom:8px}
.portfolio li h3 a {text-transform:none; color:#fff; font-size:26px}
.portfolio li .image{ width:260px; height:196px;  position: relative; z-index: 1; margin-bottom:20px; vertical-align:middle; /*border:thin white solid;*/ background:transparent url('/css/images/box.png') no-repeat;line-height:196px;text-align:center;margin-top:-160px;}
.portfolio li .image img{position:relative; vertical-align:middle; display: inline;margin-left:auto; margin-right:auto;}
.portfolio li p{ font-size: 14px; color:#fff; line-height:16px; /*height:50px;*/ width:100%; overflow:hidden;}
.portfolio li .image span.l-hldr{ width:11px; height:24px; position:absolute; top:90px; left:10px; z-index: 11; display: block;}
.portfolio li .image a.larr{ width:11px; height:24px; background:url(images/larr.png) no-repeat; display: block;}
.portfolio li .image a.larr:hover {background:url(images/larr-a.png) no-repeat;}
.portfolio li .image span.r-hldr{ width:11px; height:24px; position:absolute; top:90px; right:10px; z-index: 11; display: block;}
.portfolio li .image a.rarr{ width:11px; height:24px; background:url(images/rarr.png) no-repeat; display: block;}
.portfolio li .image a.rarr:hover {background:url(images/rarr-a.png) no-repeat;}
.portfolio li .rounded{ width:261px; height:133px; background:url(images/black-rounded.png) no-repeat; margin-top:10px; }
.portfolio li .rounded h3{ font-size: 18px; color:#3c3c3c; text-align: center; line-height:33px; letter-spacing: 0.1em; padding-top:3px; text-transform:capitalize;}
.portfolio li .rounded ul{ list-style-type: none; padding-left:15px; padding-top:0px}
.portfolio li .rounded li{ font-size: 14px; color:#fff; line-height:18px;}
.inprogress {background:transparent; height:160px; width:210px; position:relative; top:20px; left:20px; z-index:20;}
.portfolio li .rounded li a{ color:#fff; line-height:22px; position:relative; z-index: 1;}
 #contentcontainer {width:100%; background:#fff; padding-top:15px; margin-top:15px;}
 #content{ padding-bottom:5px; left:50%; position:relative; display:block; margin-left:-419px; width:925px; /*background:#fff;*/ }
 #content ul{ list-style-type: none;}
 #content li{ float: left; width:261px; padding-right:68px; }
 #content li.last{ padding-right:0px; }
 #content li h3{ font-size: 22px; color:#000; /*text-transform: uppercase;*/ border-bottom:solid 10px #0089d8; padding-bottom:5px}
 #content li .no-border{ border-bottom:0 !important;}
 #content li .post{ padding-top:10px; border-bottom: solid 1px #000; margin-bottom:8px; padding-bottom:5px; }
 #content li .post img{ border:solid 1px #000; }
 #content li .post h4{ font-size: 14px; /*text-transform: uppercase;*/}
 .blue { color:#06F; }
 #content li .post h4.normal{ text-transform: none; }
 #content li .post h4 small{ font-size: 9px; font-family: Georgia, sans-serif; font-weight: normal; text-transform: none; }
 #content li .post p{ font-size: 11px; line-height:16px;}
 #content li a.view-all{ font-size: 14px; line-height:16px; font-weight: bold; color:#004D99; float: right;}
 #content li form { padding-top:14px; }
 #content li label { float: left; width:56px; text-align: right; padding-right:7px; line-height:18px; font-size: 11px;}
 #content li .field{ float: left; width:160px; padding: 1px 0 1px 2px; border:solid 1px #000; margin-bottom:10px; }
 #content li .large-field{ float: left; width:160px; padding: 1px 0 1px 2px; height:70px; border:solid 1px #000; margin-bottom:10px; overflow:auto; }
 #content li .btnp input{ float: right; width:99px; line-height:28px; background:url(images/btn.jpg); text-transform: uppercase; color:#fff; border:0; height:28px; font-weight: bold; margin-right:26px}
 #content li .btnp input{ cursor:pointer}
 
.services{ width:925px; margin:0 auto;  padding:34px 0 0px 24px; color:#fff; min-height:90%;}
.services ul{ list-style-type: none;  float: left; list-style-position: outside; padding-left:4px; }
.services li{ float: left; width:200px; padding-right:28px;}
.services li.last{padding-right:0px;}
.services h3 { font-size: 16px; font-weight: normal; letter-spacing: 0.1em; text-align: left; text-transform: uppercase; padding-bottom:8px}
.services li h3 { font-size: 16px; font-weight: normal; letter-spacing: 0.1em; text-align: left; text-transform: uppercase; padding-bottom:8px}
.services li .image{ width:260px; height:196px;  position: relative; z-index: 1; margin-bottom:20px; vertical-align:middle; /*border:thin white solid;*/ background:transparent url('/css/images/picture.jpg') no-repeat;line-height:196px;text-align:center;}
.services li .image img{position:relative; vertical-align:middle; display: inline;margin-left:auto; margin-right:auto;}
.services li p{ font-size: 14px; color:#fff; line-height:16px; height:50px; width:100%; overflow:hidden;}
.services li .image span.l-hldr{ width:11px; height:24px; position:absolute; top:90px; left:8px; z-index: 11; display: block;}
.services li .image a.larr{ width:11px; height:24px; background:url(images/larr.png) no-repeat; display: block;}
.services li .image span.r-hldr{ width:11px; height:24px; position:absolute; top:90px; right:8px; z-index: 11; display: block;}
.services li .image a.rarr{ width:11px; height:24px; background:url(images/rarr.png) no-repeat; display: block;}
.services li .rounded{ width:261px; height:133px; background:url(images/black-rounded.png) no-repeat; margin-top:26px; }
.services li .rounded h3{ font-size: 31px; color:#3c3c3c; text-align: center; line-height:33px; letter-spacing: 0em; padding-top:3px}
.services li .rounded ul{ list-style-type: none; padding-left:15px; padding-top:0px}
.services li .rounded li{ font-size: 16px; color:#fff; line-height:22px;}
.services li .rounded li a{ color:#fff; line-height:22px; position:relative; z-index: 1;}

 
#footer{ background:url(images/ftr.gif) repeat-x; height:82px; padding-top:16px}
 #footer a.ftr-logo{ background:url(images/ftr-logo.gif) no-repeat; width:190px; height:33px; float: left; }
 #footer a.rss{ background:url(images/rss.gif) no-repeat; width:39px; height:39px; float: right; margin-right:8px; }
 #footer p{ font-weight: bold; font-size: 14px; text-transform: uppercase;}
 #footer .left-col{ float: left; display: inline; width:450px; }
 
img#bg {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:-5;
}