@charset "UTF-8";
/* CSS Document */
body { background-color: #FFF; margin: 0 auto; font-family: Arial, Helvetica, sans-serif;}
img {border:none;}

#wrap { display: block; width: 900px; background: url(images/body_bg.jpg) right bottom no-repeat; margin: 0 auto; border-left: #FC6 2px dotted; border-right:  #FC6 2px dotted; }

.header-list {
	display: block;
	clear: both;
	padding-top: 10px;
}
.header-list ul {
	clear: both;
	height: 25px;
	padding: 0;
	list-style: none;
	margin: 0;
}
.header-list li {
	display: inline;
	float: left;
	margin: 0;
	padding: 0 7px 0 0;
	font-size: 11px;
	color: #693;
	height: 15px;
}

.text-header { float: left; width: 305px; font-size: 16px; color: #FFF; padding-top: 15px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
.closer {
	height: 1px;
	clear: both;
	background-color:#9C6;
	margin: 0 auto;
}
#menu_wrap { width: 230px; height: 760px; float: right; display: inline; margin: 0; }

#flower {display:block; width: 230px; height: 260px;}

#menu {display:block; width: 230px; height: 500px; background-color: #693;}

.buttons { display:block; clear: both; height:15px; padding: 10px 0 10px 25px;  color: #FFC; font-size: 14px; border-bottom: 1px solid #FFF; }
.buttons a { color: #FF6; text-decoration: none;}
.buttons:hover a {color: #FFF; text-decoration: underline; }
.buttons:hover { background-color:#063; }
#logo { display:block; width: 198px; height: 141px; clear: both; margin: 0 0 45px 0;}

#body-content {
	display: inline;
	float: left;
	margin: 0;
	width: 770px;
}
#header {height: 50px; background-color: #033; text-align: right; }

.icons {float:left; width: 50px; height: 40px; padding-top:8px; font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFF; text-align: center;}

.icons a {color: #FFF; }

#content_wrap { width: 545px; float:left; clear:left; padding: 5px 10px 0 15px; display: inline; margin-left: 40px; }

#content_wrap2 { width: 545px; float:left; clear:left; padding: 5px 10px 0 15px; display: inline; margin-left: 5px; }

.header_tab { display:block; height: 30px; background: url(images/flower.png) left no-repeat;  padding: 5px 0 5px 40px;}
.header_tab h1 {color: #963; font-size: 20px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0 0 0 0;}

.header_tab h2 {color:#963; font-size: 18px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0 0 0 0;}
.divider {display: block; width:545px; height:2px; background-color: #693; clear: both;}
.content_box {display:block; width: 545px; height: 150px; }
.text {display: block; width: 320px;;
 font-size: 12px; text-align: justify; float: left; margin: 10px 10px;}
 .text span {color: #993; font-size: 14px; font-weight: bold;}
 .text a {
	 color: #993;
	 font-weight:bold;
	 text-decoration: none;
 }
.content_box img {margin: 10px 10px; float: left; border: #693 2px solid; padding: 3px 3px;}

#services { display: block; width:535px; height: 100px; background: url(images/services_bg.png) center no-repeat; padding: 5px 5px; }
.service_list { display: block; height: 95px; width: 170px; float: left; margin: 0 0 0 6px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; padding-top: 5px;}
.service_list li { list-style: inside; line-height: 12px;}

#portfolio {display: block; width: 545px; height: 125px; text-align: left; font-size: 11px; }
#portfolio a {color: #F70; text-decoration: underline;}
#portfolio a:hover {color: #390; text-decoration: none;}
#portfolio img {margin: 4px 4px; float: left; border:  #FC6 1px solid; padding: 3px 3px;}

#testimonials {display: block; width: 533px; height: 100px; text-align: left; font-size: 11px; border: #F63 1px solid; padding: 0 5px; }
#testimonials a {color: #F70; text-decoration: underline;}
#testimonials a:hover {color: #390; text-decoration: none;}
#testimonials img {margin: 4px 4px; float: left; border:  #F90 2px solid; padding: 3px 3px;}

#footer {display: block; margin: 0 auto; w idth:100%; height: 100px; background-color: #033;  font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; color: #FFC;}
#footer_nav {display:block; margin:0 auto; height:15px; background-color: #9C6; padding-top: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; color:#FFF;}
#footer_nav a { color: #030; text-decoration: none;}
#copyright {display: block; float: right; font: normal 10px Arial, Helvetica, sans-serif; color: #FFF; text-align: right; padding-right: 5px;}
#copyright a {color:#FFC;}

/*contact page */
.form {
	 display: block; 
	 width: 405px;
	font-size:13px;
	margin: 0 auto;
	text-align: left;
}
.form label {
	display:block;
	line-height:25px;
}
.contact_info {
	display: block; 
	 width: 500px;
	font-size:14px;
s	text-align: left;
	margin: 0 auto;}
	
.contact_info a {color:#F60;}

/* about us page */

.about_text { display: block;
 font-size: 12px; text-align: justify; margin: 0 10px; padding: 5px;}
 .about_text span {color: #993; font-size: 14px; font-weight: bold;}
.tips {
	padding:5px 10px;
	margin: 5px 0;
	font-size:13px;
	height:625px;
	overflow: auto;
}
.tips li {
	margin: 10px 0 0 0;
}
.tips li strong {
	color: #063;
}
.tips h2, h3 {
	color: #630;
}
.tips p {
	text-align: justify;
	padding:10px 15px;
}
.tips li {
	text-align: justify;
}
 
 #gallery {display: block; width: 545px; font-size: 11px; }
#gallery a {color: #F70; text-decoration: underline;}
#gallery a:hover {color: #390; text-decoration: none;}
#gallery img {margin: 4px 2px 4px 0; float: left; border:  #FC6 1px solid; padding: 3px 3px; width: 125px; height: 100px;}

.specials {
	padding:5px 10px;
	margin: 5px 0;
	font-size:14px;
	height:625px;
	overflow: auto;
}
.specials strong {
	color: #C60;
	font-size: 1.3em;
}
.specials li {
	border: 1px solid #000;
	padding: 20px;
	margin: 15px 0;
	list-style: none;
	line-height: 1.3em;
}
.specials ul {
	margin-left: 0px;
	padding-left: 0px;
}