/* 
		a creative bender
		-------------------------------
		
		SCREEN - Main Style Sheet
		
		web:		http://www.acreativebender.com/
		file name:	/css/global.css
		version:	2009.01.16
		
		copyright:	(c) 2008 Adam Bender
		author:		Adam Bender
*/	


/*
		------------------------- 
		IMAGE STYLES
		------------------------- 
*/
a img {
	 border: none;
 }

.sample_work_feature {
	 border: solid 2px #CCC;
}	

.sample_work_feature:hover {
 border: solid 2px #09F;
}	

.sample_work_sm {
	 border: solid 2px #CCC;
	 margin-top: 10px;
}	

.sample_work_sm:hover {
	 border: solid 2px #09F;
	 margin-top: 10px;
}

.sample_work_lg_left {
	 margin-top: 5px;
	 margin-right: 5px;
	 border: solid 2px #CCC;
	 
	 width: 236px;	 
}	

.sample_work_lg_left:hover {
	 border: solid 2px #09F;
}

.sample_work_lg_right {
	 margin-top: 5px;
	 border: solid 2px #CCC;
	 
	 width: 236px;	 
}	

.sample_work_lg_right:hover {
	 border: solid 2px #09F;
}

.sample_logo {
	 margin: 5px;
	 margin-left: 0px;
	 margin-bottom: 0px;
	 border: solid 2px #CCC;
	 
	 width: 89px;
	 height: 89px;
	 
	 float: left;
}

.sample_logo:hover {
	 border: solid 2px #09F;
}

/*
	---------------------------
	Logo Display Stlyes
	---------------------------
*/

.image_frame {
	margin-top: 10px;
	cursor: default;
	list-style: none;
}

.image_frame a {
	cursor: default;
}

.image_frame a .preview {
	display: none;
}

.image_frame a:hover .preview {
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

.image_frame img {
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 103px;
	height: 75px;
}

.image_frame li {
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

.image_frame .preview {
	border-color: #000;
	width: 250px;
	height: 200px;
}

.image_frame .preview_vertical {
	border-color: #000;
	width: 200px;
	height: 250px;
}

.image_frame a .preview_vertical {
	display: none;
}

.image_frame a:hover .preview_vertical {
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}