/* -------- always scroll bars START -------- */
html {
     overflow: -moz-scrollbars-vertical;
     overflow: scroll;
}
/* -------- always scroll bars END -------- */

A {color: #FFF; text-decoration:none;}
A:active {color:#FFF; text-decoration:none;}
A:visited {color:#FFF; text-decoration:none;}
A:hover {color:#FFF; text-decoration:none;}

body {
	background-color: #FFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-bottom:30px;   /* Height of the footer */
	margin:0;
    padding:0;
    height:100%;
    font:"Courier New", Courier, monospace;
    font-family:"Courier New", Courier, monospace;
}

#footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:30px;   /* Height of the footer */

}

#container {
   min-height:100%;
   position:relative;
}


h1 {
	font:"Courier New", Courier, monospace;
	font-family:"Courier New", Courier, monospace;
	font-size:18px;
	color:#FFF;
	font-weight:normal;
}

h2 {
	font:"Courier New", Courier, monospace;
	font-family:"Courier New", Courier, monospace;
	font-size:15px;
	color:#000;
}

h3 {
	font:"Courier New", Courier, monospace;
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
	color:#000;
}


block_text {
	background-color:#C00;
}

.STANDARD_FONT {color:#000; font-family:"Courier New", Courier, monospace; font:"Courier New", Courier, monospace; size: 12px; font-size:12px}
.STANDARD_FONT:link {color:#000; font-family:"Courier New", Courier, monospace; font:"Courier New", Courier, monospace; size:5px}

.main_table{
	width:950px;
	margin-left:auto;
	margin-right:auto;
	border:0;
	background:#000;
}
	
.default_text{
	color:#fff;
	background-color:#000000;
	background:#000000;
	size:10px;
	font-weight:normal;
	font-size:16px;
	font: "Courier New", Courier, monospace;
	font-family:"Courier New", Courier, monospace;
	text-decoration:none;
	}
	
.client_list_text{
	color:#fff;
	direction:rtl;
	background-color:#000;
	size:10px;
	font-weight:normal;
	font-size:16px;
	font: "Courier New", Courier, monospace;
	font-family:"Courier New", Courier, monospace;
	text-decoration:none;
	}
	
.fuzz_box {border:20px; border-style:none; padding:5px; background: url(../images/fuzz_bg_1.png); background-repeat:repeat;}
.fuzz_box_for_glider {border:20px; border-style:none; padding:5px; background: url(../images/fuzz_bg_1.png); background-repeat:repeat; width: 950px; height: 540px;}
.fuzz_box_inner {background-color:#FFF; width:100%; height:100%;}


.17 {width:100%; height:100%; background-image:url(../images/client_backgrounds/17_off.png);}
.17:hover {width:100%; height:100%; background-image:url(../images/client_backgrounds/17_on.jpg);}








/* -------- SEPERATORS START -------- */

.filled_seperator{
	background-image:url(../images/fuzz_bg_2.png);
	background-repeat:repeat;
	height:5px;
	width: 100%;
}

.white_seperator{
	background-image:none;
	background-repeat:none;
	background-color:#FFF;
	height:20px;
}

.black_seperator{
	background-image:none;
	background-repeat:none;
	background-color:#000;
	height:20px;
}

.white_seperator_SMALL{
	background-color:#FFF;
	height:10px;
}

.filled_seperator_large{
	background-image:url(../images/fuzz_bg_1.png);
	background-repeat:repeat;
	height:20px;
}

/* -------- SEPERATORS END -------- */

/* -------- FOOTER END -------- */

.footer_cell{
	background-color:#000;
	size:5px;
	height:5px;
	width:100%;
}

.social_cell{
	padding-left:5px;
	border: 0px;
	width: 16px;
	height: 16px;
	
}

div.facebook {background-image: url(../images/social/facebook_16mono.png); height: 16px; width: 16px;}
div.facebook:hover {background-image: url(../images/social/facebook_16.png);}

div.linkedin {background-image:url(../images/social/linkedin_16mono.png); height: 16px; width: 16px;}
div.linkedin:hover {background-image:url(../images/social/linkedin_16.png);}

div.skype {background-image:url(../images/social/skype_16mono.png); height: 16px; width: 16px;}
div.skype:hover {background-image:url(../images/social/skype_16.png);}

div.rss {background-image:url(../images/social/rss_16mono.png) ; height: 16px; width: 16px;}
div.rss:hover {background-image:url(../images/social/rss_16.png) ;}

div.twitter {background-image:url(../images/social/twitter_16mono.png) ; height: 16px; width: 16px;}
div.twitter:hover {background-image:url(../images/social/twitter_16.png) ;}

div.wwdc {background-image:url(../images/social/whichwebdesigncompanymono.png) ; height: 16px; width: 16px;}
div.wwdc:hover {background-image:url(../images/social/whichwebdesigncompany.png) ;}
		
		
		

.copyright_cell{
	text-align:center;
	color:#FFF;
	width:100%;
	font:"Courier New", Courier, monospace;
	font-family:"Courier New", Courier, monospace;
	font-size:10px;
	font-weight:bold;
}


/* -------- FOOTER END -------- */

/* -------- MENU START -------- */

.menu_table{
	color:#000;
	background-color:#000;
}

.menu_cell{
	color:#000;
	background-color:#000;
	height:30px;
	border:0;
	padding:0;
	margin:0;
}

.menu_logo_cell{
	padding-left:10px;
	padding-right:10px;
	width: 0px;
	}

.menu_item{
	padding-left:5px;
	padding-right:5px;
	text-decoration:none;
	font-size:14px;
	width:auto;
	}

.menu_item:link{}	

.menu_item:hover{
	background-image:url(../images/fuzz_bg_1.png);
	color:#FFF;
	text-decoration:none;
	}

.menu_item:active{
	color:#FFF;}
	
.menu_item:visited{
	color:#FFF;}	
	
	
.menu_end{
	width:100%;
	}
	
	
.menu_item_active{
	color:#FFF;
	background-image:url(../images/fuzz_bg_2.png);
	font-family:"Courier New", Courier, monospace;
	font:"Courier New", Courier, monospace;
	padding-left:5px;
	padding-right:5px;
	text-decoration:none;
	font-size:14px;
	width:auto;
	}

.menu_item_active:link{
	color:#FFF;
	background-image:url(../images/fuzz_bg_1.png);
	}	

.menu_item_active:hover{
	background-image: url(../images/fuzz_bg_1.png);
	color:#FFF;
	text-decoration:none;
	}

.menu_item_active:active{
	color:#FFF;}
	
.menu_item_active:visited{
	color:#FFF;}	

	
/* -------- MENU END -------- */

/* -------- GLIDER START -------- */


.slider_title{
	color:#000;
	background-color:#FFF;
	font-weight:bold;
	font-family:"Courier New", Courier, monospace;
	font:"Courier New", Courier, monospace;
	text-decoration:none;
	font-size:20px;
	width:auto;
	}
	
.slider_small {color:#000; font-family:"Courier New", Courier, monospace; font:"Courier New", Courier, monospace; size: 12px; font-size:12px;}
.slider_smallT:link {color:#000; font-family:"Courier New", Courier, monospace; font:"Courier New", Courier, monospace; size:5px}
	
	
.slider_text{
	color:#000;
	background-color:#FFF;
	font-family:"Courier New", Courier, monospace;
	font:"Courier New", Courier, monospace;
	text-decoration:none;
	font-size:15px;
	width:auto;
	}
	
.slider_text:link {
	color:#000;
	background-color:#FFF;
	font-family:"Courier New", Courier, monospace;
	font:"Courier New", Courier, monospace;
	text-decoration:underline;
	font-size:15px;
	width:auto;
	}
	
.slider_text:active{
	color:#000;
	background-color:#FFF;
	font-family:"Courier New", Courier, monospace;
	font:"Courier New", Courier, monospace;
	text-decoration:underline;
	font-size:15px;
	width:auto;
	}
	
.slider_text:hover{
	color:#000;
	background-color:#FFF;
	font-family:"Courier New", Courier, monospace;
	font:"Courier New", Courier, monospace;
	text-decoration:none;
	font-size:15px;
	width:auto;
	}
	
.slider_text:visited{
	color:#000;
	background-color:#FFF;
	font-family:"Courier New", Courier, monospace;
	font:"Courier New", Courier, monospace;
	text-decoration:underline;
	font-size:15px;
	width:auto;
	}

div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width: 950px; 
	height: 540px;
	overflow: hidden;
	}
	div.scroller div.section {
		/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
		width:950px;
		height:540px;
		overflow:hidden;
		float:left;
		/* padding:1em;		*/
		}
	div.scroller div.content {
		width: 10000px;
		}

	div#section1 {
		background-color:#FFF;
		}

	
	div#section2 {
		background:#666666;
		color:#ffffff;
		}
		
/* GLIDER MENHU */

.slider_item{
	color:#FFF;
	font-family:"Courier New", Courier, monospace;
	font:"Courier New", Courier, monospace;
	padding-left:5px;
	padding-right:5px;
	text-decoration:none;
	font-size:14px;
	height: 25px;
	width:auto;
	}	
	
	
.slider_active{
	color:#FFF;
	font-family:"Courier New", Courier, monospace;
	font:"Courier New", Courier, monospace;
	background-image:url(../images/fuzz_bg_1.png);
	padding-left:5px;
	padding-right:5px;
	text-decoration:none;
	font-size:14px;
	height: 25px;
	width:auto;
	}	

.slider_item:hover{
	background-image:url(../images/fuzz_bg_1.png);
	color:#FFF;
	text-decoration:none;
	}

.slider_item:active{
	color:# C30;}
	
.slider_item:visited{
	color:#FFF;}
	
.slider_spacer{color:#FFF}
		
/* -------- GLIDER END -------- */




.client_logo {border:2px; border-color:#000; border:solid;}

/* -------- Portfolio -------- */

.portfolio_bg{width: 849px;}

.site_link{
	size:10px;
	height:193px;
	font-weight:normal;
	font-size:16px;
	font: "Courier New", Courier, monospace;
	font-family:"Courier New", Courier, monospace;
	text-decoration:none;
	}

.site_link:link{
	color:#fff;
	size:10px;
	font-weight:normal;
	font-size:16px;
	font: "Courier New", Courier, monospace;
	font-family:"Courier New", Courier, monospace;
	text-decoration:none;}	

.site_link:hover{
	background-image:url(../images/fuzz_bg_1.png);
	text-decoration:none;
	}

.site_link:active{
	color:#FFF;}
	
.site_link:visited{
	color:#FFF;}
	
.site-link-text {padding-top:85px; padding-bottom:85px; padding-left:5px; padding-right:5px;}
	
	
	
	
	
.site_link_RED{
	size:10px;
	height:193px;
	font-weight:normal;
	font-size:16px;
	font: "Courier New", Courier, monospace;
	font-family:"Courier New", Courier, monospace;
	text-decoration:none;
	}

.site_link_RED:link{
	color:#fff;
	size:10px;
	font-weight:normal;
	font-size:16px;
	font: "Courier New", Courier, monospace;
	font-family:"Courier New", Courier, monospace;
	text-decoration:none;}	

.site_link_RED:hover{
	background-image:url(../images/fuzz_bg_1_RED.png);
	text-decoration:none;
	}

.site_link_RED:active{
	color:#FFF;}
	
.site_link_RED:visited{
	color:#FFF;}


/* -------- PRE LOADER -------- */

.QOverlay {
	background-color: #000000;
	z-index: 9999;
}

.QLoader {
	background-color: #CCCCCC;
	height: 1px;
}


/* -------- IMAGES -------- */

.lightwindow_image { padding: 5px; }
.lightwindow_image:hover {background-image:url(../images/fuzz_bg_1.png);}











/* NAVIGATION */
/* NAVIGATION */




/* NAV RULES */


body#home a#homenav {background-image:url(../images/fuzz_bg_2.png); background-repeat:repeat; color:#FFF; text-decoration:none; }
body#clients a#clientsnav {background-image:url(../images/fuzz_bg_2.png); background-repeat:repeat; color:#FFF; text-decoration:none; }
body#whoweare a#whowearenav {background-image:url(../images/fuzz_bg_2.png); background-repeat:repeat; color:#FFF; text-decoration:none; }
body#whatwedo a#whatwedonav {background-image:url(../images/fuzz_bg_2.png); background-repeat:repeat; color:#FFF; text-decoration:none; }
body#portfolio a#portfolionav {background-image:url(../images/fuzz_bg_2.png); background-repeat:repeat; color:#FFF; text-decoration:none; }
body#ourclients a#ourclientsnav {background-image:url(../images/fuzz_bg_2.png); background-repeat:repeat; color:#FFF; text-decoration:none; }
body#news a#newsnav {background-image:url(../images/fuzz_bg_2.png); background-repeat:repeat; color:#FFF; text-decoration:none; }
body#contact a#contactnav {background-image:url(../images/fuzz_bg_2.png); background-repeat:repeat; color:#FFF; text-decoration:none; }
body#jobs a#jobsnav {background-image:url(../images/fuzz_bg_2.png); background-repeat:repeat; color:#FFF; text-decoration:none; }
body#extra a#extranav {background-image:url(../images/fuzz_bg_2.png); background-repeat:repeat; color:#FFF; text-decoration:none; }
body#login a#loginnav {background-image:url(../images/fuzz_bg_2.png); background-repeat:repeat; color:#FFF; text-decoration:none; }




/* NAVIGATION END */
/* NAVIGATION END */








#MainMenu 
{
	
	background-color:#0C3;
 }

#tab 
{

	font-size:14px;
	font-weight:normal;

}
#tab ul 
{
		border:0;
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	margin:0;
	

}
#tab li 
{
	display:inline;


}


#tab li a
{
background:;
color:#FFF;
line-height: 30px;
float: left;
padding-left:10px;
padding-right:10px;
text-decoration: none;
text-align:left
}

#tab li a:hover
{
background: url(../images/fuzz_bg_1.png);
color:#FFF;
line-height: 30px;
float: left;
padding-left:10px;
padding-right:10px;
text-decoration: none;

}




#tab a 
{

}
#tab a span 
{

}
#tab a:hover span,#tab li.item_active a span 
{

	
}