/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot { margin: 0; padding: 0; border: 0; outline: 0; }
table, tr, th, td { margin: 0; padding: 0; outline: 0; font-size: 100%; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }/* remember to define focus styles! */
ins { text-decoration: none; }/* remember to highlight inserts somehow! */
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }/* tables still need 'cellspacing="0"' in the markup */



/* GENERAL */
html, body { height: 100%; }
body { padding:0px 0px 20px 0px; margin:0px; overflow:-moz-scrollbars-vertical; background-color: #c5c5c5; font: normal normal 14px/22px Arial, sans-serif; color:#4b4b4b;  }
a img { border: 0px; }
img.centered { display: block; margin: 0 auto;}
small { font-size: 9px; } 

.clear { clear:both; }
div.clear { height: 0; clear: both; width: 100%; font-size: 0;line-height: 0; } /* fix for older browsers */
#holder div.clear { height: 1px; }

.right { float: right; }
.left { float: left; }

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

#header p { display: block; float: left; }
.slogan { font-family: Arial, Helvetica, sans-serif; font-size: 22px; font-weight: bold; letter-spacing: -1px; color: #000000; display: block; width: 740px; float: left; text-align: right; padding: 15px 0px 0px 0px; line-height: 24px; }

.underline { border-bottom: 1px solid #333333; }

/* Content Holders */

#holder { background-color: #c5c5c5; background-image: url(images/bg_top.gif); background-position: top; background-repeat: repeat-x; }
.wrapper { width: 1010px; margin: 0px auto 0px auto; }
#header { height: 82px; padding-top: 53px; }
#menubar { height: 40px; padding: 2px 0px 1px 136px; }
#menulist, #menulist li { list-style: none; display: inline; }
#menulist a { display: block; width: 114px; height: 39px; float: left; margin-right: 2px; text-indent: -10000px; background-position: top; }
#menulist a:hover { background-position: bottom; }

#btn_home { background-image: url(images/btn_home.gif); }
#btn_desprenoi { background-image: url(images/btn_desprenoi.gif); }
#btn_servicii { background-image: url(images/btn_servicii.gif); }
#btn_portofoliu { background-image: url(images/btn_portofoliu.gif); }
#btn_contact { background-image: url(images/btn_contact.gif); }
#btn_blog { background-image: url(images/btn_blog.gif); }

#hometable { text-align: center; }
#hometable a { color: #FFFFFF; text-decoration: none; }
#hometable a:hover { color: #ffa32b; text-decoration: none; }

.content { display: block; width: 986px; padding: 0px 12px 0px 12px; background-color: white; background-image: url(images/model_03.gif); margin: 0px auto 0px auto; }
.content810 { display: block; width: 800px; padding: 0px 105px 0px 105px; background-color: white; background-image: url(images/model_03.gif); margin: 0px auto 0px auto; }
.content810 p { padding: 5px 0px 5px 0px; }
.content810grey { display: block; width: 800px; padding: 0px 105px 0px 105px; background-color: white; background-image: url(images/model_04.gif); margin: 0px auto 0px auto; }
.content810grey p { padding: 5px 0px 5px 0px; }
.greybottom { background-color: #e9e6df; }
.ruller { clear:both; height: 0; clear: both; width: 990px; font-size: 0;line-height: 0; border-top: 1px solid #000000; margin-left: -95px; margin-right: -95px; } /* fix for older browsers */

#footer { display: block; width: 800px; padding: 10px 105px 10px 105px; margin: 0px auto 0px auto; clear: both; text-align: center; background-image: url(images/model_05.gif); url(images/footer_orange.gif);}
.innerbox { display: block; width: 800px; margin: 0px auto 0px auto; padding:30px 0; }
.contextmenu { float:left; width:220px; border-top: 1px solid #000; }
.box { float:left; width: 550px; padding-left: 30px; }
.box p { padding: 5px 0px 5px 0px; }

.contextmenu a { display:block; line-height:26px; color:#333; text-decoration:none; border-bottom: 1px solid #000; padding: 0px 5px; }
.contextmenu a:hover { background: url(images/ctmenu_activ_bg.gif) 0 top repeat-x; color:#000; text-decoration:none; border-bottom: 1px solid #fff; }
a.activ { background: url(images/ctmenu_bg.gif) 0 top repeat-x; border-bottom: 1px solid #000; color:#fff; }
a.activ:hover { background: url(images/ctmenu_bg.gif) 0 top repeat-x; border-bottom: 1px solid #000; color:#fff; }

.box ul { list-style:inside;	 }
.box ul li { padding-left: 30px; }

.content810 ul { list-style:inside;	 }
.content810 ul li { padding-left: 30px; }