/* 
    Document   : style
    Author     : Re-concept IT Solutions
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}

#header_bg {
    background-image: url(images/bg_guitar.gif);
	background-repeat: no-repeat;
}

#header {
    margin : 0px auto;
    padding-top:30px;
    width:750px;
}

#header .header_logo {
	padding-right:5px;
	float:right;
}

#header .header_title {
	padding-right:8px;
	padding-left:10px;
    font-family : Edwardian Script ITC;
    font-size:65px;
    color:#ed1b24;
	float:right;
}

#navigation {
	clear:right;
	margin-top:-15px;
	float:right;
	margin-right:-141px;
}

body {
    background-image: url(images/bg_guitar.jpg);
	background-repeat: no-repeat;
	background-color:#000000;
	text-align : center;
}

#content {
    margin : 0px auto;
    width:750px;
	display : block;
	clear : both;
    /*-moz-opacity:.80;
    filter:alpha(opacity=80);
    opacity:.80;*/
}

#content .body_nav {
    background-image: url(images/nav_bg.gif);
    background-repeat: no-repeat;
    width:750px;
    height:50px;
}

#content .title {
	margin-top:20px;
	margin-right:21px;
	padding-right:5px;
	font-family : Monotype Corsiva;
	font-size:25px;
	float:right;
}

#content .title a{
	color:black;
	text-decoration:none;
}

#content .title a:hover {
	color:red;
	text-decoration:underline;
}

#content .body_sub_nav{
	width:750px;
	background-color:white;
}

#content .body_content {
    background-color:white;
}

#content .content_wrapper {
    margin-left:25px;
    margin-right:25px;
	width:700px;
	background: #e8e8e8;
}

#content .content_wrapper a {
	text-decoration: none;
}

#content .introduction {
	padding-top:20px;
	padding-right:20px;
	padding-bottom:20px;
	font-size:15px;
	text-align:right;
	width:480px;
	float:right;
	height:320px;
	overflow: auto;
}

#content .content_title {
	font: bold 13px arial;
	text-align:left;
	color:#ed1b24;
}

#content .updates_wrapper {
	padding-left:250px;
	padding-bottom:20px;
	color:black;
}

#content .updates_wrapper a {
	color:#ed1b24;
}

#content .updates_wrapper a:hover {
	color:black;
}

#content .updates_title {
	width:150px;
	font-family : Monotype Corsiva;
	font-size:25px;
	float:right;
	margin-top:-250px;
	margin-right:145px;
}

#content .updates {
	background-color:white;
	width:430px;
	height:200px;
	overflow: auto;
	margin-top:-220px;
}

#content .content_cat_wrapper {
	margin-left:25px;
    margin-right:25px;
	width:700px;
	background: #e8e8e8;
}

#content .catelog_wrapper {
	padding-left:23px;
	padding-right:23px;
}

#content .catelog_title_wrapper {
	width:95px;
	padding-bottom:10px;
}

#content .catelog_title_wrapper a {
	text-decoration:none;
	font: bold 12px arial;
	color:blue;
}

#content .catelog_title_wrapper a:hover {	
	text-decoration:none;
	color:black;
}

#content .sub_nav {
	padding-top:20px;
	padding-bottom:40px;
	clear:both;
}

#content .clear {
	clear:both;
	float:left;
}

#content .frame {
	float:left;
	margin-left:30px;
}

#content .frame_image {
	margin-top:-10px;
	background-image: url(images/frame.jpg);
	width : 95px;
	height: 96px;
}

#content .frame_wrapper {
	padding-top:10px;
}

#content .item_photo {
	margin-left:-460px;
	padding-bottom:50px;
}

#content .item_photo_2 {
	margin-left:-340px;
	padding-top:10px;
	padding-bottom:50px;
}

#content .item_description_wrapper {
	
}

#content .item_description {
	text-align:left;
	float:right;
	margin-top:-410px;
	margin-right:20px;
	width:400px;
}

#content .item_description_2 {
	text-align:left;
	float:right;
	margin-top:-265px;
	margin-right:10px;
	width:330px;
}

#content .item_title {
	margin-top:-30px;
	padding-right:5px;
	font-family : Monotype Corsiva;
	font-size:35px;
}

#content .shop_photo_frame {
	margin-right:470px;
	background-image: url(images/frame_2.jpg);
	width:190px;
	height:144px;
	z-index:1;
}

#content .shop_photo_wrapper {
	padding-top:10px;
}

#content .shop_photo {
	width:171px;
	height:124px;
	z-index:2;
}

#content .aboutus_wrapper {
	padding-top:20px;
	padding-left:25px;
	padding-right:20px;
	padding-bottom:20px;
	height:305px;
	overflow:auto;
}

#content .aboutus {
	margin-right:-205px;
	margin-top:-345px;
	width:490px;
	text-align:left;
}

#content .location_map {
	text-align:left;
	padding : 20px 20px 20px 20px;
}

#content .location_address {
	text-align: left;
	margin-top:-212px;
	margin-left:350px;
	padding-right:20px;
	padding-bottom:20px;
	font-size:13px;
	font: Arial;
}

#content .body_nav_bottom {
    background-image: url(images/nav_bg2.gif);
    background-repeat: no-repeat;
    width:750px;
    height:50px;
}

#noitem{
	font: bold 11px arial;
	color:orange;
	font-size:15px;
}

#sddm {
	width:420px;
	margin:0 auto;
}

#sddm li {
    margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial;
}

#sddm li a {
    display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	background: black;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
}

#sddm li a:hover {
    background: #49A3FF
}

#sddm li span {
    display: block;
	margin: -18px 0 0 auto;
	float:left;
	color: #FFFFFF;
}

#sddm div {
    position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #5970B2
}

#sddm div a {
    position: relative;
	display: block;
	margin: 0;
	padding: 5px 10px;
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: #EAEBD8;
	color: #2875DE;
	font: 11px arial
}

#sddm div a:hover {
    background: #49A3FF;
    color: #FFF
}