@charset "utf-8";
/* CSS Document for SGC rounded corners*/


.bl { margin-left: 3.5%; background: url(../images/corners/bl.gif) 0 100% no-repeat #E5E5E7; width: 94%;}
.br {background: url(../images/corners/br.gif) 100% 100% no-repeat;}
.tl {background: url(../images/corners/tl.gif) 0 0 no-repeat;}
.tr {background: url(../images/corners/tr.gif) 100% 0 no-repeat; padding: 13px;}
.clear {font-size: 1px; height: 1px;} 

.bl2 {background: url(../images/corners/bl.gif) 0 100% no-repeat #E5E5E7;}
.br2 {background: url(../images/corners/br.gif) 100% 100% no-repeat;}
.tl2 {background: url(../images/corners/tl.gif) 0 0 no-repeat;}
.tr2 {background: url(../images/corners/tr.gif) 100% 0 no-repeat;}



/* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 { 
	background: transparent url(../images/img.php.png) no-repeat bottom right

} 

.cssbox { /* intended total box width - padding-right(next) */ 
	width:335px !important; /* IE Win = width - padding */ 
	width: 320px; /* the gap on the right edge of the image (not content padding) */ 
	padding-right:15px; /* use to position the box */ 
	margin:20px auto} /* set the top-right image */ 

.cssbox_head {
	background-position:top right; /* pull the right image over on top of border */ 
	margin-right:-15px; /* right-image-gap + right-inside padding */ 
	padding-right:40px} /* set the top-left image */ 
	
.cssbox_head h2 { 
	background-position:top left; 
	margin:0; /* reset main site styles*/ 
	border:0; /* ditto */ /* padding-left = image gap + interior padding ... no padding-right */ 
	padding:25px 0 15px 40px; 
	height:auto !important; 
	height:1%} /* IE Holly Hack */ 
	
	/* set the lower-left corner image */ 
.cssbox_body { 
	background-position:bottom left; 
	margin-right:25px; /* interior-padding right */ 
	padding:15px 0 15px 40px
} /* mirror .cssbox_head right/left */ 


<style type="text/css">
.round{display:block;
}
.round *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#A2A4B6;}
  
.round .hover {
border: thin white solide;
}
.round1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #c2c3ce;
  border-right:1px solid #c2c3ce;
  background:#a9abbb}
.round2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #dddde1;
  border-right:1px solid #dddde1;
  background:#a4a6b8}
.round3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #a4a6b8;
  border-right:1px solid #a4a6b8;}
.round4{
  border-left:1px solid #c2c3ce;
  border-right:1px solid #c2c3ce}
.round5{
  border-left:1px solid #a9abbb;
  border-right:1px solid #a9abbb}
.roundfg{
  background:#A2A4B6;}
</style>



/* Inset 3D Raised */
.raised {background: transparent; width:60%;}
.raised h1, .raised p {margin:0 10px;}
.raised h1 {font-size:2em; color:#fff;}
.raised p {padding-bottom:0.5em;}

.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background: #D9DAE1; border-left:1px solid #fff; border-right:1px solid #eee;}
.raised .b3 {background: #D9DAE1; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raised .b4 {background: #D9DAE1; border-left:1px solid #fff; border-right:1px solid #aaa;}
.raised .b4b {background: #D9DAE1; border-left:1px solid #eee; border-right:1px solid #999;}
.raised .b3b {background: #D9DAE1; border-left:1px solid #ddd; border-right:1px solid #999;}
.raised .b2b {background: #D9DAE1; border-left:1px solid #aaa; border-right:1px solid #999;}


.raised .b1 {margin:0 5px; background:#fff;}
.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#999;}
.raised .boxcontent {display:block;  background: #D9DAE1; border-left:1px solid #fff; border-right:1px solid #999;}



/* Inset 3D Curved */
.inset {background: transparent; width: 60%;}
.inset h1, .inset p {margin:0 10px;}
.inset h1 {font-size:2em; color:#fff;}
.inset p {padding-bottom:0.5em;}

.inset .b1, .inset .b2, .inset .b3, .inset .b4, .inset .b1b, .inset .b2b, .inset .b3b, .inset .b4b {display:block; overflow:hidden; font-size:1px;}
.inset .b1, .inset .b2, .inset .b3, .inset .b1b, .inset .b2b, .inset .b3b {height:1px;}
.inset .b2 {background:#ccc; border-left:1px solid #999; border-right:1px solid #aaa;}
.inset .b3 {background:#ccc; border-left:1px solid #999; border-right:1px solid #ddd;}
.inset .b4 {background:#ccc; border-left:1px solid #999; border-right:1px solid #eee;}
.inset .b4b {background:#ccc; border-left:1px solid #aaa; border-right:1px solid #fff;}
.inset .b3b {background:#ccc; border-left:1px solid #ddd; border-right:1px solid #fff;}
.inset .b2b {background:#ccc; border-left:1px solid #eee; border-right:1px solid #fff;}


.inset .b1 {margin:0 5px; background:#999;}
.inset .b2, .inset .b2b {margin:0 3px; border-width:0 2px;}
.inset .b3, .inset .b3b {margin:0 2px;}
.inset .b4, .inset .b4b {height:2px; margin:0 1px;}
.inset .b1b {margin:0 5px; background:#fff;}

.inset .boxcontent {display:block; background:#ccc; border-left:1px solid #999; border-right:1px solid #fff;}




/* Curved cutout Borders*/
.curved {background: transparent; width:40%;}
.curved h1, .curved p {margin:0 10px;}
.curved h1 {font-size:2em; color:#fff;}
.curved p {padding-bottom:0.5em;}

.curved .b1, .curved .b2, .curved .b3, .curved .b4 {display:block; overflow:hidden; height:1px; font-size:1px;}
.curved .b2, .curved .b3, .curved .b4 {background:#e0cea3; border-left:1px solid #fff; border-right:1px solid #fff;}
.curved .b1 {margin:0 4px; background:#fff;}
.curved .b2 {margin:0 4px; height:2px;}
.curved .b3 {margin:0 3px;}
.curved .b4 {margin:0; height:1px; border-width:0 3px 0 3px;}

.curved .boxcontent {display:block; background:#e0cea3; border:0 solid #fff; border-width:0 1px;}