/* CSS Document */

#box {
	float:left;
	width: 25em;
	background:  #000000 url(../images/bottom-left.gif) 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: 5%;
	margin-top:-5px;
	}

#box h6, #box p {
	padding-left: 5%;
	padding-right: 5%;
	}
	
	
#box1 {
	float:left;
	position:relative;
	width:36em;
	background: transparent  url(../images/bottom-left.gif) no-repeat left bottom;
	}
	
#box-outer1 {
	background: transparent url(../images/bottom-right.gif) no-repeat right bottom;
	
	padding-bottom: 5%;
	}
	
#box-inner1{
	background: transparent  url(../images/top-lf1.gif) no-repeat left top;
	}
	
#box1 h6{
	background: transparent  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:14em;
	background: #ff6600 url(../images/bottom-left.gif) no-repeat left bottom;
	}
	
#box-outer2 {
	background:  url(../images/bottom-right.gif) no-repeat right bottom;
	
	padding-bottom: 5%;
	}
	
#box-inner2{
	background: transparent  url(../images/top-lf2.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%;
	}