@charset "utf-8";
/* CSS Document */
body{
padding:0;
margin:0;
background: url(../images/cloud-bg.jpg) repeat-x #f2f2f2;
font-family:Arial;
font-size:11px;
color: #474646;
line-height:18px;

}
a{
color: #474646;
}
.logo{
margin-left:235px;
vertical-align:top;
}
.logo1{
margin-left:235px;
vertical-align:top;
}
.contact{
background-image:url(../images/contact-bg.jpg);
background-repeat:repeat-y;
background-position:top;
}
.title{
background-image:url(../images/title.png);
background-repeat:no-repeat;
background-position:left;
width:200px;
height:35px;
padding-left:33px;
padding-top: 8px;
font-family:Arial;
font-size:13px;
font-weight:bold;
color: #515151;
}

.dot{
border:#CCCCCC 1px  dotted;
border-bottom:0;
border-left:0;
border-top:0;
}
.project{

width:220px; text-align:justify;
}
.project span{ 
float:right;
text-decoration:none;
color:#515151;

}
.project span a{ 
float:right;
text-decoration:none;
color:#515151;

}

.project span a:hover{ 
float:right;
text-decoration:none;
color:#515151;

}
.footer-menu{
padding-top:5px;
line-height:25px;
text-align:center;
}
.footer-menu a{
padding:0 10px;
color:#474646;
text-decoration:none;

}
.footer-menu a:hover{
padding:0 10px;
color:#474646;
text-decoration: underline;

}
.footer-menu span{
padding:0 10px;
}

#container1{
	width: 140px;
	height:30px;
	position: relative;
	z-index:4;
	margin-left:10px;


}

#header {
	background-image: url(images/header.png);
	background-repeat: no-repeat;
	height: 42px;
	width: 490px;
	margin-bottom: 20px;
	

}

#button {
	height: 32px;
	width: 120px;
	margin: 0;
	
}
ul {
	margin:0; 
	padding:0; 
	list-style:none;
	margin-left:-160px;

	
}
li {
	margin:0; 
	padding:0; 
	list-style:none;

	
}

.menu_class {
	border:0px solid #1c1c1c;
	
}

.the_menu {
	display:none;
	width:295px;
	border: 1px solid #1c1c1c;
	position: absolute;
    z-index:4;
	text-align:left;
    }

.the_menu li {
	background-color: #000000;
	opacity:0.8;filter:alpha(opacity=80);
	zoom:1;
	
}

.the_menu li a {
	color:#FFFFFF; 
	text-decoration:none; 
	padding:10px; 
	display:block;
}

.the_menu li a:hover {
	padding:10px;
	font-weight:bold;
	color: #F00880;
}
.categories{
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

.blacktext11
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#494949;
text-align:justify;
line-height:18px;

}
.blacktext11-link
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:justify;
line-height:18px;
text-decoration:none;
}
.blacktext11-link a:link
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:justify;
line-height:18px;
text-decoration:none;
}
.blacktext11-link a:hover
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#ff0000;
text-align:justify;
line-height:18px;
text-decoration:underline;
}
.textbox-active{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
background-color:#ffffff;
border:1px solid #dfdede;
line-height:25px;
}
.textbox{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
background-color:#eeeeee;
border:1px solid #dfdede;
line-height:25px;
}
.button{
border:0px;
color:#383838;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
background-image:url(../images/button.jpg);
background-repeat:no-repeat;
background-position:center;
height:20px;
width:51px;
padding-bottom:4px;	
}
.button1{
border:0px;
color:#c9c9c9;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
background-color:#000000;
background-repeat:no-repeat;
background-position:center;
height:20px;
width:51px;
padding-bottom:4px;	
}

#menu{
font-family:Arial, Helvetica, sans-serif;
background-image:url(../images/menu-bg.jpg);
background-repeat:repeat-x;
text-align:center;
}
#menu a{
font-family:Arial, Helvetica, sans-serif;
padding:0 14px;
color:#000000;
text-decoration:none;
}
#menu a:hover{
font-family:Arial, Helvetica, sans-serif;
padding:0 14px;
text-decoration: underline;
color:#000000;
}
#menu a.selected{
font-family:Arial, Helvetica, sans-serif;
padding:0 14px;
text-decoration: underline;
color:#000000;
}
.td{
background-image: url(../images/about-bg.jpg);
background-repeat:repeat-x;
background-position:top;
padding: 0 15px;
text-align:justify;
line-height:18px;
}
.td span{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
line-height:25px;
font-weight:bold;
float: right;
text-align: right;
width:300px;

}






/* ----------------IMAGE SLIDER------------- */
#SlideItMoo_outer {  
	width:510px; 
	margin:10px 5px 10px 5px; 
	display:block; 
	position:relative; 
	padding:0px 10px 0px;

}
/* create custom forward-backward buttons for this container */
#SlideItMoo_outer .SlideItMoo_forward,
#SlideItMoo_outer .SlideItMoo_back{ 
	display:block; 
	position:absolute; 
	cursor:pointer; 
	width:25px; 
	height:130px; 
	bottom:0px; 
	right:5px; 
	background:url(../images/slideitmoo_forward.png) no-repeat center;  
}
#SlideItMoo_outer .SlideItMoo_back { 
	left:5px; 
	background:url(../images/slideitmoo_back.png) no-repeat center;  
}

/* the width is set to show the number of thumbnails that will be visible */
#SlideItMoo_inner{ 
	position:relative ; 
	overflow:hidden ; 
	width:474px ; /* set a display width to make the slider look good in case js is disabled */
	margin:0px auto 0px;
	padding:10px 0px 10px;
}
/* the thumbnails container; set a width on it so everything will be fine */
#SlideItMoo_items { 
	display:block; 
	position:relative; 
}
/* single element design */
#SlideItMoo_items div.SlideItMoo_element { 
	display:block; 
	position:relative; 
	float:left; 
	margin:0px 15px 0px; 
	font-size:11px; 
	width:70px; 
	text-align:center; 
	color:#000000;
}

#SlideItMoo_items a img{ border:none; }

.more{
float: right;
}
.more a{
color:#666666;
text-decoration:none;
}

.more a:hover{
color:#666666;
text-decoration:underline;
}

.paging_link:link, .paging_link:visited, .paging_link:hover{
	background-color:#333333;
	color:#FFFFFF;
	font-size:10px;
	text-decoration:none;
	padding-left:3px;
	padding-right:3px;
	padding-top:1px;
	padding-bottom:1px;
}

.paging_link:hover,{
	background-color:#FF6600;
}

.paging_active{
	background-color:#CCCCCC;
	color:#FFFFFF;
	font-size:10px;
	text-decoration:none;
	padding-left:3px;
	padding-right:3px;
	padding-top:1px;
	padding-bottom:1px;
}