/* Title: Studio Cole CSS */
/* Author: Patrick Cole */
/* Date: 02/17/09 */

	/* Element Styles */
	body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; 
		line-height: 18px; background: #efefef url(resources/body-bg.jpg) top left repeat-y; }
	h2 { font-family: Arial; font-weight: bold; font-size: 17px; color: #999;
		letter-spacing: 0px;
		padding: 10px 0px 10px 0px;
		border-style: solid; border-color: #ddd; border-width: 0px 0px 1px 0px; }
	h3 { padding: 0px; margin: 0px; font-size: 19px; font-weight: normal; }
	h4 { padding: 0px; margin: 0px; font-size: 10px; font-weight: normal; }
	h6 { font-weight: normal; font-size: 11px; margin: 0px; padding: 10px 0px 0px 0px; }
	strong { display: block; }
	ul { list-style-type: none; margin: 0px; padding: 10px 0px 0px 0px; }
	li { display: inline; margin: 0px 20px 0px 0px; }
	
	a:link { text-decoration: none; }
	a:visited { text-decoration: none; }
	a:hover { }
	a:active { text-decoration: none; }
	
	#navigation a:link { text-decoration: none; color: #333; border-style: dotted; border-color: #666; border-width: 0px 0px 1px 0px; }
	#navigation a:visited { text-decoration: none; color: #333; border-style: dotted; border-style: dotted; border-color: #666; border-width: 0px 0px 1px 0px; }
	#navigation a:hover { text-decoration: solid; color: #333; border-style: solid; border-style: dotted; border-color: #666; border-width: 0px 0px 1px 0px; }
	#navigation a:active { text-decoration: none; color: #333; border-style: dotted; border-style: dotted; border-color: #666; border-width: 0px 0px 1px 0px; }
	
	/* Remove the focus outline */
	:focus { outline: 0; }
	
	/* ID Styles */
	#page {	width: 920px; margin: 25px auto 25px auto; padding: 20px;
			background-color: #fff; border-style: solid; border-color: #ddd; border-width: 1px;  }
	#header { float: left; width: 500px; margin: 0px 0px 0px 0px; }
	#navigation { float: right; font-size: 13px; }
	#footer { width: 880px; margin: 20px 0px 0px 0px; 
		border-style: solid; border-color: #ddd; border-width: 1px 0px 0px 0px; }
	
	#left_frame { width: 255px; padding: 0px 30px 0px 20px; }
	#right_frame { width: 600px; padding: 0px 0px 0px 0px; text-align: center; }
	
	#desc { padding: 0px 20px 0px 0px; }
	#load_desc { padding: 0px 0px 10px 0px; letter-spacing: 0px; }
	#more {  }
	#showcase { border: solid 1px #ccc; padding: 10px; }
	
	
	/* Class Styles */
	.left { float: left; }
	.right { float: right; }
	.clear { clear: both; }
	.invisible { display: none; }
	

	
	.thumbs { padding: 7.5px 0px 7.5px 0px; }
	.thumbs img { 	border: solid 1px #ccc; width: 50px; height: 50px;
					padding: 5px; margin: 5px 5px 5px 5px; }
	.thumbs img:hover { border-color: #333; }