/* page attributes */
body {background-color:#113E28; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; margin: 0; padding: 0;}
p, dl {color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; margin:0; padding-bottom:8px;}
a {color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: underline;}
a:hover {text-decoration:none; color:#fff;}
a img {border:0;}

/* classes */
.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}
.hide {display: none;}
.thumbs-left {margin: 0px 2px 0 0;}
.thumbs-right {margin: 0px 0 0 2px;}
.wrap-row {width:540px;}
.clear { clear:both; overflow:hidden; height:.01em; }

/* skeleton */
#wrap {background: url(../images/index/bg-index.gif) repeat-y top left; width: 720px; text-align: left; margin: 0 auto; padding:0; }
#wrap:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#top {background: url(../images/index/top.gif) no-repeat top left; width: 720px; height:80px;}
#banner {background: url(../images/index/banner.jpg) no-repeat top left; width: 720px; height:226px;}

#column-left {background: url(../images/index/header-contactus.gif) no-repeat top left; width:180px; padding-top:41px; float:left;}
#column-left p {padding-left:27px; font-size:11px;}
#column-left a {font-size:11px;}

#column-left2 {background: url(../images/inside/locate.gif) no-repeat top left; width:180px; padding-top:41px; float:left;}
#column-left2 p {padding-left:27px; font-size:11px;}
#column-left2 a {font-size:11px;}

#column-right {width:540px; float:left;}
#wrap-column-right-row-1 {background: url(../images/index/header-welcome.gif) no-repeat top left; width: 540px; padding-top:75px;}
#bg-welcome {background: url(../images/index/bg-welcome.jpg) no-repeat bottom left; width: 540px; }
#bg-welcome p { padding-left:30px; padding-right:30px;}
#bg-newsletter {background:url(../images/index/header-newsletter.gif) no-repeat top left; width:180px; padding-top:60px; float:left;}
#bg-contact {background:url(../images/index/header-contactus.gif) no-repeat top left; width:180px; padding-top:60px;}


#header-about-proc {background: url(../images/index/header-about-proc.gif) no-repeat top left; width: 540px; padding-top:66px; }
#wrap-about {width:277px; float:left;}
#wrap-about p {padding-left:15px; padding-right:18px;}
#wrap-about a {text-decoration:none; text-align:center; font-size:11px;}
#wrap-about a:hover {text-decoration:underline;}

#wrap-procedure-list {width:263px; color:#fff; float:left;}
#wrap-procedure-list p {padding-right:15px; padding-left: 10px;}
#wrap-procedure-list ul { list-style-type: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin: 0px; padding-left: 30px; }
#wrap-procedure-list li { padding-bottom: 3px; line-height: 12px; }
#wrap-procedure-list li a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#fff; text-decoration: none; }
#wrap-procedure-list li a:hover { color:#fff; text-decoration: underline; }

#wrap-bottom-left-image {background: url(../images/index/bg-happy-people.jpg) no-repeat bottom left; width:277px; float:left;}
#wrap-left-space { width:277px; float:left;}

#wrap-smilegallery {background: url(../images/index/header-smilegallery.gif) no-repeat top left; width:263px; padding-top:55px; float:left;}
#wrap-smilegallery a {text-decoration:none; text-align:center; font-size:11px;}
#wrap-smilegallery a:hover {text-decoration:underline;}
#wrap-smilegallery p {text-align:center; padding-top:5px;}

/* skeleton inside */
#column-right-inside {width:540px; float:left;}
#column-right-inside p {padding-left:30px; padding-right:30px;}
#wrap-aboutus {background: url(../images/inside/header-aboutus.gif) no-repeat top left; width: 540px; padding-top:75px; float:left;}
#wrap-procedures {background: url(../images/inside/header-procedures.gif) no-repeat top left; width: 540px; padding-top:75px; float:left;}
#wrap-procedures dl { width:270px; float:left; padding-top:15px; }
#wrap-procedures dt { padding-left:43px; padding-bottom:3px; font-weight:bold; }
#wrap-gallery {background: url(../images/inside/header-gallery.gif) no-repeat top left; width: 540px; padding-top:75px; float:left;}
	#wrap-gallery ul { margin:0; padding:0; padding-left:77px; }
	#wrap-gallery li { width:180px; float:left; margin-right:15px; list-style-type:none; margin-bottom:15px; }


#wrap-contactus {background: url(../images/inside/header-contactus.gif) no-repeat top left; width: 540px; padding-top:75px; float:left;}
#wrap-newsletter {background: url(../images/inside/header-newsletter.gif) no-repeat top left; width: 530px; padding-top:75px; float:left;}
#wrap-thanks {background: url(../images/inside/header-thankyou.gif) no-repeat top left; width: 530px; padding-top:75px; float:left;}


/* bna */
body#bna #wrap {
	background:none;
	width:640px;
	height:480px;
	color:#000;
	font-size:11px;
	}
	body#bna #wrap a {
		color:#000;
		}
	
body#bna #top {
	background:url("../gallery/images/bna-top.gif");
	width:640px;
	height:100px;
	}
	
body#bna #menu {
	background:url("../gallery/images/bna-menu.jpg");
	height:36px;
	padding:0 0 0 25px;
	}
	body#bna #menu select {
		margin-right:10px;
		margin-top:8px;
		}
	body#bna #menu a {
		margin-top:8px;
		}
	
body#bna #case {
	height:226px;
	}
	
body#bna #bottom {
	background:url("../gallery/images/bna-bottom.jpg");
	height:118px;
	}

/* footer */
#footer { background:url(../images/index/footer.gif) no-repeat top left; width:720px; height:54px; color:#4B4B4B; font-size:11px; margin: 0 auto; clear:both;}
#footer-left {text-align:left; float:left; padding-left:10px; padding-top:10px; width:720px;}
#footer a { color:#4B4B4B; font-size:11px; text-decoration: none; }
#footer a:hover { text-decoration: underline;} 

/* nav-01 */
#nav-01 { background: url(../images/index/nav-01.gif) no-repeat top left; width: 720px; height: 41px; position: relative; margin:0; padding:0;}
#nav-01 li { list-style: none; padding: 0; margin: 0; position: absolute;}
#nav-01 li, #nav-01 a { height: 41px; display: block; }
#nav-01 span { display: none;}

#nav-01-01 { width: 10px; left: 0;}
#nav-01-02 { width: 64px; left: 10px;}
#nav-01-03 { width: 140px; left: 74px;}
#nav-01-04 { width: 93px; left: 214px;}
#nav-01-05 { width: 70px; left: 307px;}
#nav-01-06 { width: 92px; left: 377px;}
#nav-01-07 { width: 251px; left: 469px;}

#nav-01-02 a:hover { background: transparent url(../images/index/nav-01.gif) -10px -41px no-repeat;}
#nav-01-03 a:hover { background: transparent url(../images/index/nav-01.gif) -74px -41px no-repeat;}
#nav-01-04 a:hover { background: transparent url(../images/index/nav-01.gif) -214px -41px no-repeat;}
#nav-01-05 a:hover { background: transparent url(../images/index/nav-01.gif) -307px -41px no-repeat;}
#nav-01-06 a:hover { background: transparent url(../images/index/nav-01.gif) -377px -41px no-repeat;}