body{
    font-family: 'Ubuntu Regular';
	font-size:13px;
	color:#bde7fb;
	margin:0px;
	background-color:#000;
}
@font-face {
    font-family: 'Ubuntu Regular';
    src: url('fonts/Ubuntu/Ubuntu-R-webfont.eot');
    src: local('Ubuntu Regular'),
         url('fonts/Ubuntu/Ubuntu-R-webfont.eot?iefix') format('eot'),
         url('fonts/Ubuntu/Ubuntu-R-webfont.woff') format('woff'),
         url('fonts/Ubuntu/Ubuntu-R-webfont.ttf') format('truetype'),
         url('fonts/Ubuntu/Ubuntu-R-webfont.svg#webfontGZB3fjCF') format('svg');
    /*font-weight: normal;
    font-style: normal;*/
}
#container {
	/*background-color:#FFF;*/
	width:968px;
	margin:auto;
	height:100%;	
}
#headerLogo {
	padding:0px;
	width:450px;
	height:86px;
	border-bottom:solid 10px #9fbe42
}
#menu{
	background:url(../images/bgmenu5.png);
	height:45px;
	width:450px;
	position:relative;
	z-index:2;
	overflow:hidden;
}
#nav{ position:absolute; border:0px solid #C00;}
#nav a {text-decoration:none; padding:9px 14px 9px;}

ul#nav2 {color:#FFF;}
ul.drop2 a { display:block; font-size: 13px; text-decoration: none; padding:13px 17px 15px 0px; color:#ccc;}
ul.drop2 a:hover {color:#fff;}
ul.drop2, ul.drop2 li, ul.drop2 ul { list-style: none; margin: 0; padding: 0;}
ul.drop2 { float: left; }
ul.drop2 li {position: relative; float: left; line-height: 1.3em; vertical-align: middle; zoom: 1; }
ul.drop2 ul {position: relative; margin-left:53px; visibility: visible; top: 100%; text-align:left;}
ul.drop2 ul li {height:47px; border:0px solid #C00; }
ul.drop2 li:hover > ul { visibility: visible; }

#titlePage{
	background:url(../images/bgmenu1.png);
	position:absolute;
	color:#FFF;
	font-size:28px;
	transform: rotate(-90deg);
	transform-origin: left top 0;
	z-index:100;	
	display:block;
	padding:5px 20px 12px;	
}

#content{
	width:968px; 
	height:586px; 
	overflow:hidden;
	margin:-45px 0px 30px 0px;
	position:absolute;
	z-index:1;
	overflow:hidden;
}

.imgLink, a.imgLink {text-decoration:none}
.imgLink:hover {text-decoration:none; border:1px solid #06C;}

.project, a.project, a.project:visited,  a.project:link { text-decoration:none; color:#fff; }
a.project:hover {text-decoration:underline; color:#bde7fb;}

.projectTumb, a.projectTumb, a.projectTumb:visited {	
	width:195px; 
	height:116px;
	display:block;
	border:4px solid #3a7c82;
	position:absolute;
	}
a.projectTumb:hover {  border:4px solid #a1ced2;}

.titleCategory,a.titleCategory, a.titleCategory:active, a.titleCategory:link, a.titleCategory:visited  {
	font-size:14px; font-weight:bold; color:#bde7fb; text-decoration:none;
	}
a.titleCategory:hover{ text-decoration:none; color:#fff; }

.titleCategory2, a.titleCategory2,a.titleCategory2:active, a.titleCategory2:link, a.titleCategory2:visited  { font-size:16px; color:#bde7fb; text-decoration:none;}
a.titleCategory2:hover{ text-decoration:none; color:#fff; }

.demo {
  width: 650px;
  height: 300px;
  max-width: 100%;
  font-size: 12px; 
  border-bottom:1px solid #c2da4e;
  padding-top:10px;
}

.simplebar-track .simplebar-scrollbar {
  background: white; }

#menuBottom{
	height:73px;
	width:968px;;
	float:left;
}
#footer{ 
	background-color:#00003C; 
	height:100px; 
	width:968px; 
	overflow:hidden; 
	position:absolute;
	z-index:10;
	clear:both;
	font-size:12px;
	font-family:"verdana";
	color:#555;
}
#footerContent{
	/*clear:both;
	height:50px;
	width:968px;
	padding-top:5px;*/
}
/*slide show*/
.galleryview {
	left:18px;
}
.panel-overlay h2,
.panel-overlay p{
	/*margin: .3em 0;*/
}
.panel-overlay p {
	/*line-height: 1.2em;*/
}
/*end slide show*/

#title1 {
	color:#003791;
	font-size:24px;
	font-family:Tahoma, Geneva, sans-serif;
}
#title2 {
	color:#035e00;
	font-size:24px;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:bold;
}
#titleWelcome1 {
	color:#333;
	font-size:24px;
	font-family:Tahoma, Geneva, sans-serif;
}
#titleWelcome2 {
	color:#333;
	font-size:24px;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:bold;
}
.rollTeks a:visited{
	text-decoration:none;
	font-size:13px;
	color:#333;
}
.rollTeks a:hover{
	text-decoration:none;
	font-size:13px;
	color:#FFF;
}
.rollTeks a:link{
	text-decoration:none;
	font-size:13px;
	color:#FFF;
}
#client-ticker 
{
	width: 300px; 
	margin: auto;
	margin-top: 15px;
	border: 0px solid #333333;
}
#client-ticker a, a:link
{
	text-decoration:none;
	color:#666;
}
#client-ticker a:hover
{
	text-decoration:none;
	color:#090;
}
#client-ticker ul li div
{
	border: 0px solid #aaaaaa;	
}