/* CSS Document */

body { margin:0px; padding:0px; background:#434742; font: normal 82.5%/1.4 Arial, Helvetica, sans-serif; color:#000000; }

h1 { font: 1.4em Arial, Helvetica, sans-serif; font-weight:lighter; padding:0px; margin:5px 0px 0px 65px; }
h2 { font: 1.3em Arial, Helvetica, sans-serif; font-weight:bold; padding:0px;}
h3 { font: 1.1em Arial, Helvetica, sans-serif; font-weight:bold; margin:0px; padding:0px; }
h4 { font: 1.1em Arial, Helvetica, sans-serif; font-weight:bold; margin:0px; padding:0px; }

a { color:#0E7FC7; text-decoration:none; }
a:hover { color:#0E7FC7; text-decoration:underline; }

/* wrappers and containers */
#wrapper { background: url(images/bg-body.jpg) repeat-x top; }
#container { margin:0 auto; width:918px;}

/* header */
#header { margin:0px 9px; padding:0px; }
#logo { float:left; padding:10px 0px 0px 0px;}

/* menu */
#menu { float:right; margin:75px 0px 0px 0px;}
#menu ul { list-style:none; padding:0px; margin:0px; }
#menu ul li { list-style-type: none; display:inline; margin:0px 5px; padding:0px; font: 1.2em Arial, Helvetica, sans-serif; font-weight:bold;}
#menu ul li a { color:#FFFFFF; text-decoration:none; }
#menu ul li a:hover { color:#00CC00; text-decoration:none; }

/* where-from AdWords KW */
#where-from { float:right; margin:65px 0 0 0; font-weight:bold; font-size:14px; color:#FFF; }
#where-from span { background:#FF0; color:#000;}

/* main */
#main { margin:0px; padding:0px 0px 1px 0px; background: transparent url(images/bg-main.png) repeat-y;}
#main-top { background: url(images/bg-main-top.jpg) no-repeat top; height:16px; padding:0px; margin:0px; }
#main-bottom { background: url(images/bg-main-bottom.png) no-repeat top; height:24px; padding:0px; margin:0px; }
#content { float:left; margin:0px; padding:0px 10px 0px 19px; width: 630px; background:url(images/bg-content.png) no-repeat top; }
* html #content { position:relative; } /* IE6 fix */

#content ul { margin:15px 0; padding:0px; list-style:none; }
#content ul li {list-style-type:none; margin:10px 15px; padding:0px; display:block; background:url(images/icon-section-list-over.gif) no-repeat top left; padding:0px 0px 0px 24px; line-height:20px;}

#section-prezenta-online { background:url(images/bg-prezenta-online.jpg) no-repeat top left; width:202px; height:60px; float:left; margin:-20px 10px 0px 0px;}
#section-prezenta-online h3 { color:#000000; margin:35px 0px 6px 10px; padding:0px; }
#section-prezenta-online:hover { background:url(images/bg-prezenta-online.jpg) no-repeat -201px 0px;}
#section-prezenta-online:hover h3 { color:#FFFFFF; }

#section-optimizare-site { background:url(images/bg-optimizare-site.jpg) no-repeat top left; width:202px; float:left; margin:-20px 10px 0px 0px; }
#section-optimizare-site h3 { color:#000000; margin:35px 0px 6px 10px; }
#section-optimizare-site:hover { background:url(images/bg-optimizare-site.jpg) no-repeat -201px 0px;}
#section-optimizare-site:hover h3 { color:#FFFFFF; }

#section-promovare-site { background:url(images/bg-promovare-site.jpg) no-repeat top left; width:202px; float:left; margin:-20px 0px 0px 0px;}
#section-promovare-site h3 { color:#000000; margin:35px 0px 6px 10px; }
#section-promovare-site:hover { background:url(images/bg-promovare-site.jpg) no-repeat -201px 0px;}
#section-promovare-site:hover h3 { color:#FFFFFF; }

#content .section-content {  margin:10px 0px; padding:0px; }
#content .section-content ul { margin:15px 0px 0px 0px; padding:0px; list-style:none; }
#content .section-content ul li { list-style-type:none; margin:5px 0px; padding:0px; display:block; background:url(images/icon-section-list.gif) no-repeat top left; padding:0px 0px 0px 22px; line-height:20px;}
#content .section-content ul li:hover { background:url(images/icon-section-list-over.gif) no-repeat top left; }

#content .section-content p { margin:0px 0px 10px 0px; padding:0px; }

#badge-we-love-web { float:left; position:relative; margin:-8px 0px 0px -11px; width:72px; height:62px; background:url(images/badge-we-love-web.png) no-repeat; }

.bonus { margin:0px 20px; padding:10px; border:1px solid #DEDEDE; background:#FCFDFD; }
.bonus p { margin:0px 5px; padding:0px; }

/* adwords banner section */
#content div.adwords-banner { float:left; width:386px; height:284px; background:url(images/adwords_banner.gif) no-repeat top left; text-indent:-10000px; margin:20px 10px 0 -40px; }
#content ul.adwords-list { float:left; width:210px; margin:80px 0 0 0; padding:0; }
#content ul.adwords-list li { margin:0 0 10px 0; }

/* seo banner section */
#content div.seo-banner {float:left; width:272px; height:506px; background:url(images/optimizare-site-banner.gif) no-repeat top left; text-indent:-10000px; margin:20px 10px 0 -40px; }
#content ul.seo-list { float:left; width:310px; margin:0; padding:0; }
#content ul.seo-list li { margin:0 0 10px 0; }

#contact_form { margin:0 0 10px 0; }
#contact_form label { font-size:14px; font-weight:bold; float:left; width:150px; line-height:26px; cursor:pointer; color:#060;}
#contact_form label span { font-size:11px; color:#999; font-weight:normal; font-style:italic; }
#contact_form input.input-text, #contact_form textarea.input-text { float:left; width:350px; background:none; border:2px solid #ccc; padding:4px 5px; margin:0 0 10px 0; font-size:12px; }
#contact_form input.input-text:focus, #contact_form textarea.input-text:focus { border:2px solid #060; }
#contact_form textarea.input-text { height:150px; font-family:Arial, Helvetica, sans-serif; }
#contact_form input.input-submit { font-size:14px; font-weight:bold; text-transform:uppercase; color:#FFF; padding:2px 8px; background:#060; border:2px solid #030; float:left; margin:0 0 0 150px; }
#contact_form input.input-submit:hover { background:#030; cursor:pointer; }

div.success { border:1px solid #060; background:#F5F5F5; padding:10px; text-align:center; font-size:14px; color:#900; font-style:italic; }

#content blockquote { background: url(images/bg-blockquote.gif) no-repeat top left; padding:0 20px 0 55px; border-right:4px solid #D8EDC5; margin:0 40px 0 30px; }
#content blockquote p { text-align:left; margin:0; font-style:italic; }
#content blockquote p.author { text-align:right; font-weight:bold; }

/* sidebar */
#sidebar { float:right; width:250px; margin:0px; padding:0px;}
* html #sidebar { position:relative; }/*IE6 fix */

.latest-project-thumbnail { margin:0px 10px; width:210px; height:105px; background: url(images/bg-latest-projects-thumbs.gif) no-repeat 0px 0px;}
.latest-project-thumbnail:hover { background:url(images/bg-latest-projects-thumbs.gif) no-repeat -210px 0px;}
.latest-project-thumbnail img { margin:5px; }
.latest-project-description { padding:5px 20px 0px 10px; color:#FFFFFF; font-weight:bold; }
.latest-project-description a { color: #FFF; text-decoration: underline; }

.latest-project-thumbnail p.text { float:left; width:115px; margin:20px 0 0 8px; line-height:15px; text-align:center; }
* html .latest-project-thumbnail p.text { margin:20px 0 0 2px; } 
.latest-project-thumbnail p.text span { font-weight:bold; }
.latest-project-thumbnail p.image { float:right; width:75px; height:75px; margin:15px 10px 0 0; }
.latest-project-thumbnail p.image a img { border:none; margin:0; padding:0; clear:both; }

.sidebar-section { margin:0px 0px 10px 0px; }
.sidebar-section h4 { line-height:50px; padding:0px 0px 0px 15px; height:50px; background:url(images/bg-sidebar-section.png) no-repeat top right; }
.sidebar-section-content { }

.testimonial { color:#FFFFFF; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; background:url(images/bg-sidebar-quote-open.png) no-repeat 4px 8px; }
.testimonial blockquote { margin:0px; padding:5px 0px 0px 30px; background:url(images/bg-sidebar-quote-close.png) no-repeat bottom right; margin:0px 20px 0px 0px;}
.testimonial p { text-align:right; margin:5px 20px 0px 0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-style:normal;}

#sidebar_contact_form { margin:0px 10px 0px 10px; }
#sidebar_contact_form label { float:left; width:55px; color:#FFFFFF; font-weight:bold; margin:3px 0; cursor:pointer;}
#sidebar_contact_form input[type="text"] { float:left; width:150px; background:url(images/bg-sidebar-input.gif) repeat-x; border:1px solid #999999; margin:3px 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:3px; }
#sidebar_contact_form input[type="text"]:focus { border:1px solid #333333;}
#sidebar_contact_form textarea { float:left; background:url(images/bg-sidebar-input.gif); width:150px; height:80px;border:1px solid #999999; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:3px; }
#sidebar_contact_form textarea:focus { border:1px solid #333333; }
#sidebar_submit[type="submit"] { background:url(images/bg-sidebar-send.png) no-repeat; border:none; width:77px; height:26px; padding:0px 0px 4px 0px; font-size:14px; font-weight:bold; margin:10px 0px 0px 60px; color:#666666;}
#sidebar_submit[type="submit"]:hover { cursor:pointer; color:#000000;}
#sidebar_contact_form_response { color:#FFFFFF; }
#sidebar_contact_form_response p { margin:0px 15px 0px 0px; text-align:center; font-weight:bold; }
#sidebar_contact_form_response a { color:#FFFFFF; text-decoration:underline; }
#sidebar_contact_form_response a:hover { color:#FFFFFF; text-decoration:none; }

/* IE6 contact form fixes */
* html #sidebar_contact_name, #sidebar_contact_email, #sidebar_contact_phone { float:left; width:150px; background:url(images/bg-sidebar-input.gif) repeat-x; border:1px solid #999999; margin:3px 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:3px; }
* html #sidebar_submit { background:url(images/bg-sidebar-send.png) no-repeat; border:none; width:77px; height:26px; padding:0px 0px 4px 0px; font-size:14px; font-weight:bold; margin:10px 0px 0px 60px; color:#666666;}
* html #sidebar_submit:hover { cursor:hand; color:#000000;}

/* footer */
#footer { margin:0px; padding:0px; background: url(images/bg-footer.png) repeat-y;}
#footer-content { margin:0 auto; width:900px; background: #FFFFFF url(images/bg-footer-content.jpg) repeat-x bottom; padding:0px;}
#footer-bottom { background: transparent url(images/bg-footer-bottom.png) no-repeat top left; height:14px; width:918px; margin:0px; padding:0px; }

#footer-blog { float:left; width:390px; background: url(images/bg-footer-separator.jpg) no-repeat bottom right; padding:0px 10px 0px 0px;}
#footer-blog h4 { background: url(images/bg-footer-blog.jpg) no-repeat; padding:0px 0px 0px 40px; line-height:30px; margin:0px 0px 0px 10px;}
#footer-blog ul { margin:5px 0px 0px 20px; padding:0px; list-style:none; }
#footer-blog ul li { list-style-type:none; margin:5px 0px; padding:0px; display:block; background:url(images/icon-footer-list.gif) no-repeat scroll 0px 5px; padding:0px 0px 0px 14px;}

#footer-twitter { float:left; width:232px; padding:0px 5px 0px 10px;}
#footer-twitter h4 { background: url(images/bg-footer-twitter.jpg) no-repeat top left; padding:0px 0px 0px 40px; line-height:30px;}
#footer-twitter ul { margin:5px 0px 0px 0px; padding:0px; list-style:none;}
#footer-twitter ul li { list-style-type:none; margin:0px; display:block; padding:0px; color:#666666; font-style:italic;}
#footer-twitter ul li.footer-list { background:url(images/icon-footer-list.gif) no-repeat scroll 0px 5px; padding:0px 0px 0px 14px; }
#footer-twitter ul li a { font-style:normal;}

#footer-contact { float:left; width:243px; background: url(images/bg-footer-separator.jpg) no-repeat bottom left; padding:0px 0px 0px 10px;}
#footer-contact h4 { line-height:30px; padding:0px 0px 0px 10px; }
#footer-contact ul { list-style:none; margin:5px 0px 10px 15px; padding:0px; color:#666666; background:url(images/bg-footer-contact.gif) no-repeat top right;}
#footer-contact ul li { list-style-type:none; display:block; margin:3px 0px; padding:0px; }
#footer-contact ul li a { color:#666666; text-decoration:none; }
#footer-contact ul li a:hover { color:#666666; text-decoration:underline; }

#footer-clients { float:left; width:390px; background: url(images/bg-footer-separator.jpg) no-repeat bottom right; padding:0px 10px 0px 0px;}
#footer-clients h4 { background: url(images/bg-footer-blog.jpg) no-repeat; padding:0px 0px 0px 40px; line-height:30px; margin:0px 0px 0px 10px;}
#footer-clients ul { margin:5px 0px 0px 20px; padding:0px; list-style:none; }
#footer-clients ul li { list-style-type:none; margin:5px 0 0 0; padding:0 0 0 20px;}

#footer-menu { float:left; width:232px; padding:0px 5px 0px 10px;}
#footer-menu h4 { background: url(images/bg-footer-blog.jpg) no-repeat top left; padding:0px 0px 0px 40px; line-height:30px;}
#footer-menu ul { margin:5px 0 0 0; padding:0px; list-style:none;}
#footer-menu ul li { list-style-type:none; margin:0; padding:0px; display:block; background:url(images/icon-footer-list.gif) no-repeat scroll 0px 5px; padding:0px 0px 0px 14px; }


/* copyright */
#copyright { float:right; font-size:10px; color:#999999; padding:0px 9px 0px 0px; margin:0px 0px 10px 0px; }
#copyright a { color:#999999; text-decoration:underline; }
#copyright a:hover { color:#CCCCCC; text-decoration:underline; }

/* other */
.clear { clear:both; }
.green { color:#009900; }
.first { text-indent:-30px; }
.red { color:#FF0000; }
.darkred { color:#CC0000; }
.note { font-size:11px; font-style:italic; color:#000; margin:0; padding:0; }
.response { color:#FFF; text-align:center; font-weight:bold; padding:0 15px 0 0; }
.big { font-size:18px; }

#budget_note { font-size:11px; color:#FFF; padding:0 0 0 55px; font-style:italic; }

/* cool form */
#msg {display:none; position:absolute; z-index:200; background:url(images/msg_arrow.gif) left center no-repeat; padding-left:7px}
#msgcontent {display:block; background:#f3e6e6; border:2px solid #924949; border-left:none; padding:5px; min-width:150px; max-width:250px}

/* portofoliu */
#content .item { margin-bottom: 15px; }
#content .item .latest-projects-thumbnail { float: left; }
#content .item .details { float: right; width: 400px; }
#content .item .details h2 { margin-top: 0; font-size: 13px; color: #009900; }
#content .item .details p { font-size: 11px; margin: 5px 0; }