/*@import url(custom/css/reset.css);*/

body{
	/*font:12px Arial;
	color:#626363;
	background:#08274b;      11274a*/  
	/*background:#660000  !!!! Important !! this changes background color of swapper box !!!!*/
	
}

article {
	padding:0px; /* !!!! Important !! this changes vertical position of swapper box !!!!*/
	position:relative;
	margin:0 auto;	width:728px; /* !!!! was 728 pxImportant !! this sets width of swapper box !!!!*/
	/*z-index: 1;*/ }
	
  /*article:after {
background:url(custom/images/left-blurred.png) 0 center no-repeat;
  content:"";
  height:100%;
  position:absolute;
  left:-122px;
  top:0;
  width:132px;
  z-index:-1;
  }*/
  
/*article:before {
  background:url(custom/images/right-blurred.png) 0 center no-repeat;
  content:"";
  height:100%;
  position:absolute;
  right:-122px;
  top:0;
  width:132px;
  z-index:-1;
  }*/






#slider_box { background: #660000; float: center; -webkit-box-shadow: 0px 0px 17px rgba(0,0,0,0); box-shadow: 0px 0px 17px rgba(0,0,0,0.75); -webkit-border-radius:0px 0px 0px 0px;  border-radius:0px 0px 0px 0px; 
/*  !!!! Important !!!! this controls radius or rounding of photo corners also the "float command controls horizontal position 
of the photo on the screen   #99FF00 */
} 

#slider p {  background-color: transparent !important; position: center; margin-top: 0; padding-top:0; z-index: 1 !important; 
/*  !!!! Important !!!! this puts a border around the photos being swapped if "margin-top" is not set to 0 also adds ">" symbol at bottom border}*/
}

/*#slider {width: 927px !important;}
#slider img { z-index:1 !important; }
height: 427px !important;} */



/*#slider_box .text { font-style:italic; text-shadow:3px 3px 5px rgba(0,0,0,0.93); padding-top: 10px; height: auto; font-family: 'Playfair Display', serif; position: absolute; left:10px; top: 256px; z-index: 3 !important; font-size: 30px; color: #fff; line-height: 35px; }*/
#slider_box{ float:center; height:400px;  width: 730px; position:relative; overflow: hidden;
/*#slider_box{  position: relative; height:350px; width: 100%; overflow: hidden;*/
/*#slider_box{ height:350px; position:relative; overflow: hidden;  this is the original line of code, the above is modified*/
/*   !!!! Important !!!! this puts a border around the photos being swapped if "height" is  set to high also adds ">" symbol at bottom border}*/
}   

/*#slider p span.slider_overlay{ background-color: none !important; height:350px; background:url(custom/images/slider-overlay.png) 0 bottom no-repeat; width:528px;*/

/*position:absolute !important; left:0 !important; top:-10px !important; z-index: 3 !important;}*/

/*#slider_box .static_mask {background:url(custom/images/slider-overlay-bottom_mask.png) center bottom no-repeat;
    bottom: -9px;
    height: 23px;
    left: 0;
    position: absolute;
    width: 934px;
    z-index:1;} */


/*.swappable{
	float:right;
	top:0; right:0;
	position:center;
	width:523px; height:170px; overflow: hidden;
} */



/*.swappable .mask { background:url(custom/images/banner-mask.png) right top no-repeat; height: 170px; width: 127px; position: absolute; top:0; left: 0; } */

/*section{
    overflow:hidden; position:relative;
}*/

/*.subpage section { float: left; position: relative;
 border:3px solid #9b9a9c;
 border-radius: 0 0 10px 10px;
 -webkit-border-radius: 0 0 10px 10px;
 -webkit-box-shadow: 0px 0px 17px rgba(0,0,0,0.75); box-shadow: 0px 0px 17px rgba(0,0,0,0.75);
 border-top: 0;
width: 916px;
margin-left: 3px;
z-index: 0;
background: url("custom/images/subpage-bg.png") repeat-x #bcbdc0;
}*/

 /*.title-header .mask-bottom { background: url("custom/images/bottom-shadow-top.png") no-repeat scroll left -1px ; position: absolute; bottom: -25px; left: 0; width: 928px; height: 25px; z-index: 1;} */

/*section#content_home{
	background:none;
	background: #fdfdfd url(custom/images/bottom-shadow.png) left 3px no-repeat;
	clear:both;
	width: 880px;
	padding-left: 34px;
	border:3px solid #bcbdc0;
	border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	border-top: 0;
	margin-left: 3px;
	float: left;
	margin-top:-4px;
	-webkit-box-shadow: 0px 0px 17px rgba(0,0,0,0.75); box-shadow: 0px 0px 17px rgba(0,0,0,0.75);
	margin-bottom: 2px;
}
*/
