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

body {
	background-color: #e7ce9d;
	margin: 0px;
	padding: 0px;
}
#main-wrap {
	text-align: left;
	width: 100%;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	top: 0px;
}
.clear {
	clear: both;
}
	
/**********
Fonts
**********/

.cr-text {
	font-family: Arial, "Helvetica", sans-serif;
	font-size: 11px;
	color: #666666;
}
.cr-text2 {
	font-family: Arial, "Helvetica", sans-serif;
	font-size: 13px;
	color: #666666;
}
.cr-text a:link{
	color:#666666;
	text-decoration: none;
}
.cr-text a:visited{
	color:#666666;
	text-decoration: none;
}
.cr-text a:hover{
	color:#666666;
	text-decoration: underline;
}
.button {
	font-family: Arial, "Helvetica", sans-serif;
	font-size: 19px;
	color: #666666;
	vertical-align: middle;
}
.title {
	font-family: Arial, "Helvetica", sans-serif;
	font-size: 20px;
	color: #666666;
}
.sub-title {
	font-family: Arial, "Helvetica", sans-serif;
	font-size: 14px;
	color: #666666;
}
.sub-title-2 {
	font-family: Arial, "Helvetica", sans-serif;
	font-size: 9px;
	color: #666666;
}
.smaller {
	font-family: Arial, "Helvetica", sans-serif;
	font-size: 9px;
	color: #666666;
}

/**********
Header
**********/

#header-wrap {
	width: 100%;
	background-image: url(../images/lattece-bg.jpg);
	background-position: top;
	background-repeat: repeat-x;
	height: 136px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	top: 0px;
	position: absolute;
}
#header-left {
	background-image: url(../images/Lattece-Side.jpg);
	background-repeat: no-repeat;
	height: 257px;
	width: 254px;
	top: 0px;
	position: absolute;
	float: left;
}
#header-mid {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
#header-logo {
	background-image: url(../images/logo-lattece.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 136px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
#header-right {
	background-image: url(../images/Lattece-Side2.jpg);
	background-repeat: no-repeat;
	height: 257px;
	width: 254px;
	top: 0px;
	right: 0px;
	position: absolute;
	float: right;
}


/**********
Middle Window
**********/

#midwin-wrap {
	text-align: center;
	width: 100%;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	top: 0px;
}
#midwin-wrap-showroom {
	text-align: center;
	width: 100%;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	top: 0px;
}
#midwin {
	background-image: url(../images/gradient.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-left: auto;
	margin-right: auto;
	width: 635px;
	height: 548px;
}
#midwin-showroom {
	background-image: url(../images/gradient.jpg);
	background-color:#FFFFFF;
	background-repeat: repeat-x;
	background-position: bottom;
	margin-left: auto;
	margin-right: auto;
	width: 635px;
	height: 1600px;
}
#midwin-inside-wrap {
	width: 623px;
	height: 536px;
	float: left;
	margin-left: auto;
	margin-right: auto;
}
#midwin-inside-wrap-showroom {
	background-color:#FFFFFF;
	width: 623px;
	height: 1600px;
	float: left;
	margin-left: auto;
	margin-right: auto;
}
#midwin-flash {
	width: 592px;
	height: 288px;
	margin-left: auto;
	margin-right: auto;
}
#midwin-buttons-wrap {
	width: 592px;
	height: 76px;
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;
}
#button-home {
	width: 148px;
	height: 76px;
	float: left;
}
.button-home {
	background-image: url(../images/btn_home.jpg);
	background-repeat: no-repeat;
	text-decoration: none;
	display: block;
	width: 148px;
	height: 76px;
	font-size: 10px;
}
.button-home:hover {
	background-image: url(../images/btn_home_over.jpg);
	text-decoration: none;
}
#button-showroom {
	width: 148px;
	height: 76px;
	float: left;
}
.button-showroom {
	background-image: url(../images/btn_showroom.jpg);
	background-repeat: no-repeat;
	text-decoration: none;
	display: block;
	width: 148px;
	height: 76px;
	font-size: 10px;
}
.button-showroom:hover {
	background-image: url(../images/btn_showroom_over.jpg);
	text-decoration: none;
}
#button-about {
	width: 148px;
	height: 76px;
	float: left;
}
.button-about {
	background-image: url(../images/btn_about.jpg);
	background-repeat: no-repeat;
	text-decoration: none;
	display: block;
	width: 148px;
	height: 76px;
	font-size: 10px;
}
.button-about:hover {
	background-image: url(../images/btn_about_over.jpg);
	text-decoration: none;
}
#button-contact {
	width: 148px;
	height: 76px;
	float: left;
}
.button-contact {
	background-image: url(../images/btn_contact.jpg);
	background-repeat: no-repeat;
	text-decoration: none;
	display: block;
	width: 148px;
	height: 76px;
	font-size: 10px;
}
.button-contact:hover {
	background-image: url(../images/btn_contact_over.jpg);
	text-decoration: none;
}
#midwin-text {
	text-align: justify;
	width: 592px;
	height: 140px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 25px;
}
#midwin-text-2 {
	text-align: justify;
	width: 592px;
	height: 140px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
}
#midwin-title {
	text-align: left;
	width: 592px;
	height: 30px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 25px;
	border-bottom: thin;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-color: #CCCCCC;
}


/**********
Middle Window Gradient
**********/

#mwg-tl {
	background-image: url(../images/midwin_tl.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 6px;
	height: 6px;
}
#mwg-tr {
	background-image: url(../images/midwin_tr.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 6px;
	height: 6px;
}
#mwg-bl {
	background-image: url(../images/midwin_bl.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 6px;
	height: 6px;
}
#mwg-br {
	background-image: url(../images/midwin_br.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 6px;
	height: 6px;
}
#mwg-left {
	background-image: url(../images/midwin_left.jpg);
	background-repeat: repeat-y;
	float: left;
	width: 6px;
	height: 536px;
}
#mwg-right {
	background-image: url(../images/midwin_right.jpg);
	background-repeat: repeat-y;
	float: left;
	width: 6px;
	height: 536px;
}
#mwg-left-showroom {
	background-image: url(../images/midwin_left.jpg);
	background-repeat: repeat-y;
	float: left;
	width: 6px;
	height: 1600px;
}
#mwg-right-showroom {
	background-image: url(../images/midwin_right.jpg);
	background-repeat: repeat-y;
	float: left;
	width: 6px;
	height: 1600px;
}
#mwg-top {
	background-image: url(../images/midwin_top.jpg);
	background-repeat: repeat-x;
	width: 623px;
	float: left;
	height: 6px;
}
#mwg-bottom {
	background-image: url(../images/midwin_bottom.jpg);
	background-repeat: repeat-x;
	float: left;
	width: 623px;
	height: 6px;
}


/**********
Bottom
**********/

#bottom-wrap {
	text-align: center;
	width: 100%;
	height: 72px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	top: 0px;
}
#bottom {
	background-image: url(../images/bottom.jpg);
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	width: 635px;
	height: 72px;
}
#bottom-text {
	width: 635px;
	padding-top: 15px;
	vertical-align: middle;
	margin-right: 10px;
}
#bbb-logo {
	height: 60px;
	width: 37px;
	float: left;
	margin-left: 10px;
	margin-top: 6px;
}
#bottom-text a:link{
	color:#666666;
	text-decoration: none;
}
#bottom-text a:visited{
	color:#666666;
	text-decoration: none;
}
#bottom-text a:hover{
	color:#666666;
	text-decoration: underline;
}

/**********
Gallery
**********/

#Gallery-wrap {
	text-align: justify;
	width: 592px;
	height: 1400px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
}
#gallery-image {
	width: 125px;
	height: 125px;
	text-align: center;
	padding-top: 10px;
	padding-left: 17px;
	float: left;
}

/**********
About
**********/
#manu {
	height: 140px;
	width: 150px;
	float:left;
}
#manu-2 {
	margin-left: 15px;
	height: 140px;
	width: 130px;
	float:left;
}
#manu-3 {
	margin-left: 45px;
	height: 140px;
	width: 130px;
	float:left;
}