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

html, body
	{
		margin: 0px; 
		padding: 0px; 
		background-image:url(../images/background.jpg); 
		background-repeat:repeat-x;
		background-position:top left;
		background-color: #f4f4f4;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 11pt;
	}
a
	{
		color: #0234a4;	
		text-decoration:none;
	}
img {
		border:none;	
	}

#business_card
	{
		width: 900px;
	}
#header
	{
		height: 25px;
		padding-left: 25px;
		z-index: 4;
		position:absolute;
		width: 875px;
		
	}
.noborder
	{
		border:none;
		border-left:none;
		border-right:none;
		border-top:none;
		border-bottom:none;
	}
.clear
	{
		clear:both;	
	}
#header #nav_container ul
	{
		list-style: none;
		height: 36px;
		width:  737px;
		background-color: #efefef;
		margin:0px;
		padding: 0px; 
		padding-left: 15px;
	}
#header ul li
	{
		float:left;
		height: 36px;
		margin:0px;
		padding: 0px;		
		padding-right: 15px; 
		padding-left: 15px;
	}
#header ul li:first-child a
	{
		border-left:none;
	}
#header ul li a
	{
		color: #000000;
		text-decoration:none;
		overflow:hidden;
		display:block;
		padding-top: 8px;
		font-weight:bold;

	}	
#header ul li a:hover
	{
		color:#888888;
	}	
#header span
	{
		width: 110px; 
		height: 20px; 
		padding: 8px; 
		color: #FFFFFF;
		background-color: #4b4b4b;
		display:block; 
		font-size: 12pt;
		text-align:left;
		padding-left: 20px;
		float:left;
		cursor: pointer;
		text-transform:uppercase;
		font-weight:bold;
		
	}	
#header #nav_container
	{
		overflow:hidden;
		height: 35px;
		width: 737px;
	}
#assembly
	{
		width: 900px; 
		height: 400px; 
	}
#business_card
	{
		height: 400px; 
		background-image:url(../images/background.card.jpg);
		background-repeat:repeat-x;
		border: 1px solid #e0e0e0;
		text-align: left;
		position:relative;
		top: 105px;
		overflow:hidden;
		
		
	}
.solid 
	{
		background-image:url(../images/background.card.jpg);
		background-repeat:repeat-x;	
	}
#card_shadow
	{
		background-image:url(../images/shadow.left.jpg);
		width: 29px; 
		height: 400px; 
		margin-left: -29px;
		position:absolute;
		top: 104px;
		
		
	}
#business_card #card_content
	{
		height: 400px;
		overflow:hidden;
		
	}
#external_content
	{
		margin-top: 125px;
		text-align:left;
		width: 900px;
	}
#footer
	{
		font-size: 8pt; 
		color: #C4C4C4;
		text-align:center;
		text-transform:uppercase;
		background-image:url(../images/logo.small.png);
		background-repeat:no-repeat;
		background-position:left center;
		width: 900px;
		height: 30px;
		padding-top: 10px;
	}
/* ERRORS */
#err_div, #err_div .error
	{
		display:inline;
		color:#FF1A1A;
		font-size: 9pt;
	}

/* PAGES CSS */
h1, h2, h3
	{
		text-transform:uppercase;	
		margin:0px; 
		padding: 0px; 
		line-height: 10px;
	}
h3 
	{
		font-size: 10pt;
		border-bottom: 1px solid #BBBBBB;
		padding-bottom: 4px;
	}
h2 	
	{
		font-size: 11pt;
		
	}	
.subtitle
	{
		color:#333333;
		font-size: 9.5pt;
		font-style:italic;
		border:none;
	}
.highlight
	{
		display:block;
		padding-top: 8px;
		padding-bottom: 8px;
		padding-left: 10px;
		margin-bottom: 20px;
		color:#FFFFFF;
		background-color:#454545;
	}
.highlight .subtitle, .highlight a
	{
		color:#D3D3D3;
	}
.page
	{
		width: 900px; 
		height: 400px; 
		overflow: auto;
		float:left;
		display:inline;
		background-image:url(../images/background.card.jpg);
		background-repeat:repeat-x;	
		position:relative;
		border-left: 1px solid #9F9F9F;
	}
.hide
	{
		display:none;	
	}
#about
	{
		text-align: center;
		padding-top: 320px;
		background-image:url(../images/logo.big.png); 
		background-repeat:no-repeat;
		background-position: center center;
	}
#about .img_padd
	{
		margin-bottom: 17px;
		margin-left: 60px;
	}
/* CONTACT PAGE */	
#contact
	{
		background-image:url(../images/background.guitar.jpg);
		background-repeat:no-repeat;
		background-position:top left;
		width: 900px; 
		height: 400px;
	}
#contact #form 
	{
		margin-left: 450px;	
		padding-top: 40px;
	}
#contact #form .form span
	{
		display:block;
		text-transform:uppercase;
		padding-top: 8px;
		font-size: 9pt; 
		font-weight:bold;
	}
#contact #form .form input, #contact #form .form textarea
	{
		width: 300px;	
	}
#contact #form .form textarea
	{
		height: 60px;	
	}

/* SERVICES / ABOUT PAGE */
#services #service_nav
	{
		float:left;	
		width: 300px;
	}
#services #service_content
	{
		float:left;	
		width: 600px;
		overflow:hidden;
		height: 400px;

	}	
#services #service_nav ul
	{
		list-style:none;
		margin-top: 60px;
	}
#services #service_nav ul li:first-child
	{
		border-top: none;	
	}
#services #service_nav ul li
	{
		text-align:right;
		margin-top: 5px;
		padding: 2px;
		padding-right: 5px;
		font-size: 9pt; 
		color:#333333;
		font-weight:bold;
		border-top: 1px solid #DFDFDF;
	}
#services #service_nav ul li a
	{
		font-size: 10pt;
		padding: 2px;
		padding-left: 60px;
		color:#000000;
		font-size: 11pt;
		text-transform:uppercase;
		font-weight:bold;

	}
#services #service_nav ul li.on a
	{
		background-color:#333333;
		color:#FFFFFF;
	}
#services #service_nav ul li.on a, #services #service_nav ul li.on:hover a, #services #service_nav ul.service li.on:hover a
	{
		background-image:none;	
	}
#services #service_nav ul.service li:hover a
	{
		background-image:url(../images/services.youarea.png);
		background-repeat:no-repeat;
		background-position:left top;
	}
/* SERVICE PARTS */
#services #service_content #studio
	{
		background-image:url(../images/services.studio.jpg);
		background-repeat:no-repeat;
		height: 400px;
		padding-top: 15px;
		padding-left: 3px;
	}
#services #service_content #studio h2
	{
		padding: 8px;
		background-color:#FFFFFF;
		display:inline;
	}
#services #service_content #about_me
	{
		padding: 10px;	
		background-image:url(../images/services.about.jpg);
		background-repeat:no-repeat;
		text-align:right;
		font-size:inherit;
	}
#services #service_content #business
	{
		padding: 10px;	
		background-image:url(../images/services.business.jpg);
		background-repeat:no-repeat;
		background-position: top right;
	}
#services #service_content #money
	{
		background-image:url(../images/about.cup.png);
		background-repeat:no-repeat;
		background-position: 330px 0px;
		padding: 10px;
		
	}	
#services #service_content #money a
	{
		color:#F00F00;
	}
#services #service_content div
	{
		height: 100%;	
	}
/* PROJECST */
#projects #projects_left
	{
		border-right: 2px solid black;
		margin: 3px;
		width: 160px;
		padding: 5px;
		padding-top: 35px;
		text-align:right;
		float:left;
		height: 349px;
	}
#projects #projects_right
	{
		float:left;
		width: 715px; 
		height: 390px;
		overflow:hidden;
		margin: 0px; 
		padding: 0px;
		position:relative;
	}

#projects #projects_right div.solid
	{
		width: 715px;
		height: 400px;
	}
#projects #projects_right div div
	{
		margin: 2px;
	}
#projects #projects_right #pr_top
	{
		height: 320px;
		padding: 12px;
	}
#projects #projects_right #pr_top #pr_images, #projects #projects_right #pr_top #pr_show
	{
		float:left;	
		width: 480px;
	}
#projects #projects_right #pr_top #pr_images
	{
		width: 170px;	
		margin-left: 10px;
	}
#projects #projects_right #pr_top #pr_images img
	{
		width: 160px; 
		height: 100px; 
		display:block;
		margin-top: 2px;
		border: 2px solid #333;
	}
#projects #projects_right #pr_top #pr_show
	{
		background-position:center center;
		background-repeat:no-repeat;
	}
#projects #projects_right #pr_top #pr_show img
	{
		width: 470px; 
		height: 315px; 
	}	
#projects #projects_right #pr_bottom 
	{
		clear:both;	
		color: #8d8d8d;
		text-transform: uppercase;
		margin-left: 25px;
	}

#projects #projects_right #pr_bottom span
	{
		font-size: 10pt;	
	
	}
#projects #project_nav
	{
		width: 155px;
		height: 335px;
		overflow:hidden;
	}
#projects #project_nav ul
	{	
		
		list-style:none;
		margin: 0px; 
		padding: 0px;
		text-align:right;
		
		
	}
#projects #project_nav ul li 
	{
		margin-top: 20px;	
		font-weight:bold;
		font-size: 13pt;
	}
#projects #project_nav ul li a, #projects #project_nav ul li span
	{
		padding: 4px;
		margin: 2px;
	}
#projects #project_nav ul li a
	{
		background-color:#000000;
		color: #FFFFFF;
	}
#projects #project_nav ul li span
	{
		background-color: #DDDDDD;
		color:#BBBBBB;
	}
	
#blog #blog_left
	{
		padding-top: 40px;	
		text-align:right;
		width: 165px;
		float:left;
	}
#blog #blog_left span
	{
		font-size: 20pt; 
		font-weight:bold; 
		
	}
#blog #blog_left span a
	{
		color:#000000;	
		padding-left: 5px; 
		padding-right: 5px;
	}
#blog #blog_left span a:hover
	{
		color:#F00F00;
	}
#blog #blog_left ul
	{
		list-style:none;
	}
#blog #blog_left ul li
	{
		text-transform:uppercase;
		margin-top: 6px;
		font-size: 10pt; 
		color:#CCCCCC;
	}
#blog #blog_left ul li a
	{
		color:#666666;	
		font-size: 10pt;
		padding: 2px; 
		padding-left: 5px; 
		padding-right: 5px;
	}
#blog #blog_right
	{
		float:left;
		width: 675px;
		height: 340px;
		padding: 30px;
		overflow:auto;
	}
#blog #blog_right .blog_post
	{
		margin-bottom: 30px;	
	}
#blog #blog_right .blog_post span span
	{
		padding: 5px; 
		background-color:#d80000;
		color: #FFFFFF;
		font-size: 20pt;
		font-weight:bold;
	}
#blog #blog_right .blog_post span h3
	{
		margin-left: 45px;
		margin-top: -15px;
		border-bottom: 2px solid #474747;
		font-size: 14pt;
		font-weight:bold;
	}
#blog #blog_right .blog_post div
	{
		padding: 10px;
		padding-top: 20px;
		margin-left: 0px;
		padding-bottom: 20px;
	}

#terms
	{
		background-image:url(../images/terms.mario.png);
		background-repeat:no-repeat;
		background-position: top right;
		width: 900px; 
		min-height: 400px;
	}
#terms #tc
	{
		background-image:url(../images/terms.title.png);
		background-repeat:no-repeat;
		background-position: 20px 40px;
		padding-top: 60px; 	
		padding-left:25px;
		font-size: 10pt;
	}
/* FONT STYLES */
.larger 
	{
		font-size: larger; 	
	}

.bold
	{
		font-weight: bold; 
	}
.bo
	{
		font-weight:bold;
		font-style:oblique; 
	}