/* common */
*{padding:0;margin:0;}
img{border:0; margin:0;}
p{padding:0 0 15px 0;}
.clear{clear:both;}

/******general******/

html{
      font-family: Arial, Helvetica, sans-serif; 
      font-size: 62.5%;
}

body { 
      font-size: 1.2em;
      height: 100%;
      color: #fff1a2;
      background: url(images/background.gif) repeat-y center top #562509;
}

a { color: #CD9305; text-decoration: none; }
a:hover { text-decoration: underline; }



/****** VFM ******/

#mainwrap { margin: 0 auto; width: 950px; padding-left: 2px; } 
#contentwrap { margin: 0 auto; padding: 0; width: 900px; background: url(images/background-top.gif) no-repeat left top; }
  

/*** Top ***/


#top_of_page { width: 900px; height: 140px; }
.releases { position: relative; top: 28px; right: 2px; }

/*** Horizontal Menu ***/

#mainmenu { float: right; height: 32px; position: relative; top: 7px; right: 6px; }
#mainmenu ul { margin: 0; padding: 0px; }
#mainmenu li { margin: 0; float: left; list-style: none none;}
#mainmenu li a { height: 32px; display: block; text-decoration: none; }
#mainmenu li a span{visibility: hidden;}

#mainmenu #home, #mainmenu #home a{background: url(images/mainmenu-home.gif) no-repeat; width: 51px;}
#mainmenu #ramajaz, #mainmenu #ramajaz a{background: url(images/mainmenu-ramajaz.gif) no-repeat; width: 76px;}
#mainmenu #band-for-hire, #mainmenu #band-for-hire a{background: url(images/mainmenu-band-for-hire.gif) no-repeat; width: 114px;}
#mainmenu #teaching-services, #mainmenu #teaching-services a{background: url(images/mainmenu-teaching-services.gif) no-repeat; width: 137px;}
#mainmenu #workshops, #mainmenu #workshops a{background: url(images/mainmenu-workshops.gif) no-repeat; width: 91px;}
#mainmenu #about-us, #mainmenu #about-us a{background: url(images/mainmenu-about-us.gif) no-repeat; width: 78px;}
#mainmenu #contact, #mainmenu #contact a{background: url(images/mainmenu-contact.gif) no-repeat; width: 62px;}

#mainmenu #home a:hover, #mainmenu #home a.active {background: url(images/mainmenu-home2.gif) no-repeat; width: 51px;}
#mainmenu #ramajaz a:hover, #mainmenu #ramajaz a.active {background: url(images/mainmenu-ramajaz2.gif) no-repeat; width: 76px;}
#mainmenu #band-for-hire a:hover, #mainmenu #band-for-hire a.active {background: url(images/mainmenu-band-for-hire2.gif) no-repeat; width: 114px;}
#mainmenu #teaching-services a:hover, #mainmenu #teaching-services a.active {background: url(images/mainmenu-teaching-services2.gif) no-repeat; width: 137px;}
#mainmenu #workshops a:hover, #mainmenu #workshops a.active {background: url(images/mainmenu-workshops2.gif) no-repeat; width: 91px;}
#mainmenu #about-us a:hover, #mainmenu #about-us a.active {background: url(images/mainmenu-about-us2.gif) no-repeat; width: 78px;}
#mainmenu #contact a:hover, #mainmenu #contact a.active {background: url(images/mainmenu-contact2.gif) no-repeat; width: 62px;}


/*** Logo and Telephone ***/

#logo_and_line { background: url(images/topline.gif) no-repeat 228px 20px; }
#logo { position: relative; top: 21px; }


/*** Header ***/

#header_left { float: left; width: 551px; height: 242px; background: url(images/header-image-left.gif) no-repeat; }
#header_right { float: left; width: 304px; height: 242px; background: url(images/header-image-right.gif) no-repeat; }

/* Inside Page */

#header_inside { width: 544px; height: 242px; background: url(images/header-image-inside.gif) no-repeat; }


/*** Content ***/

#left_part { width: 150px; float: left; border-top: 1px solid #935a17; padding-top: 20px; margin-right: 50px; }
 #grabbers .grabber_text { text-align: right; font-size: 12px; padding: 5px 0 20px 0; }
 #grabbers .grabber_text a { color: #cd9305; font-size: 13px; margin-right: 15px; }
 #grabbers .grabber_text div { background: url(images/grabbers-arrow.gif) no-repeat right 6px; }
 #grabbers .grabber2 { border-bottom: 1px solid #935a17; }
 
#right_part { width: 692px; float: left; border-top: 1px solid #935a17; padding-top: 20px; }
 #main_content_wrap { width: 394px; float: left; margin-right: 0px;  }
 #main_content { width: 355px; }
 #main_content h1 { color: #fff; margin: 0 0 20px 0; font-size: 1.7em; font-weight: normal; }
 #main_content p { line-height: 140%; }
 #main_content ul { padding: 0px 0px 0px 30px; }
 #main_content li { font-size: 100%; text-decoration: none; }
 #main_content li a { font-size: 100%;text-decoration: none; }
 #main_content li a:hover { text-decoration: underline; color: #c2ae08; }

/* Inside page */


/*** Sidebar ***/

#right_sidebar { width: 295px; float: right; font-style: italic; }
 #hire_grabber img { margin: 30px 0 10px 0; }
 #hire_grabber ul {list-style: none;}
 #hire_grabber ul li { width: 200px; margin: 7px 0 0 0; font-size: 12px; border-bottom: 1px solid #ac6c1d; height: 22px;}
 #hire_grabber ul li a{ color: #CD9305; }
 #hire_grabber ul .last{border: 0;}


/*** Footer ***/

#footer_separator { height: 50px; }
#footer { width: 285px; margin-left: 192px; padding-top: 30px; font-size: 92%; font-style: italic; }
#footer ul { margin-left: 0; padding: 0px; }
#footer li { float:left; list-style: none none;}
#footer li a { color: #cd9305; margin: 0 8px; }

/************* contact form ***************************/
form{
	width: 340px;
	margin: 15px 0 40px 0;
	clear: left;
}


.formfield, #messagediv label{
	padding: 0 0 10px 0;
}

input, select, textarea{
	border: solid 1px #935A17;
	background: #AC6E1C url(images/contact-input-back.gif) repeat-x;
	width: 280px;
	color: white;
}

option{background: white;}

textarea{
  background: #AC6E1C url(images/contact-textarea-back.gif) repeat-x;
	width: 330px;
}

#submitdiv input{
	background: #7B2208;
	color: white;
	padding: 1px 0;
	margin: 10px 0 0 0;
}

#errormsg{
	padding: 10px 0;
	color: red;
	clear: left;
}

.sample
{
width: 320px;
height: 30px;
padding: 0; margin: 0;
float: left;
clear: both;
}
.sampleleft
{
width: 200px;
float: left;
}
.sampleright
{
width: 100px;
float: right;
}