/* CSS Document 

ArtCAM JewelSmith website

Layout css

all page positioning */

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

#pagecontainer{
	width:800px;
	float:left;
	margin: 0 auto;
}
/*--       end          --*/

#wrapper {
	width:750px;
	padding: 0px;
	margin: 0 auto; 
	text-align: left;
	/*background-color:#EEEEEE;
	border-right: 1px solid white;
	border-left: 1px solid white;*/
	overflow: hidden;
}

#whitespace{
	width: 800px;
	background-color:white;
	background-image:url(../images/2008/home/images/head_reflection.jpg);
	background-position: left top;
	background-repeat:no-repeat;	
	border-left: 1px solid #bdbdbd;
	border-right: 1px solid #bdbdbd;
	border-bottom: 1px solid #bdbdbd;
	margin: 0 auto;
}


#mainpicture{
	width:800px;
	height:224px;
	padding: 0px;
	margin: 0 auto;
	background-image:url(../images/2008/home/images/head_1.jpg);
	background-position: left top;
	background-repeat:no-repeat;	
}

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


/* --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 {
	
	padding: 0;
	margin: 0px;

}

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

#footer {
	width:748px;
	height: auto;
	margin: 0 auto;
	text-align:right;
	background-color:#ffffff;
	border-top:1px solid #eeeeee;
	/*border-right: 1px solid #1F4871;
	border-bottom: 1px solid #1F4871;
	border-left: 1px solid #1F4871;*/

}

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

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

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


/* Index pages colour boxes, underneath the thumnails */

.procolourbox {
	background-image:url(../images/home_selectionimages/new_product_46.jpg);
	background-position: left top;
	background-repeat:no-repeat;
	width:162px;
	height:86px;
	/*padding:6px 18px 4px 8px;*/
	overflow:hidden;
}

.insigcolourbox {
	background-image:url(../images/home_selectionimages/new_product_42.jpg);
	background-position: left top;
	background-repeat:no-repeat;
	width:160px;
	height:86px;
	/*padding:6px 18px 4px 8px;*/
}

.expresscolourbox {
	background-image:url(../images/home_selectionimages/new_product_38.jpg);
	background-position: left top;
	background-repeat:no-repeat;
	width:161px;
	height:86px;
	/*padding:6px 18px 4px 8px;*/
	overflow:hidden;
}

.jscolourbox {
	background-image:url(../images/home_selectionimages/new_product_50.jpg);
	background-position: left top;
	background-repeat:no-repeat;
	width:162px;
	height:86px;
	/*padding:6px 18px 4px 8px;*/
}


/*Upgrade bar background. This are is teh light blue gradient that sits underneath the product boxes.*/

.upgradebgbox{
	background-image:url(../images/2008/home/images/upgradebg_21.jpg);
	background-position: left top;
	background-repeat:no-repeat;
	padding: 10px 10px;
	width:738px;
	height:46px;
}

/*     Breaker for formatting bbreaks in sections        */

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

#Vbreaker{
	width:10px;
	height:100%;
	border-right:dashed;
	border-right-width:thin;
	border-color:#969696;	
	margin-right:10px;
}