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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

p{ margin:20px 0; }

.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}

/*------------GENERAL-------------*/

body { background:#FFF url(../images/body_bg.png) repeat-x; font-family:Verdana, Geneva, sans-serif; font-size:12px; }

#wrap { width:960px; margin:0 auto; position:relative; }

h1 { font-size:26px; font-weight:bold; }
h2 { font-size:24px; font-weight:bold; }
h3 { font-size:22px; font-weight:bold; }
h4 { font-size:20px; font-weight:bold; }
h5 { font-size:18px; font-weight:bold; }
h6 { font-size:16px; font-weight:bold; }

a:link, a:visited, a:active, a:hover { color:#0098af; text-decoration:none; }
a:hover { text-decoration:underline; }

/*------------HEADER-------------*/

#logo { background:url(../images/sprite.png) 0 0 no-repeat; width:140px; height:130px; text-indent:-9999px; }
#logo a { display:block; width:140px; height:130px; }

.top_menu { height:40px; width:770px; border:1px solid #bed4e0; background-color:#d0e1e8; margin-top:10px; margin-left:10px; line-height:40px; padding-left:10px; color:#1E1E1E; font-size:14px; }
.top_menu a:link, .top_menu a:visited, .top_menu a:active, .top_menu a:hover { color:#c95409; font-family:Verdana, Geneva, sans-serif; } 
.top_menu strong { color:#FFF; font-size:1.3em; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; margin-right:15px; float:left; }
.top_menu h1 { color:#FFF; font-size:1.3em; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; margin-right:15px; float:left; }



/*------------CONTENT-------------*/

#content { width:800px; position:absolute; top:0; right:0; padding-bottom:50px; }

.amount { background:url(../images/sprite.png) -160px 0 no-repeat; width:780px; height:60px; margin-left:10px; margin-top:10px; line-height:56px; position:relative; }
#amount_input { width:500px; height:40px; background-color:#F7F7F7; border:1px dotted #DEDEDE; padding-left:5px; font-size:32px; color:#CACACA; font-weight:bold; position:absolute; left:170px; top:8px; }
#amount_input:hover, #amount_input:focus { background-color:#F4F4F4; border:1px dotted #D9D9D9; }
.amount span { font-size:32px; color:#d6d6d6; font-weight:bold; margin-left:10px; _padding-bottom:10px; position:absolute; }
.amount #go_btn { position:absolute; top:10px; right:10px; }


.amount #go_btn:hover { opacity: .80;	filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)"; -khtml-opacity: .80; -moz-opacity: .80; }


.from_currency { background:url(../images/sprite.png) -10px -160px no-repeat; width:380px; height:230px; margin-left:10px; margin-top:20px; float:left; }

.to_currency { background:url(../images/sprite.png) -410px -160px no-repeat; width:380px; height:230px; margin-left:20px; margin-top:20px; float:left; }

.from_currency h3, .to_currency h3  { color:#FFF; font-size:18px; margin:20px; }

#from_input { width:340px; height:30px; font-size:18px; font-weight:bold; color:#ADADAD; margin-left:20px; margin-bottom:15px; margin-top:10px; padding-left:10px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; background-color:#FFF; border:1px solid #b3cdd9; }
#from_input:hover, #from_input:focus { color:#8C8C8C }

#to_input { width:340px; height:30px; font-size:18px; font-weight:bold; color:#ADADAD; margin-left:20px; margin-bottom:15px; margin-top:10px; padding-left:10px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; background-color:#FFF; border:1px solid #b3cdd9; }
#to_input:hover, #to_input:focus { color:#8C8C8C }

.rates { font-size:16px; font-weight:bold; color:#F4F4F4; text-align:center; margin-top:10px; }
.rates abbr { background-color:#107281; border-radisu:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:5px; line-height:45px; width:35px; cursor:pointer; }
.rates abbr:hover { background-color:#178394; }
.rates#rates_to abbr { background-color:#b74800; }
.rates#rates_to abbr:hover { background-color:#c35107; }

#result { background:url(../images/sprite.png) -10px -410px no-repeat; height:50px; width:780px; line-height:50px; margin-left:10px; margin-top:20px; text-align:center; font-size:18px; color:#FFF; font-weight:bold; }
#result img { margin-top:18px; }

.desc_box { background:url(../images/sprite.png) 0 -470px no-repeat;  padding:15px 30px 0 30px; margin-top:15px; color:#575757; line-height:20px; }
.desc_box h2 { font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; color:#0098af; line-height:35px;}
.desc_box h4 { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#666; }
#chrome { font-size:0.9em; color:#666; line-height:25px; }


table#exchange_rates {
	margin:0 auto;
	font-family : Arial;
	font-size : 12px;
	color : #000000;
	border-collapse: collapse;
	border-spacing: 0px;
	line-height:25px;
	}

table#exchange_rates .credit {
	text-align:center;
	font-weight:bold;
}

table#exchange_rates td {
	background-color : #FFFFFF;
	font-family : Arial;
	font-size : 12px;
	color : #000000;
	border-bottom: 1px dotted #CCC;
	}