/*  ======================================  */
/*           www.imageanddesign.ie          */
/*      Site created by Image & Design      */
/*   Copyright 2010. All rights reserved.   */
/*  ======================================  */

/* ------------------------------ */
/*           standard             */
/* ------------------------------ */

a:link, a:visited, a:hover, a:active {
  text-decoration: none;
  }

img {
  border: none;
  }
  
h1, h2, h3, h4, h5, h6, ul, ol, p {
  }
  
/* -------------------------------------- */
/*           standard  classes            */
/* -------------------------------------- */

.bold {
	font-weight:bold;
	}
	
.italic {
	font-style:italic;
	}


/* ------------------------------ */
/*            Design              */
/* ------------------------------ */

body {
	background-image: url(../images/background.jpg);
	background-color:#F5ecc5;
	background-position: top center;
	background-repeat: no-repeat;
	font-family: "Book Antiqua", "Palatino Linotype", Palatino, serif;
	}
	
/* CONTAINER starts here */

#container, #content {
	}
	
a:link, a:visited, a:hover, a:active {
	color:#4F3518;
  }
	
/* HEADER starts here */

#header {
	color:#4F3518;
	}
	
	#header h1{
		font-family: Arial Black, Gadget, sans-serif;
		line-height: 70px;
		}
		
	#header h2{
		font-style:italic;
		line-height: 90px;
		margin: 0 0 -20px 0;
		}
		
	#header-right, #header-right a{
		color:#739852;
		font-family: Arial, Helvetica, sans-serif;
		font-weight:bold;
		}
	
/* TOPMENU starts here */		

#topmenu {
	border-top: 4px solid #EEC585;
	border-bottom: 4px solid #EEC585;	
	text-transform:uppercase;	
	line-height:50px;	
	font-weight:bold;
	}

#topmenu  li {
	list-style-type: none;	
	}	

#topmenu li a, #topmenu li a:visited  {
	color:#de4932;
	display: inline-block;
	height:50px;
	text-align:center;	
	font-weight:bold;
	text-decoration:none;
	}
	
#topmenu li a:hover, #topmenu li a:active{
	color:#4F3518;
	}	
	
.page_1 li a#nav_1, .page_2 li a#nav_2, .page_3  li a#nav_3, .page_4  li a#nav_4{
	color:#4F3518;
	background-image: url(../images/nav-bg.jpg);
	background-repeat: repeat-x;
	background-position: 0 40px;
	font-weight:bold;
	}

/* CONTENT starts here */

#top-content {
	}
	
	#top-content-left-header {
		background-image: url(../images/floral-left.png);
		background-repeat: no-repeat;
		background-position:top left;
		margin-left:34px;
		}

	#top-content h2 {
		color: #866130;
		font-weight:bold;
		background-image: url(../images/floral-right.png);
		background-repeat: no-repeat;
		background-position:top right;
		margin-right:34px;
		}
	
	#main_photo, #bottom_photo {
		border: 2px solid #F5ecc5;
	}	
	
	.page_1 #main_photo {
		background-image: url(../images/page1-main-colour.jpg);
		background-position: top center;
		background-repeat: no-repeat;
	}
	
	/*
	.page_1 #main_photo:hover {
		background-image: url(../images/page1-main-colour.jpg);
		background-position: top center;
		background-repeat: no-repeat;
	}
	*/
	.page_2 #main_photo {
		background-image: url(../images/page2-main-colour.jpg);
		background-position: top center;
		background-repeat: no-repeat;
	}
	
	.page_2 #bottom_photo {
		background-image: url(../images/page2-bottom-colour.jpg);
		background-position: top center;
		background-repeat: no-repeat;
	}
	/*
	.page_2 #main_photo:hover {
		background-image: url(../images/page2-main-colour.jpg);
		background-position: top center;
		background-repeat: no-repeat;
	}
	*/
#bottom-content {
	border-top: 4px solid #EEC585;
	}
	
	#bottom-content h3  {
		color: #866130;
		font-weight:bold;
		}
		
	#bottom-content-pictures  .picture-title{
		border-bottom: 2px solid #EEC585;
		}
		
	.picture-title {
		color: #866130;
		text-transform:uppercase;	
		line-height:25px;	
		font-weight:bold;
		}
	#sitting-room, #sitting-room:hover, #bedroom, #bedroom:hover, #attic-room, #attic-room:hover, #dining-room, #dining-room:hover{
		background-position: top center;
		background-repeat: no-repeat;
		}
	
	#sitting-room {
		background-image: url(../images/sitting-room-colour.jpg);
		}
	/*
	#sitting-room:hover {
		background-image: url(../images/sitting-room-colour.jpg);
		}
	*/
	#bedroom {
		background-image: url(../images/bedroom-colour.jpg);
		}
	/*
	#bedroom:hover {
		background-image: url(../images/bedroom-colour.jpg);
		}
	*/
	#attic-room {
		background-image: url(../images/attic-room-colour.jpg);
		}
	/*
	#attic-room:hover {
		background-image: url(../images/attic-room-colour.jpg);
		}
	*/
	#dining-room {
		background-image: url(../images/dining-room-colour.jpg);
		}
	/*
	#dining-room:hover {
		background-image: url(../images/dining-room-colour.jpg);
		}
	*/
/* pop-up calendar */
button.calendarStyle
{
	background-color: transparent;
	border: 0;
	height:22px;
	width:22px;
	background-image:url(../pages/imgs/calendar.png);
	cursor: pointer;
	cursor: hand;
}

/* Contact Form */

Form {
	margin: 0 0 5px 20px;
	width:600px;
	}

label{
float: left;
width: 300px;
font-size: 12pt;
}

input{
	border: 1px solid #000000; 
	background: #F0F0E8;
	width: 230px;
	margin-bottom: 5px;
}

.px230 {
width: 230px;
}

.px10{
width: 10px;
}

select {
	border: 1px solid #000000; 
	background: #F0F0E8;
	margin-bottom: 5px;
}

.formFieldOption {
	width: 50px;
	}

.jaar {
	width: 85px;
	}

textarea{
	border: 1px solid #000000;
    background: #F0F0E8;
	width: 532px;
	margin-bottom: 5px;
}

.infobox {
	font-size: x-small;
	}

#saveForm{
	width: 150px;
	border: 2px outset #D0D0C5;
    background: #e7e7e0;
	color: #474747;
	font-weight: bold;
	font-size: 11pt;
}
#saveForm:hover {
	width: 150px;
	border: 2px inset #D0D0C5;
	background: #D0D0C5;
	color: #797979;
	font-weight: bold;
	font-size: 11pt;
	}

	
#mainFormError
{
	position: relative;
	border: 1px;
	border-style: solid;
	margin: 0 auto;
	text-align: left;
	width: 70%;
}

input.mainFormError
{
	background-color: #FADADD;
}


textarea.mainFormError
{
	background-color: #FADADD;
}


select.mainFormError
{
	background-color: #FADADD;
}