@charset "UTF-8";
/* CSS Document */

/*Emma Rudling  www.ruddygoodwebsites.co.uk*/


body {
	background: #fff 0 0;
	margin: 0px 0px 0px 0px;
	background-repeat:repeat-x;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#000;
}


html { 
min-height : 100%; 
margin-bottom : 1px; 
}


p	{
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	text-align:left;
	}

.ar {
	text-align:right;
}

#wrapper	{
	width: 900px;
	height:auto;
	margin: 0 auto;
	}
	
#header {
	width:100%;
	background-image:url(images/initialswhite.gif);
	height:100px;
	/*background-image:url(images/initialsw.gif);
	height:100px;*/
	background-position:center;
	background-repeat:no-repeat;
	background-color:#fff;
	}
.headertext {
	margin: 20px 0 0 0;
	text-align:right;
	text-decoration:none;
}

#qu {
	float: left;
	width:22%;
	margin-right:3%;
	background-color:#ccc;
	background-image: url(images/startsleft.jpg);
	background-repeat:no-repeat;
	background-position:right;
	height: 25px;
}

#qur {
	float:right;
	background-image:url(images/startsright.jpg);
	background-repeat:no-repeat;
	background-position:left;
	width:75%;
	background-color:#666;
	height: 25px;
}
	
.back {
	margin:20px 0 0 0;
	float:left;
}
#bar {
	float:left;
	width: 100%;
	height: 35px;
}

#gray {
	float:left;
	background-image:url(images/gray.jpg);
	background-repeat:no-repeat;
	text-align:left;
	width: 500px;
}

#gray p {
	text-align:center;
}
#black {
	float:left;
	background-color:#ddd;
	width:100%;
	height: 10px;
}

.hr {
	background-image:url(images/grybr.jpg);
	background-repeat:no-repeat;
	float: left;
	width: 100%;
	height: 15px;
}

.examples {
	float:left;
	height: auto;
	padding: 10px 20px 10px 0px;	
}

.examples p {
	text-align:right;
	color:#333;
}

li	{
	margin-left:50px;
	text-align:left;
	list-style-type: circle;
	line-height: 150%;
	color: #333;
	}
	
#Sites{
	float:left;
	width:100%;
	position: relative;
	margin: 0px;
	padding: 0px;
}
	
#Sites a:link{
	color:#000;
	text-decoration:none;
}

#Sites a:visited{
	text-decoration:none;
}

#Sites a:hover{
	color:#000000;
	text-decoration:none;
	background-color: #dddddd;
}

a:link{
	color:#333;
	text-decoration:none;
}

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

a:hover{
	color:#000000;
	text-decoration:none;
	background-color: #dddddd;
}

/***********************************************/
/* contact form                                 */
/***********************************************/

#contactbox {
	float:left;
	width:100%;
}
.contact     { 
	background-color: #eeeeff;
	font-size: 14px;
	 }
	 
.contact2     { 
	background-color: #eeeeff;
	width:250px;
	font-size: 14px;
	 }