html, body { text-align:left; margin:0px; padding:0px; font:normal 12px Verdana; color:#fff; background:#000; }
span,div{color:#fff;}
img { border:0px; }
form { margin:0; padding:0; }
input, textarea{font:normal 12px Verdana; color:#fff;}
.cb { clear:both; }
.fl { float:left; }
.fr { float:right; }
span { line-height:100%; }
p{margin:0;}
.UlNoStyle { padding:0px; margin:0px; list-style-type:none; }
.rel { position:relative; }
table, tr, td { vertical-align:top; }
/* IDs **/
#mainDivCont { width:1003px; margin:0 auto; background:url(/images/mainbg2.jpg) no-repeat; }
#slogan{position:relative; top:-20px; z-index:1;}
/*#slogantext{font-size:15px; position:relative; top:-20px; left:17px;}*/
/* CLASSes **/
div.ss-controls a{ color:#1db6ff;}


.fs10{font-size:10px;}
.fs11{font-size:11px;}
.fs13{font-size:13px;}
.fs15{font-size:15px;}
.fs20{font-size:20px!important;}
.fs30{font-size:30px;}
.gray{color:#7e7e7e;}
.db{display:block;}
.lh23{line-height:23px;}
.tit{font-size:35px; border-bottom:solid 2px #1db6ff;text-shadow:0 0 1px #FFFFFF;}
.projP{margin:0 0 0 0px}
.margB5{margin-bottom:7px;}
.footpos{position:relative; top:-50px; z-index:3;}
.bold{font-weight:bold;}
.orange{color:#1db6ff;}
.brown{color:#8d6d4e;}
.imgbord{border:solid 1px #3a2009; padding:3px; margin-right:5px;}
.portfolioDiv{width:300px; margin-right:70px;}
.logodiv{padding:20px 0 0px 20px;}
.langdiv{ position:relative; top:-115px; right:20px;}
/* BACKGROUNDs **/
.menubg{background:url(/images/menubg.png) no-repeat; width:876px; height:55px; margin-bottom:70px;}
/* LINKs **/
a, a:active, a:visited { color:#fff; text-decoration:none; }
a:hover { text-decoration:underline; }
a.menu, a.menu:active, a.menu:visited {font-size:20px; line-height:55px; text-shadow:0 0 1px #FFFFFF; font-family:Myriad Pro; padding:1px 2px 1px 2px; position:relative; z-index:10;  }
a.menu:hover { background:#185e75; text-decoration:none; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
a.inv, a.inv:active, a.inv:visited { text-decoration:underline; }
a.inv:hover { text-decoration:none; }
a.orange, a.orange:active, a.orange:visited, a.orange:hover { color:#1db6ff;}
a.darkorange, a.darkorange:active, a.darkorange:visited, a.darkorange:hover { color:#954928;}

a.active, a.active:active, a.active:visited, a.active:hover { color:#1db6ff; text-decoration:none;}

a.lng, a.lng:active, a.lng:visited,a.lng:hover {color:#fff; text-decoration:underline; text-transform:uppercase; font-size:11px; line-height:20px;}
a.lng_act, a.lng_act:active, a.lng_act:visited,a.lng_act:hover {color:#1db6ff; text-transform:uppercase; font-size:11px; line-height:20px;}


/*_____________________________________________ Start - Projects - Contacts _____________________________________________*/
label.error { color:#1db6ff; margin:4px 0 4px 0; text-align:left; }
div.errors { margin-bottom:5px; }
.contit { font-size:11px; }
.asterisk { color:#1db6ff; font-size:11px; padding-left:1px; font-weight:bold; }
.mandatory { }
.inputtext { border:solid 1px #7b8b91; width:200px; background:none; margin:3px 3px 3px 0px; padding:0px; height:20px; }
.inputtextarea { border:solid 1px #7b8b91; width:420px; height:67px; background:none; overflow:auto; margin:3px 3px 10px 0px; padding:0px;}
.code { border:solid 1px #7b8b91; width:75px; height:46px; background:none; text-align:center; margin:0px 3px 5px 3px; padding:1px; font-size:15px; }
.relbtn { border:0; background:#ba3a03; text-align:center; padding:0px 5px 0px 5px; cursor:pointer; margin:0px 0px 0px 3px; }
.send { border:0; background:#1a4759; text-align:center; padding:0px 10px 0px 10px; cursor:pointer; display:block; margin:0px 3px 0px 0px; float:left; }
.reset { border:0; background:#7b8b91; text-align:center; padding:0px 10px 0px 10px; cursor:pointer; display:block; margin:0px 3px 0px 0px; float:left; }

/*_____________________________________________ Start - Projects - jCarouselLiteDemo _____________________________________________*/
.carousel { padding:0; margin: 0; width:1003px; height:150px; float:left; margin-top:50px; margin-bottom:10px;  }
.digg { position: absolute; }
.main { }
.carousel .jCarouselLite { padding:0; position: relative; visibility: hidden; left: -5000px; }
.carousel ul { margin:0; height:150px; list-style-type:none; }
.carousel li { width: 150px; height: 150px;}

/*_____________________________________________ Start - SCROLL ______________________________________________________________*/
.scroll-wrap { width:100%; height:410px; margin:0; }
.scroll-pane { width:100%; height:410px; padding:0; overflow:auto }
.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; }
.jScrollPaneTrack { position: absolute; cursor: pointer; right: 0px; top: 0; height: 100%; width:2px; background:url(/images/scroll/track.gif) no-repeat center top; }
.jScrollPaneDrag { position: absolute; cursor: pointer; overflow: hidden; left:0px; background:url(/images/scroll/ball.gif) no-repeat 7px 5px; height:35px }
.jScrollPaneDragTop { position: absolute; top: 0; left:0; overflow: hidden; }
.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; }
a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0px; right: 0px; text-indent: -2000px; overflow: hidden; background:url(/images/scroll/up.gif) no-repeat center top; height:11px; width:15px; }
a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0px; right:0px; text-indent: -2000px; overflow: hidden; background:url(/images/scroll/dn.gif) no-repeat center top; height:11px; width:15px; }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {}


#slogantext { position:relative; width:300px; overflow: hidden; font-size:15px; top:-20px; left:17px;}
ul#slogantext li { width:100%; }