body {margin:0;padding:0;font-family: 'Droid Sans', sans-serif;font-size:14px;color:#CCCCCC;background:url(/images/bg.jpg) repeat-x center top #000000;}
a:link, a:visited {color:#777777;text-decoration:none;}
a:hover, a:active {color:#CCCCCC;text-decoration:none;}
* {margin:0; padding:0;}
.clearer{clear:both;}
img {border:none;}
img.right {float: right;margin: 0 0 15px 15px;}
.hidden {display:none;}
h1 {}
h2 {font-size:20px;font-weight:normal;margin:0 0 15px;}
h3.quote {font-family:'Italianno', cursive;color: #726045;font-weight: normal;font-size: 350%;}
h3.quote span {display: block;font-family: 'Droid Sans',sans-serif;font-size: 13px;text-align: right;}
p {line-height: 21px;margin: 0 0 20px;}

#liquid {position: relative;width:100%;}
#header {height: 178px;}
#logo {left: 117px;position: absolute;top: -10px;}
#menu {position: absolute;right: 3%;top: 76px;}

#menu ul {float: left;list-style-type: none;width: 100%;}
#menu ul li {float: left;}
#menu ul li a {font-size: 16px;margin: 0 0 0 28px;padding: 0 0 2px;text-transform: uppercase;}
#menu ul li a:hover {border-bottom:2px solid #726143;color:#CCCCCC;}

#content {position: relative;}
#content #copy {
	width:460px;
	height:420px;
	left:40px;
	top:40px;
	padding-right:12px;
	position:absolute;
	overflow-y:hidden;
}

div#copy h2 {margin-bottom:40px;}

#content h3.quote {bottom: 10%;position: absolute;right: 2%;z-index: 2;}


h3.quote1 {font-family:'Italianno', cursive;color: #726045;font-weight: normal;font-size: 350%;}
h3.quote1 span {display: block;font-family: 'Droid Sans',sans-serif;font-size: 13px;text-align: right;}
#content h3.quote1 {
	right:2%;
	position:absolute;
	z-index: 2;
	height:100%;
	background:#ff0000;
	width:100%;
}
#content_bg {z-index:0;}
#footer {font-size: 12px;margin: 0 0 0 15px;padding: 10px 0 10px;text-transform: uppercase;}
#footer a {}
#footer a:hover {}

#content.guitars {margin:0;}
#content.guitars .guitar {float: left;text-align: center;width:20%;}
#content.guitars .guitar img {width: 100%;}
#content.guitars .guitar span.guitar_name {display: block;margin:5px;}
#content.guitars h3.quote {position:relative;text-align:right;margin:0;padding:0;}

form#contact {}
form#contact input[type="text"], form#contact textarea {
	border:medium none;
	color:#CCCCCC;
	display:block;
	font-size:13px;
	margin:0 0 5px 0;
	padding:5px 0px 5px 0px;
	text-indent:5px;
}
form#contact input.short {background:url(../images/short-field.png) no-repeat center top;width: 201px;}
form#contact input.long {background:url(../images/long-field.png) no-repeat center top;width: 463px;}
form#contact textarea {background:url(../images/text-area.png) no-repeat center top #3D3D3D;font-family: 'Droid Sans',sans-serif;font-size: 13px;height: 131px;padding: 6px 5px;text-indent: 0;width: 453px;}
form#contact input[type="submit"] {background:url(../images/send.png) no-repeat center top;width:103px;height:37px;border:none;text-indent:-9999px;cursor:pointer;}

#content.news #copy {height: 435px;overflow: auto;}
.news_item h4 {color: #C4A868;font-size: 14px;margin: 5px 0;}
.news_item a {color: #C4A868;}
.news_item a:hover {color: #ffffff;}
.news_item p {}
.news_item p.date {color: #777777;font-size: 12px;margin: 0;}

#news_detail_container {
	font-family: 'Droid Sans', sans-serif;
	font-size:14px;
	color:#CCCCCCC;
	width:590px;
	margin:0px 10px 0px 10px;
}
.news_detail_title {
	font-family: 'Droid Sans', sans-serif;
	font-size:20px;
	color:#C4A868;
	margin:10px 0 10px 0;
}


#content.guitar_detail #copy {
	width:36%;
	height:420px;
	left:0;
	top:0;
	margin:40px 0px 0px 40px;
	padding-right:12px;
	position:relative;
	float:left;
}
#content.guitar_detail #guitar_detail {
	float:right;
}
#guitar_detail {
	width:58%;
	left:0px;
	right:0px;
	top:0px;
	position:relative;
	white-space:nowrap;
	overflow-y:hidden;
	overflow-x:auto;
	outline:none;
}
#guitar_detail #guitar_photo {
	float:left;
	width:33%;
}
#guitar_detail img {
}

#content.gallery h2 {margin: 40px 0 15px 40px;position: absolute;}
#gallery {
	left:55px;
	position:absolute;
	top:90px;
	width:/*2500px*/93%;
	height:58%;
	overflow:auto;
}
#gallery a {display: block;float: left;margin: 0 9px 10px 0;width:9%;}
#gallery a img {border: 1px solid #777777;width:100%;}

#gallery_fade {background:url(../images/gallery-fade.png) no-repeat 0 0;height: 49%;position: absolute;right: 0;width: 200px;z-index: 2;top: 286px;}

#content.contact #copy {width:483px;}

#ascrail2001-hr div, #ascrail2000 div {opacity:0.7;}
#ascrail2001-hr div:hover, #ascrail2000 div:hover {opacity:1.0;}
div.gallery#content h3.quote {font-size:2.6em; width:87%; left:4%; bottom:22%;}

/* Media Queries */
@media only screen and (max-width: 1700px) {
div.gallery#content h3.quote {bottom:20%;}
}
@media only screen and (max-width: 1600px) {
div.gallery#content h3.quote {bottom:18%; left:5%;}
}
@media only screen and (max-width: 1500px) {
div.gallery#content h3.quote {bottom:16%;}
}
@media only screen and (max-width: 1400px)
{#content h3.quote {bottom:8%;}
div.gallery#content h3.quote{bottom:14%;}
}
@media only screen and (max-width: 1300px) {
div.gallery#content h3.quote{bottom:11%; left:6%}
}

@media only screen and (max-width: 1160px) {
	#content h3.quote {font-size:300%;}
	div.gallery#content h3.quote{bottom:8%;}
	#content #copy {height: 63%;overflow: auto;}
	#logo {left: 44px;top: 15px;}
	#logo img {width: 254px;}
}
@media only screen and (max-width: 1050px) {
	#content h3.quote {font-size:250%;}
	div.gallery#content h3.quote{bottom:5%;}
}