/*
CSS Stylesheet for theGlassShed.co.uk

Author: A. Ross
E-mail: spadam99@googlemail.com
*/

html {
overflow-y:scroll;
}

body {
margin:0px;
padding:0px;
font-family:arial, helvetica, sans-serif;
font-size:0.9em;
color:#ffffff;
line-height:1.5em;
text-align:center;
width:100%;
background:#EEE url('../images/siteImages/tree2.png') no-repeat fixed bottom left;
}

h1, h2, h3, h4, h5, h6 {
margin:0px;
padding:1em 0em 0em 0em;
font-family: 'Tenor Sans', cursive;
color:#dd88dd;
}

h1 {
font-size:2em;
}

h2 {
font-size:1.4em;
}

h3 {
font-size:1.2em;
}

p  {
margin:0px;
padding: 1em 0em;
}

a {
color:#88ff77;
}

label {
display:block;
}

input {
display:block;
border:inset 2px;
}

textarea {
margin:0.5em 0.5em 1em 0em;
border:inset 2px;
}

fieldset {
display:block;
width:96%;
margin-bottom:20px;
padding:10px 0px;
}

legend {
color:#fff;
font-weight:bold;
}

#header {
text-align:center;
background: url('../images/siteImages/tree1.png') no-repeat scroll top right;
}

#headerContainer {
background: url('../images/siteImages/headView1.png') no-repeat;
background-position: 0px 200px;
text-align:left;
width:960px;
height:130px;
margin:0px auto;
padding-top:10px;
}

#compDetails {
position:absolute;
margin:10px;
top:-120px;
width:240px;
height:100px;
line-height:120%;
}

#compDetails h1, h2 {
padding:0.3em 0em 0.3em 0em;
}

#compName {
margin:0px;
}

#slog {
font-size:1em;
padding:0px;
}

#repDates {
float:right;
color:#cc3333;
}

#outerContainer {
	background:transparent;
}

#container {
border-radius:20px;
background:#666;
text-align:left;
width:960px;
margin:0 auto;
}

.fullWidthDiv {
margin:0px;
padding:10px;
}

#logoImg {
height:50px;
}

#artistPhoto {
width:180px;
}

#welcomePageImage {
width:300px;
border:#dd88dd 1px solid;
}


#navMainDiv {
float:right;
width:680px;
}

#navMainDiv ul {
list-style-type:none;
}

#navMainDiv li {
float:right;
margin:0px 0px 5px 2px;
}

#navMainDiv a {
text-decoration:none;
}

a.button {
background: url('../images/siteImages/navbuttonright.png') no-repeat scroll bottom right;
color:#ffffff;
display: block;
float: left;
font: normal 1.2em arial, sans-serif;
padding-right: 12px; /* sliding doors padding */
text-decoration: none;
}

a.button span {
background: url('../images/siteImages/navbuttonleft.png') no-repeat bottom left;
display: block;
line-height: 25px;
padding: 14px 0px 6px 10px;
} 

a.button:hover {
background-position: top right;
outline: none; /* hide dotted outline in Firefox */
}

a.button:hover span {
background-position: top left;
} 






a.buttonTab {
background: url('../images/siteImages/buttTabRight.png') no-repeat scroll top right;
color:#ffffff;
display: block;
float: left;
font: normal 1em arial, sans-serif;
padding-right: 10px; /* sliding doors padding */
text-decoration: none;
}

a.buttonTab span {
background: url('../images/siteImages/buttTabLeft.png') no-repeat top left;
display: block;
line-height: 20px;
padding: 10px 10px 10px 20px;
} 

a.buttonTab:hover {
background-position: bottom right;
outline: none; /* hide dotted outline in Firefox */
}

a.buttonTab:hover span {
background-position: bottom left;
} 

.tabListDiv li {
float:right;
margin:-12px 2px 5px 2px;
}

.tabListDiv a {
text-decoration:none;
}






#mContent {
padding:0px 0px 30px 0px;
clear:both;
}

#footer {
background:url('../images/siteImages/containBG.png') repeat-y;
margin:0px;
padding:20px 10px;
border-top:solid 3px;
clear:both;
}

#roundBase {
height:10px;
margin-bottom:30px;
background:url('../images/siteImages/roundBase.png');
}

.imgGallery {
height:180px;
margin:20px;
border: inset 3px;
}

.emphasis1 {
font-size:1.2em;
color:#DD88DD;
font-weight:bold;
}

.smallPrint {
font-size:80%;
}

.floatLeft {
float:left;
}

.floatRight {
float:right;
}

.clearRight {
clear:right;
}

.clearLeft {
clear:left;
}

.clearBoth {
clear:both;
}

.alignRight {
text-align:right;
}

.alignLeft {
text-align:left;
}

.alignCenter {
text-align:center;
}

.centerBlock {
margin:0px auto;
}

.clearer {
clear:both;
height:1px;
}

.inline {
display:inline;
}

.border1 {
border:inset 1px;
}

.noMargin {
margin:0px;
}

.margin10 {
margin:10px;
}

.pageIntro {
margin:20px 0px;
}

.unstyled {
list-style-type:none;
}

.input {
margin:0.5em 0.5em 1em 0em;
}

.inputButt {
border:none;
height:4em;
}

.displayNone {
display:none;
}

.eventsList {
list-style-type:none;
}

.inv {
height:1px;
width:1px;
margin:0px;
border:none;
}

.tabListDiv {
text-align:right;
}

#phoneList {
margin:30px;
line-height:200%;
font-size:1.4em;
float:right;
}

#featProp {
margin:20px 0px;
padding:20px;
border:inset 1px;
}

#featPropImg {
border:inset 3px;
float:right;
margin-left:40px;
}

/*
*********************************************************
Contact Us Form Starts
*************************************************************
*/

.floatLeftInput {
float: left;
margin-right: 1.6em;
}

#contactForm {
width:60%;
padding:10px;
}

#contactForm label {
float:left;
margin-left:1em;
}

fieldset.radio {
width:95%;
margin:0.5em;
padding:2px;
}

#titleInput {
width:3em;
}

#firstNameInput {
width: 12em;
}

#lastNameInput {
width:15em;
}

#phoneInput {
width:12em;
}

#emailInput {
width:22em;
}

#details {
display:block;
width:37em;
height:16em;
}

.radio input{
float:left;
clear:both;

}

.radio label {
margin:0.8em;
}

/*
*********************************************************
Contact Us Form Ends
*************************************************************
*/

.propListDiv {
background:#eeeeff;
border:2px inset #3333ff;
padding:10px;
margin:10px 0px;
}

.propListDiv ul {
width:240px;
}

.propImgs {
float:left;
width:500px;
}

.propListDesc {
width:400px;
padding:5px;
float:left;
}

.propListDiv img {
margin:10px 4px 0px 1px;
width:240px;
height:180px;
float:right;
border:2px inset #3333ff;
}