html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
       font-family: helvetica, sans-serif, arial;
       background:#eaf7fa ;
}


/*structure for page*/

div#wrapper {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:100%;	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}

/*branding - header*/

div#branding{

	width:890px;
	height:70px;
        margin: 0  auto;
}

/*branding - logo*/
div#brandingInsideLogo {
	float:left;
	margin-top:0px;
	margin-left:4px;
	
}
	
#brandingInsideLogo a{
      display: block;
      width:215px;
	height:70px;

}
/*branding - rollover logo*/

#brandingInsideLogo a:link, #brandingInsideLogo a:visited{
       text-decoration: none;
       background-image: url("../images/logo.png"); 	
}





/*structure manin navigation*/

#mainNavigation{	
	float:right;
	margin-top:20px;
	margin-right:5px;
	width:600px;
	height:50px;  
}

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

#mainNavigation li {	
	float:left;
	margin-right:3px;
}



/*rollover home*/
#mainNavigation li a.home{	
	display:block;
	width:99px;
	height:40px;
	text-decoration: none;
	background: transparent url(../images/home.gif);
}
#mainNavigation li a.home:hover{		
	background-position: 0 -40px;
}

/*rollover about*/
#mainNavigation li a.about{	
	display:block;
	width:103px;
	height:40px;
	text-decoration: none;
	background: transparent url(../images/about.gif);
}
#mainNavigation li a.about:hover{		
	background-position: 0 -40px;
}

/*rollover products*/
#mainNavigation li a.products{	
	display:block;
	width:100px;
	height:40px;
	text-decoration: none;
	background: transparent url(../images/products.gif);
}
#mainNavigation li a.products:hover{		
	background-position: 0 -40px;
}	


/*rollover blog*/
#mainNavigation li a.blog{	
	display:block;
	width:100px;
	height:40px;
	text-decoration: none;
	background: transparent url(../images/blog.gif);
}
#mainNavigation li a.blog:hover{		
	background-position: 0 -40px;
}	
/*rollover contact*/
#mainNavigation li a.contact{	
	display:block;
	width:100px;
	height:40px;
	text-decoration: none;
	background: transparent url(../images/contact.gif);
}
#mainNavigation li a.contact:hover{		
	background-position: 0 -40px;
}	
	

		
#browse_project_title {
	display:block;
	width:255px;
	height:57px;
	margin-left:10px;
	background: url(../images/projects.gif) 0 0 no-repeat;
	
}

/*browse_project*/

#content {
	width:860px;	height:50%-100%;
	margin:0 auto;
	margin-top:0px;
	padding:1em 1em 0px;  /*bottom padding for footer */ 
	background:#fff;


}

#footer {
	position:absolute;
	width:100%;
	bottom:0; /* stick to bottom */
	height:80px;
	background:#eaf7fa;
}
 

#footerInsideLegal {
	position:relative;
	margin:0 auto;
	padding-top:13px;
	width:860px;
	height:40px;
	font-family:Helvetica, sans-serif, Arial;
	font-size:12px;
	color:#929a9c;	
	
}

#footerInsideLegal a:link, 
#footerInsideLegal a:visited{
		color: #00a0e4;
	text-decoration:none;
	
	
}
#footerInsideLegal a:hover, #footerInsideLegal  a:active{
	color: #6d8387;
	text-decoration:underline;
	
}

#footerInsideLegal a.disclaimer{
	background:none;
 	color:#6d8387;
}




#footerInsideLegal .hosting{
	width:860px;
	float:left;
	 
}

.displace {
	position: absolute;
	left: -5000px;
}

/*clients page css rules*/

#section_content{
	margin:0;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:150px;
	font-family: helvetica, sans-serif, arial;
	/*font-family: Corbel, helvetica, sans-serif, arial;*/

}
#section_content h1{
	font-size:18px;
	color: #00a0e4;
}

#section_content h2{
	font-size:14px;
	color: #6d8387;
	/*padding-bottom:10px;
	border-bottom:1px dotted #cccece;*/
	padding-top:15px;
	border-top:1px dotted #cccece;
	
}

#section_content h2 a:link, 
#section_content h2 a:visited{
		color: #ea5413;
	text-decoration:none;		
}

#section_content h2 a:hover, 
#section_content h2  a:active{
	color: #00a0e4;
	text-decoration:underline;
}

#section_content h2 span{
		color: #00a0e4;	
}



#section_content p{
	font-size:12px;
	color: #6d8387;
	line-height: 1.4;
}


#section_content a:link, #section_content a:visited {
	
	color: #ea5413;
	text-decoration:none;
	
}

#section_content a:hover, #section_content a:active{
	
	color: #6d8387;
	text-decoration:none;
	
}



/*rollover home*/

#mainNavigation li a.home_page{	
	display:block;
	width:99px;
	height:40px;
	text-decoration: none;
	background: transparent url(../images/home.gif);
	background-position: 0 -40px;
}

/*rollover about*/

#mainNavigation li a.about_page{	
	display:block;
	width:103px;
	height:40px;
	text-decoration: none;
	background: transparent url(../images/about.gif);
	background-position: 0 -40px;
}

/*rollover blog*/
#mainNavigation li a.blog_page{	
	display:block;
	width:100px;
	height:40px;
	text-decoration: none;
	background: transparent url(../images/blog.gif);
	background-position: 0 -40px;
}
	
/*rollover products*/
#mainNavigation li a.products_page{	
	display:block;
	width:100px;
	height:40px;
	text-decoration: none;
	background: transparent url(../images/products.gif);
	background-position: 0 -40px;
}

/*rollover contact*/
#mainNavigation li a.contact_page{	
	display:block;
	width:100px;
	height:40px;
	text-decoration: none;
	background: transparent url(../images/contact.gif);
	background-position: 0 -40px;
}