html { background-color:#122e37}
body {
background:#011420 url(/img/workfloor/bg.jpg) no-repeat center top;
color:#FFFFFF;
font-family: arial,helvetica;
height:100%;
margin:0;
padding:0;
}

a {
	color:#fff;
	text-decoration:none;
}
a:hover {
	color:#FF6600;
	text-decoration: none;
}
img, div {
}

ul {
	margin:0px;
	padding:0px;
}

.bg_pages { background-image:url(/img/workfloor/bg_pages.jpg)}
.clear { clear:both}

#pagewidth {
	margin:0 auto 10px;
	text-align:left;
	width:980px;
	font-family:Arial,Helvetica;
	font-size:12px;
}


#header {
position:relative;
z-index:10;
padding-top:28px;
text-align:center;
}
.logo { width:200px; float:left; text-align:left;padding-top: 18px;}
.menu { width: 760px; float:right; text-align:left; padding-bottom:12px; padding-top:13px;  }
.quote { color:#fff; font-size:20px; clear:both; border-bottom:#7c99a4 solid 1px; border-top:#7c99a4 solid 1px; padding:20px 0px; width:740px; float:right; margin:15px 0px; font-family:Tahoma}

/*__menu___*/

.menu ul { }
.menu ul li { list-style:none; float:left; margin-right:14px; line-height:30px}
.menu ul li a { outline:none; }
.menu ul li.m2 ul.submenu { z-index: 999;}

.menu ul.things li { width:145px; }
.menu ul.submenu { padding-left:12px;margin:0; z-index: 999;}

.menu span { position:relative; text-indent:-9999px; display:inline-block; }
.menu a.home { background:url(/img/menu1.gif) no-repeat center; width:66px; height:28px; display:block;}
.menu a.things_we_do { background:url(/img/menu2.gif) no-repeat center; width:120px; height:25px; display:block; padding-top:5px; }
.menu a.work { background:url(/img/menu3.gif) no-repeat center; padding:10px 33px}
.menu a.clients { background:url(/img/menu4.gif) no-repeat center; padding:10px 35px}
.menu a.blog { background:url(/img/menu5.gif) no-repeat center; padding:10px 30px}
.menu a.contact { background:url(/img/menu6.gif) no-repeat center; padding:10px 40px}

.menu a:hover.home, .menu a.home_on { background:url(/img/menu1_act.gif) no-repeat center; width:66px; height:28px; display:block;}
.menu a.things_we_do_on { background:url(/img/menu2_act.gif) no-repeat center; padding:10px 55px}
.menu a:hover.work, .menu a.work_on { background:url(/img/menu3_act.gif) no-repeat center; padding:10px 33px}
.menu a:hover.clients, .menu a.clients_on { background:url(/img/menu4_act.gif) no-repeat center; padding:10px 35px}
.menu a:hover.blog, .menu a.blog_on { background:url(/img/menu5_act.gif) no-repeat center; padding:10px 30px}
.menu a:hover.contact, .menu a.contact_on { background:url(/img/menu6_act.gif) no-repeat center; padding:10px 40px}

.menu li:hover.m2{ background: url(/img/menu2_on.gif) no-repeat center top } 
.menu li:hover.m2 ul.submenu{ display:block !important; background:url(/img/workfloor/bg_hover_wedo.png) no-repeat center top; height:303px; z-index:500; position:absolute; width:750px; left:216px; top:66px; }

ul.things li { background: url(/img/workfloor/bg_li.gif) left center no-repeat; line-height:20px; float:none !important; padding-left:30px; }
ul.things li:hover, ul.things li.hover { background:url(/img/workfloor/bg_a.gif) left center no-repeat; cursor:pointer}

.m2 ul.things li:hover, .m2 ul.things li.hover { background:url(/img/workfloor/bg_a_sub.png) left center no-repeat;}

.leftmenu_title{border-bottom:1px solid #2f404a; margin-left:0px;font-size: 18px}

ul.submenu ul.things li:hover {}
.listsubmenu {
	font-size:11px;
	line-height:16px;
	padding-left:40px;
	width:225px;	
	background-image:url(/img/workfloor/leftcol_bg.png);
	background-repeat:no-repeat;
	float:left;
	position:relative;
	}
	
	ul li.m2 .listsubmenu {
		width:215px;
	}
	
	.listsubmenu.first {
		padding-left:10px;
		position:relative;
		left:-12px;
		background: url(/img/workfloor/leftcol_bg_first.png) no-repeat;
	}
	
	
	.listsubmenu.webdevelopment {
		background: url(/img/workfloor/centercol_bg.png) no-repeat;
		display:inline;
	}
	
	
	
	.listsubmenu.animation {
		background: url(/img/workfloor/rightcol_bg.png) no-repeat;
		float:right;
	}
	


	
	.listsubmenu ul {
		margin-top:10px;
	}
	
		.listsubmenu ul.things {
			padding-left:40px;
		}
	
		.listsubmenu ul.things a {
			width: 100%;
			cursor: hand;
			display: block;
		}

	ul#mainmenu { padding-left:18px; height:30px; }

/*----eof menu-----------*/

.switcher { text-align:right; float:right; margin-top:10px; }
.switcher ul { margin-top:0px; }
.switcher li { float:left; list-style:none; margin-right:5px; cursor:pointer; width:18px; height:16px;}

li.b1 { background: url(/img/workfloor/bullet1.jpg) no-repeat}
li.b2 { background: url(/img/workfloor/bullet2.jpg) no-repeat}
li.b3 { background: url(/img/workfloor/bullet3.jpg) no-repeat}
li.b4 { background: url(/img/workfloor/bullet4.jpg) no-repeat}
li.b5 { background: url(/img/workfloor/bullet5.jpg) no-repeat}
li.b6 { background: url(/img/workfloor/bullet6.jpg) no-repeat}
li.b7 { background: url(/img/workfloor/bullet7.jpg) no-repeat}
li.b8 { background: url(/img/workfloor/bullet8.jpg) no-repeat}

li:hover.b1, li.hover.b1 { background: url(/img/workfloor/bullet1_on.jpg) no-repeat}
li:hover.b2 { background: url(/img/workfloor/bullet2_on.jpg) no-repeat}
li:hover.b3 { background: url(/img/workfloor/bullet3_on.jpg) no-repeat}
li:hover.b4 { background: url(/img/workfloor/bullet4_on.jpg) no-repeat}
li:hover.b5 { background: url(/img/workfloor/bullet5_on.jpg) no-repeat}
li:hover.b6 { background: url(/img/workfloor/bullet6_on.jpg) no-repeat}
li:hover.b7 { background: url(/img/workfloor/bullet7_on.jpg) no-repeat}
li:hover.b8 { background: url(/img/workfloor/bullet8_on.jpg) no-repeat}

li.b1.active { background: url(/img/workfloor/bullet1_on.jpg) no-repeat}
li.b2.active { background: url(/img/workfloor/bullet2_on.jpg) no-repeat}
li.b3.active { background: url(/img/workfloor/bullet3_on.jpg) no-repeat}
li.b4.active { background: url(/img/workfloor/bullet4_on.jpg) no-repeat}
li.b5.active { background: url(/img/workfloor/bullet5_on.jpg) no-repeat}
li.b6.active { background: url(/img/workfloor/bullet6_on.jpg) no-repeat}
li.b7.active { background: url(/img/workfloor/bullet7_on.jpg) no-repeat}
li.b8.active { background: url(/img/workfloor/bullet8_on.jpg) no-repeat}

.leftcol {
background-image:url(/img/workfloor/leftcol_bg.png);
background-repeat:no-repeat;
float:left;
position:relative;
}

	.leftcol.reel {
		background:none;
		width:180px;
		padding-left:0px;
	}
.leftcol h1, .leftcol2 h1{border-bottom:1px solid #2f404a; margin-left:0px;font-size: 18px}
	
a.reel { background:url(/img/workfloor/reel_watch_btn.gif) no-repeat !important; width:185; height:53px; display:block; }
a:hover.reel { background:url(/img/workfloor/reel_watch_btn_hover.gif) no-repeat !important}
#twocols {
float:right;
position:relative;
}
#rightcol, #maincol, .leftcol { width:226px; padding-left:40px;font-size:11px;line-height:16px;}
#rightcol {
background-image:url(/img/workfloor/rightcol_bg.png);
background-repeat:no-repeat;
float:right;
position:relative;
}
#maincol {
background-image:url(/img/workfloor/centercol_bg.png);
background-repeat:no-repeat;
display:inline;
float:left;
position:relative;
}
.leftcol ul, #rightcol ul, #maincol ul, .listsubmenu ul { list-style:none; line-height:20px}
.leftcol li, #rightcol li, #maincol li {background:url(/img/workfloor/bg_li.png) no-repeat left ; padding-left:25px; cursor:pointer}
.leftcol li:hover, #rightcol li:hover, #maincol li:hover { background:url(/img/workfloor/bg_a.png) no-repeat left ; padding-left:25px}
.leftcol.reel li:hover { padding-left:0px; background:none;}

.listsubmenu h1{font-size: 18px;}

#footer {
background:url(/img/bg_footer.png) repeat-x;
clear:both;
height:200px;
}
#wrapper {
width:980px;
height:auto !important;
margin:0 auto -55px;
min-height:100%;
}
.push {
height:100px;
}
#footerwidth {
margin:0 auto;
text-align:left;
width:980px;
padding:20px 0; 
}
.clearfix:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
.clearfix {
display:inline-block;
}
#floatleft {
float:left;
}
.contactcred {
float:left;
margin:60px 0 0 60px;
}
#webcred {
float:left;
margin:30px 0 0 170px;
color:#cccccc;
font-size:11px;
font-family:Arial;
}
ul.webcred li { list-style:none; line-height:35px; padding-left:40px; padding-right:70px; cursor:pointer; margin:0;}
li.newsletter { background: url(/img/workfloor/bg_newsletter.jpg) no-repeat left;height: 30px;padding-top: 12px;}
	li.newsletter input { background:none; border:none; color:#ccc; width:100px; }
li.rss{ background:url(/img/workfloor/bg_rss.jpg) no-repeat left}
li.tweet { background:url(/img/workfloor/bg_tweet.jpg) no-repeat left}
ul.webcred li.univoka {padding:0;margin-top: 0;line-height: 0;}
ul.webcred li.univoka a {margin-left: 10px;}
ul.webcred li.univoka img{border:0;}

li:hover.newsletter { background:url(/img/workfloor/bg_newsletter_on.jpg) no-repeat left;}
li:hover.rss, li.hover.rss{ background:url(/img/workfloor/bg_rss_on.jpg) no-repeat left}

.copy { font-size:12px; color:#3f5e68; clear:both; padding:40px 0 5px}

#footer img, #footer h3 {
margin:40px 0 0;
}
#footer p, #footer a{
color:#668A95;
font-size:11px;
line-height:17px;
}


/*------------------------- feedback------------------------------*/

#feedback { z-index:600; position:fixed; right:-322px; top:60px;background: url(/img/workfloor/bg_contact.png) no-repeat right top;width: 352px;}


a.feed { background:url(/img/workfloor/feedback.gif) no-repeat left; display:block; width:31px; height:111px;}
a:hover.feed { background:url(/img/workfloor/feedback_on.gif) no-repeat left;}
#hidden_contact {
    display: block;
    padding: 24px 0px 28px 9px;
	margin: 0;
    width: 312px;
    height: 220px;
    float:left;
}

.btn_feed {
    z-index: 100;
    padding-top: 17px;
    float: left
}
fieldset { border:0; margin-top:20px; font-size:10px; font-weight:bold; font-family:Arial;}
fieldset .input, form .input { clear:both; margin:10px 0;}
label { font-size:10px; font-weight:bold; font-family:Arial; width:75px; text-align:right; float:left; padding-right:10px}
input, textarea { border:1px solid #7f9db9; width:150px; font-size:11px; font-family:Arial}
input:focus, textarea:focus { background-color:#a5dae8}
textarea { height:80px}
input[type="submit"], input[type="button"] { font-family:Arial; font-size:10px; color:#274753; border:1px solid #7a7c7d; background:#949595 url(/img/workfloor/bg_submit.gif) repeat-x top; cursor:pointer; font-weight:bold; height:21px}
.sbmt input { width:60px; margin-left:85px}


/*--------------------------clients--------------------------------*/

.crambs { font-family:Arial; font-size:10px; color:#ccc; width:100%; text-align:right; clear:both}
.crambs a { color:#ccc !important; text-decoration:none}
.crambs a:hover { color:#ccc;}

.leftcol2 {width:180px; font-size:11px; line-height:normal; float:left }
.leftcol2 li { list-style:none; line-height:41px; cursor:pointer}
li.watchsome {
	background:transparent none repeat scroll 0 0;
	color:#CCCCCC;
	line-height:18px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:0;
}

li.design { background:url(/img/workfloor/btn_design.jpg) no-repeat}
li.webdevelopment { background:url(/img/workfloor/btn_webdevelopment.jpg) no-repeat}
li.animation { background:url(/img/workfloor/btn_animation.jpg) no-repeat}

li:hover.design { background:url(/img/workfloor/btn_design_on.jpg) no-repeat}
li:hover.webdevelopment { background:url(/img/workfloor/btn_webdevelopment_on.jpg) no-repeat}
li:hover.animation { background:url(/img/workfloor/btn_animation_on.jpg) no-repeat}

li.design_on { background:url(/img/workfloor/btn_design_on.jpg) no-repeat}
li.webdevelopment_on { background:url(/img/workfloor/btn_webdevelopment_on.jpg) no-repeat}
li.animation_on { background:url(/img/workfloor/btn_animation_on.jpg) no-repeat}

.right { float:right; width:740px; padding-left:60px; }
.right .description a {
	color:#fff;
	text-decoration:none;
}
.right .description a:hover {
	color:#FF6600;
	text-decoration: none;
}
.right h1 {border-bottom:1px solid #2f404a; margin:0px; margin-bottom:20px;font-size: 18px}
.right .title {font-size: 22px;color: #FF6600}
.box { background:url(/img/workfloor/bg_box.jpg) repeat-x top #162a31; border:1px solid #0f1f25; padding:10px; width:204px; height:173px; font-family:Arial; font-size:14px; float:left; margin:0 0 15px 30px}


/*---------------------contact--------------------*/
.box2 { display: block; width:auto; margin:0; padding:9px;background:url(/img/workfloor/bg_box.jpg) repeat-x top #162a31; border:1px solid #0f1f25;font-family:Arial; font-size:14px; margin:20px 0; cursor: pointer}
.box2:hover {color: #fff;}
.box2 img { width:178px; border: 1px solid #666;}
.box2 img:hover{border-color: #ff6600;}
.box2 p { margin-bottom:0; padding-left:8px}
.box2 p.blue { background-color:#132429; font-size:11px; color:#00b2e0; margin-top: 4px;padding:5px 0 5px 5px}
p.adress { font-size:12px; line-height:22px; color:#ccc; font-family:Arial}
.left { float:left; width:200px}
input.rounded { background:url(/img/workfloor/btn_send.jpg) no-repeat center; color: #ddd;font-size: 12px;padding: 0; border:0; width:100px; height:25px; margin-top:15px }
.right fieldset { padding:0}
.map { width:740px; height:300px; margin:25px 0; overflow:hidden}

/*--------------------work-------------------------*/
.box3 { width:220px; min-height: 160px; padding:10px 4px 0 0; margin: 0 5px 0 0; background:url(/img/workfloor/bg_box.jpg) repeat-x top #2b4d59; border:1px solid #0f1f25; font-family:Arial; font-size:14px; margin:0 0 15px 30px; float:left;cursor: pointer;}
.clients {min-height: 148px}
.no_margin { margin-left:0px !important;  }
.box3 a {font-family:Arial; font-size:14px;}
.box3 img { margin-left:11px; border:1px solid #0f1f25;}
.box3 p { margin-bottom:0; padding-left:10px}
.box3 p.blue { margin: 0 4px 8px 9px; background-color:#132429; font-size:11px; color:#00b2e0; padding:5px 6px 5px 6px; line-height:normal}
.box3 p.blue:hover{color: #fff}
.box3 img:hover{border: 1px solid #ff6600;}

.description { font-size:12px; color:#ccc; margin: 0 0 20px 0}
.description h4 { display: block; margin: 30px 0 20px 0;}
.description li { list-style-image:url(/img/workfloor/arrow.gif)}
.bluetext { color:#00b2e0}
a.back_to { background: url(/img/workfloor/btn_back.png) no-repeat; height: 42px; width: 182px;display: block; margin: 0; text-align: center;padding:10px 0 0 15px; cursor:pointer}
div.btn {
    padding: 10px 10px 0 0;
    text-align: right;
    height: 40px;
    width: 200px;
    position: relative;
	margin: 20px 0 0 0;
    left: 0px;
}

.leftcol li.watchsome {list-style:none; background:none; padding:0px; line-height:18px; color:#ccc} 

span.sIFR-alternate {
	display:block;
	height:0;
	left:0;
	overflow:hidden;
	position:absolute;
	top:0;
	width:0;
	}

#feedback label { width:100px; }
h3.feedback { font-size: 12px; font-weight: bold; text-decoration: underline; font-family: Arial; padding:5px 0px 0px 5px; margin-bottom:20px; }
.submit input { margin-left:110px; width:60px; }
.contact label{ text-align:left; width:150px; font-size: 13px;font-weight: normal}
.contact .text{ text-align:left; padding: 6px; font-size: 13px;font-weight: normal}
.contact .textarea { float:left; width:520px;padding: 6px; font-size: 13px;font-weight: normal }
.contact .textarea label { width:400px; }
fieldset.contact .input, .contact textarea  { margin:0px;padding: 6px; clear:both; font-size: 13px;font-weight: normal }
fieldset.contact textarea { width: 532px; height: 106px; }

#contact div .required {
	background: #FF6600;
	color: #ddd;
	
}

.form_status{
	margin: 20px 0 10px 7px;
	font-weight: normal;
	font-size: 15px;
	color: #FF6600;
}

/* SLIDESHOW */

#main_banner_container {
     overflow: hidden;
     margin: 0px -5px;
     width: 964px;
     height: 228px;
     float: left;
}

#banner {
    width: 964px;
    border: 5px solid #355b67;
    clear: both;
    overflow: hidden;
    padding: 0;
    margin-left: 2px
}

.banner_container {
    text-align: left;
    padding: 0
}

/*.blogpost ul li img {
    border: 1px solid #D61C20;  
}

.blogpost ul li img.active {
    border: 1px solid white;
    cursor: pointer;
    cursor: hand;   
}

.blogpost ul li img.activeone {
    border: 1px solid white;    
}*/

#main-tab-container {
    overflow: hidden;
	position: relative;
    margin: 0px;
    width: 984px;
    height: 248px;
    float: left;
}

div#main-panels {
    overflow: visible; 
    display: block; 
    left: 0px; 
    width: 984px; 
    height: 248px;
    position: relative;  
}

.panel_cont {
    width: 984px;
    float: left;
	position: relative;
	overflow: hidden;
    }
	
	.panel_cont img {
		border:5px solid #355B67;
	}

/* EOF SLIDESHOW */