@charset "utf-8";
/* CSS Document */

html, body, h1, h2, h3, h4, ul, li, p {
	margin: 0;
	padding: 0;
}

img {
	border: 0px;
}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	background-color:#9a8c34;
	behavior:url("csshover2.htc");
	background-image:url(../images/bodyBG1.jpg);
	background-repeat:repeat-x;
}

.left{
	float:left;
}

.right{
	float:right;
}

/** layout **/

.autoMain{
	width:990px;
	margin-left:auto;
	margin-right:auto;
}

#headerMain{
	width:100%;
	float:left;
	height:137px;
	background-color:#532a0a;
}

#header{
	width:100%;
	float:left;
	height:137px;
	position:relative;
}

#footerMain{
	width:100%;
	float:left;
	background-image:url(../images/footerBG.jpg);
	background-repeat:repeat-x;
	height:50px;
}

#footer{
	width:100%;
	float:left;
	height:40px;
	position:relative;
	color:#552d00;
}

.contentOuter{
	width:100%;
	float:left;
	min-height:427px;
	height:auto !important;
	height:427px;
}

.content{
	width:100%;
	float:left;
	min-height:439px;
	height:auto !important;
	height:439px;
}

.flashmain{
	position:absolute;
	width:990px;
	height:439px;
	top:-12px;
}

.content ul{
	list-style-position:inside;
	list-style-type:none;
	margin-bottom:30px;
	margin-left:20px;
}

.content li{
	background-image:url(../images/arrow.gif);
	background-repeat:no-repeat;
	margin-bottom:13px;
	padding-left:20px;
}

.content ol{
	margin-left:20px;
}

.menuGrooveloop a{
	width:127px;
	float:left;
	height:30px;
	background-image:url(../images/grooveloop.jpg);
	
}

.menuGrooveloop a:hover{
	width:127px;
	float:left;
	height:30px;
	background-image:url(../images/grooveloopS.jpg);
	
}

#menu{
	width:100%;
	float:left;
	height:30px;
}

#menu ul,
#menu ul ul,
 {
 list-style: none;
}

#menu ul {
 position: relative;
 float: left;
}

#menu ul li {
 float: left;
 list-style-type:none;
}

#menu ul li.hover,
#menu ul li:hover {
 position: relative;
 cursor: default;
}

#menu ul ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 font-size:12px;
 float:left;
 width:127px;
}

#menu ul ul li {
 text-align:center;
 text-transform:uppercase;
}

#menu ul ul li a{
 padding-top:5px;
 padding-bottom:5px;
 border-bottom:1px solid #000000;
 width:127px;
 text-align:center;
 background-color:#552d0a;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 float:left;
 color:#FFFFFF;
 height:auto;
 background-image:none;
 text-decoration:none;
}

#menu ul ul li a:hover{
 padding-top:5px;
 padding-bottom:5px;
 border-bottom:1px solid #000000;
 width:127px;
 text-align:center;
 background-color:#b08620;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 float:left;
 color:#552d0a;
 height:auto;
 background-image:none;
 text-decoration:none;
}

#menuMixer{
 float: left;
 border-bottom:1px solid #000000;
 width:127px;
}

#menuMixer a{
 color:#ffffff;
 float:left;
 text-decoration:none;
 height:21px;
 width:127px;
 background-image:url(../images/grooveMixer.jpg);
 text-align:center;
 font-weight:normal;
 font-family:Verdana, Arial, Helvetica, sans-serif;
}

#menuMixer a:hover{
 color:#552d0a;
 float:left;
 text-decoration:none;
 height:21px;
 width:127px;
 background-image:url(../images/grooveMixerS.jpg);
 text-align:center;
 font-weight:normal;
 font-family:Verdana, Arial, Helvetica, sans-serif;
}

#menuBlaster{
 float: left;
 border-bottom:1px solid #000000;
 width:127px;
}

#menuBlaster a{
 color:#ffffff;
 float:left;
 text-decoration:none;
 height:21px;
 width:127px;
 background-image:url(../images/grooveBlaster.jpg);
 text-align:center;
 font-weight:normal;
 font-family:Verdana, Arial, Helvetica, sans-serif;
}

#menuBlaster a:hover{
 color:#552d0a;
 float:left;
 text-decoration:none;
 height:21px;
 width:127px;
 background-image:url(../images/grooveBlasterS.jpg);
 text-align:center;
 font-weight:normal;
 font-family:Verdana, Arial, Helvetica, sans-serif;
}

#menuChart{
 float: left;
 border-bottom:1px solid #000000;
 width:127px;
}

#menuChart a{
 color:#ffffff;
 float:left;
 text-decoration:none;
 height:21px;
 width:127px;
 background-image:url(../images/grooveChart.jpg);
 text-align:center;
 font-weight:normal;
 font-family:Verdana, Arial, Helvetica, sans-serif;
}

#menuChart a:hover{
 color:#552d0a;
 float:left;
 text-decoration:none;
 height:21px;
 width:127px;
 background-image:url(../images/grooveChartS.jpg);
 text-align:center;
 font-weight:normal;
 font-family:Verdana, Arial, Helvetica, sans-serif;
}

#menu li:hover ul ul, #menu li li:hover ul ul{
 visibility: hidden;
}

#menu li:hover ul, #menu li li:hover ul{
 visibility: visible;
}

.content a{
	color:#FFFFFF;
	text-decoration:underline;
	font-weight:bold;
}

.content a:hover{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}

.content1{
	width:100%;
	float:left;
	min-height:300px;
	height:auto !important;
	height:300px;
	padding-top:20px;
	padding-bottom:20px;
	text-align:justify;
}

.content1 a{
	color:#FFFFFF;
	text-decoration:underline;
	font-weight:bold;
}

.content1 a:hover{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}

.content1 ul{
	list-style-position:inside;
	list-style-type:none;
	margin-bottom:30px;
	margin-left:20px;
}

.content1 li{
	background-image:url(../images/arrow.gif);
	background-repeat:no-repeat;
	margin-bottom:13px;
	padding-left:20px;
}

.content1 ol{
	margin-left:20px;
}

.content2{
	width:100%;
	float:left;
	min-height:300px;
	height:auto !important;
	height:300px;
	padding-top:33px;
	padding-bottom:20px;
}

.content2 a{
	color:#FFFFFF;
	text-decoration:underline;
	font-weight:bold;
}

.content2 a:hover{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}

.content2 ul{
	list-style-position:inside;
	list-style-type:none;
	margin-bottom:30px;
	margin-left:20px;
}

.content2 li{
	background-image:url(../images/arrow.gif);
	background-repeat:no-repeat;
	margin-bottom:13px;
	padding-left:20px;
}

.content2 ol{
	margin-left:20px;
}

.mainAutoInner1{
	width:538px;
	margin-left:auto;
	margin-right:auto;
}

.mainAutoInner{
	width:692px;
	margin-left:auto;
	margin-right:auto;
}

.mainAutoInner2{
	width:958px;
	margin-left:auto;
	margin-right:auto;
}

#autoMainHeader{
	width:231px;
	margin-right:auto;
	margin-left:auto;
	height:137px;
}

#logo{
 	margin-top:21px;
}

#footerMenu{
	position:absolute;
	top:13px;
	left:360px;
}

#footerMenu a{
	color:#ffffff;
	text-decoration:none;
	font-size:10px;
}

#footerMenu a:hover{
	color:#b08620;
	text-decoration:underline;
	font-size:10px;
}

#sound{
	width:28px;
	height:27px;
	position:absolute;
	right:11px;
	padding-top:6px;
}

#footerBottom{
	width:100%;
	text-align:center;
	padding-top:3px;
	padding-bottom:10px;
	color:#ffffff;
	float:left;
}

#footerBottom a{
	color:#552d00;
	text-decoration:underline;
	font-size:10px;
	font-weight:bold;
}

#footerBottom a:hover{
	color:#552d00;
	text-decoration:none;
	font-size:10px;
	font-weight:bold;
}

#footerImages{
	width:auto;
	height:28px;
	float:left;
	position:absolute;
	padding-top:6px;
	left:11px;
}

#footerImages img{
	margin-right:7px;
	float:left;
}

#menuMain{
	width:100%;
	float:left;
	height:30px;
	padding-top:4px;
}

.menuHome{
	float:left;
	margin-right:10px;
}

.menuHome a{
	width:127px;
	float:left;
	height:30px;
	background-image:url(../images/home.jpg);
}

.menuHome a:hover{
	width:127px;
	float:left;
	height:30px;
	background-image:url(../images/homeS.jpg);
}

.menuHomeS{
	float:left;
	background-image:url(../images/homeS.jpg);
	margin-right:10px;
}

.menuHomeS a{
	width:127px;
	float:left;
	height:30px;
}

.menuHomeS a:hover{
	width:127px;
	float:left;
	height:30px;
}

.menuWhoweare{
	float:left;
	margin-right:10px;
}

.menuWhoweare a{
	width:127px;
	float:left;
	height:30px;
	background-image:url(../images/whoweare.jpg);
}

.menuWhoweare a:hover{
	width:127px;
	float:left;
	height:30px;
	background-image:url(../images/whoweareS.jpg);
}

.menuWhoweareS{
	float:left;
	background-image:url(../images/whoweareS.jpg);
	margin-right:10px;
}

.menuWhoweareS a{
	width:127px;
	float:left;
	height:30px;
}

.menuWhoweareS a:hover{
	width:127px;
	float:left;
	height:30px;
}

.menuGrooveloop{
	float:left;
	margin-right:10px;
}

.menuGrooveloopS{
	float:left;
	margin-right:10px;
}

.menuGrooveloopS a{
	width:127px;
	float:left;
	height:30px;
	background-image:url(../images/grooveloopS.jpg);
}

.menuGrooveloopS a:hover{
	width:127px;
	float:left;
	height:30px;
	background-image:url(../images/grooveloopS.jpg);
}

.menuContact{
	float:left;
}

.menuContact a{
	width:127px;
	float:left;
	height:30px;
	background-image:url(../images/contact.jpg);
}

.menuContact a:hover{
	width:127px;
	float:left;
	height:30px;
	background-image:url(../images/contactS.jpg);
}

.menuContactS{
	float:left;
	background-image:url(../images/contactS.jpg);
}

.menuContactS a{
	width:127px;
	float:left;
	height:30px;
}

.menuContactS a:hover{
	width:127px;
	float:left;
	height:30px;
}

.mainDiv{
	width:100%;
	float:left;
}

/*==============================contact css==========================*/

.filedMain{
	width:380px;
	float:left;
	margin-bottom:5px;
}

.filedMainInner{
	width:100%;
	float:left;
	margin-bottom:5px;
}

.filedTitle{
	width:125px;
	float:left;
	text-align:right;
	padding-top:3px;
}

.filed{
	width:180px;
	float:left;
}

.filedinput{
	width:173px;
	border:1px solid #484846;
	height:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.filedinput1{
	width:175px;
	border:1px solid #484846;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.filed textarea{
	width:173px;
	border:1px solid #484846;
	height:105px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.contactInfo{
	width:303px;
	float:left;
}

.contactInfo h2{
	font-size:24px;
	margin-bottom:14px;
	font-weight:normal;
}

.contactInfo h3{
	font-size:14px;
	margin-bottom:12px;
	font-weight:normal;
}

.contactInfo a{
	color:#552d0a;
	text-decoration:underline;
}

.contactInfo a:hover{
	color:#552d0a;
	text-decoration:none;
}

.grooveLeft{
	width:532px;
	margin-right:18px;
	float:left;
}

.grooveRight{
	width:395px;
	float:left;
}

.innerDetail{
	float:left;
	padding-left:90px;
	width:880px;
	margin-top:50px;
	text-align:left;
	font-size:12px;
	padding-bottom:30px;
	text-align:justify;
}

.formValidation
{
	font:Verdana;
	font-size:11px;
	/*color:red;*/
}

.formValidation label
{
	float:left;
	width: auto;
	display:block;
}

.formValidation label.error
{ 
	color:#890304;
	display:block;
	min-width:180px;
	width:auto !important;
	width:180px;
	
}

.formValidation input.submit
{
	margin-left:0px;
}

.errorTFDiv{
	color:#890304;
	vertical-align:top;
	width:220px;
	float:left;
}

.div100_1{
	width:100%;
	float:left;
}

.mandatory{
	font:Verdana;
	font-size:11px;
	color:#890304;
	font-weight:normal;
	float:left;
	width:11px;
}

.mandatory1{
	font:Verdana;
	font-size:11px;
	color:#890304;
	font-weight:normal;
	width:11px;
}