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

body { 
	background-image:url(../images/starz.gif);
	background-repeat:repeat-x;
	background-color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	overflow-x:hidden;
	padding:0;
	width:100%;
}
	
a { color:#FFFFFF; text-decoration:none; outline: none; }
a:hover { color:#fff; text-decoration:none; }
a img { border:none; }

#head { float:left;	height:120px; width: 900px; }
	
#title {
	float:left;
	margin:34px 34px 0 0;
	}
	
#client_boxes {
	float:left;
	margin:28px 5px 0 0;
	}

.nofocus {
	filter:alpha(opacity=40); 
	-moz-opacity: 0.4; 
	opacity: 0.4;
	}	

.nofocus:hover {
	filter:alpha(opacity=100); 
	-moz-opacity: 1; 
	opacity: 1;
	}	
	
#client_boxes td {
	font-size:9px;
	height:15px;
	width:15px;
	}
	
#menudo { float: left; margin-top: 35px; }
#menudo .block { margin-right: 10px; float: left; filter:alpha(opacity=40); -moz-opacity: 0.4; opacity: 0.4; }
#menudo .block:hover { filter:alpha(opacity=100);  -moz-opacity: 1; opacity: 1; }
#menudo .block .box { margin: 0 8px 8px 0; width: 16px; height: 16px; cursor: pointer; float: left; }

#info {
	clear:both;
	color:#235D84;
	margin:10px 0 0 145px;
	width:846px;
	}

#client_boxes .color1:hover, #client_boxes .color2:hover, #client_boxes .color3:hover, #client_boxes .color4:hover, #client_boxes .color5:hover, #client_boxes .color6:hover{
	background-color:#FFFFFF;
	cursor: pointer;
	}
	
#client_name {
	
	}
	
#work_list {
	clear:both;
	float:left;
	margin-left:140px;
	width:100%;
	}
	
#work_list ul {
	float:left;
	margin:0;
	padding:0;
	width:148px;
	}

#work_list li {	
	height:11px;
	margin-bottom:2px;
	overflow:hidden;
	padding:4px;
	}
	
#work_container {
	width:100%;
	clear:both;
	float:left;
	margin:50px 0 50px 30px;
}

#bg, #bg div, #bg img { position: absolute; left:0px; top:0px; }

#preview_container { 
	border: 5px solid; padding: 5px; position: absolute; background: #000; 
	float:left;
	margin:0 30px 30px 0;
	padding: 5px;
	overflow: hidden;
}
 
#preview_container .left { color: #fff; float: left; margin-right: 0px; padding: 0; width: 280px; }
#preview_container .right { position: absolute; overflow: hidden; left: 295px; padding: 0; width: 630px; height: 473px; text-align: right; }

#preview_container .close_btn { position: absolute; right: 5px; top: 5px; z-index: 2; color: #fff; font: bold 12px arial; cursor: pointer; }
#preview_container .close_btn span { position: absolute; z-index: 2; left: 6px; top:-3px;}
#preview_container .close_btn #close_img { position: relative; z-index: 1;  }

#work_container .project {
	border:5px solid;
	float:left;
	margin:0 30px 30px 0;
	padding:5px;
	height:280px;
	width: 280px; 
	cursor: pointer;
}

.project_free { float: left; margin:0 30px 30px 0; height:300px; width: 300px; }

#work_container .project .content { background: #000; height: 280px; }
	
#preview_container .title, #work_container .title {
	font-size:24px;
	font-weight:bold;
	float:left;
	line-height:24px;
	margin:5px 5px 10px 5px;
	width:200px;
	}
	
#preview_container .view, #work_container .view {
	background-image:url(../images/view_site1.gif);
	background-repeat:no-repeat;
	background-position:right;
	float:right;
	font-size:10px;
	margin:18px 5px 0 0;
	padding-right:13px;
	}
	
#work_container .more {
	font-size:10px;
	margin-left:10px;
	}
	
#work_container a {
	}
	
#work_container a:hover {
	color:#ffffff;
	}
	
#preview_container .description, #work_container .description {
	clear:both;
	color:#FFFFFF;
	margin:0 5px 15px 5px;
	}
	
#preview_container .thumbs img, #work_container .thumbs img {
	margin:0 0 10px 7px;
}
	
#work_container .full_view {
	border:#fff 5px solid;
	float:left;
	margin:0 30px 30px 0;
	padding:5px;
	width: 940px;
	}
	
#work_container .full_view .left {
	color:#FFFFFF;
	float:left;
	margin-right:30px;
	padding:0;
	width: 280px;
	}
	
#nav_tt { background:#000; color: #fff; font: bold 14px arial, sans-serif; text-transform:uppercase; padding:0 4px 4px 0; }