@charset "UTF-8";
/* CSS Document */

* { 		margin:0; padding:0; text-align:left; }
html {	overflow: -moz-scrollbars-vertical; }
html, body { }

:focus{ 	-moz-outline-style: none; }
img {		border:0px; }

/* ------------------------------------------------------------------------------------*/

#total_work { 			width:100%; max-width:1680px; min-width:780px;
							width: expression(this.scrollWidth <= "100" ? "780" : "100%");					
							margin:0;
							}

/*work content --------------------------------------------------------------------------------------------*/
#carousel_work {	position: relative; top:190px; 
							width:100%; max-width:1680px; min-width:780px; 
							width: expression(this.scrollWidth <= "100" ? "780" : "100%");
							height: auto; margin:0;
							}
	#carousel_work ul { 	position: relative; top: 0; left: 0; margin: 0; padding:0; width:100000px;}                      
	#carousel_work li {		float:left; margin-right: 1px; list-style:none;}

.container_work {	width:100%; min-width:780px; 
							width: expression(this.scrollWidth <= "100" ? "780" : "100%"); 
							overflow:hidden;position: relative; margin: auto;
							}

.container {			position: relative; 
							width:100%; min-width:780px; 
							width: expression(this.scrollWidth <= "100" ? "780" : "100%"); 
							height: expression(this.scrollHeight <= "100" ? "100%" : "100%"); 
							overflow:hidden; 
							margin: auto;
							}

/*job content --------------------------------------------------------------------------------------------*/
.job_description {	float:left; margin:10px 0 0 0;  }
	.job_description p {		display:block; width:195px; margin:0 0 0 0; padding:10px 0 0 5px; font:normal 11px/15px Arial; color:#b2b2b2;}
	.job_description a {		color:#b2b2b2;}
.job_image {			width:200px; height:120px; background:#1a1a1a url(images/ajax-loader.gif) no-repeat 90px 50px;} /* LOADER */


/*work navigation -----------------------------------------------------------------------------------------*/
#job_navigation  { 	position:absolute; top:240px; left:260px; z-index:99; 
							width:200px; height:80px;
							/*width: expression(this.scrollWidth <= "100" ? "780" : "100%")*/;
							}
	#job_navigation  .previous_button { 					position:absolute; left:0px; width: 100px; height: 80px; background: url(images/previous.gif) no-repeat; cursor: pointer; }
	#job_navigation  .next_button     {					position:absolute; right:0px; width: 100px; height: 80px; background: url(images/next.gif) no-repeat; cursor: pointer;  }
	#job_navigation  .previous_button_over {			background: url(images/previous_over.gif) no-repeat;}
	#job_navigation  .previous_button_disabled { 	background: url(images/previous.gif) no-repeat; filter:alpha(opacity=20); -moz-opacity: 0.2;	opacity: 0.2; cursor: default;}
	#job_navigation  .next_button_over {				background: url(images/next_over.gif) no-repeat;}
	#job_navigation  .next_button_disabled { 			background: url(images/next.gif) no-repeat; filter:alpha(opacity=20);	-moz-opacity: 0.2;	opacity: 0.2; cursor: default;}