@import url("/libs/stylesheets/base.css");
@import url("/libs/stylesheets/site/base.css");

/* global */
body { background:#E5E5E5; color:#668; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333 }
#layout-wrapper { background:url("/images/faux-columns.png") repeat-y; width:960px }
#wrapper { padding:0 316px 0 0; width:644px }
#content { padding:15px 15px 50px; width:614px }
#rail { margin-right:-330px; padding:8px 10px 50px 0; width:306px }
#header { background:url("/images/headerF.jpg") no-repeat; height:263px }
#header .logo { height:140px; left:30px; top:15px; width:270px }
#content p, #content h3 { padding-top:10px }
/* Footer */
#propaganda-menu { left:25px }

/* main */
.main-menu { top:228px; left:1px  }
.main-menu li { border:none; float:left; padding:0 }
.main-menu li.spacer { padding:0 }
.main-menu a, .main-menu a span { cursor:pointer; display:block; float:left }
.main-menu a { background:url("/images/main-menuL.png") no-repeat left top; padding:0 0 0 5px }
.main-menu a span { background:url("/images/main-menuR.png") no-repeat right top; color:#FFF; font:700 1.1em Tahoma, Arial, Helvetica, sans-serif; height:20px; padding:8px 14px 2px 8px }
.main-menu a:hover { text-decoration:none }
.main-menu a:hover span { color:#FC0 }
.main-menu a.active, .main-menu a.active:hover { background-position:left -30px }
.main-menu a.active span, .main-menu a.active:hover span { background-position:right -30px; color:#333 }
.main-menu a.active:hover { text-decoration:none }

/* styles */
h2, h3 { color:#B24607; font:400 2em Verdana, Arial, Helvetica, sans-serif; letter-spacing:-0.05em }
#content h2, #rail h2 { border-bottom:none }
a.textlink, .redcloth a, .article-wrapper .entry a { color:#973A0B }
a.textlink:hover, .redcloth a:hover, .article-wrapper .entry a:hover { background-color:#973A0B; color:#FFF }
ul.plainlist li { background-image:url("/images/libullet.png"); font-size:1.1em; padding-left:12px; line-height:1em }
ul.plainlist li.green { background-image:url("/images/libullet-green.png") }
ul.plainlist li.yellow { background-image:url("/images/libullet-yellow.png") }

/* content */
.image { border:1px solid #000; float:left; margin-right:20px }
#content h3 { font-size:1.5em }

/* gallery */
#gallery li { border:1px solid #333; float:left; margin:5px; padding:10px }

/* rail */
#rail .banner a { display:block; text-indent:-9999em; width:306px }
#rail .half-banner a { display:block; float:left; margin-right:10px; text-indent:-9999em; width:148px }
#rail .last-child { margin-right:-12px }
.tender a { background:url("/images/banner-tender.png") no-repeat; height:101px }
.service a { background:url("/images/banner-service.png") no-repeat; height:81px }
.projects a { background:url("/images/banner-projects.png") no-repeat; height:81px }

#rail h2 { color:#973A0B; font-size:1.5em; font-weight:700 }
#rail h2.green { color:#8A9839 }
#rail h2.yellow { color:#E5C55E }

#rail ul.plainlist li a, #rail p a { color:#000; text-decoration:underline }
#rail ul.plainlist li a:hover, #rail p a:hover { background-color:#000; color:#FFF; text-decoration:none  }

.box { border:1px solid #000; clear:both; padding:10px 10px 5px; width:284px }
.box .tagcloud-wrapper { margin:-20px 0 -5px }

/* articles */
.article-wrapper .entry { background:#FFF; border:1px solid #000; padding:0 9px 0 }

/* vcard */
.vcard dt { font-weight:700 }

/* form */
fieldset .actions button { background:#000; border:none; cursor:pointer; padding:0; text-indent:-9999em }
fieldset .actions button.submit { background:url("/images/button-submit.png") no-repeat; height:30px; width:90px }
fieldset .actions button.submit:hover { background-position: left -30px }

/* spacing */
#rail .banner a { margin-bottom:9px }
#rail .half-banner a { margin-bottom:9px }
.box { margin-bottom:9px }
.contact-wrapper p { margin-top:10px; padding-right:9px }
.article-wrapper .entry { margin-bottom:9px }