body 
  {
    background: #d9eaee url(../img/body_bg_blue_ltblue_d9eaee.gif) repeat-x 0 0;
    font:14px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;
  }
  

  @font-face {
	font-family: 'RockwellBold';
	src: url('../fonts/RockwellBold.eot');
	src: local('☺'), url('../fonts/RockwellBold.ttf') format('truetype');
  }
  
    @font-face {
	font-family: 'ImpactAlt';
	src: url('../fonts/Impact.eot');
	src: local('☺'), url('../fonts/Impact.ttf') format('truetype');
  }
  
  p
  {
  	margin-bottom: 1em;
  	color: #333;
  }
  
  h1 {
    font: 42px Impact, 'ImpactAlt', Lucida Grande, Geneva, Verdana, Arial, Helvetica, sans-serif;
    color:#fff;
    text-transform:uppercase;
    margin: 6px 0;
  }
  
  h2 {
    font-size: 18px;
    color:#0f83bc;
    text-transform:uppercase;
    margin: 6px 0 4px 0;
  }
  
  a
  {
    	text-decoration: none;
  }
  
  a:hover
  {
  	text-decoration: underline;
  }
  
  p a:link
  {
  	color: #369;
  	font-weight: bold;
  }

  p a:visited
  {
  	color: #369;
  }
  
  .displace
  {
  	position: absolute;
  	left: -5000px;
  }
  
  .floatright
  {
  	float: right;
  }
  
  .floatleft
  {
  	float: left;
  }
  
  #container 
  {
    width:980px;
    margin:0 auto;
  }
  
  #nav
  {
    width: 100%;
  	height: 83px;
  }
 
  
  #nav a
  {
  	font:  bold 30px Rockwell, 'RockwellBold', Garamond, serif;
  	color: #5f5f5f;
  	height: 39px;
  	padding: 20px 16px;
	float: left;
	margin-top: 2px;
  }
  
  #nav a:hover
  {
  	color: #369;
  	text-decoration: none;
  }
  
  #nav a.first
  {
  	border-right: 1px solid #dedede;
  }
  
  #nav a.mid
  {
  	border-right: 1px solid #dedede;
  	border-left: 1px solid #fff;
  }
  
  #nav a.last
  {
  	border-left: 1px solid #fff;
  }
  
  
  #nav li.menu
  {
	height: 83px;
  	display: inline;
  	background: url(../img/nav_bg.png) 0 0;
  	float: left;
  }
   
  .navleft 
  {
  	background: url(../img/nav_left.png) repeat-y	left top;
  	padding-left: 11px;
  }
  
  .contentitem
  {
  	padding: 12px 0;
  }
  
  .portfolioitem
  {
  	margin-bottom: 40px;
  }
  
  .monitor
  {
  	background: url(../img/monitor.png);
  	width: 443px;
  	height: 365px;
  	overflow: auto;
  	padding: 17px 0 0 17px;
  }
  
  .contenticon img
  {
  	padding: 10px;
  	width: 150px;
  }
  
  .promotext
  {
  	font-size: 16px;
  	color: #369;
  }
  
  a.explore
  {
  	display: block;
	width: 233px;
	height: 65px;
	text-decoration: none;
	background: url("../img/button_explore_both.png");
  }
  
  a.explore:hover
  {
  	background-position: -233px 0;
  }
  
  
  .box
  {
  	width: 300px;
  	height: 154px;
  	float: left;
  	background: url(../img/box_sand.png) 0 0;
  }
  
	.boxbutton:hover div
	{
		background: url(../img/box_yellow.png) 0 0;
	}
  
  .box img
  {
  	float: left;
  	width: 120px;
  	margin-top: 25px;
  }
  
  .box .tall
  {
  	height: 100px;
  	width: 100px;
  	margin-right: 10px;
  	margin-top: 20px;
  }
  
 .box h2 {
    margin: 15px 0 0;
  }
  
  .box p {
    font:normal 12px/18px Verdana, Geneva, sans-serif;
    color:#0c3b4a;
    margin:0 10px 0 0;
  }
  
  .boxbutton:hover{
  	text-decoration: none;
  }
  
  #footer
  {
  	padding-top: 10px;
  	border-top: 1px dotted #369;
  	margin: 20px 0 0 10px;
  }
  
  #footer p 
  {
  	color: #0f83bc;
  	text-align: right;
  }
  .grid_12.navleft{
      width: 980px;
      margin-bottom: 20px;
  }