/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/
body { margin: 0px; padding: 0; color: #333333; background-color:#ffffff; font-family: Arial; font-size: 12px;  }
a:link, a:visited { text-decoration: none; color:#808080  }
a:hover { color: #04b8d8; }
h1 { margin: 0px 0px 10px 0px; font-weight: normal; font-size: 30px; }
h2 { margin: 0px 0px 10px 0px; font-weight: normal; font-size: 27px; }
h3 { margin: 0px 0px 10px 0px; font-weight: normal; font-size: 24px; }
blockquote { overflow: auto; padding: 0 10px; margin: 20px 30px; background: #222; border: 1px solid #333; }
p img { padding: 0; max-width: 100%; }
a { outline: 0; }


.featured {width:992px; 
	padding-right:0px; 
	position:relative; 
	border:5px solid #ccc; 
	height:340px; overflow:hidden;
	background:#fafafa; }
.featured-info { color: #56adff; background-color: #313131; border: 1px solid #424242; padding: 0px 10px; margin: 15px 0px; }
#sections {width:723px; height:340px;  float: left; overflow: hidden; }
#sections ul { width: 10000px; padding: 0; margin: 0; height: 340px; float: left; list-style-image: none; display: block; }
#sections li { width:723px; height:340px;  display: block; float: left; }
.sections-overlay { background-image: url(images/readmore-bg.png);width:723px; height:340px; }
.sections-overlay .zoom { margin: 165px 0px 0px 312px; border: none; }
#featured-right {position: absolute;
	top: 5px;
	right: 0px;
	list-style: none;
	padding: 0;
	margin: 0;
	width: 250px;
	height: auto;
	overflow: hidden;
	overflow-x: hidden;}
#sections2 { width: 262px; height: 273px; float: right; overflow: hidden; }
.featured-readmore { background-color: #f1f1f1; padding: 3px 7px 3px 7px; display: block; float: right; margin-top:0px; border:1px solid #ffffff; color:#333333; font-size:12px}
#sections2 ul { width: 262px; padding: 0; margin: 0; height: auto; float: left; list-style-image: none; display: block; }
#sections2 li { width: 227px; height: 240px; display: block; float: left; background-image: url(images/slider-text-bg.gif); background-repeat: no-repeat; padding:8px 20px 20px 20px; color:#333333; font-weight:normal; font-size:11px; line-height:18px }
.featured-title a { color: #04b8d8; font-size: 20px; padding-bottom:5px; text-align:center !important}
.featured-title a:hover { color: #04b8d8; font-size: 20px; text-decoration:underline;text-align:center !important }

.featured-title a span { color: #d63252; font-size: 20px;text-align:center !important }
.featureth{ width:220px; height:147px; padding-left:0px; padding-bottom:0px; border:1px solid #ffffff; margin-bottom:12px}
#featured-button { width: 240px; height:61px; background: url(../images/slider-arrows-bg1.gif) no-repeat ;  z-index:9999; float:left }
.prev { width: 40px; height: 40px; cursor: pointer; float: left; background:url(../images/arrow-left.gif); margin-top:8px; margin-left: 10px; }
.next { width: 40px; height: 40px; cursor: pointer; float: right; background-image: url(../images/arrow-right.gif); margin-top:8px; margin-right: 10px; }
.prev-hover { width: 40px; height: 40px; cursor: pointer; background-image: url(../images/arrow-left-hover.gif); }
.next-hover { width: 40px; height: 40px; cursor: pointer; background-image: url(../images/arrow-right-hover.gif); }