/* Start of CMSMS style sheet 'sfStyles' */
body {
  background:#E6E7E6 url(img/bg_page.jpg) repeat-x;
  margin:5px;
  font-family:Geneva, Arial, Helvetica, sans-serif;
  color:#333;
  font-size:13px;
}
img {
  border:none;
  }
  
#container {
  margin:0 auto;
  width:953px;
}
.clear {
  clear:both;
  height:0;
  overflow:hidden;
}
#home .clear, #contact .clear { /* IE width fix */
  height:auto;
  overflow: visible;
}
h1 {
  font-family:"Times New Roman", Times, serif;
  font-weight:normal;
  font-size:20px;
  margin:20px 0 0 0;
}

h1#title {
   clear:both;
   color:#fff;
   font-size:30px;
   text-transform:capitalize;
   margin:0 40px 20px 40px;
}
h2 {
  font-size:12px;
  text-transform:uppercase;
  color:#FFF;
  margin:20px 0 8px 0;
}
#contact h2 {
  color:#666;
}
/* nav */

#logo {
  text-align:center;
  color:#333;
  font-size:12px;
  margin:12px 0 15px 345px;
  float:left;
  display:inline;
  }
#logo a {
  display:block;
  background:url(img/logo.gif) no-repeat center top;
  width:270px;
  height:48px;
}
#logo h1 {
  font-size:33px;
  margin:4px 0;
}
#subnav {
  float:right;
  display:inline;
  font-size:12px;
}
#subnav a {
  color:#666;
  font-weight:bold;
  margin-left:15px;
  display:inline-block;
  height:40px;
  padding:10px 0 0 20px;
}
#subnav a#buthome {
  background:url(img/icon_home.gif) no-repeat;
}
#subnav a#butcontact {
  background:url(img/icon_contact.gif) no-repeat left 10px;
}

/* main nav */

ul#mainnav {
  height:29px;
  padding:0;
  width:640px;
  text-align:center;
  margin:11px 4px 0 4px;
}
ul#mainnav li {
  display:inline;
  padding:2px;
  margin-right:4px;
  background:url(img/nav_line.gif) no-repeat right top;
  }
ul#mainnav a {
  text-decoration:none;
  color:#fff;
  padding:4px 19px 0;
}
ul#mainnav a:hover, #about #butAbout, #technique #butTechnique, #started #butStarted, #resources #butResources,#testimonials #butTestimonials {
  background:url(img/nav_on.gif) no-repeat left 4px;
}
/* header */

.mainframe {
  border:#B4B4B4 solid 1px;
  clear:both;
  background:#fff url(img/header_home.jpg) no-repeat 4px 18px;
  width:951px; /* IE width fix */

}
#contact .mainframe, #site-map .mainframe{
  background:#fff url(img/header_contact.jpg) no-repeat 4px 18px;
}
#alexander .mainframe {
  background:#fff url(img/alex_inside.jpg) no-repeat 4px 4px;
}
#piano .mainframe {
  background:#fff url(img/piano_inside.jpg) no-repeat 4px 4px;
}

#maincontent {
  border:#B4B4B4 solid 1px;
  border-top:none;
  padding:20px 0 0 0;
  margin:4px;
  position:relative /* IE border fix */
}


.col1 {
  width:560px;
  float:left;
  padding:0 40px 30px 40px;
  clear:left;
  }
  
.col2 {
  width:299px;
  float:left;
  padding:1px;

  }
  
#home .col1, #home .col2 {
  width:410px;
  padding:0 30px 50px;
}
#contact .col1, #contact .col2 {
  width:438px;
  padding:0 0 50px 30px;
}
    
.col2 {
  background:url(img/vdot.gif) repeat-y;
}
.col2 div {
  background:url(img/bg_news.jpg) repeat-x left bottom;
  padding:0 30px 30px 30px; 
  }
.header {
  background:none;
  position:relative;
  top:-55px;
  left:665px;
  
}
#home .header, #contact .header{
  position:static;
  top:0;
  left:0;
}

.col2 h1, #alexander .col1 h1, #contactinfo h1 span { /* red */
  color:#C50D60;
  display:block; 
}
.col1 h1, #alexander .col2 h1, #contactinfo h1   { /* green */
  color:#007165; 
}

.header h1, #alexander .header h1 {
  color:#FFF;
  font-size:24px;
  line-height:22px;
}

.header span {
  display:block;
  margin:10px 0 100px 0;
}
.header span a {
  text-transform:lowercase;
  color:#fff !important;
  background-image:none !important;
  padding:0 3px !important;
}

#home .header h1, #home .header h2{
  margin:0 0 20px 200px;
}

#contact .header h1, #contact .header h2 {
  margin:0 0 20px 220px;
  color:#FFFFFF;
}

#home .col1 a, #alexander .col2 a {
  color:#007165;
  background:url(img/arrow_green.gif) no-repeat right center;
  padding-right:18px;
  display:inline-block;
}

.col1 a {
  color:#007165;
}

.col2 a {
  color:#C50D60;
  background:url(img/arrow_pink.gif) no-repeat right center;
  padding-right:18px;
  display:inline-block;
}

#alexander .col1 a {
  background:none !important;
  color:#C50D60 !important; 
}

.header a:hover, #subnav a:hover, .col1 a:hover, .col2 a:hover, #footer a:hover, #alexander .col1 a:hover, #alexander .col2 a:hover  {
  color:#000;
}
#contactinfo {
  text-align:center;
  padding:100px 0 50px 0;
  }
#contactinfo a {
  color:#666;
}
/* footer */
 
#footer {
  text-align: center;
  color:#666;
  font-size:11px;
  margin:20px;
}
#footer a {
  color:#666;
  padding:0 5px;
  background:none !important;
}
#footer ul {
  margin:10px 0;
  padding:0;
  display:none;
}
#footer li{
  list-style:none;
  display:inline;
}
#alexander #alexNav {
  display: block; 
}
#piano #pianoNav {
  display: block; 
}

/*CMS based */
.currentpage {
  background:transparent url(img/nav_on.gif) no-repeat scroll left 4px;
}
a.activeparent {
  background:transparent url(img/nav_on.gif) no-repeat scroll left 4px;
}

.header h1 a {
  background-image:none !important;
  color: #ffffff !important; 
  text-decoration:none;
  padding-right:0 !important;
}

#tinymce {
width:941px;
}

#tinymce #home{
  background:transparent url(http://www.silverfoxstudio.net/img/header_home.jpg) no-repeat scroll 4px 0;
  height:800px;
  padding-top:30px;
}

.header h2 a {
  background:transparent none repeat scroll 0 0 !important;
  color:#FFFFFF !important;
  text-decoration:none;
}

#siteMapHolder {
  padding-left:410px;
}

#siteMapHolder li {
  padding:4px;
}
/* End of 'sfStyles' */