body {
	text-align: center;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 11px;
	color: #555;
	background-color: #FFFFFF;
	margin: 0px;
	height: auto;
}

strong {
	color:#000;
}

hr {
	border: 0;
	border-top:1px dashed #999;
	margin:10px auto;
}

a:link, a:active, a:visited {
	color: #82C538;
	text-decoration: none;
}

a:hover {
	text-decoration:underline;
}

p {
	margin: 10px 0;
}


h1 {
	font-size: 2em;
	color: #82c537;
}

h2 {
	font-size: 1.2em;
	color: #004682;
}

h1 strong {
	font-weight:bold;
	color:inherit;
}

h3 {
	color: #094b7f;
	font-size: 18px;
	font-weight: normal;
	margin-top: 0px;
}


/* ------------ TOP ----------*/

#top-banner {
	background-image: url(/images/top-banner-bg.jpg);
	height: 123px;
	width: 100%;
	background-repeat: repeat-x;
	text-align: left;
	border-bottom: 5px solid #40c709;
}

#top-banner        #hold{
	width: 970px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}
#top-banner #logo {
	height: 33px;
	position: relative;
	left: 18px;
	top: 11px;
	font-size: 11px;
	text-transform: uppercase;
	color: #8dd02d;
	font-weight: bold;
	line-height: 50px;
	width: 400px;
	float: left;
}

#top-banner #toplinks {
	float: right;
	position: relative;
	top: 5px;
	right: 115px;
	font-size:1em;
	color: #bbb;

}

#top-banner #phone {
	float: right;
	position: relative;
	top: 20px;
	right: 115px;
	font-size:2em;
	font-weight:bold;
	color: #bbb;
	clear:right;
}


/* ------------ Navigation ----------*/


div#navbar {
	float:right;
	width: 630px;
	height: 37px;
	position: absolute;
	top: 90px;
	right: 20px;
}

div#navbar a {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}

div#navbar a:hover {
	text-decoration:underline;

}


div#navbar ul {
 	padding:0;
 	margin:0;
}

div#navbar li{
	float: left;
	height: 37px;
	width: 102px;
	list-style:none;
	margin: 0 1px 0 0;
	padding-top: 8px;
	text-align: center;
	background: #40c709 url(/images/greentab.jpg) no-repeat;
}


#left-shadow {
	background-image: url(/images/body-bg-left-repeat.jpg);
	background-repeat: repeat-x;
	width: 50%;
	position: relative;
	float: left;
	height: 814px;
}
#right-shadow {
	background-image: url(/images/body-bg-right-repeat.jpg);
	background-repeat: repeat-x;
	width: 50%;
	position: relative;
	float: left;
	height: 814px;

}


#wrapper  {
	background-image: url(/images/background_tile.jpg);
	background-repeat:repeat-x;
	background-position: top;
	height: 900px;
	min-height: 900px;
	position: relative;
	clear: left;
	width: 100%;
}
#content   {
	width: 970px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#intro       {
	width: 970px;
	padding: 0 15px;
	position: relative;
}

#left       {
	position: relative;
	float: left;
	text-align: left;
	color: #FFFFFF;
}
#left   li   a  {
	color: #79DADF;
	text-decoration: none;
}

#left   li   a:hover   {
	color: #79DADF;
	text-decoration: underline;
}
#left   h1       {
	color: #79DADF;
	font-size: 40px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 25px;
	margin-bottom: 0px;
}
#left   h2       {
	color: #2380BF;
	font-size: 20px;
	text-transform: uppercase;
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: arial, verdana, helvetica, sans-serif;
	font-weight: normal;
}
#left   ul       {
	color: #055891;
	font-weight: bold;
	margin-top: 17px;
	margin-left: 0px;
	padding-left: 10px;
	font-size: 12px;

}
#left   li       {
	background-image: url(/images/bullet.png);
	background-repeat: no-repeat;
	list-style-type: none;
	margin-left: 0px;
	padding-left: 25px;
	padding-top: 2px;
	padding-bottom: 3px;
	color: #79DADF;
}
#quote         {
	height: 180px;
	width: 135px;
	position: absolute;
	top: 140px;
	left: 225px;
	text-align: center;
}
.btn-quote-index {
	background-image: url(/images/quote-intro.png);
	background-repeat: no-repeat;
	height: 109px;
	width: 110px;
	background-position: center;
	margin-right: auto;
	margin-left: auto;
}
.btn-quote-index-hov {
	background-image: url(/images/quote-intro-hov.png);
	background-repeat: no-repeat;
	height: 109px;
	width: 110px;
	text-align: center;
	background-position: center;
	margin-right: auto;
	margin-left: auto;
}
#callback       {
	background-image: url(/images/call-bg.png);
	height: 287px;
	width: 166px;
	float: right;
	top: 25px;
	position: relative;
}
#callback   a:link,#callback a:active,  #callback   a:visited              {
	color: #052834;
	text-decoration: underline;
}
#callback   a:hover       {
	color: #052834;
}
#callback     img       {
	margin-top: 30px;
}
#callback   p       {
	padding-left: 18px;
	text-align: left;
	padding-right: 15px;
}
#portfolio-holder        {
	background-image: url(/images/portfolio-bg.png);
	background-repeat: no-repeat;
	height: 137px;
	width: 960px;
	position: relative;
	background-position: center;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#portfolio-holder img {
	text-decoration: none;
	border: 5px solid #C3DDA2;
}

#maintext     {
	width: 940px;
	position: relative;
	margin: auto;
	text-align:left;
	float:left;
	background-image: url(/images/maintext-bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: auto;
	min-height: 346px;
	padding: 46px 30px 20px 30px;


}
.box            {
	width: 185px;
	float: left;
	text-align: left;
}

.box    h1        {
	font-size: 24px;
	font-weight: normal;
	margin-top: 0px;
}
.box    h2        {
	font-size: 18px;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0px;
}
.spliter            {
	background-image: url(/images/maintext-spliter.gif);
	height: 390px;
	width: 56px;
	position: relative;
	float: left;
}

.spliter_white            {
	background-image: url(/images/splitter.gif);
	height: 390px;
	width: 56px;
	position: relative;
	float: left;
}

.darkblue {
	color: #228497;
}

.darkblue a{
	color: #228497;
}

.green {
	color: #82c537;
}

.green a a:hover {
	color: #82c537;
}

.lightblue {
	color: #27bfce;
}

.lightblue a {
	color: #27bfce;
}

.pink {
	color: #dd137b;
}

.pink a{
	color: #dd137b;
}

#maintext   a:link,#wrapper #holder  #content   #maintext   a:active,#wrapper #holder  #content   #maintext   a:visited     {
	color: #82C537;
	text-decoration: none;
}
#maintext   a:hover     {
	color: #82C537;
	text-decoration: underline;
}
#bottom {
	width: 930px;
	position: relative;
	height: auto;
	min-height: 310px;
	float: left;
	background-repeat: repeat-x;
	background-position: bottom;
	top: 0px;
	padding-bottom: 20px;
	background-image: url(/images/bottom-bg-repeat.gif);
}

#bottom-holder-middle-left   {
	width: 680px;
	float: left;

}

#blue_banner {
	background-color: #34C9DC;
	width: 100%;
	color:#fff;
	height: auto;
	text-align: center;
	padding: 5px;
	margin-bottom:10px;
}

#blue_banner   > h1{
	font-size: 2em;
	font-weight: normal;
	margin-top: 0px;
	color: #fff;
	margin-bottom: 0px;
}
#blue_banner a  {
	text-decoration:underline;
	color: #228497;
}

/* -- Tables -- */

table.data_table {
	width: 100%;
	border-collapse:collapse;
}

table.data_table td{
	padding: 2px;
	border: 1px solid #fff;
}
.row_colour1 {
	background-color: #e4ebf1;
}

.row_colour2 {
	background-color: #f0f3f6;
}

/* --  -- */

#bottom-holder-middle-right      {
	float: left;
	width: 210px;
	position: relative;
	left: 30px;
	height: auto;
}
#bottom-holder-middle-right  a    {
	text-decoration:underline;
	color:#052834
}
#bottom-holder-middle-right   #green img    {

	border: 5px solid #c3dda2;
}
#bottom-holder-middle-right #blue     {
	float: left;
	background-repeat: no-repeat;
	background-position: top;
	height: auto;
	min-height:230px;
	width: 178px;
	background-color: #efefef;
	text-align: left;
	margin-bottom: 10px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 25px;
	padding-top: 5px;
}
#bottom-holder-middle-right #green     {
	float: left;
	background-image: url(/images/right-green-box.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: auto;
	min-height:230px;
	width: 178px;
	background-color: #FFFFFF;
	text-align: left;
	margin-bottom: 10px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 25px;
}


div.float_right {
	float:right;
	margin: 0 20px;
}


#footer {
	width: 100%;
	position: relative;
	height: auto;
	min-height: 150px;
	float: left;
	top: 0px;
	background-color: #383838;
}
#footer-holder {
	width: 920px;
	position: relative;
	height: auto;
	min-height: 110px;
	padding: 20px;
	margin-right: auto;
	margin-left: auto;
}
#footer-holder-left {
	width: 20%;
	position: relative;
	height: auto;
	float:left;
	color: #2d97ac;
	text-align: left;
	margin-right:20px;
	margin-bottom: 10px;

}
#footer-holder-left  h1 {
	font-size: 14px;
	font-weight: bold;
	margin-top: 0px;
}
#footer-holder-left a:link, #footer-holder-left a:active, #footer-holder-left a:visited {
	color: #2d97ac;
	text-decoration:none;
}
#footer-holder-left a:hover {
	color: #2d97ac;
	text-decoration:underline;
}
#footer-holder-left strong {
	color: #B1B0B0;
	font-weight: bold;
	font-size: 12px;
}
#footer-holder-middle, #footer-holder-middle2 {
	width: 25%;
	position: relative;
	height: auto;
	float:left;
	color: #82c538;
	text-align: left;
	margin-right:20px;
	margin-bottom: 10px;
}
#footer-holder-middle h1, #footer-holder-middle2 h1 {
	position: relative;
	color: #82c538;
	font-size: 14px;
	font-weight: bold;
	margin-top: 0px;
}
#footer-holder-middle a:link, #footer-holder-middle a:active, #footer-holder-middle a:visited {
	color: #82c538;
	text-decoration:none;
}
#footer-holder-middle a:hover {
	color: #82c538;
	text-decoration:underline;
}
#footer-holder-middle strong {
	color: #B1B0B0;
	font-weight: bold;
	font-size: 12px;
}
#footer-holder-middle2 a:link, #footer-holder-middle2 a:active, #footer-holder-middle2 a:visited {
	color: #82c538;
	text-decoration:none;
}
#footer-holder-middle2 a:hover {
	color: #82c538;
	text-decoration:underline;
}
#footer-holder-middle2 strong {
	color: #B1B0B0;
	font-weight: bold;
	font-size: 12px;
}
#footer-holder-right {
	width: 18%;
	position: relative;
	height: auto;
	float:right;
	color: #b1b0b0;
	text-align: right;
	right: 0px;
}
#footer-holder-right a{
	color: #b1b0b0;
	text-decoration: underline;

}
#footer-copyright {
	width: 100%;
	position: relative;
	height: 30px;
	float: left;
	top: 0px;
	background-color: #2b2b2b;
	color: #646567;
	padding-top: 10px;
}
#bottom-holder ul {
	margin-left: 0px;
	padding-left: 10px;
	list-style-type: none;
}
#bottom-holder li {
	background-image: url(/images/bullet-white.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 25px;
	line-height: 18px;
}
#holder-subpage  {
	background-image: url(/images/body-2.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height: 814px;
	min-height: 814px;
	position: relative;
	width: 100%;
	clear: left;
}
#holder-subpage-2 {
	background-image: url(/images/body-3.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height: 814px;
	min-height: 814px;
	z-index: 0;
	top: 0px;
	width: 100%;
	position: relative;
}
#holder-subpage-3 {
	background-image: url(/images/body-4.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height: 814px;
	min-height: 814px;
	position: relative;
	clear: left;
	width: 100%;
}
#holder-subpage-4 {
	background-image: url(/images/body-5.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height: 814px;
	min-height: 814px;
	position: relative;
	clear: left;
	width: 100%;
}
#holder-subpage-5 {
	background-image: url(/images/body-6.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height: 814px;
	min-height: 814px;
	position: relative;
	clear: left;
	width: 100%;
}
#holder-subpage-6 {
	background-image: url(/images/body-7.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height: 814px;
	min-height: 814px;
	position: relative;
	clear: left;
	width: 100%;
}
#subpage-maintext    {
	width: 930px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	float:left;
	background-image: url(/images/maintext-bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	min-height: 700px;
	top: 15px;
	padding-top: 46px;
	padding-left: 30px;
	left: 15px;
	min-height: 920px;
	height: auto;
}
#subpage-intro {
	height: 150px;
	width: 983px;
	position: relative;
}
#subpage-intro-headlines {
	width: 470px;
	height: 150px;
	position: relative;
	float: right;
	text-align: right;
	color: #FFFFFF;
	right: 10px;
}
#subpage-intro-headlines h1 {
	color: #BEE2E0;
	font-size: 40px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 25px;
	font-weight: normal;
	margin-bottom: 0px;
}
#subpage-intro-headlines h2 {
	color: #06365E;
	font-size: 20px;
	text-transform: uppercase;
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: arial, verdana, helvetica, sans-serif;
	font-weight: normal;
}
#subpage-intro-headlines a {
	color: #BEE2E0;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: normal;
	text-decoration: underline;
}
#subpage-maintext-left {
	width: 652px;
	position: relative;
	left: 10px;
	height: auto;
	text-align: left;
	float: left;
}
#subpage-maintext-left p {
	font-size: 12px;
	font-weight: normal;
}
#subpage-maintext-left div {
	text-align: left;
	margin-bottom: 20px;
	position: relative;
	float: left;
}


#subpage-maintext-left h1, #subpage-maintext-3columns-center h1 {
	font-size: 24px;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0px;
}
#subpage-maintext-3columns-center {
	width: 414px;
	float: left;
	position: relative;
	left: 10px;
	text-align: left;
}
#subpage-maintext-3columns-center p {
	font-size: 12px;
	font-weight: normal;
}
#subpage-maintext-3columns-left-holder {
	height: 100px;
	width: 218px;
	float: left;
	position: relative;
	margin-right: 20px;
}
#subpage-maintext-3columns-left {
	background-color: #FFFFFF;
	text-align: left;
	height: auto;
	background-image: url(/images/box-black.gif);
	background-repeat: no-repeat;
	padding: 20px;
}
#subpage-maintext-3columns-left ul {
	text-align: left;
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
	margin-top: 0px;
	padding-top: 0px;
}
#subpage-maintext-3columns-left li {
	text-align: left;
	list-style-type: none;
	padding-left: 25px;
	background-image: url(/images/bullet.png);
	background-repeat: no-repeat;
	line-height: 20px;
}
#subpage-maintext-3columns-left a:link, #subpage-maintext-3columns-left a:active, #subpage-maintext-3columns-left a:visited {
	text-decoration: underline;
	color: #228497;
}
#subpage-maintext-3columns-left a:hover {
	text-decoration: underline;
	color: #052834;
}
/* portfolio slide start*/
.stepcarousel{
position: relative; /*leave this value alone*/
left:auto;
right:auto;
overflow: scroll; /*leave this value alone*/
width: 900px; /*Width of Carousel Viewer itself*/
margin-left: 30px; 
margin-right: 30px; 
height: 130px; /*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-top: 20px; 
margin-bottom: 20px; 
margin-left: 5px; 
margin-right: 5px; 
width: 140px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.bump {
	border: 5px solid #C3DDA2;
	margin-right: 15px;
	margin-bottom: 15px;
}