@charset "UTF-8";
/* CSS Document - Index Page */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background-image: transparent;
}

:focus {
	outline: 0;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

img { -ms-interpolation-mode:bicubic; border:0; }

th { text-align: left; }

@font-face {
	font-family: 'TrajanProRegular';
	src: url('../font/trajanpro-regular-webfont.eot');
	src: local('☺'), url('../font/trajanpro-regular-webfont.woff') format('woff'), url('../font/trajanpro-regular-webfont.ttf') format('truetype'), url('../font/trajanpro-regular-webfont.svg#webfontKup9rDCA') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'TrajanProBold';
	src: url('../font/trajanpro-bold-webfont.eot');
	src: local('☺'), url('../font/trajanpro-bold-webfont.woff') format('woff'), url('../font/trajanpro-bold-webfont.ttf') format('truetype'), url('../font/trajanpro-bold-webfont.svg#webfontKup9rDCA') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
background-color: #f6efd5;
background-image:url(../images/layout/bg.gif);
background-repeat: repeat-x;
}

#container {
width: 900px;
position: relative;
margin: 0px auto;
padding: 0px;
z-index: 0;
}

#header {
position: relative;
top: 0;
left: 0;
width: 900px;
height: 116px;
z-index: 1;
}

#header h1 {
padding: 0;
margin: 0;
line-height: 0;
text-indent: -9999px;
display: none;
}

#header_bg {
position: absolute;
width: 900px;
height: 116px;
background-image:url(../images/layout/header_bg.png);
background-repeat: no-repeat;
z-index: 2;
}

* html #header_bg
{
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.yanagisawasaxophones.com/images/layout/header_bg.png", sizingMethod="crop");
}

#logo {
position: relative;
width: 281px;
height: 116px;
left: 20px;
background-image:url(../images/layout/logo.png);
background-repeat: no-repeat;
z-index: 3;	
}

* html #logo
{
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.yanagisawasaxophones.com/images/layout/logo.png", sizingMethod="crop");
}

#navigation {
position: absolute;
top: 100px;
width: 900px;
height: 32px;
background-image:url(../images/layout/nav.png);
background-repeat: no-repeat;
overflow: none;
z-index: 10;
}

* html #navigation
{
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.yanagisawasaxophones.com/images/layout/nav.png", sizingMethod="crop");
}

#navigation ul, li {
display: inline;	
}

#navigation li {
margin-left: 1.2em;
font-family: 'TrajanProBold', sans-serif;
letter-spacing: -1px;
text-transform: lowercase;
font-size: 14pt;
line-height: 30px;
}

#navigation a, a:visited, a:active {
color: #ffffcc; 
text-decoration: none;
}

#navigation a:hover {
color: #FFF; 
text-decoration: none;
}

#coda {
position: relative;
width: 900px;
height: 270px;
}

#footer {
position: relative;
height: 187px;
width: 900px;
}

#footer h2 {
font-family: 'TrajanProBold', sans-serif;
letter-spacing: -1px;
text-transform: lowercase;
font-weight: normal;
font-size: 14pt;
color: #FFC;
line-height: 14pt;
margin-bottom: 0.5em;
}

#footer p {
font-family: Arial, Helvetica, sans-serif;
font-size: 8.5pt;
line-height: 16px;
color: #999999;
margin-bottom: 0.5em;
}

#footer a, a:visited, a:active {
color: #F2E1A3;	
text-decoration: underline;
}

#footer a:hover {
color: #FFF;	
text-decoration: none;
}

#panel_1 {
position: relative;
width: 320px;
height: 187px;
float: left;
overflow: none;
}

#panel_1 img {
float: right; 
margin-left: 0.3em; 
margin-right: 0.5em;	
}

#panel_2 {
position relative;
width: 330px;
height: 187px;
float: left;
overflow: none;
}

#panel_2 img {
float: right; 
margin-left: 0.3em; 
margin-right: 0.5em; 
border: 1px solid #FFC;	
}

#panel_2 img.centerstage {
margin: 0;
border: 0;
float: none;
}

#panel_3 {
position: relative;
width: 250px;
height: 187px;
float: left;
overflow: none;
}

#copyright {
position: relative;
width: 900px;
height: 50px;	
}

#copyright_left {
float: left;
width: 450px;
text-align: left;
}

#copyright_right {
float: right;
width: 450px;
text-align: right;
}

#copyright p {
color: #999;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 9pt;
line-height: 50px;
}

#copyright a, a:visited, a:active {
color: #999;
text-decoration: none;
}

#copyright a:hover {
color: #FFF;
text-decoration: none;
}

.padding {
padding-top: 12px;
padding-left: 8px;
padding-right: 8px;
padding-bottom: 4px;
}

blockquote {
font-size: 12px;
color: #999999;
text-shadow: 0px 1px 0px #25261e;
line-height: 14px;
padding-left: 5px;
border-left: 3px solid #FFC;
}