/* ========================================
   Common Style Start.
   ======================================== */


body {font-family: Arial, Helvetica, sans-serif ;overflow-y: scroll;overflow-x: scroll;overflow: -moz-scrollbars-vertical;}

a:link    { color: #333; text-decoration: underline; }
a:hover   { color: #78a8f6; text-decoration: underline; }
a:visited { color: #aaa; text-decoration: none; }

h1 { font-size: 0em; text-indent: -9999px; }


#container { width: 1263px; height: auto; margin-left: auto; margin-right: auto;}
#content   { width:  950px; height: auto; margin-left: auto; margin-right: auto; }
#header    { width:  950px; height: 32px; }
#footer    { height: 90px; background: #334377 repeat-x; margin-top: 30px; }
#footer p { font-size: 1em; color: #fff; text-align: center; padding-top: 40px; }
#footer ul {list-style:none;  color:#ffffff; font-size:12px; margin:0 0 0 570px;}
#footer li {float:left; padding:0px 15px 0 3px; margin:10px 0 0 0; }
#footer a { text-decoration: none; color:#fff;}


#main_static {
   display:block;
   float:left;
   width: 204px;
   height: 355px;
   margin-bottom:20px;
   background-image: url(../images/main-image.jpg);
   background-repeat: no-repeat;
   margin-top: 3px;
}
#top_header {
   display:block;
   width:950px;
   height:355px;
   margin-left:auto;
   margin-right:auto;
}
.slideshow img {
   display:block;
   float:left;
   width: 746px;
   height: 355px;
   background-color: #eee;
   margin-top:3px;
}

body {
   background-image: url(../img/bg-repeat1.gif);
   background-repeat:repeat-x;
}
.secondary{
   background-image: url(../img/bg-repeat2.gif);
   background-repeat:repeat-x;
}

#contents_area {
   width: 950px;
   height: auto;
   margin-top: 20px;
}

.bgcolor_01 {
   width: 1263px; 
   height: 400px; 
   background: url(../img/content-bg01.gif); 
   background-repeat: no-repeat; 
}

.center_comm {
   width: 811px; 
   height: 63px;
   background: url(../img/center-comm.gif); 
   background-repeat: no-repeat;
   margin-left: 69px;
}
.slideshow { display:block; float: right; height: 355px; width: 746px; margin-top:0px;margin-left:auto;margin-right:auto;margin-bottom:20px; }

.border01 { width: 830px; border-bottom: 1px solid #cccccc; margin:0 0 10px 60px; }
.border02 { width: 950px; border-bottom: 1px solid #cccccc; margin:50px 0 0 0; }

.threepain_area { width: 950px; height: 143px; padding: 0px 0px 0px 20px;}
.banner_block_R { float: left; width: 242px; height: 148px; background: url(../img/banner-block-R.gif); background-repeat: repeat; margin-top:0px; }
.text_area      { float: left; width: 428px; height: 148px; background: url(../img/bg-image01-b.gif); background-repeat: repeat; margin-right: 19px; margin-top:0px; overflow:hidden}

.text01 { width: 380px; height: auto; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; margin: 10px 0 5px 15px; padding:5px; }
.text02 { width: 380px; height: auto; border-top: 1px solid #dedede; margin: 10px 0 5px 15px; padding:5px; }

.banner_area { width: 950px; height: auto; margin-top: 20px; display:block;float:left;margin-bottom:20px; }
.banner01 { float: left; margin-right: 20px; }



#service_area { width:950px; height: auto; margin-top: 50px; }
#service_area:after { content: ""; clear: both; height: 0; display: block; visibility: hidden; }

.sa_L { float: left; width: 620px; height: auto; margin-left: 30px; }
.sa_R { float: left; width: 250px; height: auto; margin-left: 20px; }

.index_service { width: 620px; height: 28px; text-indent: -9999px; background: url(../img/titleimage-service.gif) no-repeat; }

.frame { width: 610px; height: auto; margin-left: 10px; }
.card  { float: left; margin: 20px 10px; }
.bit   { margin: 0 0 15px 0; }
.heading { width: 180px; text-align: center; background: #f3f3e9; padding: 5px 0; }
.caption { width: 180px; font-size: .9em; padding: 5px 0; }



.clear { clear: both; }


/*=====  Global Navi  Start.  =====*/

#global_menu_01      { width:1000px; height: 32px; padding: 0 0 0 0; }
#global_menu_01 ul   { list-style-type:none; overflow:hidden; }
#global_menu_01 li   { float:left; text-indent:-9999px; font-size:0; }
#global_menu_01 li a { display: block; height:32px; background-image: url(../img/global-navi.gif); }


/*=====  Global Navi  Display.  =====*/
.gn_1 a { width: 159px;  background-position:    0px 0px; }
.gn_2 a { width: 158px;  background-position: -160px 0px; }
.gn_3 a { width: 158px;  background-position: -318px 0px; }
.gn_4 a { width: 158px;  background-position: -476px 0px; }
.gn_5 a { width: 158px;  background-position: -634px 0px; }
.gn_6 a { width: 161px;  background-position: -792px 0px; }

/*=====  Global Navi  Rollover.  =====*/
.gn_1 a:hover { background-position:    0px 32px; }
.gn_2 a:hover { background-position: -160px 32px; }
.gn_3 a:hover { background-position: -318px 32px; }
.gn_4 a:hover { background-position: -476px 32px; }
.gn_5 a:hover { background-position: -634px 32px; }
.gn_6 a:hover { background-position: -792px 32px; }

/*=====  Global Navi  Button Fixed.  =====*/
.gn_1act a { width: 159px; background-position:    0px 32px; }
.gn_2act a { width: 158px; background-position: -160px 32px; }
.gn_3act a { width: 158px; background-position: -318px 32px; }
.gn_4act a { width: 158px; background-position: -476px 32px; }
.gn_5act a { width: 158px; background-position: -634px 32px; }
.gn_6act a { width: 158px; background-position: -792px 32px; }

/*=====  Global Navi  End.  =====*/
/*styling for tabbed box*/

.banner_block_L {
   float: left;
   width: 222px;
   height: 119px;
   background: url(../img/tabBg.jpg);
   margin-right: 19px;
   margin-top:-3px;
   padding-bottom:30px;
   border:1px solid #f1f0f0;
}
/* ========================================
   Common Style End.
   ======================================== */


/*Tab Container*/
                #tab-container {
                    float: left;
                    font-family: helvetica, arial black, arial;
                    width: 243px;
                    margin: 0px auto 0;
                    height: 180px;
                    display:block;
                    font-size:12px;
                }
		#tab-container h1 {
			color: #a81f1f;
		}

		#tab-container h1 small {
			color: #292929;
			font-size: .6em;
			position: relative;
			top: -3px;
		}

		#tab-container h2 {
			margin-top: 0;
		}

		#tab-container div {
			width: 183px;
                        height:89px;
			padding: 2em;
                        font-size:10px;
			-moz-box-shadow: 0 -1px 3px #535353;
			-webkit-box-shadow: 0 -1px 3px #535353;
			z-index: 100;
			position: relative;
			background: white url(img/bg.jpg) repeat-x;
		}
		
		#tab-container ul {margin: 0; padding: 0;background: white; width: 100%; overflow: hidden;}

		#tab-container ul li {
			float: left;
			list-style: none;
			/*margin-right: .5em;*/
                        width:75px;
		}

		#tab-container ul li.tab-selected a, ul li:hover a {
/*			background: #e1e1e1;*/
			cursor: pointer;
			position: relative;
			z-index: 101;
		}

		#tab-container a {
			padding: .2em 1.3em;
			-moz-border-radius-topleft: 2px;
			-moz-border-radius-topright: 2px;	
			-webkit-border-top-right-radius: 2px;		
			-webkit-border-top-left-radius: 2px;			
			background: #c8c8c8;
			display: block;
                        /*width:57px;*/
			outline: none;
			text-decoration: none;
			color: #363636;
		}
.loclist {
   display:block;
   float:left;
   position:relative;
   width:650px;
}
.loclist ul li {
   list-style-type:circle;
   float:left;
   margin: 30px 0px 10px 60px;
}
/*GOOGLE SLIDE MAP*/

/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/

* { margin: 0; padding: 0; }
body { font: 14px Georgia, serif; color: #222; }

article, aside, figure, footer, header, hgroup,
menu, nav, section { display: block; }

#page-wrap { width: 950px;height:580px; display:block;overflow:hidden; margin-bottom:10px; }
#map_canvas { width: 100%; height: 300px; width: 420px; float: left; position: relative; z-index: 30 !important; margin:0 0 0 40px;}

/*h1 { margin: 0 0 15px 0; font: bold 48px Helvetica, Arial, Sans-Serif; letter-spacing: -2px; }*/
h2 { margin: 0 0 15px 0; font: bold 32px Helvetica, Arial, Sans-Serif; letter-spacing: -1px; text-shadow: 0 1px 0px rgba(255,255,255,0.3); }
h3 { margin: 0 0  1px 0; font: bold 18px Helvetica, Arial, Sans-Serif; letter-spacing: -1px; }


#locations { list-style: none; width: 250px; float: left; margin-left:20px;  }
#locations li { padding: 10px; width: 300px; float: left; position: relative; z-index: 20; }
#locations li:hover, #locations li.hover { background: #ffffff url(../img/shadow2.png) 150px 0 repeat-y; }
#locations li:hover h3, #locations li.hover h3 { color: red; text-shadow: 0 1px 0px rgba(255,255,255,0.3); }



#more-info { width: 420px; float: right; background: #ccc; padding: 0px; margin-right:0px; }
#more-info * { position: relative; z-index: 40; text-align:center; }
#more-info > div { background: #ffffff; -moz-box-shadow: 0 0 14px rgba(70,49,1,0.5); -webkit-box-shadow: 0 0 14px rgba(70,49,1,0.5); padding: 20px; }
.longdesc { display: none;text-align:center; }

/*Google Map finished*/

h6 {
font-size: xx-large;
margin-top:20px;
margin-bottom:10px;
	font-family:"Times New Roman", Times, serif;
	font-style: italic;
	color: silver;

}
h3 {
   margin-top:10px;
   margin-bottom:10px;
font-size: large;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	color:#3399FF;
}