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

    12fourdesigns : Stylesheet

    author:    Ben Falk
    email:     info(at)falkencreative.com
    website:   www.falkencreative.com

    colors:                    

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

   

/*  LINK STYLES 
	------------------------------------------------------------------------- */
	
	a:link, a:visited { color:#8b46a2; }
	a:hover, a:active, a:focus { color:#682b7d; }
	
	
/*  GENERIC STYLES 
	--------------------------------------------------------------------------*/

	html, body { min-width: 936px; }
	body { 
		background: #e9e9e9 url(images/bg.jpg) top center no-repeat;
		font-family: Arial, sans-serif; font-size: 13px; line-height: 18px; }
		
	.float_left { float: left; }
	.float_right { float: right; }
	.hidden { visibility: hidden; }
	.clear {clear:both; height:0; overflow:hidden; margin:-1px 0 0 0;}
	p { margin-bottom: 14px; }
	a img { border:0; }
	
	#wrapper { width: 936px; margin:0 auto; overflow: auto; }
	#wrapper-inner { float:right; width: 670px; background: #fff url(images/bg-content.gif) top left no-repeat; min-height: 650px; padding-bottom: 20px }
		* html #wrapper-inner { height:650px; }
	#logo { float:left; padding-top:68px; }
	
	#header { height: 70px; line-height:70px; margin: 0 30px; text-align: right; }
		#header div.header-inner { width:330px; float: right; }
		#header div.header-inner a { float: left; }
		#header a { color:#07788e; }
		#header a:hover, #header a:active { color:#055160; }
		
		/* search */
		#header form { float: right; padding-top: 24px; }
		#header label { display: none; }
		#searchform #s { background:transparent none no-repeat scroll 6px center;
			border:1px solid #E3E3E3; float:left; font-size:12px; margin-right:4px; padding:4px 6px; width:150px; }
		#searchform #s:focus { border: 1px solid #BFBFBF; }
		#searchform #searchsubmit { background:transparent url(images/button-search.gif) no-repeat scroll 0 0;
			border:0 none; color:#FFFFFF; float:left; height:25px; font-size: 11px; width:62px; }
			#searchform #searchsubmit:hover, #searchform #searchsubmit:active { background-position: left bottom; cursor: pointer; }
		.search #searchform label { display:none; }
	
	#nav { background: url(images/nav-bg.gif) 0 0 repeat-x; height: 42px; margin: 0 30px; }
		#nav li { float: left; height: 42px; line-height: 42px; background: url(images/nav-divider.gif) top right no-repeat;
			padding:0 12px; }
		#nav li a { color:#fff; text-decoration: none; font-size: 14px; }
		#nav li a:hover, #nav li a:active, #nav li.active { text-decoration: underline; color:#e3e3e3; }
		
	#banner { margin: 0 30px; padding-top: 1px; line-height: 0; font-size: 0; } 
		
	/* content */	
	#content { margin: 0 30px; }
		#content .left { float:left; width: 378px; }
		* html #content .left { float:left; width: 300px; }
			#content .left-inner { padding: 36px 30px 30px 30px; }
			#content .left h1, #content .left h2 { font-size: 16px; font-weight: bold; color: #086f83; margin-bottom: 26px; }
			#content .left p { margin-right: 30px; }
			
			* html .page-id-8 #content .left-inner { padding-right:0; }
			
		/* full template */	
		#content .full { position:relative; }
			#content .full-inner { padding: 36px 30px 30px 30px; }
			.page-id-80 #content .full-inner { padding-right:0; }
			
			#content .full h1, #content .full h2 { font-size: 16px; font-weight: bold; color: #086f83; margin-bottom: 26px; }
			#content .full p { margin-right: 30px; }
			#content .full .producttext p { margin-right:0; }
			
			//#content .full-inner * { display:none; }
			
		/* product list */
		#content ul.artists {}
			#content ul.artists li { padding: 2px 0 2px 20px; background: url(images/arrow.gif) 8px 8px no-repeat; }
			#content ul.artists h3 { font-size:14px; }
			
		#content .right { float:right; width: 232px; background: url(images/bg-sidebar.jpg) 0 0 no-repeat; min-height: 280px; }
			* html #content .right { height: 280px; }
			#content .right-inner { padding: 130px 35px 0 35px; }
			
		#content .right2 { float:right; width: 232px; }
			#content .right2 .right-inner { padding:0; position: relative; }
			#content .right2 img.sidebar { position:absolute; left: -32px; top:28px; }	
			* html #content .right2 img.sidebar { left:-32px; }
			
		#content .link { background:transparent url(images/arrow.gif) no-repeat scroll right 6px;
			display:inline; padding-right:8px; }
			
	#footer { 
		background: url(images/bg-footer.jpg) top right no-repeat; width: 698px;
		clear:both; overflow:auto; float:right; padding: 34px 0; color: #fff; font-size: 11px; }
		
		#footer p { padding: 0 0 0 58px; margin: 0; clear: both; font-size: 11px; }
		#footer a { color: #fff; font-size: 12px; }
		#footer a:hover, #footer a:active { color:#e3e3e3; }
		
		#footer .credit { display:block; float:right; position: relative; top: -16px; color:#a4a4a4; }
		#footer .credit a { color:#a4a4a4; font-size: 11px; } 
		#footer .credit a:hover, #footer .credit a:active { color:#707070; }
		#footer .footerimg { padding: 24px 0 0 0; }


/*  FORM STYLES 
	------------------------------------------------------------------------- */
	
	#si_contact_form label { width:200px; float:left; }
	#si_contact_form input, #si_contact_form textarea { border:1px solid #E3E3E3; width:300px; padding: 3px 4px; font-family:arial; font-size:12px; }
	#si_contact_form input:focus, #si_contact_form textarea:focus { border: 1px solid #BFBFBF; }
	* html #si_contact_form input, * html #si_contact_form textarea { width:280px; }
	
	#si_contact_form .submit input { width: 62px; height: 25px; background: url(images/button-submit.gif) 0 0 no-repeat; border: 0; padding: 0; 
		color:#fff; line-height: 25px; }
		#si_contact_form .submit input:hover { background-position: bottom left; cursor: pointer; border: 0; }