@charset "UTF-8";
@import url("screen.css");
@import url("ie.css");

/*   CSS Document */

body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
/*	background-color:#CCCCCC;
*/	color: #000000;
}

#container {
	width:910px; 
	padding:20px;
	margin:0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
/*	background:yellow;
*/	
	}


.box{
	width:198px;
	height:300px;
	margin:10px;
	padding:5px 0 0 5px;
	border:solid #e0dede 2px;
	float:left;
}

#brandingBox h1{
	height:300px;
	text-indent:-9999px;
	background: url(images/GrenierLogo.gif) top right no-repeat #ffffff;
}

#brandingBox{
border:solid white 2px;}

#clientBox .clientdivders{
color:#7aa3d9;
}






.projectType{
font-style:italic;
color:#999999;
padding:8px 0;
}

.projectType a{
text-decoration:none;
font-style:italic;
color:#999999;
}

.projectType a:hover{
text-decoration:overline;
color:#999999;
}

a{
text-decoration:none;
color:#999999;
}

a:hover{
text-decoration:overline;
}

#navBox{
border:solid white 2px;
text-indent:-9999px;
}

#navBox h2{
background:url(images/fresh.gif) top left no-repeat;
text-indent:-9999px;
}

.box ul{
padding:0;
margin:0;
}

.box li{
list-style-type:none;
}

.exampleImage{
height:150px;
}

.clientName{
font-weight:bold;
padding: 30px 0 10px 0;
}
    


#footer{
margin:40px 0 0 0;
}