@import url(scroll_style.css);

/*
red = A32102;
#333
#ccc
*/
html,body,ul,h1,h2,h3,h4,h5,h6,a,p,span,label,input,textarea,li,img,div{
	list-style-type:none;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	outline:none;
	border:0px;
	line-height:20px;
}
html, body {
	height: 100%;
}
body{
	background:#111;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#ccc;
}

div{
	border:0px solid #fff;
}

a{
	text-decoration:none;
	border-bottom:1px dashed #fff;
	color:#fff;
}
a:hover{
	color:#999;
	border-bottom:1px dashed #999;
}
.main-container{
	min-height: 100%;
	height: auto !important;
	height:100%;
	margin:0px auto -181px auto;
}
.lang{
	background:url(../../images/lang.png) no-repeat bottom center;
	width:50px;
	height:45px;
	position:absolute;
	top:0px;
	right:50px;
	z-index:20;
	margin:0px auto 0px;
}
.lang a#toggler{ 
	background:url(../../images/uk.jpg) no-repeat bottom center;
	width:50px;
	height:32px;
	display:block;
	border:0px;
	margin:0px auto 0px;
}
.contact-wrapper  .english,
#home_english,
#english_contact-header,
.english-port{
	display:none;
}
.bg{
	position:fixed;
	top:0px;
	left:0px;
	background:url(../../images/back_light.png) no-repeat;
	width:100%;
	height:960px;
}
.content{
	padding:0px 0px 0px 0px;
	margin:0px auto;
	position:relative;
	width:701px;
	height:617px;
}
div.footer{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:100%;
	height:15px;
	position:absolute;
	bottom:0px;
	left:0px;
}
.floor{
	background:url(../../images/floor.png) no-repeat bottom center;
	width:100%;
	height:181px;
	padding:0px 0px 0px 0px;
	margin:0px auto;
	position:fixed;
	bottom:-100px;
}
.collapse {
	background: url(../../images/btn_collapse.png) no-repeat left bottom;
	width:99px;
	height:25px;
	display:block;
	position: absolute; 
	top: -25px;
	right: 50px;
	cursor:pointer;
}
.show {
	background-position: left top;
} 

.side-bar {
	position:absolute;
	top:37px;
	right:0px;
}
.side-bar  .side-bar-list{
	position:absolute;
	top:0px;
	right:0px;
}
.side-bar li {
	margin:0px 0px 16px 0px;
}
.side-bar .side-bar-list li a{
	display:block;
	width:90px;
	height:75px;
	border:0px;
}
.side-bar li.firefox a:hover,
.side-bar li.stumble a:hover,
.side-bar li.twitter a:hover{
	background-position:bottom left;
}
.side-bar li.firefox a{
	background:url(../../images/box_firefox.png) no-repeat top left;
}
.side-bar li.stumble a{
	background:url(../../images/box_stumbleupon.png) no-repeat top left;
}
.side-bar li.twitter a{
	background:url(../../images/box_twitter.png) no-repeat top left;
}

/*
.side-bar .widgets .tabs  {
	position:absolute;
	top:254px;
	right:0px;
	width:300px;
	z-index:980;
}
.side-bar .widgets .tabs li {
	margin:10px 0px 0px 0px;
	float:left;
	display:none; 
}
.side-bar .widgets .tabs li span {
	margin:0px 5px 0px 0px;
	padding:5px 10px;
	cursor:pointer;
	background:#333;
	display:inline;
}
 .side-bar .widgets .tabs li span#firefox-tab{
	background:#DF731B;
}
.side-bar .widgets .tabs li span#stumbleupon-tab{
	background:#2FB870;
}
.side-bar .widgets .tabs li span#twitter-tab{
	background:#66CCEE;
} */
/* .twitter-widget  #twtr-widget-1 .twtr-hd a,
.twitter-widget  #twtr-widget-1 .twtr-tweet a{
	border:0px;
}
.twitter-widget  #twtr-widget-1 .twtr-ft a{
	border:0px;
	height:12px;
}
.twitter-widget  #twtr-widget-1 .twtr-ft a img{
	display:none;
}
.twitter-widget  #twtr-widget-1 .twtr-hd a,
.twitter-widget  #twtr-widget-1 .twtr-tweet a.twtr-hyperlink{
	border-bottom:1px dashed #fff;
	color:#fff !important;
}
.twitter-widget  #twtr-widget-1 .twtr-hd a:hover,
.twitter-widget  #twtr-widget-1 .twtr-tweet a.twtr-hyperlink:hover{
	text-decoration:none !important;
	color:#999 !important;
	border-bottom:1px dashed #999;
}
 
.side-bar .firefox-widget,
.side-bar .stumble-widget,
.side-bar .twitter-widget{
	width:280px;
	height:350px;
	position:absolute;
	top:34px;
	right:0px;
	z-index:990;
	background:#000;
	text-align:left;
	padding:10px;
	display:none; 
}
 .side-bar .stumble-widget,
.side-bar .twitter-widget{
	background:#2FB870;
}
.side-bar .twitter-widget{
	background:#66CCEE;
}
.side-bar .firefox span{
	color:#DF731B;
}
.side-bar .stumble span{
	color:#2FB870;
}
.side-bar .twitter span{
	color:#66CCEE;
} 
.side-bar .widgets  a{
	border:0px;
	text-align:left;
}
.side-bar .widgets .stumble-widget .widget-header{
	width:100%;
	height:70px;
}
.side-bar .widgets .widget-header{
	width:100%;
	height:83px;
}
.side-bar .widgets .widget-header a,
.side-bar .widgets .stumble-widget .widget-header a{
	height:21px;
	display:block;
	float:left;
}
.side-bar .widgets .widget-header h3,
.side-bar .widgets .stumble-widget  .widget-header h3{
	padding:52px 0px 0px 10px ;
	float:left;
}
.side-bar .widgets .stumble-widget .widget-header a{
	height:35px;
}
.side-bar .widgets .stumble-widget  .widget-header h3{
	padding:40px 0px 0px 10px ;
}
 .side-bar .widgets .widget-body li.item{
	float:left;
	border-bottom:1px dashed #fff;
	display:block;
	width:100%;
	margin:0px 0px 20px 0px ;
	padding:0px 0px 5px 0px ;
}
.side-bar .widgets .widget-body{
	width:264px;
	height:255px;
	overflow:auto;
	position:relative;
	background:#333;
	margin:0px 0px 0px 0px ;
	padding:10px 10px 0px 10px ;
}
.side-bar .widgets .widget-body li.item li {
	margin:0px 0px 0px 0px ;
	padding:0px 0px 0px 0px ;
	display:inline;
} */
.ticker .widget-header{
	float:left;
}
.ticker .widget-header a{
	border:0px;
	margin:5px 10px 0px 2px;
	padding:0px 0px 0px 0px;
	display:block;
}
.ticker .widget-body li.item{
	float:left;
	/*border-bottom:1px dashed #fff;*/
	display:block;
	width:100%;
	margin:0px 0px 0px 0px ;
	padding:5px 0px;
	height:60px;
	border:0px solid #fff;
}
.ticker .widget-body{
	width:545px;
	height:70px;
	overflow:hidden;
	position:relative;
	margin:0px 0px 0px 0px ;
	padding:0px 10px 0px 0px ;
}
.ticker .widget-body li.item li {
	margin:0px 0px 0px 0px ;
	padding:0px 0px 0px 0px ;
	clear:both;
	text-align:left;
	display:block;
}
.side-bar .widgets .firefox-widget a{
	background:url(../../images/Button120_4H.png) no-repeat top left;
	width:246px;
	height:124px;
	display:block;
}
.panel-container{
	background:url(../../images/panel.png) no-repeat top center;
	width:100%;
	height:475px;
	position:absolute;
	top:0px;
	left:0px;
	padding:0px 0px 0px 0px;
	margin:0px auto;
	z-index:1;
}
.panel-container .ticker{
	background:url(../../images/scroller.png) no-repeat bottom center;
	width:100%;
	height:137px;
	position:absolute;
	z-index:100;
	bottom:-99px;
	left:0px;
}
.twitter-container{
	margin:57px 0px 0px 30px;
}
.ticker-wrapper .btn_up,
.ticker-wrapper .btn_down{
	width:25px;
	height:25px;
	background:url(../../images/arrow_up.jpg) no-repeat top left;
	position:absolute;
	right:27px;
	bottom:-50px;
	z-index:1000;
	display:none;
	cursor:pointer;
}
.ticker-wrapper .btn_down{
	background:url(../../images/arrow_down.jpg) no-repeat top left;
	bottom:-85px;
}
.ticker-wrapper .throbber{
	background:url(../../images/ajax-loader.gif) no-repeat bottom center;
	width:100%;
	height:82%;
	display:none;
}

#panel .section#port_folio a{
	border:0px;
}
#panel .section#port_folio span a{
	text-decoration:none;
	border-bottom:1px dashed #fff;
	color:#fff;
}
#panel .section#port_folio span a:hover{
	color:#999;
	border-bottom:1px dashed #999;
}
#panel .section #who_am_i h2{
	margin-top:72px;
}
#panel .section #who_am_i  li{
	text-align:left;
	margin:0px 0px 0px 20px;
}
.menu-bar{
	position:absolute;
	top:32px;
	left:0px;
	border:0px solid #000;
	z-index:100;
}
.menu-bar li {
	margin:0px 0px 0px 0px;
}
.menu-bar li a{
	display:block;
	width:105px;
	height:91px;
	border:0px solid #000;
}
.menu-bar li ul{
	margin:0px 0px 0px 0px;
}
.menu-bar li ul a{
	margin:0px 0px 0px 0px;
	width:120px;
}
.menu-bar a:hover{
	background-position:bottom right;
}
.menu-bar .home {
	background:url(../../images/home.png) no-repeat top right;
}
.menu-bar .portfolio {
	background:url(../../images/portfolio.png) no-repeat top right;
}
.menu-bar .mail{
	background:url(../../images/mail.png) no-repeat top right;
}
.menu-bar .selected{
	background-position:bottom right;
	display:block;
	width:110px;
	height:91px;
}
.menu-bar li ul .selected{
	background-position:bottom right;
	display:block;
	width:125px;
	height:91px;
}
.side-bar span ,
.menu-bar span ,
.footer .menu li,
.footer .menu li span,
.footer .logo h1,
.footer .logo h3,
.lang span{
	display:none;
}
.footer .logo{
	position:fixed;
	bottom:-18px;
	right:0px;
	background:url(../../images/new_logo.png) no-repeat bottom right;
	width:359px;
	height:175px;
}
.footer .logo a{
	width:330px;
	height:105px;
	border:0px solid #000;
	display:block;
	margin:8px 0px 0px 20px;
}
.contact-wrapper{
	width:600px;
}
.contact-wrapper div.left{
	float:left;
	text-align:left;
	margin:0px 0px 0px 25px;
	width:275px;
	border:0px solid #fff;
}
.contact-wrapper div.right{
	float:right;
	text-align:left;
	margin:0px 0px 0px 0px;
	width:280px;
	border:0px solid #fff;
}
.contact-wrapper input,
.contact-wrapper textarea{
	background:#555;
	color:#fff;
	border:1px solid #888;
	text-align:center;
	float:right;
	display:block;
	margin:0px 0px 0px 0px;
}
.contact-wrapper input[type="text"]{
	width:140px;
}
.contact-wrapper input[type="submit"]{
	padding:0px 0px 0px 0px;
	margin:0px 0px 10px 0px;
	cursor:pointer;
	background:#444;
	color:#ccc;
	display:block;
	border:0px;
}
.contact-wrapper div.left input[type="submit"]{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	cursor:pointer;
	background:#444;
	color:#ccc;
	display:block;
	width:273px;
}
.contact-wrapper div.right input[type="submit"]{
	float:left;
	height:92px;
	width:92px;
	background-position:top center;
	cursor:pointer;
}
.contact-wrapper input.happy{
	background:url(../../images/smiley_happy.png) no-repeat;
}
.contact-wrapper input.mad{
	background:url(../../images/smiley_mad.png) no-repeat;
}
.contact-wrapper input.punch{
	background:url(../../images/smiley_punch.png) no-repeat;
}
.contact-wrapper input.finger{
	background:url(../../images/smiley_finger.png) no-repeat;
}
.contact-wrapper input.meet{
	background:url(../../images/smiley_meet.png) no-repeat;
}
.contact-wrapper input.beer{
	background:url(../../images/smiley_beer.png) no-repeat;
}
.contact-wrapper div.right   input[type="submit"]:hover{
	background-position:bottom center;
}

.contact-wrapper label{
	width:180px;
	text-align:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px -17px 0px;
	display:block;
	border:0px solid #fff;
}
.contact-wrapper h4{
	padding:0px 0px 0px 0px;
	margin:0px 0px 10px 0px;
}
.contact-wrapper textarea{
	height:120px;
	width:271px;
	max-height:120px;
	max-width:271px;
	margin:22px 0px 5px;
	text-align:left;
}
.contact-wrapper span,
.contact-wrapper span.right{
	text-align:left;
	display:block;
	float:left;
	padding:10px 0px 10px 25px;
	margin:0px 0px 0px 30px;
	background:url(../../images/phone.png) no-repeat  left center;
}
.contact-wrapper span.right{
	float:right;
	padding:10px 0px 10px 45px;
	margin:0px 145px 0px 0px;
	background:url(../../images/at_icon.png) no-repeat left center;
}
.contact-wrapper .right p{
	margin:0px 0px -20px 0px;
}
.contact-wrapper .right p.english{
	margin:0px 0px 0px 0px;
}
.details{
	clear:both;
	padding:0px 0px 0px 0px;
	position:absolute;
	bottom:20px;
	left:30px;
	width:100%;
}
.warning{
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:50px;
	height:auto;
	background:#555;
	z-index:1000;
}
.warning p{ 
	text-align:left;
	padding:40px 0px 10px 10px;
}
.warning p a{ 
	padding:10px 10px;
	display:block;
	float:left;
	border:0px solid #999;
	text-align:center;
}
.warning div{ 
	width:100%;
	height:30px;
	position: absolute; 
	top:0px;
	right: 0px;
	background:#555;
}
.warning div span{ 
	background:url(../../images/badge.jpg) no-repeat left center;
	padding:7px 0px 7px 30px ;
	text-align:left;
	display:block;
}
.warning a.hide-warning{ 
	background:url(../../images/arrow_down.jpg) no-repeat right bottom;
	width:21px;
	height:21px;
	padding:0px 30px 0px 0px ;
}
.warning div a.hide-strip{ 
	background: url(../../images/x.jpg) no-repeat left bottom;
	width:25px;
	height:25px;
	position: absolute; 
	bottom:0px;
	right:10px;
}
.warning a.show-warning {
	background: url(../../images/arrow_up.jpg) no-repeat right bottom;
} 

.warning a{ 
	border:0px;
}
 .warning a:hover{ 
	border:0px;
}
.warning div a:hover{ 
	border:0px solid #fff;
}
.warning img{ 
	padding:0px 0px 0px 0px;
	display:block;
}

.contact-wrapper .LV_validation_message{
	z-index:1000;
	height:10px;
	width:10px;
	display:none;
	background:none;
}
/* .contact-wrapper .LV_valid {
    background:#00CC00;
}
	
.contact-wrapper .LV_invalid {
    background:#CC0000;
}
 */
.contact-wrapper .LV_valid_field,
.contact-wrapper input.LV_valid_field, 
.contact-wrapper textarea.LV_valid_field {
    border: 1px solid #00CC00;
    background:#555 url(../../images/tick2.png) no-repeat right bottom;
}
    
.contact-wrapper .LV_invalid_field, 
.contact-wrapper input.LV_invalid_field, 
.contact-wrapper textarea.LV_invalid_field {
    border: 1px solid #CC0000;
    background:#555 url(../../images/cross2.png) no-repeat right bottom;
}
.contact-wrapper .wait,
.contact-wrapper .error,
.contact-wrapper .success{
	color:#000;
	position:absolute;
	top:50%;
	left:50%;
	display:none;
	background:#00CC00;
	font-weight:bold;
	text-align:center;
	margin-left:-150px;
	margin-top:-30px;
	width:250px;
	height:40px;
	padding:10px;
}
.contact-wrapper .wait,
.contact-wrapper .error{
	background:#CC0000;
}