
/* whitenoise CSS 230708
purple:#5b003a;*/

* {padding:0;
margin:0;

}


/*common selectors */

body {
	text-align: center;
	background-color: #f3ede9;
	}

h1 {background: url(../images/whitenoise_logo.png) no-repeat;
	margin: 60px 85px 0 0;
    height:58px ;
	width:119px  ;
	text-indent: -9000px;
	float:right;
	border: solid 0px green;
}

*html h1 {background: url(../images/whitenoise_logo.gif) no-repeat;
	margin: 60px 85px 0 0;
    height:58px ;
	width:119px  ;
	text-indent: -9000px;
	display:inline;
	float:right;
	border: solid 0px green;
}

h2 {
	
}

h3 {
	
}

h4 {
	
}


h5 {
	
}



h6 	{

}



p {
	text-align: left;
	font-family: Tahoma, Trebuchet MS, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color:#8C8C8C;
	padding: 20px 20px 0px 20px;
}

p.b  {position:absolute;
		bottom:20px;
		right:0px;
}

p.list  {line-height: 16px;}

#nav p  {font-size: 14px; letter-spacing:0.1em; font-family: arial, sans-serif;}

.purp {color: #5b003a;}

#news #container_txt_6px .news  {padding: 30px 15px 0 100px;}
#portfolio p {padding: 60px 0px 0 100px; line-height:20px;}
#portfolio .portfolio a   {color:#5b003a;}


#portfolio #surround #fullarticle {
	font-family: Tahoma, Trebuchet MS, sans-serif;
	padding-left: 409px;
	margin-top:-55px;
	color:#8C8C8C;
	visibility:visible;
	}


#footer {
	clear:both;
	font-family: Tahoma, Trebuchet MS, sans-serif;
	font-size:9px;
	padding: 70px 20px 50px 20px;
	border: solid 0px red;
	color:#8C8C8C;
	background-color:#fff;

	}

.r1  {position:relative;
		float:right;
		padding-right:65px;
		font-size:10px;
}
.r  {position:relative;
		float:right;
		padding-right:65px;
}

.l  {position:relative;
		float:left;
}

#footer .pp {color:#5b003a;}

 a:link{
	text-decoration: none;
		color: #8c8c8c;
}



a:visited {
	text-decoration: none;
	color:#8c8c8c;
}

a:hover {
	text-decoration: none;
	color: #5b003a;

}

a img {
border: none;
}

.news a { color:#5b003a;}

.box img  {
	background-color:red;
	}

/*wrapper for box*/

#wrapper {
	width: 760px;
	height: 570px;
	margin: 50px auto 50px auto;
	text-align: left;
	padding:0;
	border: solid 0px green;
	background-color:#FFF;
}

/*surrounding line container*/
#surround {
	width: 758px;
	height: 250px;
	padding: 2px 2px 0px 2px;
	margin: 0 -1px 0px -1px ;
	border: solid 1px #f3ede9;
}


#container_holding{
	float:left;
	display:inline;
	position:relative;
	width: 756px;
	height: 248px;
	border:0; 
	background-color:#eadae5;
	}
	
	img.holding {width: 756px; height: 248px;}

#container_left{
	float:left;
	display:inline;
	position:relative;
	width: 248px;
	height: 248px;
	margin-right:6px; 
	border:0; 
	background-color:#eadae5;
	}
	
#container_txt_6px{
	float:left;
	display:inline;
	position:relative;
	width: 248px;
	height: 248px;
	margin-right:6px; 
	border:0; 
	background-color:#f3ede9;
	}
	
	
#home #container_txt_6px,
#contact #container_txt_6px
{background-color:#eadae5;}

	
	#container_txt{
	float:left;
	display:inline;
	position:relative;
	width: 248px;
	height: 248px;
	margin-right:0px; 
	border:0; 
 	}
	
	#clients #container_txt {background-color:#f3ede9;}
	#clients #container_txt_6px {background-color:#f3ede9;}

#container_main_img{
	float:left;
	display:inline;
	position:relative;
	width:246px;
	height: 246px;
	margin:0 0 0 1px; /* shift right 1px due to border?*/
	border:solid 1px #f3ede9; 
	background:#fff;
 	}
	
#container_middle{
	float:left;
	display:inline;
	position:relative;
	width: 248px; /* for images with border*/
	height: 248px; /* for images with border*/
	margin-right:5px;
	border:0;
	background-color:#eadae5;
 }
/* container for animated thumbs*/ 
 #thumbs{
	float:left;
	display:inline;
	position:relative;
	width: 248px; /* for images with border*/
	height: 248px; /* for images with border*/
	margin-right:5px;
	border:0;
	background-color:#eadae5;
 }
 
#home #container_middle, #about_us #container_middle  {background-color:#f3ede9;width: 249px; /* 1 px more on image quares for non-border images*/
	height: 249px; /* 1 px more on image quares for non-border images*/}

	
#container_right{
	float:left;
	display:inline;
	position:relative;
	width: 248px; /* for images with border*/
	height: 248px;/* for images with border*/
	background-color: #eadae5; 
	border:0; 
	}
#home #container_right,  #about_us #container_right{
	width: 249px; /* 1 px more on image quares for non-border images*/
	height: 249px;/* 1 px more on image quares for non-border images*/
}

 #container_middle img,
#container_right img

  {
	margin: 0;
	padding:0;
	border:0; 

}

img#admin {float:right; padding-top:5px;}

/*main content*/


/*All 3x3 boxes */

.left{float:left; margin: 0 1px 1px 0;}

/*the 2 left-hand boxes with borders*/
.le{ float:left; margin: 0 1px 1px 1px; display:inline;}

/*the one top-left-hand box with borders (1.jpg)*/
.tl{ float:left; margin: 1px 1px 1px 1px; display:inline;}

/*the 2 top-boxes with borders*/
.to{ float:left; margin: 1px 1px 1px 0px; 	display:inline;}

.clear{
	clear:both;
	}
	
