* {	padding:0; margin:0; }
html, body { height: 100%;}
body { font-family:Calibri, Century Gothic, Rockwell;}
body.index { font-family:Calibri, Century Gothic, Rockwell; background:url(../images/BG.jpg) center center fixed repeat-y; }
body.company { font-family:Calibri, Century Gothic, Rockwell; background:url(../images/bg1.jpg) center center fixed repeat-y; }
body.products { font-family:Calibri, Century Gothic, Rockwell; background:url(../images/bg2.jpg) center center fixed repeat-y; }
body.solutions { font-family:Calibri, Century Gothic, Rockwell; background:url(../images/bg3.jpg) center center fixed repeat-y; }
body.clientele { font-family:Calibri, Century Gothic, Rockwell; background:url(../images/bg4.jpg) center center fixed repeat-y; }
body.contacts { font-family:Calibri, Century Gothic, Rockwell; background:url(../images/bg5.jpg) center center fixed repeat-y; }

#wrapper { width:100%; margin:0 auto; }

#top_bar { height:8px; background-color:#666; left: 0; top: 0; width: 100%; }

.widthConstrict { margin: 0 auto; width: 1080px; }

#logo { height:110px; background:url(../images/logo.png) no-repeat; display:block; position: fixed; top: 88px; width: 406px; }

.leftColumn { width: 343px; margin-right: 20px; float: left; }

.rightColumn { width: 650px; float: right;}

#main .rightColumn { margin-top: 80px; }

.clearfix { clear: 0; height: 0; line-height: 0; }

h1 {

	margin: 70px 0 0 30px;

	line-height:34px;

	font-family: Calibri, Century Gothic, Rockwell;

	font-weight: 100;

	letter-spacing: -2px;

	font-size:40px;

	text-transform: uppercase;

}

h4 { color: #F00; font-family: Calibri, Century Gothic, Rockwell; font-size: 20px; font-weight: 100; text-transform: capitalize; }

h5 { color: #000000; font-family: Calibri, Century Gothic, Rockwell; font-size: 15px; font-weight: 100; }

#main .nav { margin-left:35px; margin-top: 250px; list-style-type:none; padding-bottom: 60px; position: fixed; }
#main .nav li a {
	line-height:37px;

	text-decoration:none;

	color:#000000;

	font-weight:bold;

	font-size:42px;

	text-transform: uppercase;

}

#main .nav li a:hover {

	color: #F00;

}

#main .nav li a.active { color: #666; }

.push { height: 55px; }

.lists {

	margin-left:20px;

	margin-top:20px;

	font-size: 13px;

	color: #000000;

	line-height: 18px;

}

.lists ul { margin-left:20px; }

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

#footer {
	clear: both;
	height:55px;
	width:100%;
	background-color:#333;
	text-transform: uppercase;
	line-height: 55px;
	position: fixed;
	bottom: 0;
}
#footer, #footer a { color:#636363; font-size:12px; margin-bottom: 0px;}
#footer a { text-decoration:none; }
#footer a:hover { color:white; }
#footer .rightColumn { text-align: right; margin: 0; }
#content {
    height:440px;
    width:600px;
    overflow: auto;
    overflow-x: auto;
    overflow-y: auto;
}

::-webkit-scrollbar {

    width: 3px;

	height: 3px;

}

::-webkit-scrollbar-button:start:decrement,

::-webkit-scrollbar-button:end:increment  {

    height: 4px;

    display: block;

    background-color: #F00;

}

::-webkit-scrollbar-track-piece  {

    background-color: #666;

    -webkit-border-radius: 6px;

}

::-webkit-scrollbar-thumb:vertical {

    height: 50px;

    background-color: #F00;

	border: 1px solid #F00;

    -webkit-border-radius: 6px;

}

.content {
	background-image: position:absolute;
   	padding: 30px;
   	margin-bottom: 0;
   	background:url(../images/U1.png);
   	opacity:1.0;
}
.content h2 { color: #F00; font-family: Calibri, Century Gothic, Rockwell, sans-serif; font-size: 40px; font-weight: 100; text-transform: capitalize; }
.content p {
	color: #000;
	margin: 20px 0;
	font-size: 16px;
	line-height: 18px;
}
body.index .content { /*display: none;*/ }
.content a {
	color: #000;
	text-decoration: none;
}

.content a:hover { border-bottom: 1px dotted #FFF; }

.gallery h3, 

.gallery h3 { font-size: 20px; }

.gallery { margin-top: 15px; clear: both; }

.gallery ul { list-style: none; margin-left: -5px; }

.gallery ul li { display: inline-block; margin: 5px; }

.gallery ul li a { display: block; text-align: center; }

.gallery ul li a img { border: 3px solid white; max-width: 80px; max-height: 80px; }

.gallery ul li a:hover img { border-style: dotted; }

.gallery ul li a:hover { border: none !important; }

#main .rightColumn .content li {color: #000;}

.div-table .div-table-row .div-table-col .thin {color: #000; width: 590px;}


#scrollbar1 { background: url("../images/U1.png") repeat 0 0; width: 650px; margin: 0 0 10px; }
#scrollbar1 .viewport { width: 630px; height: 460px; overflow: hidden; position: relative;}
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 20px; margin: 0; }
#scrollbar1 .overview h2{ color: #F00; font-family: Calibri, Century Gothic, Rockwell, sans-serif; font-size: 40px; font-weight: 100; text-transform: capitalize; }
#scrollbar1 .overview p{ color: #000; margin: 20px 0; font-size: 16px; line-height: 18px; }
#scrollbar1 .scrollbar{ background: transparent url(../images/bg-scrollbar-track-y.html) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 12px; }
#scrollbar1 .track { background: transparent url(../images/bg-scrollbar-trackend-y.html) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 0px; }
#scrollbar1 .thumb { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#scrollbar1 .thumb .end { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#scrollbar1 .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }
#scrollbar1 .overview ul { list-style: inside;}
#scrollbar1 .overview li {color: #000;}
#scrollbar1 .overview a {color: #000; text-decoration: none;}
#scrollbar1 .overview a:hover {text-decoration: underline;}