/* 
body
 {
 background-image:url('images/gradient.png');
 background-repeat:repeat-x;
 } 
*/


#slider {     
/* You MUST specify the width and height */    
	width:500px;    
	height:250px;    
	position:relative;      
	overflow:hidden;
	margin: 5px 5px 5px 0px;
} 

#mask-gallery {         
	overflow:hidden;} 

#gallery {         
/* Clear the list style */    
	list-style:none;    
	margin:0;    
	padding:0;         
	z-index:0;         
/* width = total items multiply with #mask gallery width */    
	width:900px;    
	overflow:hidden;}     

#gallery li {                  
	/* float left, so that the items are arrangged horizontally */        
	float:left;    }  

#mask-excerpt {         
	/* Set the position */    
	position:absolute;      
	top:0;    
	left:0;    
	z-index:500;         
	/* width should be lesser than #slider width */    
	width:200px;    
	overflow:hidden;         }     

#excerpt {    
/* Opacity setting for different browsers */    
	filter:alpha(opacity=60);    
	-moz-opacity:0.6;      
	-khtml-opacity: 0.6;    
	opacity: 0.6;           
/* Clear the list style */    
	list-style:none;    
	margin:0; 
	padding:10px;         
/* Set the position */    
	z-index:10;    
	position:absolute;    
	top:0;    
	left:0;   
/* Set the style */    
	width:200px;    
	background-color:#000;    
	overflow:hidden;    
	font-family:arial;    
	font-size:12px; font-weight:bold;   color:#fff; }     

#excerpt li {        
	padding:25px;
	text-align: center    }       

.clear {    clear:both; }



/* HOVER CHANGE COLOR BUTTON(S) */
#button2, #button2b {
  background: #E76C21;
  border: 0px solid #eee;
  height: 35px;
  width: 340px;
  margin: 5px auto;
  overflow: hidden;
  display: block;
  text-align: center;
  line-height: 38px;
  color: white;
  font-size: 16px; font-weight: bold;
  text-decoration: none;

/*Rounded Corners
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;   /*Gradient*/background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));   /*Shadow*/ -webkit-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2); box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
*/ 

/*Transition*/ 
-webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; -ms-transition: All 0.5s ease; transition: All 0.5s ease;
}

#button2:hover {
  background-color: orange;
  text-decoration: none;
}


.footer{
margin: 5px 0 5px 0; padding: 10px; width:880px; background-color: #13275A; color:white; font-size:12px;}

.footer a {
	text-decoration:underline;
	color:white;
}


/* Rounded Social Media Tabs */
.rounded-tabs1 img{
	border:0;
	/* border-left: 2px solid #777777;*/ 
	padding: 2px 12px 0 2px;
	margin-left: 6px;
	z-index:600;         
	
	/* Background color and gradients */
	
	background: #F4F4F4;
	background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));
	
	/* Rounded corners */
	
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}

.icon-noborder img{
	border-left: 2px solid #777777;
	border-top: 1px solid #C4C4C4;
	border-right: 1px solid #777777;
	margin-right: 0px;
	margin-bottom: 0px;
}



	ul#display-inline,
	ul#display-inline li {
		/* Setting a common base */
		margin: 0;
		padding: 0;
	}

	ul#display-inline li {
		display: inline-block;
		vertical-align: top;

#inputArea
 {
     font-family: Arial, Sans-Serif;
     font-size: 12px;
     background-color: #d6e5f4;
     padding: 10px;
 }
 
#inputArea input[type="text"], #inputArea textarea
 {
     font-family: Arial, Sans-Serif;
     font-size: 12px;
     margin-bottom: 5px;
     display: block;
     padding: 4px;
     border: solid 1px #85b1de;
     width: 100px;
 }


#promo
 {text-decoration: none; font-family:times roman; font-size: 150%;}


.obscure { 
 position: absolute !important; 
 clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ 
 clip: rect(1px, 1px, 1px, 1px); 
 } 

#rcorners1 {
  border-radius: 15px;
  background: #023467;
  padding: 10px; 
  text-align: center; margin: auto; font-family: Arial, Helvetica, sans-serif;
  font-size: 1.5em; color: white;
}


/* COLUMNS SIDE BY SIDE */
* {
  box-sizing: border-box;
}

/* Create two equal columns that floats next to each other */
.column {
  float: left;
  width: 50%;
  padding: 10px;
  height: 300px; /* Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}