﻿/* -------- GENERAL --------- */
body 
{
	background-color: #A38E75;
	text-align: left;
	color: White;
	min-width:800px;
	min-height:600px;

	margin-top:10px;
	margin-left: 10px;

	
	font-family: Helvetica,Arial,Sans Serif;
	font-size:10pt;
	
}


A:link, A:hover, A:active, A:visited { color:White; }
A.homeButton:Link,A.homeButton:Hover,A.homeButton:Active,A.homeButton:Visited { text-decoration:none;font-weight:bold;}
A.instrumentsButton:Link,A.instrumentsButton:Hover,A.instrumentsButton:Active,A.instrumentsButton:Visited { text-decoration:none;font-weight:bold;}
A.studentLutesButton:Link,A.studentLutesButton:Hover,A.studentLutesButton:Active,A.studentLutesButton:Visited { text-decoration:none;font-weight:bold;}
A.stockButton:Link,A.stockButton:Hover,A.stockButton:Active,A.stockButton:Visited { text-decoration:none;font-weight:bold;}
A.orderButton:Link,A.orderButton:Hover,A.orderButton:Active,A.orderButton:Visited { text-decoration:none;font-weight:bold;}
A.linksButton:Link,A.linksButton:Hover,A.linksButton:Active,A.linksButton:Visited { text-decoration:none;font-weight:bold;}
A.aboutButton:Link,A.aboutButton:Hover,A.aboutButton:Active,A.aboutButton:Visited { text-decoration:none;font-weight:bold;}

A.leftMenuItem:Link,A.leftMenuItem:Hover,A.leftMenuItem:Active,A.leftMenuItem:Visited { text-decoration:none;color:black;font-weight:bold; }
/* ----------- IDS --------- */
#clear { clear: both; }

#header
{
	width:800px;
	height:147px;
	text-align: left;
	
}

#contactUs
{
	background: url(../images/contactUs_bg.gif) #A38E75 no-repeat;
	width:170px;
	height:147px;
	float: left;
	text-align: center;
	margin:0;
	padding:0;
}

#mainMenu
{
	background: url(../images/mainMenu_bg.gif) #A38E75 no-repeat;
	width:630px;
	height:147px;
	float:right;
	margin:0;
	padding:0;
	
}

#content
{
	width:800px;
	background: #A38E75;
	/*text-align: left;*/
	font-size:100%;
	margin:0;

	
}

#content #home
{
	
	background: url(../images/home_background.jpg) no-repeat #A38E75;
	min-height: 447px;
	padding: 10px 10px;
	
}

#content #order
{
	
	background: url(../images/shadow_bg_strip.gif) repeat #A38E75;
	min-height: 447px;
	padding: 10px 10px;
	color: Black;
	
}

#content #studentLutes
{
	
	background: url(../images/shadow_bg_strip.gif) repeat #A38E75;
	min-height: 447px;
	padding: 10px 10px;
	color: Black;
	
}

#content #links
{
	
	background: url(../images/links_background.jpg) repeat #A38E75;
	min-height: 447px;
	padding: 10px 10px;
	color: Black;
	
}

#content #about
{
	
	background: url(../images/about_background.jpg) repeat #A38E75;
	min-height: 447px;
	padding: 10px 10px;
	color: Black;
	
}

#content #instrumentsMenuContainer 
{
	
	float:left;
	width:160px;
	height:250px;
	margin:0;
	padding:5px; 
	background: url(../images/shadow_bg.gif) no-repeat #A38E75; 
	
	
}

#instrumentsMenuContainer a:link a:hover a:active a:visited { color:Black;font-weight:bold; }

#content #instrumentTemplatesSelection
{	
	padding-left:28px;
	float:right;
	width:600px;
	margin:0;
	padding:0;
	vertical-align: top;
	
	
}

#content #instrumentTemplateDetails
{	
	float:right;
	width:628px;
	margin:0;
	padding:0;
	vertical-align: top;
	
	
}

#content #home #text { float:left;width: 580px; }
#content #home #images {float:right;width:100px;padding-right:50px;padding-left:50px;}
.homeImg1 { position:absolute;top:250px;}
.homeImg2 { position:absolute;top:450px;}
.homeImg3 { position:absolute;top:650px;}
.homeImg4 { position:absolute;top:850px;}


#mainMenu LI { display: block; }

#availableVideosTitle { font-weight: bold; font-size: 120%; }

#loginAdmin { margin: 5% auto; }

/* ------- CLASSES --------- */
.menu
{
	list-style: none;
	margin:0;
	padding:0;
	display:block;
	position:absolute;
}

.logo
{
	margin: 5px 2px;
}



/*-- mainMenu */
.home { position:absolute;left:20px;}
.homeStick { position: absolute;top:90px;}
.homeButton {position: absolute;top:110px;left:32px;}

.instruments { position: absolute;left:50px;}
.instrumentsStick {position: absolute;top:20px;left:85px;}
.instrumentsButton {position:absolute;top:42px;}

.studentLutes { position:absolute;left:200px;width:120px;}
.studentLutesStick {position: absolute;top:20px;left:100px;}
.studentLutesButton {position: absolute;top:42px;}

.stock{ position:absolute;left:355px;}
.stockStick {position: absolute;top:20px;left:50px;}
.stockButton {position: absolute;top:42px;}

.order {position:absolute;left:440px;}
.orderStick {position: absolute;top:20px;left:46px;}
.orderButton {position: absolute;top:42px;}

.links { position:absolute;left:505px }
.linksStick {position: absolute;top:20px;left:44px;}
.linksButton {position: absolute;top:42px;}

.about { position:absolute;left:570px; }
.aboutStick {position: absolute;top:20px;left:28px;}
.aboutButton {position: absolute;top:42px;}

.instrument_title
{
	font-size: 14pt;
	font-weight: bold;
}

.instrument_price
{
	font-size: 14pt;
	font-weight: bold;
}

.field_caption
{
	width:20%;
	font-weight:bold;
	vertical-align: top;
}

.field_details
{
	vertical-align: top;
}

.courseOptions
{
	font-size: 10pt;
	font-weight: bold;
	vertical-align: top;

}

.selectedVideoTitle
{
	font: Verdana, Arial, Sans Serif;
	font-weight: bold;
	font-size: 110%;
	color: Black;
}

.mainTitle { font-size: 130%; font-weight: bold; color: white; padding:5%;}

/*-- admin menu */
A.adminReports { text-decoration:none;font-size:120%;color:Black;font-weight:bold;position:absolute;left:20px;}
A.adminContent { text-decoration:none;font-size:120%;color:Black;font-weight:bold;position:absolute;left:20px;}
A.adminInstruments { text-decoration:none;font-size:120%;color:Black;font-weight:bold;position:absolute;left:20px;}