/* (c)2008 amazon pixels */
/* making a 4 corner dropshadow box */
/* you can switch the container to better include in page */
/* adjust inner-content width % */

	#container {
	width: 100%;
	height: 100%;
	background-color: #fff;
	border: 0px solid #666666;
	}
	
	.outer-header {
	position: relative; 
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	max-width: 100%;
	height: 13px;
	background-image: url(images/box/insetBox-02.png);
	background-repeat: repeat;
	background-position: top left;
	border-bottom: 0px solid #ccc; 
	}
	
	.outer-footer {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	clear: both;
	width: 100%;
	max-width: 100%;
	height: 23px;
	background-image: url(images/box/insetBox-08.png);
	background-repeat: repeat;
	background-position: bottom left;
	border-top: 0px solid #f00;
	}
	
	
	.outer-footer2 {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	clear: both;
	width: 100%;
	max-width: 100%;
	height: 23px;
	background-image: url(images/box/whiteBGcorners-02.png);
	background-repeat: repeat;
	background-position: bottom left;
	border-top: 0px solid #f00;
	}
	
	#outer-content {
	clear: both;
	position: relative;
	width: 100%;
	height: 100%;
	background-image: url(images/box/insetBox-06.png);
	background-repeat: repeat-y;
	background-position: top right;
	background-color: transparent !important;
	border: 0px solid #666666;
	}
	
	#left-side{
	float: left;
	width: auto;
	height: auto;
	background-image: url(images/box/insetBox-04.png);
	background-repeat: repeat-y;
	background-position: top left;
	border: 0px solid #666666;
	}

html>body #left-side {width: auto;}

	#inner-content{
	position: relative;
	margin-left: 15px;
	margin-right: 15px;
	width: 90%;
	height: 90%;
	border: 0px solid #ccc;
	clear: left;
	}



/* adjust default styles to include padding */	
	#inner-content p {
	margin: 0;
	padding: 7px;
	}
	
	#inner-content h1 {
	margin: 7px;
	margin-bottom: 0;
	}
	
	#inner-content h2 {
	margin: 7px;
	margin-bottom: 0;
	}
	
	#inner-content h3 {
	margin: 7px;
	margin-bottom: 0;
	}
	
	#inner-content h4 {
	margin: 7px;
	margin-bottom: 0;
	}
	
	#inner-content h5 {
	margin: 7px;
	margin-bottom: 0;
	}
	
	#inner-content h6 {
	margin: 7px;
	margin-bottom: 0;
	}
	
	.leftcorner {border: 0px solid #0f0; text-align: left; float: left; width: 10% !important;  padding: 0;}
	.centercornered {border: 0; text-align: left; float: left; width: 77% !important; padding: 0;}
	.rightcorner {border: 0px solid #f0f; text-align: right; float: right;  width: 13% !important; padding: 0; }
	
	div.centercornered p {font-family: Univers, Helvetica, Arial, sans-serif;
			font-size: 11px;
			font-style: normal;
			line-height: 9px;
			font-weight: bold;
			text-transform: uppercase;
			color: #ff6600;
			background-color: #fff;
			margin: 0;
			padding: 0;
			margin-top: 4px;
			}