* {margin:0;padding;0;}
.clear {clear:both;}
body {background:#070e16 url(./images/background.jpg) no-repeat center top;margin:0;padding:0;font:62.5% Arial, sans-serif;color:#fff;text-align:center;color:#d5d5d7;}
img {border:none;}
#wrapper {margin:0 auto;width:835px; text-align:center;}

#header {clear:both;overflow:hidden;}
*html #header {height:1%;} /*--  Hack pentru IE  --*/
a.logo {margin-left:18px;width:255px; height:70px;float:left;display:block; background:url('images/index_03.png') no-repeat; text-indent:-9000px;overflow:hidden;}

.nav {float:right;width:540px;margin-top:30px;margin-right:0px;}
ul.main-nav {list-style:none;float:right;padding:0;}
.main-nav li {float:left;margin:0 10px;}

.webdesign-bt {width:94px; height:31px;display:block; background:url('images/index_06.png') no-repeat; text-indent:-9000px;overflow:hidden;}
a.webdesign-bt:hover {background:url('images/hover_03.png') no-repeat;}
.webdevelop-bt {width:133px; height:31px;display:block; background:url('images/index_08.png') no-repeat; text-indent:-9000px;overflow:hidden;}
a.webdevelop-bt:hover {background:url('images/hover_05.png') no-repeat;}
.despre-bt {width:77px; height:31px;display:block; background:url('images/index_10.png') no-repeat; text-indent:-9000px;overflow:hidden;}
a.despre-bt:hover {background:url('images/hover_07.png') no-repeat;}
.portofoliu-bt {width:126px; height:31px;display:block; background:url('images/index_12.png') no-repeat; text-indent:-9000px;overflow:hidden;}
a.portofoliu-bt:hover {background:url('images/hover_09.png') no-repeat;}
a, a:visited {color:#d5d5d7;}
a:hover {color:#fff;}

#content {text-align:left;line-height:16px;}
.coolgirl {clear:both;}
.image-cool {margin:20px 30px 18px 18px;width:437px;float:left;display:inline;}
.image-cool-button  {margin:30px 0 0 40px;float:left;width:270px;}
#content h1 {margin:0 0 10px 0;font:22px Arial, Helvetica, sans-serif;}
#content h2 {margin:0 0 10px 0;font:18px Arial, Helvetica, sans-serif;}
#content p {margin:0 0 10px 0;font-size:11px;}
#content a {font-weight:700;text-decoration:none;}
#content a:hover {text-decoration:underline;}
.desprebox {width:496px !important;width:516px; height:143px !important;height:163px; background:url(images/index_26.png) repeat-x right top;float:left;padding:10px;display:inline;}
.testimonialebox {width:814px !important;width:834px;height:218px !important; height:238px;background:url(images/index_35.png) repeat-x right top;margin:10px 0 0 0;padding:10px;clear:both;float:left;display:inline;}
.contactbox {width:288px !important;width:308px;height:143px !important; height:163px; padding:10px; margin:0px;background:url(images/index_26.png) repeat-x right top;float:left;display:inline;margin:0 0 0 10px;clear:right;}
.deceonequality {width:288px !important;width:308px; height:155px !important;height:155px; background:url(images/index_26.png) repeat-x right top;float:left;padding:10px;display:inline;text-align:left;}
.webdesignservice {width:496px !important;width:516px;height:155px !important; height:155px; padding:10px; margin:0px;background:url(images/index_26.png) repeat-x right top;float:left;display:inline;margin:0 0 0 10px;clear:right;text-align:left;}
.testimonialeboxwebdesign {width:288px !important;width:308px;height:160px !important; height:160px;background:url(images/index_26.png) repeat-x right top;margin-top:0px 0 0 0;padding:10px;clear:both;float:left;display:inline;text-align:left;}
.deceonequalitydevelopment {width:288px !important;width:308px; height:155px !important;height:155px; background:url(images/index_26.png) repeat-x right top;float:left;padding:10px;display:inline;text-align:left;}
.webdevelopmentservice {width:496px !important;width:516px;height:155px !important; height:155px; padding:10px; margin:0px;background:url(images/index_26.png) repeat-x right top;float:left;display:inline;margin:0 0 0 10px;clear:right;text-align:left;}
.testimonialeboxwebdevelopment {width:288px !important;width:308px;height:160px !important; height:160px;background:url(images/index_26.png) repeat-x right top;margin-top:0px 0 0 0;padding:10px;clear:both;float:left;display:inline;text-align:left;}
.cinesunt {width:288px !important;width:288px; height:232px !important;height:232px; background:url(images/index_100.png) repeat-x right top;float:left;padding:10px;display:inline;text-align:left;}
.cummaputeticontacta {width:496px !important;width:516px;height:231px !important; height:231px; padding:10px; margin:0px;background:url(images/index_100.png) repeat-x right top;float:left;display:inline;margin:0 0 0 10px;clear:right;text-align:left;}
.testimonialeboxdespre {width:290px !important;width:290px;height:160px !important; height:160px;background:url(images/index_26.png) repeat-x right top;margin-top:0px 0 0 0;padding:10px;clear:both;float:left;display:inline;text-align:left;}
#comentariu {
text-align:left;
}
.despreportofoliu {width:288px !important;width:288px; height:165px !important;height:165px; background:url(images/index_26.png) repeat-x right top;float:right;padding:10px;display:inline;text-align:left;}
.lucrariportofoliu {width:489px !important;width:509px; height:664px !important;height:664px; background:url(images/bgportofoliu.png) repeat-x right top;float:left;padding:10px;display:inline;text-align:left;margin-left:0 0 0 10px;}
.testimonialeboxportofoliu {width:288px !important;width:288px; height:160px !important;height:160px; background:url(images/index_26.png) repeat-x right top;float:right;padding:10px;display:inline;text-align:left;}


.work-box {width:170px;float:left;display:inline;}
.work-box h3 {margin:0;padding:0;font:12px Arial, Helvetica, sans-serif;}
.testimonial-text {width:170px;float:left;width:280px;display:inline;padding-left:20px;}

#vreausite {
text-align:left;
}

.testimonialeboxvreausite {width:814px !important;width:834px;height:218px !important; height:218px;background:color(images/vreausiteboxcolor.png) repeat-x right top;margin:10px 0 0 0;padding:10px;clear:both;float:left;display:inline;}

#footer {border-top:1px solid #999ea9;padding:10px;clear:both;}
.footer-nav {list-style:none;overflow:hidden;padding:0;}
.footer-nav  li {float:left;margin:0 5px;}
.footer-nav  li  a {text-decoration:none;}
.footer-nav  li  a:hover {text-decoration:underline;}