* {margin:0px; padding:0px;}

body {background-color:#f1f0f0; font-family:Helvetica, Arial, sans-serif; font-size:12px; line-height:20px;}

#pageContainer {width:800px; margin-left:auto; margin-right:auto; margin-top:15px; background-color:#FFFFFF;}

#header {width:100%; height:220px;}

#navigation {width:780px; color:#FFFFFF; height:30px; background-color:#005953; line-height:30px; padding-right:20px;}

#navigation ul {float:right; display:inline-block; list-style:none; height:30px;}

#navigation ul li {text-align:right; float:left; display:inline-block; height:30px; line-height:30px; padding-left:5px; padding-right:5px;}

#navigation ul li a:link, a:visited {color:#FFF; text-decoration:none;}

#navigation ul li a:hover {color:#000;}

.selected:hover {background-color:#5c9b9a; color:#000;}

#mainContent {width:760px; padding-top:30px; padding-left:20px; padding-right:20px; background:#FFFFFF; background-image:url(../images/navigationBottom.png); background-position:top; background-repeat:no-repeat;}

#leftContent {width:280px; float:left;}

#leftContent p {padding-top:10px;}

#rightContent {width:460px; float:right;}

#rightContent p {padding-top:10px;}

#rightContent .link {color:#FFF; text-decoration:underline;}

#clear{clear:both;}

h1 {color:#005953; font-size:20px;}

h2 {color:#fff; font-size:22px;}

.readMore { background:url(../images/readMoreBackground.png); padding:10px; width:440px; height:106px;}

.readMore p {width:250px; color:#FFFFFF;}

.readMore2 { background:url(../images/readMore2Background.png); padding:10px; margin-top:20px; width:440px; height:106px;}

.readMore2 p {width:250px; color:#FFFFFF;}

.miniGallery {margin-top:20px; padding:10px; width:440px; height:167px;}

#testimonialHeader {width:275px; height:25px; padding-left:5px; margin-top:20px; background-color:#005953; }

#testimonialHeader p {line-height:25px; padding-top:0px; color:#FFFFFF; font-size:14px;}

#testimonials {padding:5px; width:270px; height:180px; background:#f1f0f0;}

#footer {background-color:#5c9b9a; height:30px; margin-bottom:20px;}

#copyright {line-height:30px; width:100%; text-align:center; color:#FFFFFF;}

#badges {text-align:center; padding-top:10px; padding-bottom:10px;}


/*********************HEADER IMAGE FADER********************/
#portfolio {
	position:relative;
	width:482px;
	height:220px;
	padding:0px;
	margin:0px;
	overflow:hidden;
	list
	list-style-position:outside;
	list-style-type:none;
}

#portfolio1 {
	position:relative;
	width:310px;
	height:220px;
	padding:0px;
	margin:0px;
	overflow:hidden;
	list
	list-style-position:outside;
	list-style-type:none;
}


/*************************SCROLLING TESTIMONIALS****************/
#marqueecontainer{
position: relative;
width: 274px; /*marquee width */
height: 180px; /*marquee height */
background-color:#f1f0f0;
overflow: hidden;
padding: 2px;
padding-left: 4px;
}

#marqueecontainer p{font-style:italic;}



/***********************IMAGE GALLERY*********************/

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 440px; /*Width of Carousel Viewer itself*/
height: 150px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 200px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}