* { margin:0; padding:0; border:0; }

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

#map2{
	width:340px;
	height:370px;
	float:left;
	border:#006600 1px dotted;	
}


html{
	font-family:"Trebuchet Ms";
	font-size: 13px;
	color: #4a1500;
	height:100%;
	min-width:953px;
	background:url(../images/bg.jpg) center top repeat-x #f4e5bc;
}

body {
	margin:0px;
	height:100%;
	line-height:1.7;
	min-width:953px;
}

p{
	margin-bottom:8px;
	margin-top:3px;
}

h1, h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	color:#8b2700;
	letter-spacing:-1px;
	font-weight:normal;
	line-height:normal;
	margin-top:3px;
}

h2{
	font-size:20px;
	color:#8b2700;
	margin-bottom:5px;
	font-style:normal;	
}

.red{
	color:#e00303;
}

ul{
	list-style-position:inside;
}

/* =Links
---------------------------------------------------------------------*/
a:link, a:visited{ color:#4a1500; text-decoration:none; font-style:italic; padding-bottom:3px; border-bottom:dotted 1px #660000;}

a:hover { color:#FF0033; text-decoration:none;}

a.more:link, a.more:visited{ color:#4a1500; text-decoration:none; font-style:italic; padding-bottom:3px; border-bottom:dotted 1px #660000; display:block; width:190px; height:35px; line-height:35px; float:left; padding-left:35px; background:url(../images/bullet.jpg) center left no-repeat;}

a.more:hover { color:#CC3300; text-decoration:none;}

a.kaktos:link, a.kaktos:visited { color:#CC0000; text-decoration: none; border:none; font-weight:400; font-style:normal; }

a.kaktos:hover { color:#FF6600; text-decoration: none; border:none; font-weight:400; }

/* =Content
-----------------------------------------------------------------------------*/
#wrapper{
	width:932px;
	min-width:932px;
	margin-left:auto;
	margin-right:auto;
	background-color:#f9f0d8;
	border-bottom:1px solid #8b2700;
	border-left:1px solid #8b2700;
	border-right:1px solid #8b2700;
}

#flashcontent{
	height:426px;
	width:932px;
	float:left;
}

#container {               
	min-width:932px;
	width:932px;
	padding-bottom:5%;
}

#content{
	width:670px;
	float:left;
	padding-left:5px;
	padding-right:20px;
}

#top{
	float:left;
	width:100%;
	background:url(../images/corners.gif) top center no-repeat;
}

#main{
	width:520px;
	float:left;
	height:100%;
	margin-right:25px;
	padding-left:35px;
	padding-top:7px;
}

#right{
	float:left;
	width:300px;
	padding-left:15px;
	padding-right:37px;
	text-align:right;
	font-style:italic;
	padding-top:9px;
}

#yes-no{
	background:url(../images/Dietcenter.jpg) 30px 0px no-repeat;
	height:239px;
	width:658px;
	float:left;
}

#about{
	width:870px;
	float:left;
	height:100%;
	margin-right:20px;
	padding-left:35px;
	padding-top:7px;
}

#about-left{
	width:600px;
	float:left;
	height:100%;
	margin-right:20px;
	padding-left:35px;
	padding-top:7px;
}

#about-right{
	width:200px;
	float:left;
	height:100%;
	margin-right:30px;
	padding-left:10px;
	padding-top:35px;
}

/* =Services only
-----------------------------------------------------------------------------*/
#services{
	width:870px;
	float:left;
	height:100%;
	margin-right:20px;
	padding-left:35px;
	padding-top:7px;
	background-color: #FAEFD9;
	background-repeat: no-repeat;
	background-position: 50px 50px;
}

#step-one, #step-two, #step-three, #step-four, #step-five {
	width:240px;
	padding:25px;
	padding-top:10px;
	float:left;
	text-align:center;
	line-height: 28px;
	height: 550px;
}



/* =Services only
-----------------------------------------------------------------------------*/
#images{
	float:left;
	width:530px;
}

#images img, #panorama img{
	padding:5px;
	background-color:#FFFFFF;
	border:1px dotted #660000;
	margin-right:8px;
	margin-top:8px;
}

#images img:hover, #panorama img:hover{
	background-color:#660000;
	border:1px dotted #FFFFFF;
}

#panorama{
	float:left;
	width:320px;
	height:240px;
}

/* =Footer
-----------------------------------------------------------------------------*/
#footer {
	height:27px;
	width:932px;
	margin-left:auto;
	margin-right:auto;
	line-height:27px;
	text-align:right;
	font-size:11px;
}

/* =Contact only
-----------------------------------------------------------------------------*/
#contact{
	padding-left:5px;
	margin-right:30px;
	width:430px;
	float:left;
	min-height:100%;
	height:100%;
}

#form{
	float:left;
	width:440px;
	margin-right:10px;
}

#maps{
	width:420px;
	float:left;	
}

#maps img{
	float:left;	
}

input, textarea{
   font-family:"Trebuchet Ms";
   color:#999999;
   padding:4px;
   margin-bottom:5px;
   border:dotted 1px #CCCCCC;
   background-color:#FFFFFF;
   margin-right:5px;
}

