body {
	background: url(../images/background1.gif) top center repeat-x #CFDEEA;
	margin: 0px;
	padding: 16px 0;
	font: 11px "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica;
	color: #282828;
	text-align: center;
}
p{
font-size:11px;

text-align:justify;
line-height:16px;
}
img {
	border-style: none;
}
img.pic_left{
float:left;
padding:5px;
margin:0 8px 8px 8px;
border:1px  #CCCCCC solid;
}
a {
	color: #2E9FED;
	text-decoration: none;
}
a:hover {
	color: #1471B1;
}
#welcome h1{
padding:5px 0 0 20px;
margin:0px;
font-weight:bold;
font-size:14px;
color:#FFFFFF;
}

.survabox {
width: 410px;
float: left;
padding:8px;
margin:0 0px 8px 8px;
border:1px  #CCCCCC solid;
text-align: justify;
}
.survaboxform {
width: 220px;
float: left;
padding:8px;
margin:0 0px 8px 8px;
margin-left: 300px;
border:1px  #CCCCCC solid;
text-align: justify;
}

.survaboxform33 {
width: 220px;
float: left;
padding:8px;
margin:0 0px 8px 8px;
border:1px  #CCCCCC solid;
text-align: justify;
}
h3{
font-size:14px;
color: #003366;
}
h4{
font-size:13px;
padding:2px;
margin:0px;
color: #003366;
border-bottom:1px #999999 dashed;
}
#container {
	position: relative;
	width: 850px;
	margin: 0 auto;
	padding: 0px;
	text-align: left;
}

#head {
	width: 850px;
	height: 200px;
	background: url(../images2/head1.gif) no-repeat;
}
#head h1 {
	position: absolute;
	margin: 17px 0 0 28px;
	width: 463px;
	height: 195px;
	background: url(../images/maclse_logo.jpg) no-repeat;
}
#teltext {
	position: absolute;
	margin: 0px 0 0 500px;
	width: 290px;
	height: 111px;
	font-family:Verdana;
	font-weight:bold;
	color:#ffffff;
	z-index:101;
}
#teltext22 {
	position: absolute;
	margin: 0px 0 0 20px;
	width: 420px;
	height: 111px;
	font-family:Verdana;
	font-weight:bold;
	color:#ffffff;
}

#journal {
	position: absolute;
	margin: 30px 0 0 170px;
	width: 420px;
	height: 111px;
	font-family:Verdana;
	font-weight:bold;
	z-index:251;
}
#teltextname{
	position: absolute;
	margin: 0px 0 0 320px;
	width: 420px;
	height: 111px;
	font-family:Verdana;
	font-weight:bold;
	color:#ffffff;
}
#addresstext {
	position: absolute;
	margin: 153px 0 0 520px;
	width: 280px;
	height: 41px;
	text-align:left;
	font-size: 20px;
	font-family:Verdana;
	font-weight:bold;
	color:#ffffff;
	z-index: 100;
}
#addresstext1 {
	position: absolute;
	margin: 155px 0 0 523px;
	width: 280px;
	height: 41px;
	text-align:left;
	font-size: 20px;
	font-family:Verdana;
	font-weight:bold;
	color:#003366;
	z-index: 99;
}

#cdptext {
	position: absolute;
	margin: 170px 0 0 53px;
	width: 350px;
	height: 41px;
	text-align:left;
	font-size: 10px;
	font-family:Verdana;
	font-weight:normal;
	color:#003366;
	z-index: 111;
}

#logotext {
	position: absolute;
	margin: 20px 0 0 217px;
	width: 170px;
	height: 251px;
	text-align:center;
	font-size: 14px;
	font-family:Tahoma;
	font-weight:bold;
	color:#4F8685;
	background: url(../images/L2.gif) no-repeat;
	z-index: 100;
}
#logotext1 {
	position: absolute;
	margin: 79px 0 0 231px;
	width: 160px;
	height: 41px;
	text-align:left;
	font-size: 14px;
	font-family:Tahoma;
	font-weight:normal;
	color:#003366;
	z-index: 99;
}
.box {
    width:430px;
     text-align:justify;
     float:left; 
    }
.image_box {
     width:230px;
     float:right;
     
     padding-left: 10px;
     }  
.image_box2 {
     width:230px;
     float:left;
     padding:10px;
     }   
#head h1 a {
	text-indent: -2000px;
	width: 154px;
	height: 59px;
	display: block;
	background: url(images/logo.gif) no-repeat;
}
.top_head_banner{
position: absolute;
	width: 728px;
	top: 9px;
	left: 505px;
float:right;
width:280px;
height:135px;

}

#menu {
	position: absolute;
	width: 826px;
	top: 188px;
	left: 12px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}
.glossymenu{
	position: relative;
	padding: 0 0 0 1px;
	margin: 0 auto 0 auto;
	background: url(../images/menub_bg.gif) repeat-x; /*tab background image path*/
	height: 46px;
	list-style: none;
}

.glossymenu li{
	float:left;
}

.glossymenu li a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}

.glossymenu li a b{
	float: left;
	display: block;
	padding: 0 24px 0 8px; /*Padding of menu items*/
}

.glossymenu li.current a, .glossymenu li a:hover{
	color: #fff;
	background: url(../images/menub_hover_left.gif) no-repeat; /*left tab image path*/
	background-position: left;
}

.glossymenu li.current a b, .glossymenu li a:hover b{
	color: #fff;
	background: url(../images/menub_hover_right.gif) no-repeat right top; /*right tab image path*/
}
#menu_sub {
	position: absolute;
	width: 826px;
	top: 232px;
	left: 11px;
	margin: 0px;
	padding: 0px;
	background: url(../images/lineback.jpg) repeat-x;
	z-index: 100;
}
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#ddcolortabs{
margin-left: 4px;
padding: 0;
width: 100%;
voice-family: "\"}\"";
voice-family: inherit;
padding-left: 2px;

}

#ddcolortabs ul{
font: bold 11px Arial, Verdana, sans-serif;
margin:0;
padding:0;
list-style:none;
}

#ddcolortabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
}


#ddcolortabs a{
float:left;
color: black;
margin:0 2px 0 0;
padding:0 0 0px 3px;
text-decoration:none;
letter-spacing: 1px;
border-right: 1px solid #000000;
}

#ddcolortabs a span{
float:left;
display:block;
padding:4px 9px 2px 6px;
}

#ddcolortabs a span{
float:none;
}


#ddcolortabs a:hover{
color:white;
}

#ddcolortabs a:hover span{
color:white;
}

#ddcolortabs #current a, #ddcolortabs #current span{ /*currently selected tab*/
color:red;
}

#ddcolortabsline{
clear: both;
padding: 0;
width: 100%;
height: 3px;
line-height: 3px;
background: #045e9b;
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}

#area {
	width: 850px;
	height: 54px;
	background: url(../images2/area.gif) repeat-x;
}

#main {
	margin: auto;
	background: url(../images2/water_left.gif) repeat-y;
	width: 850px;
	height: auto; 
}
#content_banner {
padding:0 0px 0px 0px;
width: 85px;
height:600px;
float:left;
clear:both;

}
#content_left {
float:left;
padding:0px 40px 0px 22px;
width: 530px;
height:auto;
}
#content_right{
float:left;
padding:5px;
width: 190px;
height:auto;
}
#welcome {
background: url(../images2/center_banner.gif) no-repeat;
background-position:12px 0px;
padding:10px;
width: 848px;
height:60px; 
}
.item_box{
width:auto;
height:auto;
padding:10px 0 5px 0;
border-bottom:1px #666666 dashed;
}
.spacer{
width:auto; height:2px; clear:both; padding-bottom:2px;}
/*---------contact----------*/
#form {
	padding: 0px;
	margin: 0px;
}
#fields label {
	width: 200px;
	display: block;
	padding: 0px;
	
}
#fields input {
	border: 1px solid #C8D2D9;
	margin: 0 0 3px 0;
	width: 200px;
}
#fields textarea {
	border: 1px solid #C8D2D9;
	margin: 0 0 3px 0;
	width: 200px;
	height: 43px;
}
#send input {
	width: 64px;
	height: 20px;
	margin: 0px;
}
.forms {
    width:200px;
    float:left;
	padding: 0px;
	margin-left: 80px;
	clear-both;
}
.fields1 label {
	width: 200px;
	display: block;
	padding: 0px;
	
}
.fields1 input {
	border: 1px solid #C8D2D9;
	margin: 0 0 3px 0;
	width: 200px;
}
.fields1 textarea {
	border: 1px solid #C8D2D9;
	margin: 0 0 3px 0;
	width: 200px;
	height: 43px;
}
.send1 input {
	width: 64px;
	height: 20px;
	margin: 0px;
}
ul {
	margin: 0 0 20px 0;
	padding: 0px;
	list-style-type: none;
}
.contact_info{
float:left;
padding:15px;
}

/*work------------*/
.project_details{
float:left;
width:200px;
color:#0099FF;
padding:10px 0 0 10px;
}
#footer {
text-align:center;
font-size:10px;
font-family:Verdana;
font-weight:normal;
color:#336699;
background: url(../images2/footer.gif) no-repeat;
background-position:-1px 0px;
padding-top:10px;
width: 850px;
height:85px;
}
#footer a {
	background: none;
	padding: 0px;

}
#madeby{
width:300px;
height:85px;
float:right;
padding-right:30px;
text-align:center;
}
#madeby a{
text-decoration:underline;
color:#666666;
}
#madeby a:hover {
text-decoration:none;
}

 .buttons A			{color: #FFFFFF; font-family: verdana; font-size: 11px; font-weight: bold; text-decoration: none; margin-left:8px}
 .buttons A:link	{color: #FFFFFF; font-family: verdana; font-size: 11px; font-weight: bold; text-decoration: none; margin-left:8px}
 .buttons A:visited	{color: #FFFFFF; font-family: verdana; font-size: 11px; font-weight: bold; text-decoration: none; margin-left:8px}
 .buttons A:active	{color: #FFFFFF; font-family: verdana; font-size: 11px; font-weight: bold; text-decoration: none; margin-left:8px}
 .buttons A:hover	{color: #FFFFFF; font-family: verdana; font-size: 11px; font-weight: bold; text-decoration: underline; margin-left:8px}
 
 .links_footer A		{color: #000000; font-family: verdana; font-size: 10px; font-weight: none; text-decoration: none}
 .links_footer A:link	{color: #000000; font-family: verdana; font-size: 10px; font-weight: none; text-decoration: none}
 .links_footer A:visited{color: #000000; font-family: verdana; font-size: 10px; font-weight: none; text-decoration: none}
 .links_footer A:active	{color: #000000; font-family: verdana; font-size: 10px; font-weight: none; text-decoration: none}
 .links_footer A:hover	{color: #000000; font-family: verdana; font-size: 10px; font-weight: none; text-decoration: underline}
 
 
 .bodylinks A 	        {font-size:11px; color: #4F86B5; font-family: verdana; font-weight: none; text-decoration: underline;} 
 .bodylinks A:link 	    {font-size:11px; color: #4F86B5; font-family: verdana; font-weight: none; text-decoration: underline;}
 .bodylinks A:visited   {font-size:11px; color: #4F86B5; font-family: verdana; font-weight: none; text-decoration: underline;}
 .bodylinks A:active 	{font-size:11px; color: #4F86B5; font-family: verdana; font-weight: none; text-decoration: underline;}
 .bodylinks A:hover 	{font-size:11px; color: #4F86B5; font-family: verdana; font-weight: none; text-decoration: none;}
 
 .bodylinksback A 	        {font-size:11px; color: #336699; font-family: verdana; font-weight: none; text-decoration: underline;} 
 .bodylinksback A:link 	    {font-size:11px; color: #336699; font-family: verdana; font-weight: none; text-decoration: underline;}
 .bodylinksback A:visited   {font-size:11px; color: #336699; font-family: verdana; font-weight: none; text-decoration: underline;}
 .bodylinksback A:active 	{font-size:11px; color: #336699; font-family: verdana; font-weight: none; text-decoration: underline;}
 .bodylinksback A:hover 	{font-size:11px; color: #336699; font-family: verdana; font-weight: none; text-decoration: none;}
 
 .projectlinks A 	        {font-size:11px; color: #4F86B5; font-family: verdana; font-weight: bold; text-decoration: underline;} 
 .projectlinks A:link 	    {font-size:11px; color: #4F86B5; font-family: verdana; font-weight: bold; text-decoration: underline;}
 .projectlinks A:visited   	{font-size:11px; color: #4F86B5; font-family: verdana; font-weight: bold; text-decoration: underline;}
 .projectlinks A:active 	{font-size:11px; color: #4F86B5; font-family: verdana; font-weight: bold; text-decoration: underline;}
 .projectlinks A:hover 		{font-size:11px; color: #4F86B5; font-family: verdana; font-weight: bold; text-decoration: none;}
 
 
 .mailto A:link 	{font-size:12px; color: #FFFFFF; font-family: verdana; font-weight: bold; text-decoration: none;}
 .mailto A:visited 	{font-size:12px; color: #FFFFFF; font-family: verdana; font-weight: bold; text-decoration: none;}
 .mailto A:active 	{font-size:12px; color: #FFFFFF; font-family: verdana; font-weight: bold; text-decoration: none;}
 .mailto A:hover 	{font-size:12px; color: #FFFFFF; font-family: verdana; font-weight: bold; text-decoration: underline;}
 
  .mailto1 A:link 	{background:#990000; font-size:12px; color: #FFFFFF; font-family: verdana; font-weight: bold; text-decoration: none; padding:2px; border: solid 1px #ffffff;}
 .mailto1 A:visited 	{background:#990000; font-size:12px; color: #FFFFFF; font-family: verdana; font-weight: bold; text-decoration: none; padding:2px; border: solid 1px #ffffff;}
 .mailto1 A:active 	{background:#990000; font-size:12px; color: #FFFFFF; font-family: verdana; font-weight: bold; text-decoration: none; padding:2px; border: solid 1px #ffffff;}
 .mailto1 A:hover 	{background:#990000; font-size:12px; color: #FFFFFF; font-family: verdana; font-weight: bold; text-decoration: underline; padding:2px; border: solid 1px #ffffff;}
 
 .services A:link 		{font-size:11px; color: #000000; font-family: verdana; font-weight: none; line-height : 145%; text-decoration: none; padding-left : 10px;}
 .services A:visited 	{font-size:11px; color: #000000; font-family: verdana; font-weight: none; line-height : 145%; text-decoration: none; padding-left : 10px;}
 .services A:active 	{font-size:11px; color: #000000; font-family: verdana; font-weight: none; line-height : 145%; text-decoration: none; padding-left : 10px;}
 .services A:hover 		{font-size:11px; color: #000000; font-family: verdana; font-weight: none; line-height : 145%; text-decoration: underline; padding-left : 10px;}
 
 .servicesblue A:link 		{font-size:11px; color: #4F86B5; font-family: verdana; font-weight: none; line-height : 145%; text-decoration: none; padding-left : 10px;}
 .servicesblue A:visited 	{font-size:11px; color: #4F86B5; font-family: verdana; font-weight: none; line-height : 145%; text-decoration: none; padding-left : 10px;}
 .servicesblue A:active 	{font-size:11px; color: #4F86B5; font-family: verdana; font-weight: none; line-height : 145%; text-decoration: none; padding-left : 10px;}
 .servicesblue A:hover 		{font-size:11px; color: #4F86B5; font-family: verdana; font-weight: none; line-height : 145%; text-decoration: underline; padding-left : 10px;}
 
 
  /* TEXT */
 
 .bodytitle {color: #4F86B5; font-family: verdana; font-size: 12px; line-height : 130%; font-weight: bold; text-decoration: none;}
 
 .bodytext {color: #000000; font-family: verdana; font-size: 11px; line-height : 130%; font-weight: none; text-decoration: none; text-align: justify;}
 
 .text_footer {color: #000000; font-family: verdana; font-size: 10px; font-weight: none; text-decoration: none;}
 
 .bodytextblue {color: #4F86B5; font-family: verdana; font-size: 11px; line-height : 130%; font-weight: none; text-decoration: none;}
 
 .headertext {color: #FFFFFF; font-family: verdana; font-size: 11px; font-weight: bold; padding-left:25px}
 
 .footertext {color: #FFFFFF; font-family: verdana; font-size: 12px; font-weight: bold;}
 
 .servicesText {color: #4F86B5; font-family: verdana; font-size: 11px; font-weight: bold; line-height : 160%; padding-left: 10px}
 
 
 .menuText A:link {color: #4F86B5; font-family: verdana; font-size: 11px; font-weight: bold; line-height : 160%; padding-left: 10px}
 .menuText A:visited {color: #4F86B5; font-family: verdana; font-size: 11px; font-weight: bold; line-height : 160%; padding-left: 10px}
 .menuText A:active {color: #4F86B5; font-family: verdana; font-size: 11px; font-weight: bold; line-height : 160%; padding-left: 10px}
 .menuText A:hover {color: #4F86B5; font-family: verdana; font-size: 11px; font-weight: bold; line-height : 160%; padding-left: 10px}
   
 .mailtotxt {color: #FFFFFF; font-family: verdana; font-size: 10px;  font-weight: bold;}
 
 
 /*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.ovalbutton{
background: transparent url(../images/oval-blue-left.gif) no-repeat top left;
display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url(../images/oval-blue-right.gif) no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}