html, body {height: 100%; margin: 0; padding: 0;} 
body{
	background: #E9EFF4 url('../_i/head_bgr.gif') top left repeat-x;
	font-family: Verdana, Tahoma, Arial;
	color: #333333;	
}
input:focus,
textarea:focus {
outline: none;
}
a{
	color:#0066CC;
	text-decoration:underline;
}
a:visited{
	color:#336699;
}
a:hover,
a:active{
	color:#CC3333;
	text-decoration:underline;
}


#page {
	min-height: 100%;
	margin-bottom: -40px;
}
* html #page {
	height: 100%;
}
#logo{
	text-align:center;
	padding-top:15px;
	margin-bottom:20px;
}
#logo img{
	behavior: url(/_js/iepngfix.htc);
	margin: 0 20px;
	border:none;
}
#logo h1{
	margin-top:65px;
	font-size:1.6em;
	font-weight:normal;
	color:#CC3333;
}

#content{
	padding: 20px;
	font-size: 0.8em;
	color:#3B4047;
	line-height:1.4em;
	clear:both;
}

#content h2{
	font-size:1.4em;
	font-weight:normal;
}

#content pre{
	font-size:10pt;
}

#page-empty {
	height: 50px;
	clear: both;
}
#footer {
	height: 40px;
	background: url('../_i/footer_bgr.gif') top left repeat-x;
	color:#6699CC;
	font-size:0.7em;
}
#footer .wrapper{
	padding:15px 20px 0;
}

div.bubble{
	border-left:0px solid #D3DAE2;
	background:#FFFFFF;
	width:215px;
	margin:0 auto;
	font-size:0.8em;
	color:#88B619;
}

div.bubble .tr{
	background: url(../_i/bbl_tr.gif) top right no-repeat;
}

div.bubble .tl{
	background: url(../_i/bbl_tl.gif) top left no-repeat;
	margin-top:-1px;
	margin-left:-1px;
}
div.bubble .bl{
	background: url(../_i/bbl_bl.gif) bottom left no-repeat;
	padding:2em 0.5em 5em 0.5em;
	text-align:center;
}
div.bubble .br{
	background: url(../_i/bbl_br.gif) bottom right no-repeat;
	border-top:1px solid #D3DAE2;
}

a#mymail{
	display:block;
	font-size:1.7em;
	color:#0066CC;
	outline: none;
	text-decoration:none;

}
a#mymail span{
	border-bottom:1px dashed #0066CC;
}
a#mymail:visited{
	color:#0066CC;
}
a#mymail:hover,
a#mymail:active{
	color:#CC3333;
	text-decoration:none;
}
a#mymail:hover span,
a#mymail:active span{
	border-bottom:1px dashed #CC3333;
}

a#close{
	display:none;
	width:20px;
	margin-top:-20px;
	float:right;
	outline: none;
}
a#close img{
	border:none;
}

form#feedback{
	display:none;
	margin-top:0.5em;
	text-align:left;
}

form#feedback input{
	background:transparent url('/_i/input_bgr.gif') no-repeat left top;
	height:15px;
	width:470px;
	border:none;
	padding:4px 5px;
	margin:0;
}

div.textarea{
	background:transparent url('/_i/textarea_bgr.gif') no-repeat left top;
	padding:4px 0;
	width:480px;
	margin:10px 0 0 0;
	border:0px solid green
}
form#feedback textarea{
	padding:0px 2px 0 5px;
	border:none;
	background:transparent;
	height:155px;
	width:470px;
	overflow: auto;
	border:0px solid red;
}

form#feedback input,
form#feedback textarea{
	margin:0;
}
form#feedback input.submit{
	width:86px;
	height:22px;
	background:none;
}

form#feedback input.default,
form#feedback textarea.default{
	color:#999999;
}

.error{
	font-size:0.85em;
	color:#FF3333;
	text-align:left;
	display:block;
}
#sending{
	background: url('/_i/sending.gif') 50% 50% no-repeat;
	height:250px;
	color:#333333;
}
#thanx{
	text-align:center;
	padding-top:50px;
	height:200px;
	color:#333333;
}

a.button {
    background: transparent url('/_i/button_a_bgr.gif') no-repeat scroll top right;
    color: #444;
    width:100px;
    display: block;
    font-size: 12px;
    height: 24px;
    margin:0 auto;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('/_i/button_span_bgr.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 
a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 

