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


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

html, body {
  margin: 0;
  padding: 0;
  }

h1, h2, h3, h4, h5, h6, ul, ol, p {
  margin: 0;
  padding: 0;
  }

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

.center {
	text-align: center;
	}
	
.left {
	text-align: left;
	}
	
.right {
	text-align: right;
	}
	
.justify {
	text-align: justify;
	}
	
.float-right {
	float: right;
	}

.float-left {
	float: left;
	}

.clear-both {
	clear: both;
	}

.clear-left {
	clear: left;
	}	

.clear-right {
	clear: right;
	}
	
/* ------------------------------ */
/*            layout              */
/* ------------------------------ */


html, body {
	margin: 0 0 20px 0;
	}
	
#container {
	width: 940px;
	height: 100%;
	margin: auto;
	}
	
/* HEADER starts here */

#header {
	height:70px;
	width: 100%;
	}
	
	#header h1, #header h2 {
		float:left;
		padding: 0 10px 0 0;
		}
		
	#header-right {
		height: 53px;
		float: right;
		padding: 17px 0 0 0;
		text-align: center;
		}
		
/* TOPMENU starts here */		

#topmenu {
	clear: both;
	height:50px;
	width: 100%;
	text-align: center;
	}
	
#topmenu  li {	
	display: inline;
	margin: 0 40px 0 40px;
	}	
	
/* CONTENT starts here */
#top-content {
	padding: 20px 0 20px 0;
	}
	
	#top-content h2 {
		text-align:center;	
		}

	#top-content-left {
		width:417px;
		padding: 0 20px 0 20px;
		float: left;		
		margin:0 0 20px 0;
		}
	
	#top-content-right {
		width: 420px;		
		padding: 0 20px 0 20px;
		float: right;
		margin:0 0 20px 0;
		}
	
	#main_photo, #bottom_photo {
		width: 380px;
		height: 280px;
		}
		
#bottom-content {
	clear: both;	
	padding: 10px 0 0 0;
	}
	

	
	#bottom-content h3 {
		text-align: center;
		}
		
	#bottom-content p {
		width:417px;				
		padding: 0 20px 0 20px;
		float: left;
		}
		
	#bottom-content-pictures {
		clear: both;
		height:191px;
		}
		
		#bottom-content-pictures  .picture{
			width:215px;		
			height:21px;
			float:left;
			margin: 0 10px 0 10px;
			}
		
		#bottom-content-pictures  .picture-title{
			width:215px;
			text-align:center;
			}
		
		#sitting-room, #sitting-room:hover, #bedroom, #bedroom:hover, #attic-room, #attic-room:hover, #dining-room, #dining-room:hover{
			width: 215px;
			height: 161px;
			margin: 10px 0 10px 0;
			}
		
		#bottom-content-text {
		clear: both;
		}
		
	#bottom-content-left {
		width:417px;
		padding: 0 20px 0 20px;
		float: left;		
		margin:20px 0 20px 0;
		}
	
	#bottom-content-right {
		width: 420px;		
		padding: 0 20px 0 20px;
		float: right;
		margin:20px 0 20px 0;
		}
		
/* FOOTER starts here */
	
	
/*  ======================================  */
/*                  tags                    */
/*  ======================================  */

h1, h2, h3 {
	}

p {
	margin: 10px 0 10px 0;
	text-align: justify;
	}
	
/*  ======================================  */
/*                  Classes                 */
/*  ======================================  */