*{ outline: none;}

body {
background:#c2d8ed url(../images/bluepattern.jpg) repeat;
font-family:Arial, sans-serif;
font-size:12px;
color:#666;
}

img,#top,img,#bottom,img,#middle,img,#middle_wrap {
behavior:url(css/iepngfix.htc);
}

img,#home_text,img,#home_logo{
behavior:url (css/iepngfix.htc);
}

#wrap {
width:898px;
height:auto;
margin:auto;
padding:0;
}

#top {
background:transparent url(../images/sub-top.png) no-repeat;
width:898px;
height:74px;
margin:0;
padding:0;
}

#middle_wrap {
background:transparent url(../images/sub-middle.png) no-repeat;
width:898px;
height:558px;
margin: 0;
padding: 0;
}

#middle_content_chocolatiers {
background:transparent url(../images/chocolatiers-image.jpg) no-repeat;
width:851px;
height:558px;
margin-left:25px;
padding: 0;
}

#middle_content_experience {
background:transparent url(../images/experience-image.jpg) no-repeat;
width:851px;
height:558px;
margin-left:25px;
padding: 0;
}

#middle_content_contact {
background:transparent url(../images/contact-image.jpg) no-repeat;
width:851px;
height:558px;
margin-left:25px;
padding: 0;
}

#middle_content_confirm {
background:transparent url(../images/confirm-image.jpg) no-repeat;
width:851px;
height:558px;
margin-left:25px;
padding: 0;
}

#bottom {
background:transparent url(../images/sub-bottom.png) no-repeat;
width:898px;
height:33px;
margin:0;
padding:0;
}

#nav {
width:898px;
margin:0;
padding:0;
}

ul#navlist {
padding-top:45px;
padding-left:330px;
padding-bottom: 0;
padding-right: 0;
margin:0;
}

#navlist li {
display:inline;
list-style:none;
}

#navlist li a {
text-decoration:none;
width:auto;
margin:0;
}

#chocolatiers a {
background:url(../images/chocolatiers_hover.png) no-repeat;
height:12px;
width:120px;
float:left;
padding-right:70px;
}

#chocolatiers a:hover {
background:url(../images/chocolatiers.png) no-repeat;
}

#experience a {
background:url(../images/experience_hover.png) no-repeat;
height:12px;
width:94px;
float:left;
padding-right:50px;
}

#experience a:hover {
background:url(../images/experience.png) no-repeat;
}

#shop a {
background:url(../images/shop_hover.png) no-repeat;
height:12px;
width:42px;
float:left;
padding-right:30px;
}

#shop a:hover {
background:url(../images/shop.png) no-repeat;
}

#contact a {
background:url(../images/contact_hover.png) no-repeat;
height:12px;
width:78px;
float:left;
padding-right:35px;
}

#contact a:hover {
background:url(../images/contact.png) no-repeat;
}

#chocolatierscur a {
background:url(../images/chocolatiers.png) no-repeat;
height:12px;
width:120px;
float:left;
padding-right:70px;
}

#experiencecur a {
background:url(../images/experience.png) no-repeat;
height:12px;
width:94px;
float:left;
padding-right:50px;
}

#contactcur a {
background:url(../images/contact.png) no-repeat;
height:12px;
width:78px;
float:left;
padding-right:35px;
}

#nav a i {
visibility:hidden;
}

#nav>ul#navlist li a {
width:auto;
}

.logo {
padding-left:74px;
margin:0;
}

.logo_btm {
padding-left:68px;
margin:0;
}

#footer {
float:right;
padding-top:5px;
padding-right:22px;
font-size:10px;
color:#777;
}

#footer a:link{
	color:#777;
	text-decoration: none;
}
#footer a:visited{
	color:#777;
	text-decoration: none;
}
#footer a:hover{
	color:#666;
	text-decoration: none;
}
#footer a:active{
	color:#777;
	text-decoration: none;
}

#left {
float:left;
}

#right {
float:left;
width:550px;
padding-top:223px;
padding-left:30px;
padding-bottom: 0;
margin:0;
}

a img {
border:none;
}

p {
line-height:1.5em;
}

.hidden {
display:none;
}

.left_image {
padding-left:65px;
}

.right_text {
padding-left:20px;
}

h1#chocolatiers {
background:url(../images/chocolatiers_header.png) no-repeat;
height:0;
overflow:hidden;
padding-top:51px;
width:183px;
}

h1#experience {
background:url(../images/experience_header.png) no-repeat;
height:0;
overflow:hidden;
padding-top:62px;
width:160px;
}

h1#contact {
background:url(../images/contact_header.png) no-repeat;
height:0;
overflow:hidden;
padding-top:51px;
width:176px;
}

/*form*/
.label{font-weight: bold; margin: 0px; padding: 0px; }
.required{color:#666; font-weight: bold;}
.error{padding: 5px; border: 1px solid #666; background: #eee; margin: 0;}
input {color: #666;}
textarea{color: #666;overflow:auto;}

.sminput{
	background: #fff url(../images/name_email.png) no-repeat !important;
	width: 335px;
	height: 24px;
	border: none;
	padding-left: 3px;
	padding-top: 4px;
 }
 
 .lginput{
	background: #fff url(../images/message.png) no-repeat !important;
	width: 335px;
	height: 68px;
	border: none;
	padding-left: 3px;
	padding-top: 3px;
}

#contact_info{ margin: 0 0 0 72px;}