/* CSS Document */

#box {
	float:left;
	width:300px;
	background: #ff6600 url(../images/bottom-left.png) no-repeat left bottom;
	}
	
#box-outer {
	background:  url(../images/bottom-right.gif) no-repeat right bottom;
	padding-bottom: 5%;
	}
	
#box-inner {
	background:  url(../images/top-lf.gif) no-repeat left top;
	}
	
#box h6{
	background:  url(../images/top-rt.gif) no-repeat right top;
	padding-top: 10%;
	margin-top:-5px;
	}

#box h6, #box p {
	padding-left: 5%;
	padding-right: 5%;
	}
	
	
#box1 {
	float:right;
	width:450px;
	background: #ff6600 url(../images/bottom-left.png) no-repeat left bottom;
	}
	
#box-outer1 {
	background:  url(../images/bottom-right.gif) no-repeat right bottom;
	padding-bottom: 10%;
	}
	
#box-inner1{
	background:  url(../images/top-lf.gif) no-repeat left top;
	}
	
#box1 h6{
	background:  url(../images/top-rt.gif) no-repeat right top;
	padding-top: 10%;
	margin-top:-5px;
	}

#box1 h6, #box1 p {
	padding-left: 10%;
	padding-right: 10%;
	}
	
	
	
	
#box2 {
	float:right;
	width:15em;
	background: #ff6600 url(../images/bottom-left.png) no-repeat left bottom;
	}
	
#box-outer2 {
	background:  url(../images/bottom-right.gif) no-repeat right bottom;
	
	padding-bottom: 5%;
	}
	
#box-inner2{
	background:  url(../images/top-lf.gif) no-repeat left top;
	}
	
#box2 h6{
	background:  url(../images/top-rt.gif) no-repeat right top;
	padding-top: 5%;
	margin-top:-5px;
	}

#box2 h6, #box2 p {
	padding-left: 5%;
	padding-right: 5%;
	}