@charset "UTF-8";
/* CSS Document */

body {
	background: #000 url(../images/bg_main.jpg) no-repeat top center;
}

a {
	color: #007b46;
}

a:hover {
	color: #37dd96;
	text-decoration: none;
}

a:visited {
	color: #007b46;
}

#header {
	height: 180px;
}

.logo {
	padding: 20px 0 0 0;
	text-align: center;
}

#banner {
	height: 385px;
	background: #fff;
}

#banner2 {
	height: 220px;
	background: #fff;
}

#nav {
	height: 35px;
	background: #007b46;
	margin: 0;
	padding: 0;
}

#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#nav ul li {
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
}

#nav ul li a {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 14px;
	display:block;
	padding: 8px 37px 7px 37px;
	height:100%;
	color:#FFF;
	text-decoration:none;
	border-left: 1px solid #015531;
	border-right: 1px solid #019b58;
}

#nav ul li a:hover {
	background: #a32629;
}

#nav ul li.pro a {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 14px;
	display:block;
	padding: 8px 37px 7px 37px;
	height:100%;
	background: #a32629;
	color:#fff;
	text-decoration:none;
	border-left: 1px solid #015531;
	border-right: 1px solid #019b58;
}

#nav ul li.pro a:hover {
	background: #007b46;
}

#content {
	background: url(../images/bg_content.png) repeat;
	padding: 30px 0 0 0;
}

#content h1 {
	color: #fff;
}

#content p {
	margin-left: 20px;
}

#contact p {
	margin: 0 0 10px 20px;
	font-size: 26px;
	font-weight: bold;
}

.intro {
	line-height: 1.2em;
	color: #a32629;
	font-weight: bold;
	text-align: justify;
	margin: 0 20px 0 20px;
}

.intro_rt {
	text-align: right;
	font-size: 14px;
	font-weight: bold;
	margin: 0 40px 20px 0;
}

.ico {
	float: left;
	margin: 18px;
	padding: 5px;
	border: 1px solid #007b46;
}

#box p, #box h4 {
	padding: 0 0 0 20px;
}

#box2 h4, #box h4 {
	color: #a32629;
}
#box ul, #box2 ul {
  list-style: none;
  margin: 0 0 1.5em -10px;
}

#box ul li, #box2 ul li {
	background:url(../images/bullet.png) no-repeat 0 2px;
	margin: 0;
	padding: 0 0 0 24px;
}

h4 {
	font-weight: bold;
}

.ll {
	font-weight: bold;
	padding: 20px 0 0 20px;
}

.rtcol {
	text-align: left;
	background-color: #a32629;
	border: 1px solid #000;
	font-weight: bold;
}
	
	
.tblltcol {
	text-align: left;
	background-color: #007b46;
	border: 1px solid #000;
	font-weight: bold;
}
.tbl {
	padding: 0 0 0 20px;
	width: 100%;
}

.mini {
	font-size: 12px;
	color: #999;
}

#footer {
	padding: 30px 0 0 0;
}

#footer p {
	text-align: right;
}

/* scroller */
/*  
    root element for the scrollable.  
    when scrolling occurs this element stays still.  
*/ 
div.scrollable { 
     
    /* required settings */ 
    position:relative; 
    overflow:hidden;          
    width: 950px;     
    height:350px;     
} 
 
/*  
    root element for scrollable items. Must be absolutely positioned 
    and it should have a super large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items {     
    /* this cannot be too large */ 
    width:20000em;     
    position:absolute;   
	clear: both;      
} 
 
/*  
    a single item. must be floated on horizontal scrolling 
    typically this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left; 
} 

h3.com {
	text-align: center;
}

p.com {
	padding: 0 15px 0 0;
	text-align:justify;
}

p.sub {
	color: #999;
	font-size: 11px;
	text-align: right;
}