/* ############# CSS for GLOBAL DESIGN BEGIN #################### */
body {
	font-family: Trebuchet MS;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	color : #000;
	background: #411;
	background:url(/i/system/bg_001.jpg) no-repeat fixed;
	background-size:100% auto;
	background-position: 50% 0px;
}
	
.splash{

}

.splash_image{
	-webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	box-shadow:0px 0px 2px 2px #777; 
}

.contact_text{
	text-shadow: 1px 1px 2px #fff; 
	font-family: Trebuchet MS;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	padding: 5px;
	vertical-align: top;
	text-align:center;
	margin-top:40px;
}
	
/* ############# CSS for GLOBAL DESIGN END #################### */
	
/* ############# CSS for Menu Bar BEGIN #################### */
.topmenu  {
	background-image: url(../i/system/bg_menu.png);
	background-size: 100% 90px; 
	background-repeat: repeat-x;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	width: 100%;
	text-align: center;
	vertical-align: top;
	position: fixed;
}

.menuitems{
	margin-top: 30px;
	text-align: center;
}

.mainmenulogo{
	margin-top: 8px;
	margin-left: 25px;
}

a.mainmenulink:visited,a.mainmenulink:link {
	text-shadow: 1px 1px 1px #fff; 
	color: #302612;
	font-family: Trebuchet MS;
	font-size: 20;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	margin-left: 20px;
	margin-right: 20px;
}
a.mainmenulink:hover,a.mainmenulink:active {
	text-shadow: 1px 1px 1px #fff;
	color: #b00;
	font-family: Trebuchet MS;
	font-size: 20;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	top: 20px;
}
/* ############# CSS for Menu Bar END #################### */

/* ############# CSS for VIEWPORT BEGIN #################### */
.viewport-shape{
	font-family: Trebuchet MS;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	background-color: rgba(200, 200, 200, 0.95);
	height: 500px;
	text-align: left;
	vertical-align: top;
	padding: 40px;
	
	-webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;

}

.pagetitle{
	width: 1000px;

	text-shadow:  2px  2px 2px #000,
                  2px -2px 2px #000,
                 -2px  2px 2px #000,
                 -2px -2px 2px #000;
	color: #EEE;
	font-family: Trebuchet MS;
	font-size: 20px;
	font-weight: normal;
	text-decoration: none;
	margin-left: 10px;
	text-align: left;
	padding: 25px;
	margin-top: 0px;
}

.maintable{
	width: 1000px;
	text-align: center;
	vertical-align: top;
}
/* ############# CSS for VIEWPORT END #################### */


/* ############# CSS for Buttons and Textfields BEGIN #################### */
.txtinputdesign {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;

	border: #333366;
	background: #EEEEFF;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;

}

.btninputdesign {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;

	border: #55270e;
	background: #a9f9cd;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
}
/* ############# CSS for Buttons and Textfields END #################### */

/* ############# CSS for Footer-Bar BEGIN #################### */
.footer {
	background-image: url(../i/system/bg_footer.png);
	background-repeat: repeat-x;
	width: 100%;
	height: 50px;
	text-align: center;
	vertical-align: top;
	position: fixed;
	bottom: 0;
}

.footeritems{
//	text-shadow: 0px 0px 2px #777; 
	color: #999;
	font-family: Trebuchet MS;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	
	margin-top: 15px;
	text-align: center;
}

a.footermenulink:visited,a.footermenulink:link {
	text-shadow: 0px 0px 2px #777; 
	color: #AAA;
	font-family: Trebuchet MS;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	margin-left: 20px;
}

a.footermenulink:hover,a.footermenulink:active {
	text-shadow: 0px 0px 2px #700;
	color: #faa;
	font-family: Trebuchet MS;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	top: 20px;
}
/* ############# CSS for Footer Bar END #################### */


/* ############# CSS for Product Presentations BEGIN #################### */
.product_view{
	width:870px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	margin-bottom: 30px;
}

.product_title {
	text-shadow: 1px 1px 2px #fff; 
	font-family: Trebuchet MS;
	font-size: 22px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	color: #000;
	text-align: left;
	padding: 5px;
}

.product_mainimage {
	width: 210px;
	padding: 5px;
	text-align: center;
	vertical-align:top;
}

.product_text{
	text-shadow: 1px 1px 2px #fff; 
	font-family: Trebuchet MS;
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	padding: 5px;
	vertical-align: top;
	text-align:justify;
}

a.product_textlink:visited,a.product_textlink:link{
	font-size: 15px;
}
a.product_textlink:hover,a.product_textlink:active{
	font-size: 15px;
}

.mainimage{
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	vertical-align: top;
}


.product_thumb{
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	text-align: center;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 10px;
}

.product_footer{
	text-shadow: 1px 1px 2px #fff; 
	color: #000;
	font-family: Trebuchet MS;
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	padding: 5px;
	vertical-align: top;
	text-align: right;
}

.product_taxnote{
	text-shadow: 1px 1px 2px #fff; 
	color: #555;
	font-family: Trebuchet MS;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}

/* ############# CSS for Product Presentations END #################### */

/* ############# CSS for project Presentations BEGIN #################### */
.project_view{
	background-color: rgba(200, 200, 210, 0.95);
	width:870px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	margin-bottom: 30px;
}

.project_title {
	text-shadow: 1px 1px 2px #fff; 
	font-family: Trebuchet MS;
	font-size: 22px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	color: #000;
	text-align: left;
	padding: 5px;
}

.project_mainimage {
	width: 210px;
	padding: 5px;
	text-align: center;
	vertical-align:top;
}

.project_text{
	text-shadow: 1px 1px 2px #fff; 
	font-family: Trebuchet MS;
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	padding: 5px;
	vertical-align: top;
	text-align:justify;
}

a.project_textlink:visited,a.project_textlink:link{
	text-shadow: 1px 1px 1px #fff; 
	color: #302612;
	font-family: Trebuchet MS;
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	margin-left: 20px;
	margin-right: 20px;
}
a.project_textlink:hover,a.project_textlink:active{
	text-shadow: 1px 1px 1px #fff; 
	color: #b00;
	font-family: Trebuchet MS;
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	margin-left: 20px;
	margin-right: 20px;
}

.mainimage{
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	vertical-align: top;
}


.project_thumb{
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	text-align: center;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 10px;
}

.project_footer{
	text-shadow: 1px 1px 2px #fff; 
	color: #000;
	font-family: Trebuchet MS;
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	padding: 5px;
	vertical-align: top;
	text-align: left;
}

.project_taxnote{
	text-shadow: 1px 1px 2px #fff; 
	color: #555;
	font-family: Trebuchet MS;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}

/* ############# CSS for project Presentations END #################### */

/* ############# CSS for Pricelist BEGIN #################### */

a.pricelist_menu:visited,a.pricelist_menu:link {
	text-shadow: 1px 1px 2px #fff; 
	font-family: Trebuchet MS;
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #44C;
	margin-left: 45px;
}

a.pricelist_menu:hover,a.pricelist_menu:active {
	color: #b00;
}

.pricelist_anchor{
	margin-top:-150px; 
	padding-top:150px;
}

.pricelist_elements{
	margin-left: auto;
	margin-right: auto;
	width: 600px;
	padding: 5px;
	border-spacing: 0px;
	margin-bottom: 20px;
}

.pricelist_elements_odd{
	-webkit-border-radius: 5px 0px 0px 5px;
	-moz-border-radius: 5px 0px 0px 5px;
	border-radius: 5px 0px 0px 5px;
	background: #FFF;
	vertical-align: top;
	padding: 5px;
}

.pricelist_elements_odd_r{
	-webkit-border-radius: 0px 5px 5px 0px;
	-moz-border-radius: 0px 5px 5px 0px;
	border-radius: 0px 5px 5px 0px;
	text-align: right;
	width: 100px;
	vertical-align: top;
	background: #FFF;
	padding: 5px;
}

.pricelist_elements_even{
	-webkit-border-radius: 5px 0px 0px 5px;
	-moz-border-radius: 5px 0px 0px 5px;
	border-radius: 5px 0px 0px 5px;
	background: #EEE;
	vertical-align: top;
	padding: 5px;
}

.pricelist_elements_even_r{
	-webkit-border-radius: 0px 5px 5px 0px;
	-moz-border-radius: 0px 5px 5px 0px;
	border-radius: 0px 5px 5px 0px;
	text-align: right;
	width: 100px;
	vertical-align: top;
	background: #EEE;
	padding: 5px;
}
/* ############# CSS for Pricelist END #################### */

/* ############# CSS for Artists START #################### */
.artists_elements_odd{
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	background: #FFF;
	vertical-align: middle;
	text-align: center;
	padding: 5px;
}
	
.artists_elements_even{
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	background: #EEE;
	vertical-align: middle;
	text-align: center;
	padding: 5px;
}
/* ############# CSS for Artists END #################### */

/* ############# CSS for Instrument START #################### */

.instrument_menu{
	width: 500px;
}

.instrument_item{
	width: 120px;
	height: 220px;
	vertical-align: top;
	text-align: center;
}

.instrument_item_image{
	-webkit-border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
	border-style: solid;
	border-width: 2px;
	border-color: #444;

}

/* ############# CSS for Instrument END #################### */