* { margin: 0; padding: 0; }

body { background: #202020; color: #ccc; font-family: sans-serif; }

a { text-decoration: none; color: #fff; }

h1 { width: 400px; height: 45px; float: left; margin: 15px 0 0 10px; padding: 0; background: url(/images/logo-trans.png) no-repeat; z-index: 0; }
h1 span { display: none; }

h2 { line-height: 2.5em; }

h3 { line-height: 2em; }

p { line-height: 1.5em; }

dt { margin: 0 0 5px 0; }

dd { margin: 0 10px 10px 10px; }

.hide { display: none; }

.small { font-size: 80%; }

div#container { width: 1000px; margin: 0 auto; background: #252525; }

ul#main_menu { list-style: none; float: right; margin: 51px 4px 0 0; }
ul#main_menu li { display: inline; margin: 0 1px; background: url(../images/main-menu-bg.png) top repeat-x #121212; padding: 12px; border-top: 2px solid #333; }
ul#main_menu li.selected { background: url(../images/main-menu-active-bg.png) top repeat-x #666; color: #fff; }
ul#main_menu li a { color: #ccc; text-decoration: none; font-size: 16px; font-weight: bold; }

div#banner { width: 1000px; float: left; margin: 5px 0 0 0; border-top: 10px solid #666; }
div#content { width: 1000px; float: left; padding: 0; font-size: 1em; text-align: justify; }
div#content h2, div#content h3 { color: #98e504; background: transparent; clear: both; }

dt { color: #98e504; background: transparent; clear: both; }

div#content div#intro { width: 980px; padding: 10px; float: left; }
div#content div#outro { padding: 0 10px 10px; clear: both; }
div#content p { margin: 0 0 1% 0; }
div#front_left { width: 590px; float: left; padding: 5px 10px; }
div#front_left ul { padding: 0 20px; list-style: none; }
div#front_left ul li { background: url(../images/list-image.png) left center no-repeat; margin: 10px 0; padding: 0 0 0 30px; }
div#front_right { width: 380px; float: right; padding: 8px 10px 10px 0; }
div#cli_all { text-align: left; padding: 40px; }
div#cli_summary { width: 180px; float: left; }

#cli_summary h2 { padding-bottom: 20px; }


#cli_trademark_info { padding: 20px 0; }

div#cli_list { background: white; width: 670px; padding: 20px; float: right; border: 5px solid #666; margin-bottom: 40px; }
div#cli_list img { padding: 12px; }
div#contact_details { text-align: left; width: 980px; padding: 10px; margin-bottom: 10px; }
div#contact_details #col1 { width: 50%; float: left; }
div#contact_details #col2 { width: 50%; float: right; }
div#contact_details > div > div { width: 370px; margin: 20px; }
div#contact_details .small { line-height: 1.2; }
div#layout_image { width: 250px; height: 200px; float: left; margin: 0px 0 0 60px; padding: 4px; background: #666; border: 1px solid #333; }
div#layout_image img { float: left; border: none; }
div#footer { width: 100%; float: left; background: #121212; color: #ccc; border-top: 10px solid #333; font-size: 80%; }
div#footer p { margin: 5px; text-align: center; }

a.content_img { float: left; }
a.content_img img { float: left; padding: 0.5em; margin: 0.25em 0.25em 0 0; background: #333; border: 1px solid #000; }

div#feedback { width: 970px; height: 250px; float: left; padding: 0 10px 0 0; overflow: auto; }
div#feedback ul { list-style: none; }
div#feedback li { margin: 0 0 20px 0; }
div#feedback span.url a { color: #98e504; }
div#feedback h3 { margin: 0 0 10px 0; padding: 0 0 5px 0; color: #98e504; border-bottom: 1px dotted #666; font-size: 1.1em; }
div.work { width: 320px; float: left; }
div.left { margin: 0 0 0 5px; }
div.center { margin: 0 5px; }
div.right { margin: 0 5px 0 0; }
div.work a img { margin: 0 0 10px 35px; border: none; float: left; }
div.work div { width: 238px; float: left; padding: 5px; margin: 0 0 0 35px; background: #333; color: #fff; border: 1px solid #000; font-size: .85em; }
div.work strong { color: #98e504; margin: 0; padding: 0; font-size: 1em; display: block; }
div.work div a { color: #fff; text-decoration: none; }
div.work span.url a { color: #98e504; display: block; }
div#footer a { text-decoration: none; color: #fff; }
div.feedback div#panel_left, div.feedback div#panel_right { width: 450px; float: left; margin: 0 10px 0 0; }
div#map { width: 450px; height: 400px; float: left; }

form#feedback_form { padding: 0 .5em; }
form#feedback_form label { line-height: 1.5em; width: 100%; float: left; color: #98e504; background: transparent; clear: both; }
form#feedback_form input, form#feedback_form textarea { background: #333; width: 100%; float: left; color: #98e504; border: none; border: 1px solid #000; margin: 10px 0; padding: 2px; font-weight: bold; }
form#feedback_form input#submit, form#feedback_form input#reset { width: 30%; margin-right: 5%; }