/* reset */
body, html  { height: 100%; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }/* remember to define focus styles! */
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }/* tables still need 'cellspacing="0"' in the markup */

/* GENERAL STYLES */

/* Floating & Alignment */
.fl{float: left;}
.fr{float: right;}
.ac{text-align: center;}
.ar{text-align: right;}

/* Clear Floats */
.col-full:after{content: "."; display: block;height: 0;clear: both; visibility: hidden;}
.fix{clear: both;height: 1px;margin: -1px 0 0;overflow: hidden;}
html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear  { background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; }/* http://sonspring.com/journal/clearing-floats */


/* body */
body  { font: 13px/20px Verdana,Arial,Sans-serif; color: #222; background-color: #fff; }

/* #header */
#header{
	overflow:hidden;
	width:1024px;
	margin:0 auto;
}
#header h1{overflow:hidden;text-indent:-999px;background:url(../img/h1.gif);width:498px;height:118px;float:left;}
#header div{padding-left:30px;float:left;font-size:14px;line-height:35px;font-weight:bold;}

/* #content */
#content{
	width:1024px;
	margin:0 auto;
}
#content .main div {float: left;}
#content .main div.column-1 {width: 499px;}
#content .main div.column-1 img {width: 493px; height: 278px;}
#content .main div.column-2 {width: 400px;}
#content .main div.column-2 iframe img {width: 343px; height: 257px;}
#content .main div.column-3 {width: 125px;
	font-size:18px;
	font-weight: bold;
	text-align:center;
	padding:115px 0 0;
	background:url("../img/p3.gif") center 15px no-repeat;}

#content .main div p{margin-bottom:20px;}
#content .txt{
	clear:both;
	font-size:18px;
	font-weight: bold;
}
#content .txt p{padding:8px 0;}

/* bottom */
#bottom {
	width:1024px;
	margin:0 auto;
	background:url("../img/bot.png") center bottom no-repeat;
	height:220px;
	margin-top:-20px;
}