/* dark blue	001e74 */
/* blue			1E6EA9 */
/* light blue	76a7ca */
/* green		 c3c626 */

/* css reset */
	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, 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;}
	ul, ul li { margin: 0; padding: 0; list-style: none }
	ol { margin-top: 0; padding-top: 0; }
	blockquote, q {quotes: none;}
	blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
	sub, sup {vertical-align:baseline;position:relative;font-size: 0.8em;}
	sub {top:0.4em;}
	sup {bottom:0.4em;}
	/* remember to highlight inserts somehow! */
	ins {text-decoration: none;}
	del {text-decoration: line-through;}
	/* tables still need 'cellspacing="0"' in the markup */
	table {border-collapse: collapse;border-spacing: 0;}
	th { text-align: left; }
	input, textarea { font-family: sans-serif; font-size: 100% }
	/* IE stretched buttons fix */
	input.submit {width: 0;overflow:visible;}
	input.submit[class] {width: auto;}
/* css reset end */

/* elements */
body {line-height: 1.4; font-size: 10pt; font-family: sans-serif; text-align: center;color: #000;}
h1, h2, h3, h4 { font-size: 250%; font-family: "Times New Roman", serif; font-style: italic; font-weight: normal; padding: 0 0 0.4em 0; line-height: 1.1  }
h2 { font-size: 200%;}
h3 { font-size: 160%;}
h4 { font-size: 140%;}
a { color: #000 }

/* common classes */
.r, .r td, .r th { text-align: right !important; }
.c, .c td, .c th { text-align: center !important; }
.l, .l td, .l th { text-align: justify !important; }
.j, .j td, .j th { text-align: center; }
.t, .t td, .t th { vertical-align: top; }
.m, .m td, .m th { vertical-align: middle; }
.imgr { float: right; margin: 0 0 0.5em 20px }
.imgl { float: left; margin: 0 20px 0.5em 0 }
.alt { font-family: "Times New Roman", serif; font-size: 120% }
.date { font-size: 95%;}
.even, .even td { background: silver }
.error { padding: 0.5em 0 1em 0; color: #b00 }
.article .error li { padding: 0 0 0 15px; background: url(../img/error.gif) no-repeat left }
.more, a.more { font-family: "Times New Roman", serif; font-size: 120%; font-style: italic; text-decoration: none; }
.article .infobox { border: 1px solid #76a7ca; background: #fff; padding: 10px; margin-bottom: 1em  }
.coll { float: left; width: 49%  }
.colr { float: right; width: 49% }

/* MAIN CONTENT - text, tables, lists etc. */
#aside, #col, #lang, #font, #carousel, .home .poll, #intro, #footer ul, #footer .create, .friend, .page, .friendbutton, .faqbutton { display: none;  }

#content { padding: 10px 0 0 0; font-size: 110%; clear: both; }
#content h1 { padding-left: 10px }

.article { font-size: 110%; line-height: 1.5; padding: 0 0 1em 10px; clear: both;}
.article p { padding: 0em 0 0.8em 0; }
.article table { width: 100%; margin: 0 0 0.8em 0 }
.article td, .article th { font-size: 95%; padding: 0.4em 0.5em; border: 1px solid silver }
.article th { background: black; color: #fff; font-weight: bold; border: 0; border-right: 1px solid #fff }
.article ul { padding: 0 0 0.5em 1em }
.article ul li { padding: 0 0 0.1em 0; list-style: square}

.news h2, .faq h2 { font-size: 160%; padding-bottom: 0; }
.news h2 a, .faq h2 a { text-decoration: none;  }
.news .article, .faq .article { padding-bottom: 2em }
.answer, .question { padding: 0.4em 0 2em 40px; }
.question { background: url(../img/question.gif) no-repeat; border-bottom: 1px solid #DFF1FF; margin: 0.5em 0 0 0; }
.answer { background: url(../img/answer.gif) no-repeat; margin: 1em 0 0 0;  }

.price, .note { font-family: "Times New Roman", serif; font-size: 110%; font-style: italic; width: 50%; float: left; line-height: 1.2;}
.price strong { font-size: 140%; font-weight: normal; }
.article .price { padding-bottom: 2em  }
.article .note { float: right; width: 40%; text-align: right; padding: 0.8em 0 0 0; font-size: 120% }

#content .photo { width: 490px; overflow: hidden; padding: 0; }
#content .photo li { float: left; width: 160px; overflow: hidden; margin: 0 0 10px 0; padding: 0 0 16px 0 }
.photo img { display: block; margin: 0 20px 5px 8px; }
.photo span { font-size: 95%; padding: 0 20px 0 8px; display: block; }
.photo li a { text-decoration: none; }

/* usually no need to edit code below */

/* layout */
#center { width: auto; text-align: left;}
#logo { width: 270px; height: 120px; float: right;}
#logo img { display: block; }
#footer { clear: both; padding: 30px 0 30px 0; }
#footer ul, #footer .create { display: none; }
.copy span { background: url(../img/foot-copy.gif) no-repeat left; padding: 20px 0 15px 55px; margin: 0 0 0 25px; display: block;  }