/* CSS Document */
* { 
margin : 0;
padding : 0;
} 
body
{ 
	font-family : Arial, Helvetica, sans-serif;
	background-image:url(images/background2.jpg);
	color : #666666;
	font-size : 12px;
	text-align:center;
} 

#wrapper 
{ 
	width:1007px;
  	margin:0 auto;
	text-align:left;
}
/*------------------------------------------- Header --------------------------------------------*/

#header 
{ 
	border : 1px solid #ccc;
	margin : 5px 5px 0px 5px;
	height:145px;
	width:1000px;
	background-image:url(images/header.jpg);
	background-repeat:no-repeat;
	border-bottom:#FFFFFF 5px solid;
}

/*---------------------------------------------------------------- Menu Style ------------------------------------------------------*/

#cssmenu {
  border: none;
  border: 0px;
  margin : 5px 5px 0px 5px;
  padding: 0px;
  font: 67.5% 'Lucida Sans Unicode', 'Bitstream Vera Sans', 'Trebuchet Unicode MS', 'Lucida Grande', Verdana, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  width: 1000px;
}
#cssmenu ul {
  background: #333333;
  height: 35px;
  list-style: none;
  margin: 0;
  padding: 0;
}
#cssmenu li {
  float: left;
  padding: 0px;
}
#cssmenu li a {
  background: #333333 url('images/seperator.gif') bottom right no-repeat;
  display: block;
  font-weight: normal;
  line-height: 35px;
  margin: 0px;
  padding: 0px 25px;
  text-align: center;
  text-decoration: none;
}
#cssmenu > ul > li > a {
  color: #cccccc;
}
#cssmenu ul ul a {
  color: #cccccc;
}
#cssmenu li > a:hover,
#cssmenu ul li:hover > a {
  background: #10b2c7 url('images/hover.png') bottom center no-repeat;
  color: #FFFFFF;
  text-decoration: none;
}
#cssmenu li ul {
  background: #333333;
  display: none;
  height: auto;
  padding: 0px;
  margin: 0px;
  border: 0px;
  position: absolute;
  width: 225px;
  z-index: 200;
  /*top:1em;
	/*left:0;*/

}
#cssmenu li:hover ul {
  display: block;
}
#cssmenu li li {
  background: url('images/sub_sep.gif') bottom left no-repeat;
  display: block;
  float: none;
  margin: 0px;
  padding: 0px;
  width: 225px;
}
#cssmenu li:hover li a {
  background: none;
}
#cssmenu li ul a {
  display: block;
  height: 35px;
  font-size: 12px;
  font-style: normal;
  margin: 0px;
  padding: 0px 10px 0px 15px;
  text-align: left;
}
#cssmenu li ul a:hover,
#cssmenu li ul li:hover > a {
  background: #10b2c7 url('images/hover_sub.png') center left no-repeat;
  border: 0px;
  color: #ffffff;
  text-decoration: none;
}
#cssmenu p {
  clear: left;
}

/*-------------------------------------------------------------- bottom Panel ---------------------------------------------------------*/
p {
	margin: 0px;
	padding: 0px;
}

img {
	margin: 0px;
	padding: 0px;
	border: none;
}

.cleaner {
	clear: both;
	width: 20%;
	height: 1px;
	font-size: 1px;	
}

.cleaner_h10 {
	clear: both;
	width: 20%;
	height: 10px;
	font-size: 1px;
	margin: left;
}

.cleaner_h20 {
	clear: both;
	width: 20%;
	height: 20px;
	font-size: 1px;	
}

.image_box {
	width: 100px;
	height: 120px;
}



.image_box img {
	width: 100px;
	height: 120px;
	border: none;
}

.image_box a, a:hover{
	border: none;
	outline: none;
}


.templatemo_btn_01 a{
	float: right;
	clear: both;
	text-align: center;
	display: block;
	width: 80px;
	height: 23px;
	padding: 5px 0 0 0;
	background: url(template/templatemo_btn_01.gif) no-repeat;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

.templatemo_btn_02 a{
	float: right;
	clear: both;
	text-align: center;
	display: block;
	width: 80px;
	height: 24px;
	padding: 4px 0 0 0;
	background: url(template/templatemo_btn_02.gif) no-repeat;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

.templatemo_bottom_panel {
	float:left;
	display:inline;
	width: 980px;
	margin-left:130px;
	padding: 30px 10px 0px 10px;
	/*background: url(template/templatemo_bottom_panel_bg.png) repeat-y;	*/
}

.templatemo_bottom_panel .bottom_panel_section {
	float: left;
	width: 250px;
	margin-left: 20px;
	min-height: 300px;
}
.bottom_panel_section p {
	margin-bottom: 10px;
}

.bottom_panel_section .bottom_section_title {
	font-size: 16px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	font-weight: bold;
	color: #10B2C7;
}

.bottom_panel_section ul {
	margin: 0 0 0 30px;
	padding: 0px;
}

.bottom_panel_section li{
	margin: 0px;
	padding: 0 0 5px 0;
}

.bottom_panel_section li a {
	color: #000000;
	text-decoration: none;
}


.bottom_panel_section .news_title {
	font-size: 14px;
	padding-bottom: 5px;
	font-weight: bold;
}

.bottom_panel_section .news_section{
	padding-right: 30px; 
	background: url(template/templatemo_news_bg.gif) center right no-repeat;	
	min-height: 300px;
}

.bottom_panel_section .service_section{
	padding-right: 30px; 	
	min-height: 300px;
	background: url(template/templatemo_services_bg.gif) center right no-repeat;
}

/*--------------------------------------------------------------------- Footer -----------------------------------------------------------------*/
#footer 
{
	margin-top:3px;
	margin-left:5px;
	margin-right:5px;
	display : inline;
	float : left;
	width : 1000px;
	text-align : center;
	padding-top : 5px;
	padding-bottom :5px;
	background-image:url(images/footer.png);
} 
#footer p 
{ 
	color:#10B2C7;
} 
#footer a 
{ 
	color : #a8bcf6;
} 


/*---------------------------------------- Menu - Left ------------------------------------------*/
#leftcolumn
{ 
	margin-left:5px;
	margin-right:5px;
	margin-top:18px;
	display : inline;
	width : 150px;
	float : left;
	min-height : 530px;
	/*border : 1px solid #ccc;*/
} 
* html #leftcolumn 
{ 
	height : 530px;
} 
#leftcolumn h3 
{ 
	background-color :#ffffff;
	font-size :20px;
	color:#000000;
	padding-left : 7px;
	padding-top : 5px;
	padding-bottom : 5px;
	margin-bottom:10px;
	font-weight : bolder;
	text-align:center;
}
#menu {
  background: #333;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 12em;
}
#menu li {
  font: 100% 'Lucida Sans Unicode', 'Bitstream Vera Sans', 'Trebuchet Unicode MS', 'Lucida Grande', Verdana, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  list-style: none;
}
#menu a {
  background: #333;
  border-bottom: 1px solid #393939;
  color: #ccc;
  display: block;
  margin: 0;
  padding: 8px 12px;
  text-decoration: none;
  font-weight: normal;
}
#menu a:hover {
  background: #2580a2 url('images/hover.gif') left center no-repeat;
  color: #fff;
  padding-bottom: 8px;
}
/*---------------------------------------- Center -  Body ------------------------------------------*/
#centercolumn 
{
	padding-top:10px;
	width : 100%;
	text-align:justify;
	min-height : 300px;
} 
* html #centercolumn 
{ 
	height : 300px;
} 

.templatemo_right 
{
	margin-top: 30px;
	display:inline;
	width:100%;
}

.templatemo_right p{
	margin: 0px 20px 10px 20px;
	color: #595959;
	text-align: justify;

}

.templatemo_right h1{

	margin: 0px 20px 10px 20px;
	color: #10B2C7;
	text-align: justify;
	font-size: 18px;

}