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

*
{
	margin:0;
	padding:0;
}
body
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:lem;
	background:#8080C0;
	}
#wrapper
{
	width:800px;
	margin:0 auto;
	border-left:2px solid #ccc;
	border-right:2px solid #ccc;
	border-top:3px solid #8080C0;
	background-color:#FFFFFF;
}
#sitetitle
{
	background-image:url(Images/background%20string.png);
	background-repeat:repeat-x;
	text-align:center;
	padding-top:20px;
	padding-bottom:20px;
	}
#sitetitle h1
{
	color:white;/*typing the true color in words still works*/
	font-style:italic;
}
#sitetitle span
{
	color:#FFFF00;
}
#header
{
	margin-left:20px;
}
#thumb
{
	width:100%;
	background-color:#FFF;
	border-bottom:1px solid #FFF;
	border-top:1px solid #FFF;
	
}
#thumb img
{
	margin-left:10px;
	cursor:pointer;
}
#address
{
	clear:both;
	text-align:center;
	margin-top:5px:;
	margin-bottom:5px;
	
}
.content/*class start with .dot*/
{
	width:90%;
	clear:both;/*removes floating of image*/
	margin-bottom:1em;
}

.content img
{
	border:1px solid #000;
	margin:1em;/*to separate the image from the text*/
	float:right;	
}
.content p
{
	margin:1em;
	text-align:justify;
	font-size:14px;
}
#navigation ul
{
	width:100%;
	list-style:none;
	background-image:url(Images/navigation%20strip.png);
	background-repeat:repeat-x;
	float:left;
	
	
}
#navigation li
{
	display:inline;/*to bring list in one line*/
	margin-left:20px;
}
#navigation a
{
	padding:0.3em 1em;
	text-decoration:none;
	float:left;
	border-right:1px solid #333;
}
#navigation a:hover
{
	background-color:#999999;
	
}
#left
{
	width:20%;
	float:left;
	margin:1.0em;
	border:1px dashed #ccc;
}
.img
{
	padding:0.5px;
	float:none;
	margin-bottom:10px;
	margin-top:10px;
}
	
	
#right
{
	width:70%;
	float:right;
	margin:0.5em;
	border:none;
	
}
#tdtitle
{
	background-color:#86E4F0;
	margin-top:10px;
}
#tdtitle h1
{
	margin-left:0.2em;
}
#content
{
	width:73%;
	float:right;
	margin:0.5em;
}

#footer
{
	clear:both;
	margin-right:5px;
}
#prices
{
	text-align:center:
}