body {

	font-family:Arial, Helvetica, sans-serif;
	background-color:#c0c0c0;
	font-size: 12px;
	color: #515151;
    text-align:center;
	margin:0;

}



#main

{

    margin:0 auto;
    width:800px;
    text-align:left;
	background-color:#FFFFFF;

}



#banner{

	width:800px;
	height:58px;
	padding: 0;
	margin:0;
	background-image:url(../images/header_bg2.gif);

}



#banner img{

	padding: 10px 40px 0 0;

}



#l2

{

    width:800px;

	height:103px;

	background-image:url(../images/top2.gif);

	padding-left:20px;

	color:#454545;
	padding: 0;

}



#l2 img

{

	float:left;

}



#blueprint

{

    width:800px;

	height:163px;

	background-image:url(../images/middle2.gif);

	font-size:18px;

	color:#FFFFFF;
	padding: 0;



}

#bottom

{

    width:800px;

	height:40px;

	background-image:url(../images/bottom2.gif);

	font-size:18px;

	color:#FFFFFF;
	padding: 0;



}


#blueprint img

{

	float:right;

}

.box {
	border-radius: 25px;
    float:left;
    width:49%;
    height:200px;
    background:#ABBA99;
    border:2px solid #045870;
	padding-top:10px;
    margin-left:2px;
}
.box2 {
	border-radius: 25px;
    float:right;
    width:49%;
    height:200px;
    background:#ABBA99;
    border:2px solid #045870;
	padding-top:10px;
	margin-right:2px;

}


#l4

{

    width:759px;

	height:195px;

	background-image:url(../images/l3_bg_sm.jpg);

	background-repeat:no-repeat;

	padding-bottom:20px;

	margin: 0 20px 0 20px;

}

#l4 img {

	float:left;

	padding: 15px 0 0 15px;

}



p {

	padding: 0 0 0 20px;

	margin: 10px;

}



a {

	color: #336699;

	text-decoration:none;

}



a:hover {

	text-decoration: underline;

}

br.clear {
	clear: both;
}



#footer{

	width:800px;
	height:45px;
	background-color:#ecece1;
	color:#515151;
	padding-top:10px;
	text-align:center;

}


h2{

 font: 24px Arial,sans-serif;

 font-weight:100;

 margin: 0px;

 padding: 0px;

}



h3{

 font: 12px Arial,sans-serif;

 font-weight:100;

 margin: 0 0 10px 0;

 padding: 0px;

}



.slogan_l1{

	font-size:30px;

	padding: 25px 0 0 10px;

}



.slogan_l2{

	font-size:18px;

	padding-left:100px;

}



.welcometxt{

	padding:20px 30px 20px 200px;

}



.gallery_l1{

	padding:35px 30px 20px 20px;

}



.phonetxt{

	float:right;

	font-size:14px;

	color:#FFFFFF;

	margin: 15px 50px 0 0;

}

.phonetxt a{

	color:#FFFFFF;
	margin-top:5px;
	text-decoration:underline;

}

.header_txt{

	color:#FFFFFF;

	font-size:18px;

	float:left;

	width:450px;

	margin: 15px 0 0 30px;

}



.blue_l1{

	font-weight:bold;

	padding-top: 25px;

	padding-right: 0;

	padding-bottom: 0;

	padding-left: 55px;

}



.blue_l2{

	font-weight:bold;

	padding-top: 25px;

	padding-right: 0;

	padding-bottom: 0;

	padding-left: 55px;

}



.blue_l3{

	font-weight:bold;

	padding-top: 25px;

	padding-right: 0;

	padding-bottom: 0;

	padding-left: 20px;

}



.orange {

	color: #dc4207;

}



.photo img {

background:none repeat scroll 0 0 #FFFFFF;

border:1px solid #CCCCCC;

padding:4px;

}



.gallery ul { display: inline; }

.gallery li { display: inline; }

/* Float Shadow */
.link-decoration-1 {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.link-decoration-1:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.link-decoration-1:hover, .link-decoration-1:focus, .link-decoration-1:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.link-decoration-1:hover:before, .link-decoration-1:focus:before, .link-decoration-1:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}
