/*home*/
.read_more{
	font-size: 11px;
	text-decoration: none;
	float: right;
}
#read_more1{
	color: #ED1C24;
}
#read_more2{
	color: #00AEEF
}
#read_more3{
	color: #F26522;
}
#read_more4{
	color: #598527;
}
#slider_bottom{
	width: 972px;
	height: 5px;
	background: #fff url("../images/sliderbox-bottom.gif");
}
#slider_top{
	width: 972px;
	height: 5px;
	background: #fff url("../images/sliderbox-top.gif") bottom left no-repeat;
	position: absolute;
	z-index: 8;
	top: 47px;
}
#content-top h3{
	font-size: 17px;
	color: #000000;
	font-family: tahoma, arial;
	font-weight: normal;
	margin-top: 2em;
	letter-spacing: 1pt;
}
#content-top{
	width: 630px;
}
#content-top p{
	text-align: justify;	
	font-size: 12px;
	color: #555555;
	font-family: tahoma, arial, helvetica;
	padding: 10px 0 0 0;
	line-height:19px;
}
#clients_container h2{
	font-family: tahoma, arial, helvetica;
	font-size: 16px;
	color: #000000;
	border-bottom: 3px solid #d7d7d7;
	padding-bottom: 1em;
}
#content-top a{
	font-size: 12px;
	color: #555555;
	font-family: tahoma, arial, helvetica;
	float: right;
	text-decoration: none;
	font-weight: bold;
	margin-top: 5px;
}
#clients_container p{
 	color: #003663;
 	text-align: left;
 	padding: 10px 0 0 0;
}
#clients_container{
	width: 308px;
	font-family: helvetica, tahoma, arial;
	margin-top: 2em;
}
#coda-container{
	display: block;
	clear: both;
	padding-top: 2em;
	overflow: hidden;
	font-family: helvetica, tahoma, arial !important;
}
.tab-contents{
	overflow: hidden;
	position: relative;
	z-index: 8;
	padding: 1.5em 1em 1em;
}
.tab-contents h2{
	font-size: 15px;
	font-weight: bold;
	color: #363636;
	padding: .9em 0;
}
.tab-contents img{
	float: left;
	margin: 1em 2em 1em 1em;
}
.tab-contents p.offers{
	width: 610px;
	color: #636363;
	font-family: helvetica, tahoma, arial;
	font-size: 12px;
	line-height: 21px;
	letter-spacing: .65px;
}
.img-desc{
	width: 310px;
	font-family: helvetica, tahoma, arial;
	font-size: 11px;
	padding-top: 3px;
	color: #111111;
}

/*----------------------------------------------*/
/*coda coda*/
.stripNav a.current{
	background: transparent url("../images/active-tab.png") top left no-repeat !important;
	z-index: 999 !important;
	position: absolute;
	height: 46px;
}
.stripNav .tab4 a.current{
	height: 35px !important;
}
.stripNav a{
	height: 55px;
}
.stripNav ul li a{
	padding-top: 5px;
	position: relative;
	width: 166px !important;
	height: 43px;
	background: transparent url("../images/inactive-tab.gif") top left no-repeat;
	font-size: 15px;
	line-height: 21px;
}
.stripNav ul li.tab1{
	margin: 0 0 0 0 !important;
}
.stripNav ul li.tab1 a{
	z-index: 4;
	color: #ed1c24;
}
.stripNav ul li.tab2 a{
	z-index: 3;
	color: #00aeef;
}
.stripNav ul li.tab3 a{
	z-index: 2;
	color: #f26522;
}
.stripNav ul li.tab4 a{
	z-index: 1;
	color: #598527;
	padding-top: 15px;
	height: 33px;
}
.stripNav ul li.tab1{
	z-index: 4;
}
.stripNav ul li.tab2{
	z-index: 3;
}
.stripNav ul li.tab3{
	z-index: 2;
}
.stripNav ul li.tab4{
	z-index: 1;
}
.tab_image_container{
	overflow: hidden;
	width: 313px;
}
/**/
/*========*/

* { margin: 0; padding: 0 }
		/* I've used a hard CSS reset above, but you should consider a more sophisticated reset, such as this one: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
		
		p { text-align: left; margin: 15px 0 }
		
		p, ul { font-size: 13px; line-height: 1.4em } 
		
		p a, li a { color: #39c; text-decoration: none }
		
		p.intro { border-bottom: 1px solid #ccc; margin-bottom: 30px; padding: 20px 0 30px 0; text-align: center; width: 100% }
		
		p.valid { padding-top: 30px; text-align: center }
		
		a:focus { outline:none }
		
		img { border: 0 }
		
		h3 { border-bottom: 1px solid silver; margin-bottom: 5px; padding-bottom: 3px; text-align: left }
		
		
		.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0;
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			width: 972px;
			position: relative;
			margin: 5px 4px 0 0;
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 50px; height: 20px; background: #fff; overflow: hidden;}

		.stripViewer { /* This is the viewing window */
			position: relative;
			z-index: 0;
			overflow: hidden; 
			margin: auto;
			width: 972px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			clear: both;
			background: #fff url("../images/slider-body.gif") left repeat-y;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			-moz-user-select: none; /* Stops the panels from highlighting/selecting, which I found problematic in Firefox. Also stops the CSS from validating though. Oh well. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			width: 972px; /* Also specified in  .stripViewer  above */
			height: 100%;
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 10px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
		
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
			z-index: 20;
			position: relative;
		}
		
		.stripNav ul li {
			width: 166px;
			height: 48px;
			float: left;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in slideviewer.js */
		}
		
		.stripNav a { /* The nav links */
			font-size: 10px;
			font-weight: bold;
			text-align: center;
			line-height: 32px;
			/*background:red;*/ 
			color: #A9494A;
			text-decoration: none;
			display: block;
		}
		
		/*
		#service1 .stripNav a{
			color:#A9494A;
		}
		#service2 .stripNav a{
			color: #50A6C7;
		}
		.stripNav a:hover {
			
		}
		*/
		
		.stripNav a.current {
			/*background: transparent url("../images/service1-gallerybutton.png") no-repeat top left;*/
			
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 230px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 40px;
			width: 40px;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}
		
		.stripNavL {
			background: url("images/arrow-left.gif") no-repeat center;
		}
		
		.stripNavR {
			background: url("images/arrow-right.gif") no-repeat center;
		}