/* HOMEPAGE SLIDER CSS by McDill */
/* Banner --------------------------- */

.coda-slider-wrapper {
margin:0;
padding:15px 15px 8px 1px;
width:960px;
height:340px;
background:transparent url("../images/border-banner.png") no-repeat;
text-align:left;
position:relative;
overflow: hidden;
}

h1 {
float:left;
margin:0 0 10px 15px;
_margin-left:7px; /* IE6 doubles the margin on floated element */
padding:0;
font-size:24px;
line-height:24px;
height:24px;
color:#555;
z-index:999;
}

.A1-feature, .B1-feature, .C1-feature {
float:right;
margin:0 0 0 14px;
width:306px;
height:300px;
color:#FFF;
background-color:#00C8FF;
position:relative;
}

.B5-feature, .C4-feature {
background-color: #00C8FF;
float:right;
margin:0 0 0 0;
width:306px;
height:300px;
color:#FFF;
position:relative;
}

.A2-feature {
float:left;
margin:0 14px 14px 0;
width:306px;
height:143px;
background:#00C8FF url("../images/306x143-bg-blue.png") no-repeat;	
color:#FFF;
position:relative;
}

.B2-feature {
float:left;
margin:0 14px 14px 0;
width:306px;
height:143px;
background:#64BC46 url("../images/306x143-bg-green.png") no-repeat;	
color:#FFF;
position:relative;
}

.C2-feature {
float:left;
margin:0 14px 14px 0;
width:306px;
height:143px;
background:#64BC46 url("../images/306x143-bg-green.png") no-repeat;	
color:#FFF;
position:relative;
}

.C3-feature {
float:left;
margin:0 14px 0 0;
width:306px;
height:143px;
background:#00C8FF url("../images/306x143-bg-blue.png") no-repeat;	
color:#FFF;
position:relative;
}

.A4-feature {
float:left;
margin:0 14px 0 0;
width:146px;
height:143px;	
background:#64BC46 url("../images/146x143-bg-green.png") no-repeat;	
color:#FFF;
position:relative;
}

.B3-feature {
float:left;
margin:0 14px 0 0;
width:146px;
height:143px;	
background:#64BC46 url("../images/146x143-bg-green.png") no-repeat;	
color:#FFF;
position:relative;
}

.A5-feature {
float:left;
margin:0 14px 0 0;
width:146px;
height:143px;	
background:#00C8FF url("../images/146x143-bg-blue.png") no-repeat;	
color:#FFF;
position:relative;
}

.B4-feature {
float:left;
margin:0 0 0 0;
width:146px;
height:143px;	
background:#00C8FF url("../images/146x143-bg-blue.png") no-repeat;	
color:#FFF;
position:relative;
}

.A3-feature {
float:left;
margin:0;
width:306px;
height:143px;
background:#64BC46 url("../images/306x143-bg-green.png") no-repeat;	
color:#FFF;
position:relative;
}

.A6-feature {
float:left;
margin:0 0 14px 0;
width:306px;
height:143px;	
background:#64BC46 url("../images/306x143-bg-green.png") no-repeat;	
color:#FFF;
position:relative;
}

.feature-text {
position:absolute;
bottom:5px;
left:10px;
z-index:99;
}

.A1-feature .feature-shade, .B1-feature .feature-shade, .B5-feature .feature-shade, .C1-feature .feature-shade, .C4-feature .feature-shade {
width:306px;
height:300px;
background:transparent url("../images/306x300-over.png") no-repeat;	
}

.A2-feature .feature-shade, .A2-feature .feature-shade, .A3-feature .feature-shade, .A6-feature .feature-shade, .B2-feature .feature-shade, .C2-feature .feature-shade, .C3-feature .feature-shade {
width:306px;
height:143px;
background:transparent url("../images/306x143-over.png") no-repeat;	
}

.A4-feature .feature-shade, .A5-feature .feature-shade, .B3-feature .feature-shade, .B4-feature .feature-shade {
width:146px;
height:143px;
background:transparent url("../images/146x143-over.png") no-repeat;	
}

.A1-feature p, .B1-feature p, .B5-feature p, .C1-feature p, .C4-feature p {
margin:0;
font-size:14px;
font-weight:bold;
line-height:1.4em;
}

.A1-feature h2, .B1-feature h2, .B5-feature h2, .C1-feature h2, .C4-feature h2 {
margin:0;
font-size:27px;
font-weight:bold;
line-height:1.2em;
}

.A2-feature p, .A3-feature p, .A4-feature p, .A5-feature p, .A6-feature p, .B2-feature p, .B3-feature p, .B4-feature p, .C2-feature p, .C3-feature p {
margin:0;
font-size:12px;
font-weight:bold;
line-height:1.4em;	
}

.A2-feature h2, .A3-feature h2, .A6-feature h2, .B2-feature h2, .C2-feature h2, .C3-feature h2 {
margin:0;
font-size:22px;
font-weight:bold;
line-height:1.2em;	
}

.A4-feature h2, .A5-feature h2, .B3-feature h2, .B4-feature h2 {
margin:0;
font-size:18px;
font-weight:bold;
line-height:1.2em;
}

a.feature-link,
a.feature-link:hover {
display:block;
color:#FFF;
text-decoration:none;
cursor:pointer;
}

.feature-shade {
display:none;
position:absolute;
top:0;
bottom:0;
z-index:2;
}

.feature-gradient {
position:absolute;
top:0;
bottom:0;
z-index:1;
}

.A1-feature .feature-image,
.B1-feature .feature-image,
.B5-feature .feature-image,
.C1-feature .feature-image,
.C4-feature .feature-image {
	height:300px;
	width:306px;
	overflow: hidden;
}
.A2-feature .feature-image,
.A3-feature .feature-image,
.A6-feature .feature-image,
.B2-feature .feature-image,
.C2-feature .feature-image,
.C3-feature .feature-image {
	height:143px;
	width:306px;
	overflow: hidden;
}

/* HOMEPAGE SLIDER CSS by McDill */

/*
	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
	Copyright (c) 2009 Niall Doherty
	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/

/* Most common stuff you'll need to change */

/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider { height: 400px; overflow: auto !important; padding-right: 14px }

/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider, .coda-slider .panel { margin:0; width: 960px } 

/* Change margin and width of the slider (with dynamic arrows) */
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 600px }
.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }

/* Arrow styling */
.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px }

/* Tab nav */
.coda-nav ul li a.current { background:#64BC46 url("../images/bg-nav-active.gif") no-repeat; }

/* Panel padding */
.coda-slider .panel-wrapper { margin:0; padding: 0 0 14px 14px; }
	
/* Preloader */
.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

/* Tabbed nav */
.coda-nav { float:right; margin:0; padding:0; }
.coda-nav ul { margin:0; padding:0; overflow: hidden }
.coda-nav ul li { display: inline; margin:0; padding:0; }
.coda-nav ul li a {
	display: block;
	float: left;
	margin:0 0 0 4px;
	padding:0;
	width:20px;
	height:22px;
	line-height:22px;
	color: #fff;
	font-size:11px;
	*font-weight:bold; /* Bold font for IE */
	text-align:center;
	text-decoration: none;
	background:#555555 url("../images/bg-nav.gif") no-repeat;
}

/* Miscellaneous */
.coda-slider { margin:0; float: left; overflow: hidden; position: relative }
.coda-slider .panel { margin:0; display: block; float: left; position:relative; }
.coda-slider .panel-container { margin:0; position: relative }
.coda-nav-left, .coda-nav-right { float: left }
.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
/*.fixpng { behavior: url(../images/iepngfix.htc) }*/


.hometitle {
  color: #555555;
  float: left;
  font-size: 18px;
  height: 18px;
  line-height: 18px;
  margin: 0 0 10px 15px;
  padding: 0;
  z-index: 999;
}