/* Global Styles for Relaxdesign */

body {
	margin:0;
	padding:0;
	background-color: #fff;
    font-family:Verdana;
    font-size:75%;
    color:#000000;
}

align-right { 
	float:right;
	margin: 0 0 15px 15px;
}

align-left { 
	float:left;
	margin: 0 0 15px 15px;
}

align-center { 
	float:center;
	margin: 0 0 15px 15px;
}

h1, h2, h3, h4, h5 , h6 {
    margin: 0.8em 0 0.4em 0;
    font-weight:normal;
    line-height:normal;
}

h1  {
    font-size:1.1em;
	font-weight:bold;
}

h2  {
    font-size: 1.2em;
	font-weight:bold;
}

h3  {
    font-size:1.5em;
}

h4  {
    font-size:0.5em;
}

h5  {
    font-size:0.9em;
}

h6 {
    font-size:0.8em;
	font-style:italic;
}

p   {
    margin: 0 0 0em 0;
    font-size:1.5em;
    line-height:normal;
    color:#000;
}

em  {
    font-style:italic;
}

.hidden {
  display:none;
}

ul.a {
	list-style-type:square;
	padding-left : 20px;
}

/*------------  Text Links */
a   {
    color:#000000;
    text-decoration:none;
}
a:hover {
    color:#4e5a5f;
    text-decoration:underline;
}

/* _____________________________________________________________________________________Layout */

div.wrap { 
	width:750px;
	margin:0px auto;
	padding-right : 500px;
	}

div.top_border_yellow { 
	width:auto;
	height:12px;
	margin:0px 0px;
	background-color:#ffcc00;
	position:absolute;
	top:0px;
	right:0px;
	left:420px;
	}

div.top_border_grey { 
	width:auto;
	height:32px;
	margin:0px 0px;
	background-color:#cccccc;
	position:absolute;
	top:12px;
	right:0px;
	left:420px;
	}
	
div.bg_header { 
	width:420px;
	height:115px;
	margin:0px 0px;
	background: url('http://relaxdesign.co.uk/images/bg_header.gif');
	position:absolute;
	top:0px;
	left:0px;
	}
	
div.header { 
	width:420px;
	height:115px;
	margin:0px 0px;
	background: url('http://relaxdesign.co.uk/images/header.png');
	position:absolute;
	top:0px;
	left:0px;
	}
	
/* ----------- side menu ----------- */
	
div.menu_top { 
	width:115px;
	height:52px;
	margin:0px 0px;
	position:absolute;
	top:115px;
	left:0px;
	}

ul.cssmenu {
	list-style: none;
	margin:0px 0px;
	padding: 0px;
	position:absolute;
	top:167px;
	left:0px;
	text-indent: -5000px; 
	}
	
	ul.cssmenu li a {
		display: block;
		width: 155px;
		height: 31px;
		background: url('http://relaxdesign.co.uk/images/bg_menu.png');
		}
		
	/*
	*	Normal Links
	*/
	ul.cssmenu li.home a {
		background-position: 0 0;
		}

	ul.cssmenu li.websites a {
		background-position: -155px 0;
		}
		
	ul.cssmenu li.graphics a {
		background-position: -310px 0;
		}

	ul.cssmenu li.contacts a {
		background-position: -465px 0;
		}

	/*
	*	Hover Links
	*/
	ul.cssmenu li.home a:hover {
		background-position: 0 -31px;
		}

	ul.cssmenu li.websites a:hover {
		background-position: -155px -31px;
		}
		
	ul.cssmenu li.graphics a:hover {
		background-position: -310px -31px;
		}

	ul.cssmenu li.contacts a:hover {
		background-position: -465px -31px;
		}

	/*
	*	Clicked Links
	*/
	ul.cssmenu li.home a:active {
		background-position: 0 -62px;
		}

	ul.cssmenu li.websites a:active {
		background-position: -155px -62px;
		}
		
	ul.cssmenu li.graphics a:active {
		background-position: -310px -62px;
		}

	ul.cssmenu li.contacts a:active {
		background-position: -465px -62px;
		}

	/*
	*	Selected/Active Links
	*/
	ul.cssmenu li.home a.selected {
		background-position: 0 -93px;
		}

	ul.cssmenu li.websites a.selected {
		background-position: -155px -93px;
		}
		
	ul.cssmenu li.graphics a.selected {
		background-position: -310px -93px;
		}

	ul.cssmenu li.contacts a.selected {
		background-position: -465px -93px;
		}
		
div.side_menu { 
	width:64px;
	height:121px;
	margin:0px 0px;
	background: url('http://relaxdesign.co.uk/images/side_menu.gif');
	position:absolute;
	top:167px;
	left:0px;
	}
  
/* ----------- side menu ends ----------- */
  
div.side_border_yellow { 
	width:5px;
	height:auto;
	margin:0px 0px;
	border:0px;
	background-color:#ffcc00;
	position:fixed;
	top:0px;
	left:0px;
	bottom:0px;
	float: left;
	}
	
div.qr_code { 
	width:100px;
	height:90px;
	margin:0px;
	position:absolute;
	left:35px;
	top:350px;
	}

div.content { 
	width:560px;
	height:auto;
	background-color:#ffcc00;
	margin: 135px 75px 20px 175px;
	padding : 20px;
	
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	
	-moz-box-shadow: 10px 10px 5px 5px #696969;
	-webkit-box-shadow: 10px 10px 5px 5px #696969;
	box-shadow: 10px 10px 5px 5px #696969;
	}
	
/* ----------- home ----------- */		

	.home_left {
		width:300px;
		top:0;
		left:0;
		display:block;
		float:left;
		}	
		
	.home_right {
		width:250px;
		top:0;
		left:0;
		display:block;
		float:right;
		}
	
	div.spacer {
		clear: both;
		}

/* ----------- home ends ----------- */	

.thumb {
	border: 4px;
	border-style: solid;
	border-color: #ffffff;
	}
		
div.footer { 
	width:600px;
	height:auto;
	margin-left:175px;
	text-align:center;
	}