/* @override http://localhost/csdrummer/css/default.css */

#container {
background: #e3e3e3;
background-image:url(../images/background.jpg);

overflow: hidden;
}

#sidebar1  {
background: gray;
background-image:url(../images/sidebar.png);

height:632px;

}

#sidebar2 {
background: gray;
}

#sidebar1 p,
#sidebar2 p,
#mainContent p {
padding:0 1em 1em 1em;
}

#sidebarContent {
padding: 30px 30px 20px 10px;	
}

#sidebarContent img {
	margin-top:10px;
}

#mainContent {
background: gray;
height:632px;
background-image:url(../images/main.png);
}

#mainContent2 {
background: gray;
height:1082px;
background-image:url(../images/main2.png);
}

text {
padding:30px;	
}

#header  {
background: brown;
background-image:url(../images/header.jpg);
height:254px;

}

#headerSpace {
	height:50px;
}


#logo {
	width: 500px;
	margin-top: 20px;
	height: 80px;
}
#footer {
height:20px;
background: transparent url(../images/footer.jpg) no-repeat;
}


#col1, #col2 {
background: brown;
}

#mainText {
padding-left:90px;	
padding-top:50px;
padding-right:60px;
}

#mainText2 {
	
	position:absolute;
	top:676px;
	
	
}

 #pics {
	 position:absolute;

left:420px;
height: 200px;
width: 188px;
padding: 0;
} 

#pics img {  
    padding: 0;  
      
    width:  240px; 
    height: 240px; 
    top:  0; 
    left: 0 
}

 /* Navigation */
 
 #navigation {
	 float:left;
}
 
 #nav {
    width: 525px; height: 49px;
    background: url(../images/nav.gif); padding: 0;
    position: relative;
	margin: 131px 0 40px 66px;
}
  #nav li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
  #nav li, #nav a {
    height: 49px; display: block;}
	#nav a span {
		visibility:hidden;
	}

  #home {left: 0px; width: 65px;}
  #lessons {left: 65px; width: 79px;}
  #studios {left: 145px; width: 79px;}
  #location {left: 227px; width: 91px;}
  #prices {left: 321px; width: 71px;}
  #contact {left: 391px; width: 125px;}
  
   #home a:hover {
    background: transparent url(../images/nav.gif)
    0px -49px no-repeat;}
  #lessons a:hover {
    background: transparent url(../images/nav.gif)
    -65px -49px no-repeat;}
  #studios a:hover {
    background: transparent url(../images/nav.gif)
    -145px -49px no-repeat;}
  #location a:hover {
    background: transparent url(../images/nav.gif)
    -227px -49px no-repeat;}
	#prices a:hover {
    background: transparent url(../images/nav.gif)
    -321px -49px no-repeat;}
	#contact a:hover {
    background: transparent url(../images/nav.gif)
    -391px -49px no-repeat;}
	
	/*modal window form contact details */
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:325px;
  height:344px;
  display:none;
  z-index:9999;
  padding:20px;
}

#boxes #dialog {
  width:480px; 
  height:350px;
  padding:10px;
  background-color:#ffffff;
}

/* contact form */

/*
Credits: Bit Repository
CSS Library: http://www.bitrepository.com/
*/

html, body  { padding: 0; border: 0px none; }

.notification_error
{
border: 1px solid #A25965;
height: auto;
width: 90%;
padding: 4px;
background: #F8F0F1;
text-align: left;
-moz-border-radius: 5px;
}

.notification_ok
{
border: 1px #567397 solid;
height: auto;
width: 90%;
padding: 8px;
background: #f5f9fd;
text-align: center;
-moz-border-radius: 5px;
}

.info_fieldset { -moz-border-radius: 7px; border: 1px #dddddd solid; }

.info_fieldset legend
{
border: 1px #dddddd solid;
color: black; 

font: 13px Verdana;

padding: 2px 5px 2px 5px;
-moz-border-radius: 3px;
}

.button
{
border: 1px solid #999999;
border-top-color: #CCCCCC;
border-left-color: #CCCCCC; 

background: white;

color: #333333; 

font: 11px Verdana, Helvetica, Arial, sans-serif;

-moz-border-radius: 3px;
}

/* Label */
label {width: 140px; padding-left: 20px; margin: 5px; float: left; text-align: left;}

/* Input, Textarea */
input, textarea
{
margin: 5px;
padding: 0px;
float: left;

border: 1px solid #999999;
border-top-color: #CCCCCC;
border-left-color: #CCCCCC; 

color: #333333; 

font: 11px Verdana, Helvetica, Arial, sans-serif;

-moz-border-radius: 3px;
}

/* BR */

br { clear: left; }