body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;

	color: #000000;
}

#container {
	width: 944px;
	background: #FFFFFF url(graphics/container_bg.gif);
	margin: 0 auto;
	text-align: left;
} 
#header {
	padding: 0 0px; position:relative; height:397px;
} 

.header-logo {position:absolute; top:20px; left:20px}
.header-contact {position:absolute; top:35px; left:410px}
.header-sm {position:absolute; top:35px; right:20px}
.header-slider-container {position:absolute; width:100%; top:135px;}
.header-image-container {position:absolute; width:100%; top:135px;}

.header-links{position:absolute; width:100%; bottom:0px;}

#header h1 {
	margin: 0; 
	padding: 10px 0; 
}


#sidebar1 {
	float: right;
	width: 300px;
	padding-top: 0px;
	padding-right: 24px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(graphics/sidebar_bkg.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

#sidebox {
	float: left;
	width: 271px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}

#sidebar1 h3, #sidebar1 p {
	margin-left: 0px; 
	margin-right: 0px;
	margin-top: 0px; 
	margin-bottom: 0px;
}

#mainContent {
	float: left;
	width: 572px;
	margin-top: 15px;
	margin-bottom: 0;
	margin-left: 24px;
	margin-right: 0px;
	padding: 15px 0px 0px;
} 
#mainContent_full {
	float: left;
	margin-top: 15px;
	margin-bottom: 0;
	margin-left: 24px;
	margin-right: 24px;
	padding: 15px 0px 0px;
} 
.logo {
	float: left;
	height: 230px;
	width: 273px;
}
#bottom_bar {
	margin-top: 0;
	margin-right: 24px;
	margin-bottom: 12px;
	margin-left: 24px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #FE6404;
} 
#footer {
	padding: 0 10px;
	background:url(graphics/bottomofthepage.gif) no-repeat;
	height: 65px;
} 
#footer p {
	margin: 0; 
	padding: 10px 0; 
}

.three-columns{
width:31%; margin-left:1%; margin-right:1%; float:left
}


.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#slideshow {
	position:relative;
	height: 230px;
	width: 671px;
	float: right;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
	height: 100%;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}


.clients-left{width:72%; float:left; margin-right:2%;}
.clients-right{width:26%; float:left;}

.cont-img{float:left; width:30%; margin-right:3%; margin-top:30px; text-align:right; height:300px;}
.cont-image-right{float:left; width:65%; margin-top:30px}
.cont-sub-1{float:left; width:42%; margin-right:4%}
.sub-cont-1{float:left; width:30%; margin-left:4%; margin-right: 2%}
.sub-cont-2{float:left; width:30%; margin-right: 2%}
.sub-cont-3{float:left; width:30%}

@media screen and (max-width:944px)
{ 
.cont-img img{width:100%;}

.mobrem{visibility:hidden; display:none;}

#container {
	width: 100%;
	background-image: none;
} 
#header {
	padding: 0 0px; height:360px;
} 

.header-contact {position:absolute; top:35px; left:43%}
.header-slider-container {position:absolute; width:100%; top:140px; background-color:#156f92}
.header-image-container {position:absolute; width:100%; top:140px; overflow:hidden}
.header-image-container img{width:104%; height:220px; margin-left:-2%; margin-right:-2%}

.header-links{position:absolute; width:100%; bottom:0px;}
.header-sm {top:80px;}

#AWMEL0{visibility:hidden; display:none;}

#slideshow {
	position:relative;
	height:230px;
	width: 660px;
	float: none;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}

}

@media screen and (max-width:680px)
{ 
.cont-img{visibility:hidden; display:none;}
.cont-img-right{width: 90%; float:none; margin:auto; padding:10px 0px;}
.sub-cont-1{float:none; width:90%; margin:auto; padding:10px 0px;}
.sub-cont-2{float:none; width:90%; margin:auto; padding:10px 0px;}
.sub-cont-3{float:none; width:90%; margin:auto; padding:10px 0px;}


#header{height:auto;}
.header-logo{position:relative; width:100%; text-align:center !important; top:auto; left:auto}
.header-sm{position:relative; width:100%; text-align:center !important; top:auto; right:auto; padding:14px 0px}
.header-contact{position:relative; width:100%; text-align:center !important; top:auto; left:auto}
.header-slider-container {position:relative; width:100%; top:auto; background-color:#FFFFFF}
.header-image-container {position:relative; width:100%; top:auto;}
.header-image-container img{height:180px;}
.header-links{position:relative; width:100%;}
#slideshow {
	position:relative;
	height:230px;
	width: 100%;
	float: none;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	top:auto;
}

#slideshow img{
	width: 102%;
}

#mainContent {
	float: none;
	width: 96%;
	margin-top: 15px;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
} 
#mainContent_full {
	float: none;
	width: 96%;
	margin-top: 15px;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
} 

.three-columns{
width:96%; margin-left:auto; margin-right:auto; float:none
}
.three-spacing{padding-top:20px;}
.three-spacing strong{color: #0a9fc5; font-size:18px;}
.three-center{text-align:center;}
.three-title br{padding:20px 0px; margin:20px 0px;}

.clients-left{width:60%; }
.clients-right{width:38%; }

}

@media screen and (max-width:500px)
{ 
#slideshow { height: 200px }
.header-logo{width:90%; margin-left:0px;}
.header-sm{width:90%; margin-left:0px;}
.header-contact{width:90%; margin-left:0px;}
.header-image-container img{height:150px;}

.clients-left{width:52%; margin-right:4% }
.clients-right{width:44%; }
}
@media screen and (max-width:400px)
{ 

.header-logo{width:80%; margin-left:0px;}
.header-sm{width:80%; margin-left:0px;}
.header-contact{width:80%; margin-left:0px;}
.header-image-container img{height:140px;}
}