@import 'reset.css';

/* =Main Style
________________ */

html, body {
	height:100%;
}

html {
	font-size:100.01%;
}

body {
	font:.75em Arial, Tahoma, Verdana, sans-serif;
	color:#000;
	background:#fff;
}

a {
	color:#0d39f7;
}

a:hover {
	text-decoration:none;
}

img {
	vertical-align:top;
}

h3 {
	font:133% Georgia, "Times New Roman", Times, serif; /* 16px */
	color:#7d012a;
	font-weight:bold;
}

.clear {
	height:1px;
	clear:both;
	width:100%;
	overflow:hidden;
}

/* =Layout
________________ */

#wrapper {
	border-top:7px solid #ffd208;
  width:100%;
	height:100%;
  min-width:1000px;
}

#container {
	position:relative;
	min-height:100%;
}

#container .pusher {
	height:91px;
}

#container, #content {
	width:100%;
}

#content, #menu, #sidebar {
	float:left;
}

#text {
	margin:0 208px;
  padding-left:22px;
}

#menu {
  width:192px;
  margin-left:-100%;
  display:inline;
}

#sidebar {
  width:208px;
  margin-left:-208px;
}

#footer {
	position:relative;
	height:84px;
	margin-top:-91px;
	width:100%;
	clear:both;
	border-top:7px solid #ffd200;
}

/* =Banner-top
____________________ */

#banner-top {
	text-align:center;
	margin:7px 10px 8px;
	/* background:#6d625a; */
}

/* =Header
____________________ */

#header {
	margin-bottom:15px;
}

#header:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/* =Logo */

#logo {
	height:77px;
	float:left;
	background:#ffd200 url(./i/logo-bg.gif) no-repeat 100% 0;	
}

#logo h1 {
	position:relative;
	margin:0 61px 0 39px;
	width:255px;
	height:77px;
	font-size:200%;
	overflow:hidden;
}

#logo h1 a {
	display:block;
	color:#000;
	width:255px;
	height:77px;
	text-decoration:none;
}

#logo h1 span {
	position:absolute;
	width:255px;
	height:77px;
	background:url(./i/logo.png) no-repeat;
	top:0;
	left:0;
	z-index:10;
}

/* =Brad-crumbs */

#brad-crumbs {
	float:left;
	margin-left:25px;
	height:77px;
}

#brad-crumbs li {
	float:left;
	line-height:77px;
}

#brad-crumbs li a {
	color:#5b85a3;
	font-weight:bold;
	margin:0 3px;
}

#brad-crumbs li a:hover {
	text-decoration:none;
}

/* =Login */

#login {
	float:right;
	margin-top:17px;
	width:159px;
	padding-left:15px;
	height:46px;
	border-right:11px solid #000;
}

#login p {
	margin-top:16px;
	line-height:1.2;
	color:#0a99f4;
	font-size:92%; /* 11px */
}

#login p a {
	color:#0a99f4;
}

#login p.logout {
	margin:0 0 0 46px;
	color:#f40a0a;
	font-size:82%; /* 9px */
}

#login p.logout a {
	color:#f40a0a;
}

#login a:hover {
	text-decoration:none;
}

/* =Content
____________________ */

#content h2 {
	font:200% Georgia, "Times New Roman", Times, serif; /* 24px */
	margin:0 0 10px;
  color: #666;
}

#content h3 {
	margin:0 0 7px;
}

#content h3 a {
	color:#7d012a;
}

#content p {
	margin:0 0 18px;
}

#content p span.date {
	display:block;
	font-size:92%;
	color:#5b85a3;
}

#content p.more {
	text-align:center;
}

#content p.more a {
	color:#0d39f7;
}

#container p.promo {
	font-size:92%; /* 11px */
	margin:1.5em 208px;
}

#content ul, ol {
	margin:1em 3em;
}

#content ul {
	list-style:disc inside;
}

#content ol {
	list-style:decimal inside;
}

/* =Banner-center */

#banner-center {
	margin:8px 0;
	padding:10px 0;
	text-align:center;
}

/* =News */

#news {
	width:47%;
	float:left;
	background:#f1f1f1;
	padding:19px 23px;
}

#news:before {
	content:url(./i/tl.gif);
  background:url(./i/tr.gif) no-repeat 100% 0;
  height:19px;
  display:block;
  margin:-19px -23px 0 -23px;
}

#news:after {
	content:url(./i/bl.gif);
  background:url(./i/br.gif) no-repeat 100% 100%;
  height:19px;
  display:block;
  margin:31px -23px -19px -23px;
}

#news h3 {
	margin:0 0 35px;
}

#news dl {
	font-size:1em; /* 12px */
}

#news dl dt {
	color:#5b85a3;
}

#news dl dd {
	margin-bottom:16px;
}

#news dl dd a {
	color:#000;
}

#news dl dd a:hover {
	text-decoration:none;
}

/* =Fresh */

#fresh {
	float:left;
	margin-left:20px;
	width:47%;
	margin-right:-47%;
}

#fresh h3 {
	margin:19px 0 35px;
}

#fresh dl {
	font-size:1em; /* 12px */
}

#fresh dl dt {
	color:#5b85a3;
}

#fresh dl dd {
	margin-bottom:16px;
}

#fresh dl dd a {
	color:#000;
}

#fresh dl dd a:hover {
	text-decoration:none;
}

#inner #fresh {
	float:none;
	margin-left:32px;
	width:100%;
}

/* =User-menu */

#user-menu {
	height:32px;
	float:left;
	position:relative;
	margin:0 0 9px;
}

#user-menu ul {
	list-style:none;
	margin:0;
}

#user-menu div.end {
	position:absolute;
	top:0;
	right:0;
	background:url(./i/user-menu-last.png) no-repeat;
	height:32px;
	width:17px;
}

#user-menu ul li {
	float:left;
	line-height:32px;
	margin-left:-23px;
	color:#000;
	font-size:100%; /* 12px */
	font-weight:bold;
	background:url(./i/user-menu-l.gif) no-repeat;
}

#user-menu ul li a {
	display:block;
	padding:0 43px 0 0;
	background:#ffd200;
	margin-left:23px;
	color:#000;
}

#user-menu ul li.first {
	background-image:url(./i/user-menu-l-first.gif);
	margin-left:0;
}

#user-menu ul li.active {
	color:#fff;
	text-decoration:underline;
	background:url(./i/user-menu-l-active.gif) no-repeat;
}

#user-menu ul li.active span {
	display:block;
	padding:0 43px 0 0;
	background:#ff7e00;
	margin-left:23px;
}

/* =Form */

#content div.form {
	width:47%;
	float:left;
	background:#f1f1f1;
	padding:19px 23px;
}

#content div.form:before {
	content:url(./i/tl.gif);
  background:url(./i/tr.gif) no-repeat 100% 0;
  height:19px;
  display:block;
  margin:-19px -23px 0 -23px;
}

#content div.form:after {
	content:url(./i/bl.gif);
  background:url(./i/br.gif) no-repeat 100% 100%;
  height:19px;
  display:block;
  margin:31px -23px -19px -23px;
}

#content div.form h3 {
	margin:0 0 21px 0;
}

#content div.form form img {
	float:left;
}

#content div.form p {
	color:#848282;
	margin:15px 0 9px 23px;
	font-size:92%; /* 11px */
}

#content div.form p.for-check {
	margin:10px 0 0;
	color:#000;
	font-size:92%; /* 11px */
}

#content div.form p.for-check label {
	display:inline;
	margin-left:6px;
	vertical-align:top;
}

#content div.form p.for-check input#check {
	width:15px;
	height:15px;
	display:inline;
	margin-left:6px;
}

#content div.form input, select, textarea {
	display:block;
	margin:0 0 7px;
}

#content div.form label {
	display:block;
	margin:0 0 2px;
}

#content div.form select {
	width:100%;
	height:27px;
	border:1px solid #b2b1b1;
}

#content div.form .toolbar {
	width:204px;
	height:15px;
	background:url(./i/toolbar.gif) no-repeat;
	margin:14px 0 6px 7px;
}

#content div.form textarea {
	width:100%;
	height:159px;
	border:none;
	font:117% Arial, sans-serif; /* 14px */
	padding:14px 0 0;
	background:url(./i/textarea.gif) repeat-x 0 100%;
}

#content div.form div.textarea {
	position:relative;
	padding:0 14px;
	background:url(./i/textarea-left-bg.gif) no-repeat;
}

#content div.form div.textarea span {
	display:block;
	position:absolute;
	right:0;
	top:0;
	width:14px;
	height:173px;
	background:#fff url(./i/textarea-right-bg.gif) no-repeat;
}

#content div.form div.field {
	position:relative;
	background:url(./i/input-l.gif) no-repeat;
	padding:0 10px;
	height:29px;
	overflow:hidden;
	margin-bottom:7px;
}

#content div.form div.field span {
	display:block;
	position:absolute;
	right:0;
	top:0;
	width:10px;
	height:29px;
	background:#fff url(./i/input-r.gif) no-repeat;
}
 
#content div.form input.txt, div.form input.pswd {
	height:20px;
	border:none;
	color:#848282;
	width:100%;
	font-size:117%; /* 14px */
	padding-top:8px;
	background:#fff url(./i/input.gif) repeat-x;
}

#content div.form input.submit {
	border:none;
	width:256px;
	height:35px;
	font-size:150%; /* 18px */
	background:url(./i/sbmt.png) no-repeat;
	padding:0 0 5px;
	margin:4px 0 0;
}

#content div.form div.code {
	width:132px;
	float:right;
}

/* =Recent-published */

#recent-published {
	float:left;
	margin-left:20px;
	width:47%;
	margin-right:-47%;
}

#recent-published h3 {
	margin:19px 0 35px 0;
}

#recent-published dl dt {
	font-size:108%; /* 13px */
}

#recent-published dl dt a {
	color:#0255d2;
}

#recent-published dl dd {
	font-size:83%; /* 10px */
	color:#000;
	margin-bottom:19px;
}

#recent-published dl dd span.date {
	color:#676161;
	vertical-align:-1px;
}

#recent-published dl dd a.edit {
	color:#676161;
}

#recent-published dl dd a.delete {
	color:#ff2929;
}

/* =Banner-bottom */

#banner-bottom {
	text-align:center;
	margin:30px 10px 9px;
	/* background:#474582; */
}

/* =Menu
____________________ */

/* =Navigation */

#navigation {
	border-left:10px solid #000;
	padding-left:22px;
	margin-bottom:45px;
	font-weight:bold;
}

#navigation li {
	margin-bottom:10px;
	font-size:117%; /* 14px */
}

#navigation li.last {
	margin-bottom:0;
}

#navigation li a {
	color:#0255d2;
}

#navigation li a:hover {
	color:#7d012a;
	text-decoration:none;
}

/* =Banner */

#menu .banner {
	margin-bottom:45px;
}

#menu .banner dt {
	border-left:10px solid #ffd200;
	padding-left:22px;
	margin-bottom:10px;
}

#menu .banner dd {
	padding-left:32px;
	font-size:92%; /* 11px */
}

#menu .banner dd a {
	color:#000;
}

#menu .banner dd a:hover {
	text-decoration:none;
}

/* =Exhibitions */

#exhibitions {
	margin-left:32px;
}

#exhibitions h3 {
	margin:0 0 25px;
}

#exhibitions dl dt {
	font-size:92%; /* 11px */
	font-weight:bold;
	font-style:italic;
	color:#5b85a3;
	margin-bottom:2px;
}

#exhibitions dl dd {
	margin-bottom:2px;
}

#exhibitions dl dd.where {
	font-size:92%; /* 11px */
	font-weight:bold;
}

#exhibitions dl dd.name {
	margin-bottom:21px;
	font-weight:bold;
	font-size:117%; /* 14px */
}

#exhibitions dl dd.name a {
	color:#0255d2;
}

#exhibitions dl dd.name a:hover {
	text-decoration:none;
}

/* =Sidebar
____________________ */

#sidebar .banner {
	margin-bottom:22px;
}

#sidebar .banner dt {
	border-right:10px solid #ffd200;
	padding-left:22px;
	margin-bottom:10px;
}

#sidebar .banner dd {
	padding-left:22px;
	font-size:92%; /* 11px */
}

#sidebar .banner dd a {
	color:#000;
}

#sidebar .banner dd a:hover {
	text-decoration:none;
}

/* =Special */

#sidebar .special {
	background:#f1f1f1;
	margin:0 0 17px 9px;
	padding:22px 13px;
}

#sidebar .special h3 {
	margin:0 0 25px;
}

#sidebar .special:before {
	content:url(./i/tl.gif);
  height:19px;
  display:block;
  margin:-22px 0 0 -13px;
}

#sidebar .special:after {
	content:url(./i/bl.gif);
  height:19px;
  display:block;
  margin:21px 0 -22px -13px;
}

#sidebar .special ul li {
	font-size:1em; /* 12px */
	margin-bottom:3px;
}

#sidebar .special ul li.last {
	margin-bottom:0;
}

#sidebar .special ul.new-clients li {
	font-weight:bold;
	margin:0 0 6px;
}

#sidebar .special ul.new-clients li a {
	color:#0255d2;
}

#sidebar .special ul.new-clients li a:hover {
	text-decoration:none;
}

#sidebar .special ul.articles li {
	margin:0 0 6px;
}

#sidebar  .special ul.articles li:after {
	content:"\a0»";
}

#sidebar  .special ul.articles li a {
	color:#0255d2;
}

#sidebar  .special ul.articles li a:hover {
	text-decoration:none;
}

/* =Footer
____________________ */

#footer ul.links {
	float:left;
	margin:19px 0 0 5px;
}

#footer:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

#footer ul.links li {
	float:left;
	line-height:12px;
	padding:0 14px;
	border-right:1px solid #000;
}

#footer ul.links li.last {
	border-right:none;
}

#footer ul.links li a {
	color:#000;
}

#footer ul.links li a:hover {
	text-decoration:none;
}

/* =Copyright */

#copyright {
	font-size:83%; /* 10px */
	margin:15px 11px 0 0;
	width:30%;
	float:right;
}

#copyright span {
	vertical-align:13px;
	padding-right:18px;
}

#copyright img {
	display:block;
}

#footer p.rights {
	font-size:83%; /* 10px */
	margin:15px 293px 0 208px;
	width:43%;
}

#footer div.projects {
	font-size:92%; /* 11px */
	margin:21px 0 0 19px;
}

/*=Add-ons */

table.addclassifieds { 
	width:100%;
}

table.addclassifieds td {
	vertical-align:top;
	padding:3px;
}

table.addclassifieds input[type=text] {
	width:400px; 
}

table.addclassifieds select { 
	width:300px;
}

table.classifieds {  
	width:100%; 
}

table.classifieds td {
	text-align:left;
	vertical-align:top;
	background:#fafafa;
	padding:5px 10px;
	border-bottom:1px solid #ccc;
}

table.classifieds th {
	font-weight:bold;
	text-align:left;
	background:#6d625a;
	color:#fff;
	padding:5px 10px;
}

table.showclassified {
	background:#ffd200; 
	background:url(./i/br.gif) no-repeat 100% 100%;
	width:100%;
	border:0;
	border-spacing:0;
	padding:5px;
}

div.factories {
    margin:0 0 18px 22px;
}

div.factories div.factoryLeft { 
    float: left;
    padding-top: 3px;
    width: 50%;
    text-align: left;    
}

table.showclassified #logo {
	margin-bottom:12px;
}

table.search { width: 100%; border-spacing: 0; }
table.search td { padding: 3px; vertical-align: middle; }
table.search select { width: 100%; margin: 0; }
table.search td.c1 { width: 3%; white-space: nowrap; }
table.search td.c2 { width: 30%; white-space: nowrap; }

#show_factories {
    border:0;
    width:400px;
    text-align:left;
    height:auto;
}

#show_factories td {
    padding-top:10px;
}