/*YAHOO! RESET*/
/*Removes defaults that may differ between browsers*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	margin:0; 
	padding:0; 
} 
table { 
	border-collapse:collapse; 
	border-spacing:0; 
} 
fieldset,img {  
	border:0; 
} 
address,caption,cite,code,dfn,em,strong,th,var { 
	font-style:normal; 
	font-weight:normal; 
} 
ol,ul { 
	list-style:none; 
} 
caption,th { 
	text-align:left; 
} 
h1,h2,h3,h4,h5,h6 { 
	font-size:100%; 
	font-weight:normal; 
} 
q:before,q:after { 
	content:''; 
} 
abbr,acronym {
	border:0; 
}
/*---------- END RESET ----------*/

/*-------------------------------------------+
|                                            |
|            MAIN STRUCTURE STYLES           |
|                                            |
+-------------------------------------------*/
html{
	font-size:16px;
	/*height:101%;*/
}
body{
	font-size:62.5%; /* 16px * 62.5% = 10px : 1em now = 10px */
	font-family:arial,sans-serif;
	color:#000;
	background:#fff;
    background-image:url('photos/background_plain.gif');
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-position: 20px 20px;
}

ul.nav {
    margin: 20px 0;
    border-style:solid none;
    border-width:1px;
    padding:2em 0;
    line-height:2.4em;
}




#banner {
    position: absolute; 
    top: 20px; 
    left: 0px;
    width:100%; 
    height:50px; 
	

    background:#FFCCFF; 
}



#bannertext {
    position: absolute; 
    top: 30px; 
    left: 20px;
    width:180; 
    height:50px; 

}

#bannertext h1{
    font-size:2.6em;
    font-weight:bold;
	color:black;
    margin-bottom:1em;
}

#pianoadvert {
    position: absolute; 
    top: 80px; 
    left: 245px;
    height:50px; 
	background:#ff3399;
	padding: 10px 10px 0px 10px;
	color:white;

}

#pianoadvert p,ul,ol{
    font-size:1.6em;
    line-height:1.4em;
    margin-bottom:0.5em;
}

#pianoadvert p.smallprint{
    font-size:1.0em;
    line-height:1.2em;
    margin-bottom:1.2em;
}

#essexpianoadvert {
    position: absolute; 
    top: 410px; 
    left: 0px;
	width: 190px;
	background:#ff3399;
	padding: 10px 10px 0px 10px;
	color:white;

}

#essexpianoadvert p,ul,ol{
    font-size:1.6em;
    line-height:1.4em;
    margin-bottom:0.5em;
}

#essexpianoadvert p.smallprint{
    font-size:1.0em;
    line-height:1.2em;
    margin-bottom:1.2em;
}

#exceptionalpianistsadvert {
    position: absolute; 
    top: 500px; 
    left: 0px;
	width: 190px;
	background:#ff3399;
	padding: 10px 10px 0px 10px;
	color:white;

}

#exceptionalpianistsadvert p,ul,ol{
    font-size:1.6em;
    line-height:1.4em;
    margin-bottom:0.5em;
}

#exceptionalpianistsadvert p.smallprint{
    font-size:1.0em;
    line-height:1.2em;
    margin-bottom:1.2em;
}

#header {
    position: absolute; 
    top: 150px; 
    left: 245px;
    width:100%; 
    height:50px; 

}

#header h2{
    font-size:1.8em;
	color:black;
    margin-bottom:1em;
}

#quicklinks {
    position: absolute; 
    top: 140px; 
    left: 0px;
    width:180px; 

    padding: 10px 10px 0px 20px;  
	
	background:#FFCCFF; 

}

#quicklinks p,ul,ol{
    font-size:1.7em;
    line-height:1.4em;
    margin-bottom:1em;
}

#counter {
    position: absolute; 
    top: 350px; 
    left: 0px;
    width:180px; 

    padding: 10px 10px 0px 20px;  
 

}

#counter p,ul,ol{
    font-size:1.7em;
    line-height:1.4em;
    margin-bottom:1em;
}

#content {
    position: absolute; 
    top: 180px; 
    left: 245px;

    padding: 10px 20px 0px 0px; 

}


/*-------------------------------------------+
|                                            |
|           PARAGRAPH AND FONT STYLES        |
|                                            |
+-------------------------------------------*/

a:link {color: #FF00FF; font-weight:bold; text-decoration:none}
a:visited {color: #FF00FF; font-weight:bold; text-decoration:none}
a:active {color: #000000; text-decoration:none}
a:hover {color: #CC66FF; font-weight:bold;text-decoration:none}




table, th, td {
    border:none;
    padding:2px;
}
ul.listicon {
    margin-left: 0px;
    padding-left: 0px;
    list-style-image: url(photos/icon.jpg);
}
li.links {
    margin-bottom:1em;
}

li.wedding_links {
    margin-bottom: 1em;
    font-weight: bold;
}

td.col1{width:35%}
td.col2{width:25%}

th {
    font-weight:bold;
}

em {
    font-weight:bold;
}

img.right {
    float: right; 
    margin: 0.5em 0 0.5em 1em;
    border-width:1px; 
    border-style:solid; 
    border-color:black;
}

img.crystal {
    float: right; 
    margin: 0.2em 7.5em 0.5em 1em;
    border-width:1px; 
    border-style:solid; 
    border-color:black;
}

img.diamond {
    float: left; 
    margin: 0.5em 4em 0.5em 2em;
    border-width:1px; 
    border-style:solid; 
    border-color:black;
}

img.left {
    float: left; 
    margin: 0.5em 0 0.5em 1em;
    border-width:1px; 
    border-style:solid; 
    border-color:black;
}

img.leftbreakfast {
    float: left; 
    margin: 0.5em 3em 0.5em 1em;
    border-width:1px; 
    border-style:solid; 
    border-color:black;
}

img.leftdiamonddrinks {
    float: left; 
    margin: 0.5em 7em 0.5em 1em;
    border-width:1px; 
    border-style:solid; 
    border-color:black;
}

img.center {
    float: center; 
    margin: 0.5em 1em 2em;
    border-width:1px; 
    border-style:solid; 
    border-color:black;
}

img.photo_center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top:0.5em;
    margin-bottom:0.5em;
}

.title{
	font-style:italic;
}
#content p,ul,ol{
    font-size:1.3em;
    line-height:1.4em;
    margin-bottom:1em;
}
#content p.smallprint{
    font-size:1.2em;
    line-height:1.2em;
    margin-bottom:1.2em;
}
#content p.review{
    font-style:italic;
    text-align:center;
    margin-bottom:0.3em;
}
#content p.reviewer{
    text-align:center
}

#content h3{
    font-size:1.4em;
    font-weight:bold;
    margin-bottom:1em;
}
#content ol{
    list-style-type:decimal; 
}
#content table.programme{
    font-size:1.1em;
    line-height:1em;
    margin-bottom:1em;
}

#content table.price{
    font-size:1.3em;
    line-height:1em;
    margin-bottom:1em;
}

#content tr.strong{
    font-size:1.2em;
    font-weight:bold;
}

#content strong{
    font-weight:bold;
}



 label{
    display: block;
    font-size:1.3em;
    line-height:1.4em;
    margin-bottom: 0.2em;
}
.inputbox{
    height:18px;
    width:250px;
    padding:4px 3px 2px 3px;
    margin:2px 0 10px 3px;
    border:1px solid #ccc;
}

textarea{
        height:120px;
        width:250px;
        padding:4px 3px 2px 3px;
        margin:2px 0 10px 3px;
        border:1px solid #ccc;
}

.whitelink {
	color:white;
}