/*  GENERAL ------------------------------------------------------
	-------------------------------------------------------------- */

	body {  font-family: arial; font-size: 11px; color:#557ec1; background:#1b396b url(../img/bg.jpg) repeat-x; background-attachment: fixed; margin: 0; }
	
	ul,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd, img{ margin:0px; padding:0px; }
	
	a { color: #557ec1; text-decoration: underline; }
	a:hover { color:#b44a2e; text-decoration: none; }
	
	
	.noMargin { margin: 0; }
	.forPrint { display: none;}
	.clearBoth { clear:both; height: 12px; padding:0; }
	span.clearBoth { clear:both; height: 0px; padding:0; }
	.clearLeft { clear: right;}
	.imgRight { float: right;}
	.imgLeft { float: left; margin: 0 15px 0 0;}
	hr { border: 1px solid #bbb; height: 1px; line-height: 0%; border-bottom: none;}

/*  SHELL ------------------------------------------------------
	-------------------------------------------------------------- */

	#shell { width: 967px;margin: 0 auto; padding: 10px 10px 0 10px; background: #fff url(../img/header_subbg.jpg) 10px 10px no-repeat; }
	#home #shell { background: #fff url(../img/header_homebg.jpg) 10px 10px no-repeat;  width: 967px;  margin: 0 auto; padding: 10px 10px 3px 10px; }
	
	#title { width: 987px; background: url(../img/titlebg.jpg); height: 74px; margin: 20px auto 0 auto;  border-bottom: 1px solid #bbbbbb; }
	
	#pagetitle h1{ margin: 40px 0 0 215px; font-family:arial; color:#fff; font-weight: bold; font-size: 47px; letter-spacing: -1px; text-transform:uppercase; position: absolute; }
	
	#header { height: 84px; border-top: 10px solid #fff;  }
	
	#nav { position: absolute; margin: 45px 0 0 430px;}
	#nav li { height: 30px; float: left; margin: 0 5px 0 0; list-style: none; }
	#nav li a { height: 29px; display: block;  }
	#nav li a:hover { height: 30px; }
	#nav li#nproducts a { width: 91px; background:url(../img/nav/products1.gif);}
	#nav li#nproducts a:hover {  background:url(../img/nav/products2.gif);}
	#nav li#nservices a { width: 79px; background:url(../img/nav/services1.gif);}
	#nav li#nservices a:hover {  background:url(../img/nav/services2.gif);}
	#nav li#nportfolio a { width: 92px; background:url(../img/nav/portfolio1.gif);}
	#nav li#nportfolio a:hover {  background:url(../img/nav/portfolio2.gif);}
	#nav li#nblog a { width: 55px; background:url(../img/nav/blog1.gif);}
	#nav li#nblog a:hover {  background:url(../img/nav/blog2.gif);}
	#nav li#nourcompany a { width: 112px; background:url(../img/nav/ourcompany1.gif);}
	#nav li#nourcompany a:hover {  background:url(../img/nav/ourcompany2.gif);}
	#nav li#ncontact a { width: 82px; background:url(../img/nav/contact1.gif);}
	#nav li#ncontact a:hover {  background:url(../img/nav/contact2.gif);}
	#nav li#nhome a { width: 58px; background:url(../img/nav/home1.gif);}
	#nav li#nhome a:hover {  background:url(../img/nav/home2.gif);}
		
	/* ACTIVE PAGE HIGHLIGHT CSS */
	#nav li#nproducts a.current { }
	
		/* ACTIVE PAGE HIGHLIGHT CSS */
	#nav li#nproducts a.current { font-weight: bold; background:url(../img/nav/products1.gif);}


/*  BODY ------------------------------------------------------
	-------------------------------------------------------------- */

	#bodyshell {  display: block;  margin: 0; }
	#bodyshell2 {  display: block;  margin: 0;  }
	
	/* HOME ------------------------------------------------------*/
	
	#home #leftbar { display: none; }
	#home #leftbot { display: none;}
	#home #content { background: none;  width: 967px; padding: 0px 0 15px 0px;  }

	#headershell { height: 217px; width: 967px; display: block;  }
	#midrow {   width: 967px; height:155px; display: block; }
	#headpics { width: 444px; height: 217px;  float: left; background:url(../img/homepics_placeholder.jpg);}
	#intro {  margin: 83px 0 0 77px; color:#fff; width: 416px; height: 100px; padding:0px;  float: left; }
	#intro h1 { background: url(../img/hometitle.gif) no-repeat; width: 271px; height: 22px;}
	#intro a { color:#feffb9;}
	#intro a:hover { color:#93b9f7;}
	
	#latestnews { float: left; padding: 65px 10px 0 34px;  height: 89px; width: 404px;  margin: 10px 0 0 0; display: block; background: #f3f3f3 url(../img/newsbg.gif) no-repeat;border: 1px solid #bbbbbb}
	#latestnews h1 { font-weight: bold; font-size: 12px; letter-spacing: normal; text-transform:none; color:#1d3c6e; }
	#latestnews p { }
	
	#latestprojects { float: left; margin: 40px 0 0 40px; background: url(../img/latestprojectsbg.gif) no-repeat; width: 444px; height: 122px;}
	#latestprojects span { display: none; position: absolute; margin: 0 0 0 48px; background:#fff; padding: 0 5px;}
	#latestprojects ul { padding: 25px 0 0 0; margin: 0; width: 444px;}
	#latestprojects li { float: left; margin: 0 4px 0 0; padding: 0; width: 104px; height: 97px; list-style: none;}
	#latestprojects a { display: block;  float: left; margin: 25px 7px 0 0; padding: 12px 0 0 8px; border: none; width: 96px; height: 85px; background: url(../img/projectsbgsmall.gif);}
	#latestprojects a:hover {background: url(../img/projectsbgsmall2.gif); }
	#latestprojects a  img { border: none; background: }

	/* SUBPAGES ------------------------------------------------------*/

	#leftbar {  position: absolute;   background:  url(../img/leftbartop.gif) no-repeat;   margin: 0px 0 0 16px; padding: 30px 0px 0px 0; width: 169px; height:140px; }
	#leftbar ul {  padding: 0px 14px 0 10px; }
	#leftbar ul  li { display: none;  list-style: none;}
	#leftbar ul  li ul {  margin: 0px; padding: 0;}
	#leftbar ul li ul li { list-style: none; background: url(../img/subnavdiv.gif) bottom repeat-x; margin: 0 0 2px 0;  padding: 0 0 3px 0;}
	#leftbar h1 { color:#b44a2e; font-size: 19px; margin: 0px 0 4px 0; padding: 8px 0 0 10px;  letter-spacing: -1px}
	#leftbar a { width: 135px; padding: 5px 0 5px 10px; display: block;  }
	#leftbar a:hover {width: 120px; background:#f4f4f4 url(../img/subnavarrow.gif) 4px 7px no-repeat; padding-left: 25px;  }
	
	#products #leftbar ul li#nproducts,
	#products #leftbar ul li#nproducts ul li,
	#services #leftbar ul li#nservices,
	#services #leftbar ul li#nservices ul li,
	#portfolio #leftbar ul li#nportfolio,
	#portfolio #leftbar ul li#nportfolio ul li,
	#portfolio_logos #leftbar ul li#nportfolio,
	#portfolio_logos #leftbar ul li#nportfolio ul li,
	#portfolio_websites #leftbar ul li#nportfolio,
	#portfolio_websites #leftbar ul li#nportfolio ul li,
	#blog #leftbar ul li#nblog,
	#blog #leftbar ul li#nblog ul li,
	#ourcompany #leftbar ul li#nourcompany,
	#ourcompany #leftbar ul li#nourcompany ul li,
	#contact #leftbar ul li#ncontact,
	#contact #leftbar ul li#ncontact ul li
	 { display: block;}
	
	#leftbot { clear: both; background:url(../img/leftbarbot.gif) no-repeat; width: 169px; height: 3px; margin: 0 0 0 16px;}

	#content { background: url(../img/leftbarbg.gif) 16px 0 repeat-y;   width: 747px; padding: 40px 0 15px 220px;  }
	#content p { margin: 0 0 15px 0; line-height: 180%;}
	#content ul { margin: 0 0 0 15px;}
	#content li { background:url(../img/icon_bullet.gif) 0 4px no-repeat; padding: 0 0 0 20px; list-style: none; line-height: 180%;}
	
	h1 { margin: 2px 0 10px 0; background:font-family:arial; color:#fff; font-weight: bold; font-size: 47px; letter-spacing: -1px; text-transform:uppercase;  }
	h2 { color:#b44a2e; font-size: 18px; text-transform:uppercase; margin: 0 0 4px 0;}
	h3 { font-weight: bold;  border-bottom: 1px solid #bbb; font-size: 13px; color:#0d478c; padding: 0 0 7px 0; margin: 0 0 9px 0; }

	/* PORTFOLIO  ------------------------------------------------------*/

	#approach { background:url(../img/ourcompany/approachbg.jpg) no-repeat; display: block; font-size: 12px; height: 74px; width: 720px; color:#fff;  margin: 0 25px 0px 0; padding: 2px 0px 0 0; text-align: center;}
	span.arrow{  display: block; width: 720px; margin: 0 0 4px 0; height: 41px; text-align: center; }
	#approach h1 { color:#fff; font-size: 20px; margin: 15px 0 0 0; letter-spacing: normal; }
	
	/* PORTFOLIO  ------------------------------------------------------*/

	#portfolio_logos #content ul { margin:0; padding: 0; }
	#portfolio_logos #content li { float: left;display: block; width: 350px; height: 182px; padding:2px;  background: none; margin: 0 15px 15px 0;  border: 1px solid #bbbbbb;}

	#portfolio_websites #content ul { margin:0; padding: 0; }
	#portfolio_websites #content li { float: left;display: block; width: 197px;  padding:2px;  background: none; margin: 0 30px 35px 0; }
	#portfolio_websites #content li h3 {  text-align: center; border: none; margin: 0;}
	#portfolio_websites #content li a img  { border: 1px solid #bbb; padding: 2px;  width: 197px; height: 147px;}
	#portfolio_websites #content li a:hover img  { border: 1px solid #5e88ce; }
	#portfolio_websites #content li a span  { display: block; text-align: center;}

	ul#portfolio_cta  { margin: 0; padding: 0; }
	ul#portfolio_cta li { margin: 0 5px 0 0 ; padding: 0; text-align: center; width: 190px; height: 50px; float: left; display: block; background: #fff;  }
	ul#portfolio_cta li a { font-size: 12px; font-weight: bold; text-decoration: none; text-align: center; width: 190px; height: 37px; padding-top: 13px;  float: left; display: block; background: none; border: 1px solid #ccc; }
	ul#portfolio_cta li a:hover { background:#f3f3f3; }

	/* SERVICES  ------------------------------------------------------*/

	#box1 a{ float: left;  margin: 0 10px 0 0; border: 1px solid #ccc; display: block; width: 165px; height: 200px;}
	#box1 a:hover { border: 1px solid #0d478c;}
	
	#services_l { width: 420px;}
	#services_l strong em { color:#b44a2e;}

	/* PRODUCTS  ------------------------------------------------------*/

	#tabs {padding: 0px; margin: 30px 0px 0px 0px;border-bottom: 1px solid #ccc; }
	#tabs #body_right { float:right; width:433px; color:#2A7192; }
	#tabs ul { margin: 0; padding: 0; }
	#tabs li { display: inline; margin:0; padding: 0; background: none; }
	#tabs li a { font-size: 12px; padding: 4px 10px 2px 10px; margin: 0px 2px 0px  0px; font-weight: bold; text-decoration: none; border: 1px solid #ccc; border-bottom: 1px solid #fff; border-bottom-width: thin;  }
	
	#tab_overview, #tab_websites {  padding: 30px 30px 0px 20px; border: 1px solid #ccc; border-top: none;}
	#tab_overview h2, #tab_websites h2 { font-size: 13px;}
	
	#tab_websites { display:none; }
	#tab_logos li {list-style-type: none; margin-left: 27px!important;margin-left: 12px;}
	
	#overview_l { float: left; margin: 0 10px 0 0;}
	#overview_r { border-left: 1px solid #ccc; margin: 0 0 0 225px; padding: 0 0 0 20px;}
	
	#tab_logos h1, tab_websites h1 { margin-top: -10px; padding-top:0px;}
	.taboff { background-color:#333333;}


	/* CONTACT  ------------------------------------------------------*/
	#contactform { background:#f3f3f3;  width: 320px; margin: 0 40px 0 0; padding: 15px; border: 1px solid #bbb; float: left;}
	#contactform td { height: 25px;}
	#contactform input,#contactform textarea { border: 1px solid #bbb; margin: 0 0 5px  0; }
	#btn_send { background:url(../img/btn_send.jpg) no-repeat; border: none; color:#fff; font-size: 10px; font-weight: bold;}

	#address { width: 340px; float: left; padding: 25px 0 0 0;  margin: 0;  border-top: 1px solid #bbb;}
	.map { padding-bottom: 25px;}

/*  FOOTER ------------------------------------------------------
	-------------------------------------------------------------- */

	#footer {  clear: both; width: 987px; text-align: center; margin: 0 auto; clear: both; padding: 1px 0 0 0;  background:#fff; height: 35px; font-size: 10px;   }
	#footer ul {  width: 967px; display: block; height: 20px; margin: 8px auto 0 auto; padding: 7px 0 0 0; border-top: 1px solid #bbbbbb;}
	#footer li {  margin: 0 7px 0 0; float: left; list-style: none; }
	#footer li span { background:url(../img/footerdiv.gif) 0 3px no-repeat; width: 1px; height: 11px; display: block; float: left;  }
	#footer a {  text-decoration: none; }
	#footer a:hover { text-decoration: underline; }
	li.fmargin { padding: 0 0 0 590px; margin: 0;}

	#pageshadow { background: url(../img/pageshadow.jpg);  width: 987px; height: 37px; margin: 0 auto;}

/*  MISC ------------------------------------------------------
	-------------------------------------------------------------- */