/* CSS Document */

body {
	background-color:#DCCAE4;
}
p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #52187f;
}
.copyright_contact {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	height: 30px;
	text-align: center;
	padding-top: 20px;
}

.vcard {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	margin-right: auto;
	margin-left: auto;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #52187f;
}

#header {
	background-image:url(images/HEADER+tel.jpg);
	background-repeat:no-repeat;
	background-position:center;
	display:block;
	width:800px;
	height:68px;
	margin:auto;
	overflow:hidden;
}

#navbar {
	background-image:url(IMAGES/NAVBAR.JPG);
	background-repeat:no-repeat;
	width:800px;
	height:21px;
	margin:auto;
	overflow:hidden;
}

#footer {
	background-image:url(IMAGES/FOOTER.JPG);
	background-position:center;
	background-repeat:no-repeat;
	width: 800px;
	height: 104px;
	margin:auto;
	overflow:hidden;
}

#scroll {
	float:right;
	width: 100px;
	height: 513px;
	padding: 0px;

}

#designtext {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
	width:699px;
	height:513px;
	overflow:hidden;
}

#big {
	float:right;
	width: 260px;
	height: 513px;
	padding: 0px;
	overflow:hidden;

}

#navdesign {
	float:left;
	width:699px;
	height:513px;
	overflow:hidden;

}
#navpro {
	float:left;
	width:699px;
	height:513px;
	overflow:hidden;
}

#containerproducts {
	float:left;
	width:537px;
	height:513px;
	overflow:hidden;
}

#product {
	background-image:url(IMAGES/backproduct.jpg);
	background-position:center;
	background-repeat:no-repeat;
	width: 800px;
	margin:auto;
	overflow:hidden;
	display:block;
	background-color: #FFFFFF;
}

#pen {
	background-image:url(IMAGES/BACKPEN.jpg);
	background-position:center;
	background-repeat:no-repeat;
	width: 800px;
	height: 513px;
	overflow:hidden;
	vertical-align: top;
	margin: auto;
}

#serve {
	background-image:url(IMAGES/backserve.jpg);
	background-repeat:no-repeat;
	background-position:center;
	width: 800px;
	height: 513px;
	margin:auto;
	overflow:hidden;
}

#coast {
	background-image:url(IMAGES/backcoast.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;
	width: 800px;
	margin:auto;
	overflow:hidden;
	background-color: #F6F1ED;
}

#drink {
	background-image:url(IMAGES/backdrink.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;
	width: 800px;
	height: 513px;
	margin:auto;
	overflow:hidden;
	background-color: #F4EEE7;
}

#match {
	background-image:url(IMAGES/backmatch.jpg);
	background-position:center;
	background-repeat:no-repeat;
	width: 800px;
	height: 513px;
	overflow:hidden;
	margin: auto;

}
#design {
	background-image:url(IMAGES/backdesign.jpg);
	background-position:center;
	background-repeat:no-repeat;
	width: 800px;
	height: 513px;
	margin:auto;
	overflow:hidden;
}

#contact {
	background-image:url(IMAGES/bgcontact.jpg);
	background-position:center bottom;
	width: 800px;
	margin:auto;
	overflow:hidden;
}

#text {
	width: 400px;
	height: 200px;
	float: left;
	margin: 180px 0px 0px 0px;
	padding: 20px;
	font-size:18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#productnav{
	float: right;
	width: 700px;
	height: 513px;
	margin: 0px 0px 0px 0px;
	padding: 100px;
}
#container {
	background-image:url(IMAGES/body.jpg);
	background-position:center;
	width: 800px;
	height: 407px;
	margin:auto;
	overflow:hidden;
}

#sidenav {
	float:right;
	background-color:#52197E;
	width:100px;
	height:410px;
	margin: 0px 0px 0px 670px;
	overflow:hidden;

}

#textfield {
	float:left;
	padding:10px;
	width:450px;
	height:398px;
	overflow:hidden;
}	

#strip {
	float:left;
	background-image:url(IMAGES/imagestrip.png);
	background-repeat:no-repeat;
	overflow:hidden;
	width:516px;
	height:479px;

}
#navigation {
	background-image:url(IMAGES/NAVBAR.JPG);
	background-repeat:no-repeat;
	margin:auto;
	width:800px;
	height:20px;
	padding:0px;
	overflow:hidden;
}
#navigation li {
	display:inline;
	margin:0px 0px 0px 2px;
	padding: 0px;
}
#navigation ul {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
}
#navigation a {
	float:left;
	background-image:url(IMAGES/btnbackground.jpg);
	background-repeat:no-repeat;
	margin:1px 0px 0px 3px;
	padding: 2px;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#FFFFFF;
	display:inline;
	width:106px;
	height:17px;
	text-align:center;
}
#navigation a:hover {
	background-image:url(IMAGES/BTNHOVER.JPG);
	color:#000000;
}
.input_border {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	border: 1px solid #CCCCCC;
	margin: 0px;
	padding: 0px;
}
.purple_bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #521A7E;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
#contact_table a {
	color: #602C88;
	text-decoration: none;
}
#contact_table a:hover {
	color: #602C88;
	text-decoration: underline;
}
.input_border {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	border: 1px solid #CCCCCC;
	margin-bottom: 5px;
}
#other {
	background-repeat:no-repeat;
	background-position:center;
	width: 800px;
	margin:auto;
	overflow:hidden;
	background-color: #F4EDE9;
}
#menu1 { padding-left:10px; padding-bottom: 3px; padding-top: 8px;
}
#menu1 a:link, a:active, a:hover, a:visited { color: #fff; text-decoration: none; font:Verdana, Geneva, sans-serif; font-size:14px;}
#menu2 { padding-left:10px; padding-bottom: 3px; padding-top: 5px;
}
#menu2 a:link, a:active, a:hover, a:visited { color: #fff; text-decoration: none; font:Verdana, Geneva, sans-serif; font-size:14px;}
#menu3 { padding-left:12px; padding-bottom: 3px; padding-top: 5px;
}
#menu3 a:link, a:active, a:hover, a:visited { color: #fff; text-decoration: none; font:Verdana, Geneva, sans-serif; font-size:14px
}
#menu4 { padding-left:14px; padding-bottom: 3px; padding-top: 5px;
}
#menu4 a:link, a:active, a:hover, a:visited { color: #fff; text-decoration: none; font:Verdana, Geneva, sans-serif; font-size:14px;}
#menu5 { padding-left:16px; padding-bottom: 3px; padding-top: 5px;
}
#menu5 a:link, a:active, a:hover, a:visited { color: #fff; text-decoration: none; font:Verdana, Geneva, sans-serif; font-size:14px;}
#menu6 { padding-left:18px; padding-bottom: 3px; padding-top: 5px;
}
#menu6 a:link, a:active, a:hover, a:visited { color: #fff; text-decoration: none; font:Verdana, Geneva, sans-serif; font-size:14px;}
#menu7 { padding-left:20px; padding-bottom: 3px; padding-top: 5px;
}
#menu7 a:link, a:active, a:hover, a:visited { color: #fff; text-decoration: none; font:Verdana, Geneva, sans-serif; font-size:14px;}
#menu8 { padding-left:22px; padding-bottom: 3px; padding-top: 5px;
}
#menu8 a:link, a:active, a:hover, a:visited { color: #fff; text-decoration: none; font:Verdana, Geneva, sans-serif; font-size:14px;}
#menu9 { padding-left:24px; padding-bottom: 3px; padding-top: 5px;
}
#menu9 a:link, a:active, a:hover, a:visited { color: #fff; text-decoration: none; font:Verdana, Geneva, sans-serif; font-size:14px;}
#menu10 { padding-left:46px; padding-bottom: 3px; padding-top: 5px;
}
#menu10 a:link, a:active, a:hover, a:visited { color: #fff; text-decoration: none; font:Verdana, Geneva, sans-serif; font-size:14px;}
#menu11 { padding-left:68px; padding-bottom: 3px; padding-top: 5px;
}
#menu11 a:link, a:active, a:hover, a:visited { color: #fff; text-decoration: none; font:Verdana, Geneva, sans-serif; font-size:14px;}
#menu12 { padding-left:80px; padding-bottom: 3px; padding-top: 5px;
}
#menu12 a:link, a:active, a:hover, a:visited { color: #fff; text-decoration: none; font:Verdana, Geneva, sans-serif; font-size:14px;}
#menu13 { padding-left:105px; padding-bottom: 3px; padding-top: 5px;
}
#menu13 a:link, a:active, a:hover, a:visited { color: #fff; text-decoration: none; font:Verdana, Geneva, sans-serif; font-size:14px;}
#menu14 { padding-left:125px; padding-bottom: 3px; padding-top: 5px;
}
#menu14 a:link, a:active, a:hover, a:visited { color: #fff; text-decoration: none; font:Verdana, Geneva, sans-serif; font-size:14px;}
#menu15 { padding-left:135px; padding-bottom: 3px; padding-top: 5px;
}
#menu15 a:link, a:active, a:hover, a:visited { color: #fff; text-decoration: none; font:Verdana, Geneva, sans-serif; font-size:14px;}
#menu16 { padding-left:160px; padding-bottom: 3px; padding-top: 5px;
}
#menu16 a:link, a:active, a:hover, a:visited { color: #fff; text-decoration: none; font:Verdana, Geneva, sans-serif; font-size:14px; }