/*

Theme Name: bw
Theme URI: 
Description: simple and elegant theme.
Version: 1.0
Author: Qual Media
Author URI: http://www.qualmedia.ro
Tags: black, white, portfolio

*/

body
{margin:0; padding:0; font-family:Arial, Helvetica, Verdana, sans-serif;
background:#cacaca;}

#wrapper
{margin:0; padding:0; width:100%; position:relative; 
background: url(files/header.jpg) no-repeat center top #FFFFFF;}

#wrapper2
{background: url(files/header2.jpg) no-repeat center top #FFFFFF;}

#container
{margin:0 auto; padding:0; width:940px;}

/* Header: */
#header
{margin:0; padding:0; position:relative; height:80px;}

#header h1
{margin:0; padding:0; position:absolute; left:0; top:23px;}

#header h1 a
{display:block; margin:0; padding:0;}

#header h1 img
{border:0;}

#languages
{margin:0; padding:0; position:absolute; top:50px; right:0;
text-align:right; width:123px;}

#languages #lang_sel_list
{margin:0; padding:0; height:auto; width:auto;}

#languages #lang_sel_list ul
{margin:0; padding:0; list-style-type:none; border-top:0;
top:0; width:auto;}

#languages #lang_sel_list li
{margin:0; padding:0; float:left; width:auto;}

#languages #lang_sel_list a, #languages #lang_sel_list ul a, #languages #lang_sel_list ul li a
{display:block; margin:0 0 0 10px; padding:0; color: #999999; text-decoration:none; font-size:11px;
font-weight:bold; background:none; width:auto; border:0; padding-left:0; line-height:14px;}

#languages #lang_sel_list ul li a:hover, #languages #lang_sel_list ul a.lang_sel_sel 
{color:#000000;}

.clearer
{margin:0; padding:0; font-size:1px; line-height:0; clear:both;}

/* Columns */

#contentwrapper
{margin:0; padding:0 0 20px 0; width:940px;}

#leftcol
{margin:0; padding:0 0 10px 0; float:left; width:707px; position:relative;}

#rightcol
{margin:0; padding:0; float:right; width:226px; position:relative;}

#rightcol h3
{margin:0; padding:13px 6px 6px 6px; font-size:18px; font-weight:normal;}

.tagcloud
{margin:0 0 20px 0; padding:0 6px;}

.tagcloud a
{color:#666666; text-decoration:none;}

.tagcloud a:hover
{color:#FF6600;}

/* Topmenu */
#topmenu
{margin:0; padding:12px 0 0 20px; height:320px;}

#topmenu ul
{margin:0; padding:0; list-style-type:none;}

#topmenu ul li
{margin:0; padding:0;}

#topmenu ul li a
{display:block; margin:0; padding:0.5em 0 0.5em 1.3em; font-size:0.8em; line-height:1.2em; color:#412a13;
border-bottom:1px solid #b86b20; width:175px; text-decoration:none; font-weight:bold;
text-transform:uppercase;}

#topmenu ul li a:hover, #topmenu ul li.current_page_item a
{background: url(files/bgbut.png); color:#FFFFFF;}

/* promohome */
#promo
{margin:0; padding:3px 0 0 4px; width:703px; background:url(files/bgslider.png) no-repeat left top;
height:332px;}

#SlideItMoo_info_outer 
{display:block; position:relative; width:700px; 
height:283px; margin:0; padding:0;}

#SlideItMoo_info_inner 
{position:relative; overflow:hidden ; 
width:700px; height:283px; margin:0; padding:0;}

#SlideItMoo_info_items 
{display:block; position:relative;}

#SlideItMoo_info_items .info_item
{display:block; position:relative;
width:700px; height:227px; float:left;
text-align:justify; padding:28px 0;}

#SlideItMoo_info_items .info_item .promoimg
{margin:0; padding:0; position:absolute; z-index:1; top:0; left:0;}

#SlideItMoo_info_items .info_item .promoimg img
{border:0;}

/* create custom forward-backward buttons for this container */
#SlideItMoo_info_outer .SlideItMoo_forward,
#SlideItMoo_info_outer .SlideItMoo_back
{ display:block; position:absolute; cursor:pointer; width:30px; height:29px; top:289px; 
left:50px; background:url(files/next.gif) no-repeat;}

#SlideItMoo_info_outer .SlideItMoo_back 
{left:10px; background:url(files/prev.gif) no-repeat center;}

.promotext
{margin:0; padding:0 15px 0 25px; height:227px; width:205px; 
border-left:1px solid #FFFFFF; position:absolute; z-index:5; top:28px; right:4px;}

#leftcol .promotext h2
{margin:0; padding:0 0 10px 0; 
font-size:16px; line-height:18px; color:#FFFFFF;
position:relative; text-align:left;}

#leftcol .promotext p
{margin:0; padding:8px 0; font-size:12px; color:#FFFFFF;
text-align:left;}

#leftcol  a.detalii
{display:block; margin:8px 0; padding:0 0 0 43px; text-decoration:none;
font-size:12px; font-weight:bold; color:#FFFFFF; width:60px; height:33px; line-height:30px;
background:url(files/button.png) no-repeat left top;}

/* Homepage: */
#homecontent
{margin:0 0 0 4px; padding:0;}

#homecontent .column, #homecontent .column2
{margin:0 20px 0 0; padding:0; width:220px; float:left;}

#homecontent .column2
{margin:0 3px 0 0; float:right;}

#leftcol #homecontent .column h3, #homecontent .column2 h3
{margin:0; padding:10px 0; font-size:18px; font-weight:normal; color:#666666;}

#leftcol #homecontent a.collink
{display:block; margin:0; padding:0; font-size:12px; color:#333333; text-decoration:none;}

#leftcol #homecontent a.collink img
{display:block; margin:0 0 10px 0; padding:0; border:0;}

#leftcol #homecontent ul.news
{margin:0; padding:0; list-style-type:none;}

#leftcol #homecontent ul.news li
{margin:0 0 6px 0; padding:0 0 4px 0; font-size:11px; border-bottom:1px solid #999999;
background:none;}

#leftcol #homecontent ul.news li p
{margin:0; padding:0; font-size:11px;}

#leftcol #homecontent ul.news li span
{display:block; margin:0 0 4px 0; padding:0; color:#000000; font-weight:bold;}

#leftcol #homecontent ul.news li a
{display:block; margin:0 0 4px 0; padding:0; font-weight:bold; color:#FF6600;
text-decoration:none; font-size:12px;}

#leftcol #homecontent ul.news li a:hover
{color:#000000;}

/* content */
#header2
{margin:0; padding:0; height:340px;}

#leftcol .headertext
{margin:0; padding:0; font-size:14px; color: #333333; position:absolute; 
top:80px; left:338px; width:300px;}

#leftcol .headertext p
{margin:0 0 16px 0; padding:0; }

#leftcol h2
{margin:0 0 10px 0; padding:10px 0; font-size:34px; font-weight:normal; color:#FF6600;}

#leftcol h3
{margin:0; padding:10px 0; font-size:22px; font-weight:normal; color:#FF6600;}

#leftcol p
{margin:0; padding:8px 0; font-size:14px; color:#333333;}

#leftcol ul
{margin:0; padding:0; list-style-type:none;}

#leftcol ul li
{margin:0; padding:4px 0 4px 20px; font-size:14px; color:#333333;
background:url(files/arrow.gif) no-repeat 8px 8px; height:1%;}

#leftcol ul li p
{margin:0; padding:0;}

#leftcol img.cimg
{display:block; border:1px solid #CCCCCC;}

#leftcol img.leftimg
{margin:0 20px 10px 0; padding:0; float:left;}

/* Categorii: */
#categorii
{margin:0 0 25px 0; padding:20px 0 0 0;}

#categorii ul 
{padding:0; margin:0; list-style: none; position:relative;}

#categorii ul li 
{display:block; margin:0; padding:0; float:left; position:relative;}

#categorii ul li li
{clear:both;}

#categorii ul li a
{display:block; margin:0 0 0 2px; padding:0 0 0 20px; font-size:12px; line-height:30px; color:#000000; text-decoration:none; font-weight:bold; width:200px; height:30px; 
background:url(files/selectmenu.gif) no-repeat left top; border:1px solid #666666;}

#categorii ul li li a
{width:200px; border-bottom:1px solid #666666; border-left:1px solid #666666; border-top:0;
border-right:1px solid #666666; background: url(files/selectbg.gif) repeat-x left top #d1d1d1; }

#categorii ul li ul 
{margin:0; padding:0; display: none; position: absolute; top: 31px; left: 0;}

#categorii ul li > ul 
{top: auto; left: auto;}

#categorii ul li:hover ul, #categorii ul li.over ul{ display: block; }

#categorii ul li a:hover, #categorii ul li a.sel
{color:#333333;}

#categorii ul li li a:hover, #categorii ul li li a.sel
{color: #FFFFFF; background: url(files/selectbg2.gif) repeat-x left top #242424;}

/* thumbnails: */
#portfolio_w
{margin:0; padding:0;}

.pbox
{margin:0 8px 15px 0; padding:2px 0 0 2px; width:223px; height:260px; float:left; 
background:url(files/thumb.png) no-repeat left top;}

#leftcol .pbox2
{margin:0; padding:4px; width:212px; height:248px;
font-size:12px; font-weight:bold; background:url(files/thumb.gif) repeat-x left bottom;}

#leftcol .pbox a span.image
{display:block; margin:0; padding:0; width:210px; height:172px; background:url(files/default_thumbnail.gif) no-repeat left top; 
border:1px solid #999999;}

#leftcol .pbox a img
{display:block; margin:0; padding:0; width:210px; height:172px; 
border:0; }

#leftcol .category
{display:block; margin:0 0 6px 0; padding:6px 12px; border-bottom:1px solid #999999;
font-weight:normal;}

#leftcol .category a
{font-size:11px; color: #FF6600; text-decoration:none; font-weight:bold;}

#leftcol .category a:hover
{color:#000000;}

#leftcol a.ptitle
{display:block; margin:0; padding:3px 12px; color:#000000; text-decoration:none;}

#leftcol a.ptitle:hover
{color:#FF6600;}

/* entry */
.entry a, #respond a, .commentlist li a
{color:#FF7E00; font-weight:bold; text-decoration:none;}

.entry a:hover, #respond a:hover, .commentlist li a:hover
{color:#333333;}

/* page navigation: */
.navigation
{margin:0; padding:0;}

.navigation a
{display:block; margin:0; padding:6px 8px 6px 32px; font-size:12px; line-height:16px; 
font-weight:bold; text-decoration:none; color: #333333; float:left; 
background:url(files/prevbut.gif) no-repeat left 3px; }

.navigation a:hover
{color:#FF7E00; }

.navigation .alignright a
{margin:0 12px 0 0; float:right; text-align:right; padding:6px 32px 6px 8px; 
background:url(files/nextbut.gif) no-repeat right 3px;}

a.backbut
{display:block; margin:0 0 8px 0; padding:6px 8px 6px 32px; font-size:12px; line-height:16px; 
font-weight:bold; text-decoration:none; color: #333333; 
background:url(files/prevbut.gif) no-repeat left 3px; }

.backbut:hover
{color:#FF7E00;}

/* tags */
.tags
{margin:0 6px 10px 6px; padding:0;}

.tags a
{text-decoration:none; color:#666666; font-size:14px; font-weight:normal;}

.tags a:hover
{color:#FF7E00;}

/* testimoniale: */
#rightcol .testimoniale
{margin:0 0 0 6px; padding:0; width:220px;}

#rightcol .testimoniale p
{margin:0; padding:4px 0; font-size:12px;}

/* Slide testimoniale: */
#SlideItMoo_test_outer
{display:block; margin:0; padding:35px 0 0 0; position:relative; width:210px; 
}

#SlideItMoo_test_inner
{position:relative ; overflow:hidden ; 
width:210px ; /* set a display width to make the slider look good in case js is disabled */
margin:0; padding:0; height:300px;}

#SlideItMoo_test_items
{display:block; position:relative; width:210px; height:300px;}

/* create custom forward-backward buttons for this container */
#SlideItMoo_test_outer .SlideItMoo_forward,
#SlideItMoo_test_outer .SlideItMoo_back
{ display:block; position:absolute; cursor:pointer; width:23px; height:24px; top:4px; 
left:30px; background:url(files/nexttest.gif) no-repeat;}

#SlideItMoo_test_outer .SlideItMoo_back 
{left:0; background:url(files/prevtest.gif) no-repeat center;}

/* single element design */
#SlideItMoo_test_items div.info_item 
{display:block; position:relative; float:left; margin:0 20px 0 0; padding:0; width:190px;
height:300px;}

#SlideItMoo_test_items div.info_item  img
{display:block; margin:5px 10px 0 0; padding:0; float: left;
border:1px solid #999999; width:52px;}

#SlideItMoo_test_items div.info_item p.testtitle
{display:block; margin:5px 0 0 0; padding:0; float:right;
width:124px; font-size:11px;}
/* clientilogo: */
#SlideItMoo_outer
{display:block; margin:10px 0 0 0; position:relative; 
padding:0; width:940px; height:94px;
background:url(files/logos.gif) no-repeat left top;}

/* create custom forward-backward buttons for this container */
#SlideItMoo_outer .SlideItMoo_forward,
#SlideItMoo_outer .SlideItMoo_back
{ display:block; position:absolute; cursor:pointer; width:22px; height:30px; top:32px; 
right:0px; background:url(files/rightbut.gif) no-repeat;}

#SlideItMoo_outer .SlideItMoo_back 
{left:0; background:url(files/leftbut.gif) no-repeat center;}

/* the width is set to show the number of thumbnails that will be visible */
#SlideItMoo_inner
{position:relative ; overflow:hidden ; 
width:870px ; /* set a display width to make the slider look good in case js is disabled */
margin:0 0 0 35px; padding:11px 0 0 0; }

/* the thumbnails container; set a width on it so everything will be fine */
#SlideItMoo_items 
{display:block; position:relative; width:870px;}

/* single element design */
#SlideItMoo_items div.SlideItMoo_element 
{display:block; position:relative; float:left; margin:0 2px; 
font-size:11px; width:120px; height:70px; text-align:center; color:#FFFFFF;}

#SlideItMoo_items a 
{padding:0px; margin:0; clear:both; display:block; padding:0; }

#SlideItMoo_items a img
{border:none;}

/* Clients List */
#leftcol #clientwrapper
{margin:10px 0; padding:0;}

#leftcol #clientwrapper .clientitem
{margin:0 34px 10px 0; padding:0; float:left; }

#leftcol #clientwrapper .clientitem a
{display:block; margin:0; padding:4px; text-decoration:none; border:2px solid #FFFFFF;
width:120px; height:70px;}

#leftcol #clientwrapper .clientitem a:hover
{border:2px solid #666666;}

#leftcol #clientwrapper .clientitem a img
{display:block; border:0; width:120px; height:70px;}

/* Galerie imagini - overview: */
#leftcol .qgg-albumoverview
{margin:0; padding:22px 0 0 0;}

#leftcol .qgg-albumoverview .qgg-album
{width:210px; height:210px; margin:0 15px 0 0; padding:0;
float:left;}

#leftcol .qgg-albumoverview .qgg-album .qgg-thumbnail a
{display:block; margin:0; padding:4px; border:1px solid #A9A9A9;}

#leftcol .qgg-albumoverview .qgg-album .qgg-thumbnail a img
{display:block; margin:0; padding:0; width:200px; height:140px;
border:0;}

#leftcol .qgg-albumoverview .qgg-album .qgg-thumbnail a:hover
{background:#CCCCCC;}

#leftcol .qgg-albumoverview .qgg-album .qgg-albumtitle
{font-size:12px; padding:4px 0 0 0;}

/* Galerie imagini - galerie: */
#leftcol .q-galleryoverview
{margin:0; padding:12px 0;}

#leftcol .q-galleryoverview .q-gallery-thumbnail-box
{margin:0 15px 15px 0; padding:0; float:left;
width:210px;}

#leftcol .q-galleryoverview .q-gallery-thumbnail-box a
{display:block; border:5px solid #CCCCCC; width:200px; height:140px;}

#leftcol .q-galleryoverview .q-gallery-thumbnail-box a:hover
{border:5px solid #FF6600;}

#leftcol .q-galleryoverview .q-gallery-thumbnail-box a img
{display:block; margin:0; padding:0; border:0; width:200px; height:140px;}

#leftcol .q-galleryoverview .q-gallery-thumbnail-box .q-gallery-thumbnail
{margin:0; padding:0;}

#leftcol .q-galleryoverview .q-gallery-thumbnail-box .q-gallery-thumbnail a.thickbox
{display:block; margin:0; padding:5px; border:1px solid #666666; width:200px; height:140px;}

#leftcol .q-galleryoverview .q-gallery-thumbnail-box .q-gallery-thumbnail a.thickbox img
{display:block; border:0; width:200px; height:140px;}

#leftcol .q-galleryoverview .q-gallery-thumbnail-box .q-gallery-thumbnail a.thickbox:hover
{background:#CCCCCC;}

/* news */
.newsitem
{margin:8px 0; padding:0;}

.newspic
{margin:0; padding:0; width:212px; height:174px; float:left;}

.newspic img
{display:block; margin:0; padding:0; 
width:210px; height:170px; border:1px solid #999999;}

.newscontent
{margin:0 0 0 20px;  float:left; font-size:14px; width:450px;}

.newsdate
{font-weight:bold; color:#000000; font-size:12px; border-bottom:1px solid #CCCCCC;
padding:0 0 6px 0;}

#leftcol .newscontent h3
{font-size:16px; padding:6px 0; font-weight:bold;}

#leftcol .newscontent h3 a
{text-decoration:none; color:#FF7E00; }

#leftcol .newscontent h3 a:hover
{color:#000000;}

#leftcol .newscontent p
{font-size:12px; padding:4px 0;}

a.detalii2
{display:block; margin:0; padding:4px 0; font-size:12px; font-weight:bold; text-decoration:none;
color:#FF7E00;}

.detalii2:hover
{color:#000000;}

/* Contact */
#leftcol .contactcol
{margin:0 18px 0 0; padding:0 10px 0 0; width:200px; float:left;}

#leftcol .contactcol p
{text-align:left; font-size:12px;}

#leftcol .contactcol h4
{border-bottom:1px solid #999999;  color:#FF7E00;
margin:0; padding:4px 0; font-size:16px;}

/* footer */
#footer_w
{margin:0; padding:0; background: url(files/footer.gif) repeat-x left top #c9c9c9; border-top:1px solid #999999; }

#footer_w2
{margin:0 auto; padding:10px 0 10px 0; width:940px;}

#footer_w2 p
{margin:0 0 10px 0; padding:0; font-size:12px; line-height:14px;}

#footer_w2 p a
{color:#000000; text-decoration:none;}

#footer_w2 p.ftitle
{font-weight:bold; padding:0 0 8px 0; margin:0; background:url(files/dot.gif) repeat-x left bottom;}

.footerbox
{margin:0; padding:0 20px 0 0; float:left; width:215px;}

a.rss
{display:block; margin:0; padding:0 0 0 25px; font-weight:bold; color:#000000; text-decoration:none;
background:url(files/rss.gif) no-repeat left top;}

.rss:hover
{color:#666666;}

.alignleft 
{float:left;}