/* CSS Document 

ArtCAM JewelSmith website

Layout css

all page positioning */

/*-- The top logo and graphic section --*/

#whitespace{
	width: 800px;
	background-color:#eeeeee;
	border-left: 1px solid #bdbdbd;
	border-right: 1px solid #bdbdbd;
	/*border-bottom: 1px solid #bdbdbd;*/
	margin: 0 auto;
}

#pagecontainer{
	width:750px;
	margin: 0 auto;
	text-align:left;
	background-color:#eeeeee;
}

/* --The main 'box' that holds everything-- */

#wrapper {
	width:800px;
	margin: 0 auto;
	padding-bottom: 15px;
	text-align:left;
	background-color:#EEEEEE;
	/*border-top: 1px solid black;
	border-right: 1px solid black;
	border-left: 1px solid black;
	border-bottom: 1px solid black;*/
}

/* --Individual Section Containers-- */

#header {
	width:100%;
	border-bottom: 1px solid #58486C;
}

#lside {
    width: 150px;
    float:left;
	padding: 0; 
    margin: 0;
	text-align:left;
	/*border-right:1px solid #58486C;	
	border-bottom:1px solid #58486C;	*/
}

#mainarea {
	width: 560px;
	float:left;
	background-color:#eeeeee;
	margin: 10px 10px 10px 40px;

}

#clear {
		visibility: none; 
		height: 0; 
		margin: 0; 
		padding: 0; 
		clear: both;
}

#footer {
	width:800px;
	height: auto;
	margin: 0 auto;
	text-align:right;
	background-color:#DBDBDB;
	border-right: 1px solid #bdbdbd;
	border-left: 1px solid #bdbdbd;
	border-bottom: 1px solid #bdbdbd;
}

/*-- for the news images to wrap text around images --*/

#newsimg {
 width:290px;
 margin: 5px 5px 5px 0; 
 text-align:center;
 float:left;
 position:relative;
} 

#newsimg2 {
	text-align:center;
	padding: 0 3px 0 3px;
}

/*     Breaker for formatting bbreaks in sections        */

#breaker{
	width:100%;
	height:10px;
	border-bottom:dashed;
	border-bottom-width:thin;
	border-color:#969696;	
}