@import url(normalise.css);
@import url(color.css);
@import url(typography.css);

body {
position: relative;
width: 770px;
margin: 0 auto;
text-align: left;
padding-top: 50px;
}

div#content {
position: relative;
width: 100%;}

div#content_main {
left:0;
width:60%;
padding: 1em 0; }

div#content_sub {

left:60%;
width:40%;
padding: 1em 0; }

div#branding, div#nav_main, div#site_info {
width: 100%;}

div#branding {
background: #88a308 url("guitar.jpg") no-repeat top right;	
height:110px;
z-index:10;}

div#nav_main h2 {
position:absolute;
top: -9999px;}

ul#nav_tools {
padding-top: 3px;}

ul#nav_tools li{
display:inline;
margin-right: 10px;
padding-right: 10px;}

div#site_info ul li {
display:inline;
margin-right: 6px;
padding-right: 6px;}

div#site_info ul {
text-align:center;}

div#site_info p {
text-align: right;}

ul#nav_features {
position:absolute;
top:140px;
left:57%;}

ul#nav_features li {
display: inline;
margin-left: 3px;text-align: center;} 


/* calendar */

#calendar {
	width: 156px;
	padding: 0;
	margin: 0;
	/*border-left: 1px solid #A2ADBC; */
	font: normal 12px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #616B76;
	text-align: center;
	background-color: #fff;
}

#calendar.nav, .nav a {
	font: bold 18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #fff;	
	text-align: center;
	text-decoration: none;
}	


#calendar caption {
	margin: 0;
	padding: 0;
	width: 156px;
	background: #A2ADBC;
	color: #fff;	 
	font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

#calendar th {
	font: bold 11px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #616B76;
	background: #D9E2E1;
	/*border-right: 1px solid #A2ADBC; 
	border-bottom: 1px solid #A2ADBC; */
	border-top: 1px solid #A2ADBC;
}

#calendar.today, td.today, td.today a, td.today a:link, td.today a:visited {
	color: #F6F4DA;
	font-weight: bold;
	background: #DF9496;
}

#calendar td {
	/*border-right: 1px solid #A2ADBC; 
	border-bottom: 1px solid #A2ADBC; */
	width: 20px;
	height: 20px;
	text-align: center;	
}

#calendar td a {
	text-decoration: none;
	font-weight: bold;
	display: block;
}

#calendar td a:link, td a:visited {	
	color: #608194;	
}

#calendar td a:hover, td a:active {
	color: #6aa3ae;	
}

/*cart*/

#cart {
	background-color:#FFFF66;
	border:dashed gray 1px;	
	padding:5px;
	margin-top:10px;	
	overflow: auto;
}

.box {
	cursor:pointer;
}

#clearCart {
	color:blue; 
	text-decoration:underline; 
	cursor:pointer; 
	float:right
}
#clearCart:hover {
	background-color:#CCFFCC;
	color:#000099;
}