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

/* ------- CSS RESET -------- */
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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, 
, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; font-size: 11px; }
hr { background-color: #BBB; border: none; height: 1px; line-height: 0.5; margin: 0 auto 1px; }
/* --------------------------- */

.clear { clear: both }
.right { float: right }
.left { float: left }
.center { margin: 0px auto; }
.top { position: absolute; top: 0; }
.opacity50 { /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 5-7 */
  filter: alpha(opacity=50); /* Netscape */
  -moz-opacity: 0.5; /* Safari 1.x */
  -khtml-opacity: 0.5; /* Good browsers */
  opacity: 0.5; }
.opacity70 { /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE 5-7 */
  filter: alpha(opacity=70); /* Netscape */
  -moz-opacity: 0.7; /* Safari 1.x */
  -khtml-opacity: 0.7; /* Good browsers */
  opacity: 0.7; }
.button { background-color: #222;  *zoom: 1; padding: 10px; margin: 20px auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; line-height: 1.8em; text-decoration: none;}

.righttext { width: 470px; padding: 0 0 0 30px;}
  
body { background-color: #000; font-size: 16px; font-weight: 300; font-family: 'Ubuntu', sans-serif; }
/*body text */
#bodycontainer { width: 960px; margin: 0 auto; }
h1 { font-size: 40px; font-family:'Yanone Kaffeesatz', sans-serif; color:#F60; padding: 18px 0px 0 20px; /*text-shadow: 0px 1px 1px rgba(255,255,255,.5);*/ } /* same padding as bodytext on the left */
h1 a { color: #f60; text-decoration: none; }
h1 a:hover { text-decoration: underline; }
h2 { font-size: 35px; font-family:'Yanone Kaffeesatz', sans-serif; color:#F60; padding: 18px 0px 0 20px; }
h3 { font-size: 18px; font-family: 'Ubuntu','Yanone Kaffeesatz', Tahoma, sans-serif; margin: 12px 0 1em 0; font-weight: 300; color: #86c6d7 }
h4 { color: #fff }
#bodytext { border-top: solid 1px #666; border-bottom: solid 1px #666; font-size: 15px; font-family: 'Ubuntu','Trebuchet', 'Arial', sans-serif; font-weight: 300; color:#aaa; padding: 30px 12px; background-color:#000; }
#bodytext p { line-height: 1.5em; padding: 0 0px 1.5em 0em; }
#bodytext ul li { list-style:disc; line-height: 2em }
#bodytext ul { padding: 0px 0px 0px 25px }
#bodytext a { color: #86c6d7; text-decoration: none; }
#bodytext a:hover {text-decoration: underline;}
/*#bodytext img { margin: 0 0 0 0px }*/

dl {
    margin-bottom:50px;
}
 
dl dt {
    
    color:#86c6d7;
    float:left; 
    margin-right:10px; 
    padding:5px;  
    width:200px; 
}
 
dl dd {
    margin:2px 0; 
    padding:5px 0;
}

ol li {
	padding: 5px 0;
	margin-top: 10px;
	line-height: 1.4em;
	margin-left: -10px;
}

/* Main top menu */
#main-nav-container { width:960px; margin: 0 auto; text-align: center;}
#main-nav {display: inline-block; height: 30px; position: relative; list-style: none; padding: 0; font-family: 'Yanone Kaffeesatz', sans-serif; margin: 0 auto; text-align: left;}
#main-nav .main-nav-item { display: inline; }
#main-nav .main-nav-tab { float: left; height: 30px; padding: 15px; line-height: 30px; text-align: center; color: #FFF; text-decoration: none; font-size: 18px; margin: auto 0px; text-transform: uppercase; }
#main-nav .main-nav-item-active .main-nav-tab { background-color: #111; color: #f60; }
#main-nav .main-nav-dd { position: absolute; top: 40px; left: 0; margin: 0; padding: 0; background-color: #222; border-bottom: 2px solid #f60; display: none; }
#main-nav .main-nav-item-active .main-nav-dd { display: block; z-index: 1000; }
#main-nav .main-nav-dd-column { width: 170px; padding: 5px 15px 8px; display: table-cell; border-left: 1px solid #ddd; *float: left;
 *border-left: 0;
}
#main-nav .main-nav-dd-column:first-child { border-left: 0; }
#main-nav .main-nav-dd h3 { font-size: 16px; color: #86c6d7; }
#main-nav .main-nav-dd a { color: #999; text-decoration: none; font-size: 17px; }
/* the playlist is slightly different */
#main-nav .main-nav-dd a.jp-playlist-item { color: #F60; text-decoration:none; padding: 0 0 0 8px; font-size: 14px; }
#main-nav .main-nav-dd a.jp-playlist-item:hover { text-decoration: underline; }
#main-nav .main-nav-dd a.jp-playlist-current { color: #86c6d7; display: block; }
#main-nav .main-nav-dd a:hover { color: #86c6d7; text-decoration: underline; }
#main-nav .main-nav-dd ul { list-style: none; padding: 0; }
#main-nav .main-nav-dd ul li { padding: 3px 0; color:#FFF !important; }
#main-nav .main-nav-dd hr { border: 1px dotted #ddd; }
.submenu { margin-left: 20px; }
/*jplayer in top menu */
#main-nav .main-nav-music { float: left; width: 110px; height: 30px; padding:5px; line-height: 30px; text-align: left; color: #FFF; text-decoration: none; font-size: 18px; }
/* music - home page jplayer */
#jp_container { padding: 0 0 0 6px; }
#playbutton { background-image:url(../images/musicplay.png); width: 16px; height: 30px; display: inline; float: left; background-repeat: no-repeat; padding: 0 8px; background-position: center; }
#playbutton:hover { cursor: hand; background-color: #222 }
#stopbutton { background-image:url(../images/musicpause.png); width: 16px; height: 30px; display: inline; float: left; background-repeat: no-repeat; padding: 0 8px; background-position: center; }
#stopbutton:hover { cursor: hand; background-color: #222 }
#musicon { float:left; padding: 5px 3px 0 18px; }
#musicoff { float: left; padding: 5px 3px 0 18px; }
marquee { font-size: 12px; padding: 0 3px; width: 127px; height: 20px; }
div.youtube-playlist {
	width:100%;
	background-color:#222;
	border-top:1px solid #f60;
}

div.youtube-playlist li {
	padding:5px 0 4px 20px;
	border-bottom:1px solid #aaa;
	background-image:url(../images/video.png); background-position: left; background-repeat: no-repeat;
}

div.youtube-playlist ul {
	padding: 0px;
    font-size: 0.72em;
    list-style-type: none;
	margin: 0px;
}

div.youtube-playlist a {
	color: #86C6D7;
    text-decoration: none;
}

#closebutton { float: right; font-size: 0.72em; color:#86C6D7;}

/* logo on right */
#smalllogo { padding: 5px 0; width: 384px; }
/* home page logo */
#logo { width: 798px; margin: 20px auto 0 auto; text-align:center; }
#logo img { width: 719px; margin: 0 auto; }
/* home page banners */
#banners { width: 1000px; margin: 0px auto; }
.slideshow { width:1000px; list-style: none; position:relative; }
ul.slideshow li { position:absolute; top: 0; display: inline; }
ul.slideshow li.show { z-index:500; }
/* footer */
#footer { color: #777; font-size: 12px; text-align: center; margin: 10px auto; font-stretch:expanded; word-spacing: 7px; font-family: "Open Sans", sans-serif; font-weight: 400; }
#footer a { color: #777; }
/* normal pages */
div.left img { width: 386px }
/*home page */
#banners p { font-family: 'Satisfy', cursive; font-size: 22px; color: #fff; line-height: 1.2em; font-weight: 300; }
#banners em { color: #f60; font-style: normal; }
#banner1 { position: absolute; top: 100px; left: 480px; text-align: right; width: 370px; }
#banner2 { position: absolute; top: 300px; left: 480px; text-align: left; width: 370px; }
#banner3 { position: absolute; top: 100px; left: 500px; text-align: right; width: 340px; }
#banner4 { position: absolute; top: 370px; left: 76px; text-align: center; width: 800px; }
#banner5 { position: absolute; top: 380px; left: 71px; text-align: center; width: 810px; }

/* luthier */
.lefttext { width: 510px; }
.lefttext b { font-weight: 500; color: #86c6d7; padding-right: 10px; }

.rightphotos { width: 410px; float: right; }
.rightphotos img { margin: 0 0 7px 40px; width: 350px;}
.rightphotos a { margin: 0 0 7px 40px !important;}
.rightphotos iframe { margin: 0 0 7px 40px !important;}


#lefttext { width: 510px; }
#lefttext b { font-weight: 500; color: #86c6d7; padding-right: 10px; }

/* legacy shouldn't be used anymore */
#rightphotos { width: 410px; float: right;}
#rightphotos img { margin: 0 0 7px 40px !important; width: 350px;}



#chrisquote { background-image:url(../images/custom3.jpg); background-position: bottom; padding: 350px 0px 20px 460px; height: 210px; }
/* today.html */
.box { border: 3px solid #FFF; line-height: 1.5em; padding: 20px 48px; margin: 40px 0; background-color: #2E454C; }
.blackbox { border: 0px solid #FFF; font-weight: 500; background-color: rgba(0, 0, 0, 0.5); }
.greenbox { border: 0px solid #FFF; line-height: 1.5em; padding: 20px 48px; margin: 40px 0; background-color:#2E454C; color:#000; font-weight: 500; text-shadow: 0px 1px 1px rgba(160, 160, 160, .5); font-size: 16px; }
.highlight { line-height: 1.5em; padding: 20px 48px; margin: 40px 0; color: #86c6d7; font-size: 17px; }
/* gallery.html */
/*#thumbnails { text-align:center; margin: 0 auto;}
*/
.thumbnails > div > div { border: 1px solid #222; position: relative; padding: 2px; }
.thumbnails img { background-color: #000; cursor: hand; margin: auto; }
.thumbnails > div > a > img { margin: auto; }
#largeviewer { text-align:center; position: relative; margin: 0 auto; max-width: 1000px; }
#largeviewer p { padding: 0 100px; text-align:left; color: #fff; font-size: 12px; }
.gallerytitle { color: #f60; font-size: 14px; text-align: left; margin: 0 0 30px 0px }
.gallerytitle a { color: #999; width: 800px; }
/* 000gallery.html */
#thumbs { width: 410px; }
.modelthumbnails img { background-color: #000; cursor: hand; position: relative; width: auto; margin: 0 }

#models ul li { list-style: none; background-color: #222;  *zoom: 1;
padding: 0 0 0 10px; margin: 40px auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; width: 410px; }
#models ul li:hover { background-color:#181818;}
#models .album > div { background-color: #000; }
#models img { margin: 0;}
#modelinfo img { margin: auto; }
#imagediv { width:400px; display: inline; padding: 0 15px; }
#imagediv img.magnify { width: 16px; margin: 0px }
#infodiv { width: 410px; float: right; margin-left: 40px; }
#zoomImg { width: 400px; }
/* testimonial.html */
.testimonial { background-image:url(../images/quote.png); background-position: top left; background-repeat: no-repeat; line-height: 1.5em; padding: 20px 48px; margin: 40px 0; }
.testimonial hr { margin: 15px 10px; color:#333; background-color: #666 }
.testimonial h5 { font-size: 13px; color: #86c6d7; text-align: right; font-weight: 300; }
.testimonial h5 a { color:  #86c6d7; font-weight: 300; }
.testimonial img { border: solid 3px white; width: 80px; float: left; margin: 0px 20px 15px 20px; }
#bodytext div.testimonial img { margin: 0px 20px 15px 20px }
.testifyer { font-size: 20px; color: #F60; text-align: right; font-weight: 300; margin: 8px 0 0 0; }
/* custom.html */

/* media.html*/
#GMFImages img{
height: 203px;
margin-right: 5px;
float: left;
}

/* features */
#linktofeaturesgallery { width: 100px; text-align: right; line-height: 1.5em; }
/* links - players */
#linklist {  float: left; }
/* Players gallery */
#container {
    width: 960px;
    margin: 0 auto;
}
.masonryImage {
width: 232px;
}

.masonryImage img {
width: 232px;
}

/*Media Queries*/
@media only screen and (max-width : 1199px),
only screen and (max-device-width : 1199px){
    #container {
        width: 960px;
    }
}
 
 
@media only screen and (max-width : 999px),
only screen and (max-device-width : 999px){
    #container {
        width: 800px;
    }
}
 
@media only screen and (max-width : 799px),
only screen and (max-device-width : 799px){
    #container {
        width: 600px;
    }
}
 
@media only screen and (max-width : 599px),
only screen and (max-device-width : 599px){
    #container {
        width: 400px;
    }
}
 
@media only screen and (max-width : 399px),
only screen and (max-device-width : 399px){
    #container {
        width: 200px;
    }
}