@import url(reset.css);

body { font-family: Arial, Verdana, sans-serif; font-size:62.5%; color:#222; }
#wrapper { width:960px; margin:0 auto; font-size:1.4em; padding-bottom:32px; }

#head { border-bottom:2px solid #ccc; height:100px; position:relative; }
#head h1 { background:transparent url(../img/logo.gif) no-repeat 0 5px; width:200px; height:90px; float:left; margin:0; }
#head h1 span { display:none; }
#navigation { position:absolute; top:70px; left:200px; margin:0; }
#navigation a { color:#000; text-decoration:none; }
#navigation a:hover { color:#f00; }
#navigation li.active a { color: #f00; }
#navigation li.active li a { color: #000; }
#navigation li.active li a:hover { color: #f00; }
#navigation li.active li.active a { color: #f00; }
#navigation li.emph a { font-weight:bold; color:#444; }
#navigation li.emph a:hover { color:#e00; }
#navigation li { display:inline; margin-left:1.5em; position:relative; }
#navigation li ul { display:none; background:#fff; background:rgba(255,255,255,0.95); position:absolute; left:-8px; top:16px; padding-bottom:4px; margin:0; border:1px solid #ccc; z-index:1; }
#navigation li:hover ul { display:block; }
#navigation ul li { margin:0; display:block; margin:0; }
#navigation ul a { display:block; white-space:nowrap; padding:4px 8px 0; }
#siteSearch { float:right; margin-top:67px; }
#siteSearch input[type="text"] { width:75px; border:1px solid #000; }
#siteSearch input[type="submit"] { display:none; }

#contentBody { background-position:left top; background-repeat:no-repeat; }
#columnLeft { width: 470px; float:left; margin-right:20px; }
#columnRight { width: 470px; float:right; }

#footer { width:960px; margin:-32px auto 0; font-size:1.4em; text-align:center; border-top:2px solid #ccc; height:22px; padding-top:8px; background-color:#fff; }
#footer address, #footer dl, #footer dt, #footer dd { display:inline; margin:0; }
#footer dt { margin:0 0.5em 0 1em; }

.clearContent { clear:both; height:32px; }

/***Typo***/
h1 { font-size: 1.4em; letter-spacing:0.1em; font-weight:bold; color:#333; }
h2 { font-size: 1.3em; letter-spacing:0.05em; font-weight:bold; color:#333; }
h3 { font-size: 1.2em; font-weight:bold; color:#333; }
h4 { font-size: 1.2em; color:#000; letter-spacing:0.01em; }
p,ul,ol{ margin-bottom:1.2em; line-height:1.4em; }
ul, ol, dl { margin-left: 1.6em; }
ul, ul li { list-style-type:disc; }
ol, ol li { list-style-type:decimal; }
ul ul { margin-bottom:0; }
h1,h2,h3,h4,h5,h6 { margin:0.8em 0 0.3em;}
em { font-style:italic; }
strong { font-weight: bold; color:#111; }
a { color:#c00; }
a:hover { color:#f00; }
/*h1 + p, h2 + p, h3 + p, h4 + p { text-indent:0; }*/

/***Form***/
.form { border:1px solid black; padding:5px; }
.form legend { font-size:1.2em; font-weight:bold; color:#333; margin-bottom:1em; padding:0 10px; }
.form label { width:11em; float:left; }
.form p { clear:left; }
.form input, .form textarea { border:1px solid black; width:200px; }
.form textarea { height:6em; }
.form input.wrong, .form textarea.wrong { background:#fff url(../img/cross.png) no-repeat right top; }
.form input.button { overflow:visible; width:auto; padding:0 2px 0 24px; background:#efefef url(../img/email_go.png) no-repeat 2px center; }
.message { border-width:2px; border-style:solid; padding:5px; margin-bottom:1em; }


/** modal Window **/
div#modalWindow { width:600px; height:400px; background:#fff; border:1px solid #ccc; -moz-border-radius:10px; -moz-box-shadow:2px 2px 8px #555; z-index:900; -moz-border-radius-topright: 0; }
div#modalWindow div { padding:0 10px 10px; }
div#modalWindow h3 { padding:4px 10px; background-color:#ccc; color:#fff; margin:0 0 1em; -moz-border-radius-topleft:10px; overflow:auto; position:relative;  }
div#modalWindow h3 a.close { position:absolute; right:4px; top:3px; cursor:pointer; }