
body {
	background: #f3dbb9 url("") no-repeat;
	cursor: crosshair;
}


#content {
	left: 300px;
	top: 300px;
	background: url(white.png);
	width: 700px;
	height: auto;
	text-align: justify;
	overflow: hidden;
	border: 3px double #ee3c3d;
	padding: 10px;	
	margin-bottom: 10px;
}



#content a img{
padding: 5px;
margin: 1px;
background-color:#f2efed;
transition-duration: 0.9s;
    -webkit-transition-duration: 0.9s;
    -o-transition-duration: 0.9s;
    -moz-transition-duration: 0.9s;
	background: #000 url("imgbg.jpg") no-repeat top left;
}

#content a img:hover{
background-color: #775978;
background-position: bottom right;
transition-duration: 0.9s;
    -webkit-transition-duration: 0.9s;
    -o-transition-duration: 0.9s;
    -moz-transition-duration: 0.9s; }


p, font, body {
	color: #000;
	font: 9pt century gothic !important;
	line-height: 12pt !important;
	text-align: left;
}
a:link, a:visited {
	font: 9pt century gothic !important;
	color: #0b718b;
	text-transform: uppercase;
	text-decoration: none;
}
a:hover {
	color: #aaa !important;
	cursor: sw-resize;
}
i {
	font: italic 8.5pt century gothic;
	color: #62ce37;
}
b {
	font: bold 8.5pt century gothic;
	color: #dd1013;
}
strong {
	font: bold 7pt century gothic;
	color: #df4215;
	text-transform: uppercase;
}
A.men {
	display: block;
	text-align: center;
	text-transform: uppercase;
	font: 12pt century gothic;
	letter-spacing: 1px;
	width: 250px;
	line-height: 30px;
	color: #0b7ca8 !important;
	text-decoration: none;
	background: #fff;
	padding: 10px;
	margin: 3px;
	opacity: .7;
}
a.men:hover {
	color: #000 !important;
	background: #febfb9;
	font: 14pt century gothic;
	letter-spacing: 3px;
	text-align: center;
	border-bottom: 1px solid #aaa;
}
h1 {
	text-align: left;
	letter-spacing: 1pt;
	color: #666;
	font: 20pt century gothic;
	text-transform: lowercase;
	height: 14px;
	line-height: 14px;
	padding-left: 10px;
}
.bulk {
	letter-spacing: -1pt;
	color: #444;
	font: bold 14pt century gothic !important;
	text-transform: lowercase;
	height: 14px;
	line-height: 14px;
}
h2 {
	text-align: center;
	letter-spacing: 3pt;
	color: #666;
	font: 9pt monospace;
	text-transform: uppercase;
	height: 14px;
	line-height: 14px;
	background: #000;
}
li {
	list-style-image: url("bullet.png");
	color: #000;
	font: 9pt century gothic !important;
	line-height: 12pt !important;
	text-align: left;
	padding: 5px;
	text-transform: uppercase;
}
textarea {
	width: 400px;
	height: 100px;
	font: 12pt century gothic;
	letter-spacing: 2px;
	line-height: 14pt;
	color: #fff;
	overflow: hidden;
	background: #000;
	border: none;
}
textarea:hover {
	font: 14pt century gothic;
	letter-spacing: -1px;
	font-weight: bold;
	color: #222;
	line-height: 14pt;
	background: #41d4d8;
}
#nav {
	left: 20px;
	top: 390px;

	width: 250px;
	height: auto;
	text-align: right;
}
b.t1 {
	font: 50px century gothic;
	line-height: 60px;
	color: #000;
	letter-spacing: -2px;
	text-transform: lowercase;
}
b.t2 {
	font: 50px century gothic;
	line-height: 60px;
	color: #000;
	letter-spacing: -2px;
	text-transform: lowercase;
	font-weight: bold;
}
b.t3 {
	font: 10px century gothic;
	line-height: 10px;
	color: #000;
	background: #fff;
	letter-spacing: 5px;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
}

.clearfloat {
	clear: both;
	display: block;
	height: 0;
	padding: 3px 0;
	visibility: hidden;
}

#header {
	top: 0px;
	left: 0px;
	width: 900;
	height: 500;
	position: absolute;
	background: url("header.jpg") no-repeat;
}

#text {
	top: 250px;
	left: 660px;
	width: auto;
	height: auto;
	position: absolute;
	z-index:1;
}

