/* CSS Document */

/* easyroomrental.co.uk */
/* style.css */
/* author: Renato Mattos */


body {
margin: 0; 
padding: 0; 
color: #333333;
font-size: 11px;
background-color: #850C00; 
font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif; }

a {
color: #850C00; 
text-transform:uppercase;  
text-decoration: none; }

a:visited {
color:#850C00;  
text-decoration: none; }

a:hover {
color: #850C00; 
text-decoration: underline;}

a:active { 
color:#850C00;  
text-decoration: none; }

h1 {
font-size: 18px;
color: #891D01;
text-transform:uppercase;
padding: 5px 10px;
margin: 0px }

h2 {
font-size: 13px;
color: #9E2200;
font-weight: normal;
padding: 5px 10px;
margin: 0px;}

p{
padding: 5px 10px;
margin:0px;}

#mainWrapper {
width: 800px;
height: 360px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
background-color: #FFFFFF;}

#mainContainer {
width: 100%;
height: 376px;
background-color:#FFFFFF; 
margin: 0 auto; 
padding: 0;}


/* BANNER - logo */
#bannerLayer {
background-color: #850C00;
text-align: left;
height: 120px;
padding: 0;
margin: 0;}

#bannerLayer img {
padding: 75px 0 0 20px;} 


/* G A L L E R Y     S L I D S H O W */
/* Thumbnail Top Navigation Gallery Menu */
#colmidGallery {
float: left;
width: 350px;
height: 270px;
background-color: #FFFFFF;
margin: 0;
padding: 0; }

#colmidGallery .box{
width: auto;
height: 270px;
margin: 0 3px 0 3px;
padding: 10px;
background-color: #ABABAB; }

#colmidGallery .thumbs{
height: 237px;
margin: 0;
padding: 0;
border: 2px solid #FFFFFF;
background-color: #FFFFFF; }


#thumbPopups { 
width: 324px; 
height: 15px; 
position: relative; 
margin: 2px 0 0 1px;
padding: 0;
}

#thumbPopups input.button-popups {
float: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;	   
color: #4C4C4C;
width: 158px;
height: 16px;
border: #C2C2C2 1px solid;
background-color:#C2C2C2;
margin: 0 0 0 2px;}

#thumbPopups input.buttonon-popups { 
float: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px; 	    
color: #C2C2C2;
width: 158px;
height: 16px;
border: #696969 1px solid;
background-color:#696969;
margin: 0 0 0 2px; }


/* Thumbnail Bottom Navigation Menu */
#thumbNav { 
float: right; 
width: 180px; 
height: 20px; 
position: relative; 
top: 5px; 
margin: 0; 
padding: 0;
}

#thumbNav ul { 
list-style-type: none; 
margin: 0; 
padding: 0 2px 0 0; 
}

#thumbNav li { 
float: right; 
padding: 0 2px 3px 0;
}

#thumbNav li a span {
 display: none; 
}

#thumbNav li a { 
height: 10px; 
position: relative; 
overflow: hidden; 
}

#thumbNav li.g1 { 
width: 7px; 
background: url(images/thumb1.gif) no-repeat; 
background-position: 0 -10px; 
}

#thumbNav li.g1 a { 
width: 7px; 
background: url(images/thumb1.gif) 0 0 no-repeat;
}

#thumbNav li.g1 a:hover { 
background-image: none; 
}

#thumbNav li.g2 { 
width: 7px; 
height: 10px; 
background: url(images/thumb2.gif) no-repeat; 
}

#thumbNav li a { 
display: block; 
padding: 0 0 0 2px;
}


/* Gallery Info */
#thumbsBottom {
float: left;
width: 350px;
height: 65px;
background-color: #FFFFFF;
margin: 0;
padding: 0; }

#thumbsBottom .info{
width: auto;
height: 65px;
margin: 0 3px 0 3px;
padding: 10px;
background-color: #4C4C4C; }

#thumbsBottom .info h2 {
color: #ffffff; 
text-align: right; 
line-height:1.4em; 
text-transform:uppercase; 
padding: 0 5px 0 0; margin: 0;
}

#thumbsBottom .info p{
color: #CFCFCF; 
text-align: right; 
line-height:1.4em; 
padding: 0 5px 0 0; 
margin: 0;
}


/* CONTENT - Right Column */
#rightcol  {
float: left;
width: 225px;
background-color: #FFFFFF;
margin: 0;
padding: 0; }


/* IMAGES - Background Top & Bottom */
#img { 
margin: 0 0 0 10px;
padding: 0 0 0 10px;}


#trailimageid {
visibility: visible;
z-index: 1000;
margin: 0 0 0 20px;
padding: 0;}

#imgTop {
background-image: url(images/img_top.gif);
height: 30px;
padding: 0px;
margin: 0px;
}

#imgBottom {
background-image: url(images/img_bottom.gif);
height: 30px;
padding: 0px;
margin: 0px;
}

#sideimgLeft {
float: left;
width: 15px;
height: 375px;
margin: 0px;
padding: 0 10px 0 0;
background-image: url(images/bg_bdy.gif);
background-repeat: no-repeat;
background-position: center left;
}

#sideimgRight {
float: right;
width: 15px;
height: 375px;
margin: 0;
padding: 0;
background-image: url(images/bg_bdy.gif);
background-repeat: no-repeat;
background-position: center right;}



/* C O N T A C T     F O R M */

#contact {
margin: 0;
padding: 10px 0 0 12px;}

#contact input.formtab {
	color: #9E2200;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 130px;
	}

#contact .texttab {
	color: #9E2200;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 185px;
	}

#contact .submit {
text-align: right;
	padding: 5px 30px 0 0;	}



/* THANKS */
#colmidThanks {
float: left;
width: 575px;
height: 375px;
background-color: #FFFFFF;
margin: 0;
padding: 0; }

#colmidThanks .box{
width: auto;
height: 355px;
margin: 0 3px 0 3px;
padding: 10px;
background-color: #ABABAB; }

#colmidThanks .thanks{
height: 350px;
margin: 0;
padding: 0;
border: 2px solid #FFFFFF;
text-align: center;
font-weight: normal;
background-color: #ABABAB; }

#colmidThanks .thanks h2{
font-size: 25px;
color: #9E2200;
margin-top: 120px;
}

#colmidThanks .thanks p{
font-size: 15px;
color: #FFFFFF; }

	
/* FOOTER */
#footer {
clear: both;
margin: 0px;
padding: 0px;
text-align: right; }

#footer h1 {
font-size: 9px;
text-transform:uppercase;
background-color: #850C00;
color:#FFFFFF; 
padding:5px 15px;
margin:0px }

#footer span {
font-size: 9px;
text-transform:uppercase;
background-color: #850C00;
color:#FFFFFF; 
padding:5px;
margin:0px  }

#footer span a:link, #footer span a:active, #footer span a:visited {
color: #FFFFFF;
text-decoration:none;
background-color:#850C00 }
	
#footer span a:hover {
color: #FFFFFF;
text-decoration: underline;
background-color:#850C00 }