/* common */
*{padding:0;margin:0;}
img{border:0; margin:0;}
p{padding:0 0 25px 0; line-height: 22px; }
.clear{clear:both;}

body { background-color: #fff; background: url(images/bg2.gif) repeat-x; font-family: arial, verdana, helvetica, sans-serif; font-size: 62.5%; color: #4F4F4F; height: 100%; }

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

#homemainwrap { width: 950px; margin: 0 auto; background: url(images/bg-top.jpg) no-repeat; }
#mainwrap { width: 960px; margin: 0 auto; background: url(images/bg-top2.jpg) no-repeat; font-size: 1.2em;}

#headerimg { margin: 0 0 40px 0; width: 253px; height: 312px; }

#headerleft { width: 450px; float: left; }
  #logo { width: 166px; height: 94px; padding: 22px 0 0 65px; }
  #slogan { width: 325px; height: 25px; padding: 0 0 0 65px; }
#headerright { width: 450px; padding: 0 12px 0 0; float: right; }
#subheaderright { width: 450px; padding: 0 0 0 0; float: right; }
  #subheaderright #winbutton{padding: 0 22px 0 0;}
  #winbutton { width: 273px; height: 55px; float: right; }
  #musicbutton { width: 250px; height: 30px; padding: 0 10px 0 0; text-align: right; float: right; }
  #phonenumber { width: 273px; height: 59px; float: right; }
  #subheaderright #musicbutton, #subheaderright #phonenumber{position: relative; bottom: 5px;}

#leftcontent { width: 254px; padding: 0 0 0 10px; float: left; }  
#subspace { width: 254px; height: 40px; float: left; } 
#mainmenu { width: 220px; padding: 37px 0 0 0; float: left; }  
  #mainmenu ul { margin: 0; padding: 0 0 0 25px; }
  #mainmenu li { width: 191px; height: 22px; margin: 0; list-style: none none;  clear: left; float: left; }
  #mainmenu li a { font-weight: bold; text-decoration: none; display: block; color: #333;  }
  #mainmenu li a:hover { text-decoration: underline; }
  #mainmenu .menuitem09 {position: relative; right: 11px;}
#topbox1 { width: 223px; height: 314px; margin: 1px 0 0 8px; background: url(images/topbox1.jpg) no-repeat; float: left; }
#topbox2 { width: 226px; height: 314px; margin: 1px 0 0 18px; background: url(images/topbox2.jpg) no-repeat; float: left; }
#topbox3 { width: 228px; height: 314px; margin: 1px 0 0 15px; background: url(images/topbox3.jpg) no-repeat; float: left; }
  #topbox1 h2, #topbox2 h2, #topbox3 h2 { padding: 30px 10px 15px 10px; font-family: "trebuchet ms", arial, verdana, sans-serif; text-align: center; font-weight: bold; color: #9C8D38; font-size: 15px; text-transform: uppercase; }
  #topbox1 p, #topbox2 p, #topbox3 p { padding: 0px 23px 10px 23px; line-height: 18px; font-family: verdana, sans-serif; font-size: 11px; color: #7B6C17; }
  
#homeleftcontent { width: 254px; padding: 10px 0 0 10px; float: left; }
  #homeleftcontent .leftbox p{font-size: 1.2em;}
  .leftbox { padding: 0 0 30px 0; }
    .leftbox h2 { padding: 13px 0 7px 0; margin: 0 0 0x 0; font-family: "trebuchet ms", arial, verdana, sans-serif; font-weight: normal; color: #4F4F4F; font-size: 14px; text-transform: uppercase; }
    .leftbox p { padding: 0 0 10px 0; line-height: 24px; }
    .leftbox p img { border: 0px solid #DED2A5; margin: 0; position: relative; top: 6px; }
    .leftbox .hrleft { float: left; border: 0px; margin: 0 0 7px 0; padding: 0; }
#homecontent { width: 380px; padding: 30px 0 0 28px; float: left; }
  #homecontent p, #homecontent ul{font-size: 1.2em;}
#subcontent { width: 380px; padding: 50px 0 0 35px; float: left; }
  #content { width: 100%; }
    #content h1 { padding: 0 0 8px 0; margin: 0 0 15px 0; border-bottom: 2px solid #AD932D; font-family: "trebuchet ms", arial, verdana, sans-serif; font-weight: normal; color: #4F4F4F; font-size: 1.9em; }
    .titlecomment { font-weight: bold; color: #AD932D; font-size: 115%; } 
    #content ul { padding: 0 0 15px 25px; line-height: 22px; }
    #content ul li { padding: 0 0 5px 0; }
    #content ul li a { color: #E0344F; text-decoration: none; }
    #content ul li a:hover { text-decoration: underline; }
    #content img{margin: 5px 0;}
    #content a { color: #E0344F; text-decoration: none; }
    #content a:hover { text-decoration: underline; }
    #content .shopbox { width: 370px; margin: 0 auto; margin-bottom: 10px; font-size: 11px; clear: both; }
      #content .shopbox h2 { font-weight: bold; font-size: 14px; color: #E0344F; margin: 0 10px 5px 10px; }
      #content .shopbox img { width: 100px; height: 100px; margin: 0 10px 10px 0; border: 1px solid #E4E4E4; float: left; }
      #content .shopbox p { padding: 0 5px 10px 0; line-height: 13px; }
      #content .shopbox a { color: #E0344F; text-decoration: none; font-weight: bold; }
      #content .shopbox a:hover { text-decoration: underline; }

#homerightcontent { width: 253px; padding: 49px 0 0 0; float: right; }
#rightcontent { width: 253px; padding: 0; float: right; }
  .rightbox { width: 100%; background: url(images/righttable-bg.gif) repeat-y; font-size: 12px; }
    .rightbox p { padding: 0 30px 15px 30px; }
    .rightboxtitle { width: 100%; height: 54px; background-color: #E0344F; background: url(images/righttable-top.gif) no-repeat; color: #fff; }
      .rightboxtitle p { padding: 14px 20px 0 30px; font-weight: bold; }
    .rightboxbottom { width: 100%; height: 15px; background: url(images/righttable-bottom.gif) no-repeat 0 -9px; }
  .rightboxspace { width: 100%; height: 30px; background: url(images/righttable-space.gif) no-repeat; }

#footer { margin: 10px 0 10px 0; font-size: 10px; height: 20px; }
  #footer-left-blank { width: 288px; height: 20px; float: left; }
  #subfooter-left-blank { width: 312px; height: 20px; float: left; }
  #footer a { color: #AD932D; text-decoration: none; }
  #footer a:hover { text-decoration: underline; }

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

#form-left{
	width: 250px;
	float: left;
}

#form-right{
	width: 250px;
	float: right;
}

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

input, select, textarea{
	border: solid 1px #5d5d5d;
	background: #fff;
	width: 350px;
}

textarea{
	width: 350px;
}

#titlediv select{
  width: 80px;
}

#submitdiv input{
	float: right;
	width: 150px;
	margin: 0 0 0 0;
	background: #eee;
}

#errormsg{
	width: 290px;
	padding: 10px 10px 10px 70px;
	background: url(images/problem.jpg) no-repeat 10px 10px;
	color: red;
	border: solid 1px red;
	clear: left;
	height: 60px;
}
#flash
{
z-index: -5;
position: absolute;
left: -2000px;
top: -2000px;
}