body {font-size: 62.5%; margin: 0; padding:0px; background: #000; color:#a9a9a9; font-family: Arial, Tahoma, sans-serif;}

/*---Global tags---*/
img {border:0;}
form {padding:0; margin:0;}
a {color:#000; text-decoration:underline; outline:0}
a:hover {color:#2a9600}

hr {border:0; border-bottom:1px solid #414141; color:#414141; height:1px; margin:3px 0; padding:0}
h1, h2, h3, h4 {}
h1 {}
h2 {}
h3 {font-weight:bold; font-size:1.4em; letter-spacing:-1px;}
h4 {color:#cbed8c; font-weight:normal; font-size:1.3em; margin:5px 0; letter-spacing:-1px;}

ul {}
ul li {}

p {margin:10px 0; padding:0}
fieldset {padding:0; border:none; border:0px solid #000; margin:0;}
table {border-collapse: collapse;}
textarea, input {font-family:Arial;}

/*---Classes---*/
.cl {clear:both; font-size:0;}
.forpadding1 {height:70px}
.forpadding2 {height:190px}
.blue {color:#636F93;}
.active a {background-position:0 0 !important;}

#index_body .leftbar {padding:35px 35px 20px 46px; width:282px; margin-right:82px}

#main{font-size:1.2em; min-width:1000px}
#bg_img_01 {background:url(../images/top1.jpg) 50% 0px no-repeat;}
#bg_img_02 {background:url(../images/top2.jpg) 50% 137px no-repeat;}
#bg_img_03 {background:url(../images/top3.jpg) 50% 274px no-repeat;}
#bg_img_04 {background:url(../images/top4.jpg) 50% 411px no-repeat;}

#text_body #bg_img_01 {background:url(../images/text_topbg1.jpg) 50% 0px no-repeat;}
#text_body #bg_img_02 {background:url(../images/text_topbg2.jpg) 50% 177px no-repeat;}
#text_body #bg_img_03 {background:url(../images/text_topbg3.jpg) 50% 354px no-repeat;}
#text_body #bg_img_04 {background:url(../images/text_topbg4.jpg) 50% 531px no-repeat;}
#text_body #main {background:url(../images/text_topbg_re.gif) 50% 0 repeat-y;}
#text_body #inside {background:#fff; width:943px; padding:20px 0 70px 0;}
#text_body .section_title {background:url(../images/ito_title.png) no-repeat 0 0; width:335px; height:48px; color:#000}
#text_body hr {border:0; border-bottom:1px solid #ccc; color:#ccc; height:1px; margin:3px 0; padding:0}
#text_body #content {background:url(../images/text_content_bot.jpg) 50% 100% no-repeat;}
.gray_bg {background:#e6e7e8; padding:10px; padding-bottom:5px; margin:5px 0 0;}


#portfolio_body {background: #000 url(../images/temp_y.gif) 50% 0 repeat-y;}
#portfolio_body #main {background:url(../images/temp_top.jpg) 50% 0 no-repeat; }
#portfolio_body #bg_holder {background:url(../images/temp_bot.jpg) 50% 100% no-repeat; min-height:1115px;}

#portfolio_body #content {width:970px; margin:0 auto; padding-left:30px}
#portfolio_body .section_title {background:url(../images/portf_title.png) no-repeat 0 0; width:315px; padding-left:40px !important}
#portfolio_body .i_title {background:url(../images/portf_titlei.png) no-repeat 0 0; width:315px; padding-left:40px !important}
#portfolio_body #header {height:140px}


.identity a {background:url(../images/identity.png) no-repeat 0 0; float:right}
.identity a:hover {background:url(../images/identity.png) no-repeat 0 -48px;}

.websites a {background:url(../images/websites.png) no-repeat 0 0; float:right}
.websites a:hover {background:url(../images/websites.png) no-repeat 0 -48px;}

.sitename {width:160px; background:url(../images/tip_arr.gif) 0 50% no-repeat; color:#fff; position:absolute; padding:0 0 0 11px; margin:55px 0 0 180px;}

.insitename_bg {background:url(../images/tip_y.gif) 0 0 repeat-y; padding:1px 10px;}
.insitename {background:url(../images/tip_bot.gif) 0 100% no-repeat; padding:0 0 4px;}
.insitename2 {background:url(../images/tip_top.gif) 0 0 no-repeat; padding:4px 0 0;}

#contacts_body {background:#000 url(../images/contactsbg.jpg) 50% 0px no-repeat;}
#contacts_body #inside {background:none}
#contacts_body .copyright {text-align:left; padding-left:50px}
#contacts_body .section_title {}
.contacts_top {background:url(../images/contact_top.png) no-repeat 0 0; width:399px; padding:20px 0 0; color:#000;}
.contacts_bott {background:url(../images/contact_bott.png) no-repeat 0 0; padding:0 0 3px; height:3px}
.contacts_top div {padding:10px 65px 10px 50px}

#project_body {background:#000 url(../images/projectbg.jpg) no-repeat 50% 0;}
#project_body #inside_top {background:url(../images/project_top.gif) no-repeat 0 0;}
#project_body #inside_bott {background:url(../images/project_bott.gif) no-repeat 0 100%;}
#project_body #inside {width:943px; padding:0; overflow:hidden; background:url(../images/project_re.gif) repeat-y 0 0;}
.atelier a {background:url(../images/portfolio2.png) no-repeat 0 0; float:right}
.atelier a:hover {background:url(../images/portfolio2.png) no-repeat 0 -48px;}
#project_body .section_title {width:335px; margin:20px 0 0; }
#project_body .leftbar {margin:0}
#project_body .text {float:right; width:506px; padding:20px 29px; background:#000; color:#fff}
#project_body .text a {color:#898989; text-decoration:none}
#project_body .text a:hover {color:#fff}
#project_body .text ul {list-style:none; overflow:hidden; padding:0; margin:25px 0 10px -11px; height:20px;}
#project_body .text li {float:left; border-left: 1px #898989 solid; padding:0 10px; margin-left:-1px}
#project_body .copyright {padding-right:0}
.green {color:#CBED8C !important;}
html, #project_body {height:100%}

#container {font-size: 1.1em;}
#index_body #header {height:536px;}
#header {height:115px;}
#menu {background:url(../images/menu.png) no-repeat 0 0; padding:12px 0 0; width:1000px; height:70px; margin:0 auto; /*overflow:hidden/*temp for holding logo*/}
#menu ul {list-style:none; padding:25px 0 0 220px; margin:0}
#menu li {float:left; text-indent:-10000px; padding:0 6px}
.home a{display:block; background:url(../images/home.png) no-repeat 0 -25px; width:48px; height:25px}
.home a:hover{display:block; background:url(../images/home.png) no-repeat 0 0;}
.it a {display:block; background:url(../images/it.png) no-repeat 0 -25px; width:82px; height:25px}
.it a:hover{background:url(../images/it.png) no-repeat 0 0;}
.outs a {display:block; background:url(../images/outs.png) no-repeat 0 -25px; width:91px; height:25px}
.outs a:hover {background:url(../images/outs.png) no-repeat 0 0;}
.dias a {display:block; background:url(../images/dias.png) no-repeat 0 -25px; width:139px; height:25px}
.dias a:hover {background:url(../images/dias.png) no-repeat 0 0;}
.catalog a {display:block; background:url(../images/catalog.png) no-repeat 0 -25px; width:92px; height:25px;}
.catalog a:hover {background:url(../images/catalog.png) no-repeat 0 0;}
.portfol a {display:block; background:url(../images/portfolio.png) no-repeat 0 -25px; width:62px; height:25px}
.portfol a:hover {background:url(../images/portfolio.png) no-repeat 0 0;}
.egunon a {display:block; background:url(../images/egunon.png) no-repeat 0 -25px; width:61px; height:25px}
.egunon a:hover {background:url(../images/egunon.png) no-repeat 0 0;}
.epiko a {display:block; background:url(../images/epiko.png) no-repeat 0 -25px; width:78px; height:25px}
.epiko a:hover {background:url(../images/epiko.png) no-repeat 0 0;}
.divider {width:2px; height:25px; background:url(../images/divider.gif) no-repeat 0 -2px; padding:0 !important}
.section_title { width:342px; height:48px; color:#000; padding:0  !important}
.section_title a {display:block; width:97px; height:48px;}
.section_title a:hover {color:#000;}

#logo {height:49px; width:170px; padding:3px 0 0 35px; float:left; margin:0 18px 0 0;}
#logo a {background:url(../images/logo_2.png) no-repeat 0 0; display:block; width:133px; height:62px;}
#logo a:hover {background:url(../images/logo_2.png) no-repeat 0 -62px; }

#index_body #content {background:url(../images/contentbg_repeat.gif) repeat-y 50% 0;}
#index_body #incontent {background:url(../images/contentbg.jpg) no-repeat 50% 0; }
#maincontent {width:1000px; margin:0 auto; padding:0; background:#121212 url(../images/content_re.gif) repeat-y 0 0;}
#maincontent a {color:#fff; text-decoration:underline;}
#maincontent a:hover {color:#cbed8c;}
#mainbg1 {background:url(../images/content_top.jpg) no-repeat 0 0;}
#mainbg2 {background:url(../images/content_bott.png) no-repeat 0 100%;}
.leftbar {float:left; margin-right:57px; width:280px; padding:10px 20px 20px 52px;}
.title {color:#cbed8c; font-size:1.4em; padding:0px; letter-spacing:-1px; min-height:51px}
.rtitle {margin-top:30px; color:#cbed8c; font-size:1.2em; padding:0px; letter-spacing:-1px; min-height:18px}
.ftitle {color:#cbed8c; font-size:1.2em; padding:0px; letter-spacing:-1px; min-height:30px}
.title img, .rtitle img, .ftitle img {position:absolute}
.leftitem {padding:0 10px; margin:15px 0 50px 0}
.text {float:left; width:447px; padding:10px 0 20px 0}
.descr {background:#282828 url(../images/descr_bg.gif) repeat-x 0 0; padding:8px 20px 8px 7px; margin:0 0 40px}
.descr a {color:#cbed8c !important; display:block; /*float:left; width:100px; height:40px;*/}
.descr a:hover {text-decoration:none !important}
.descr p {/*margin:0 0 0 100px*/}
.triangle {background:url(../images/triangle.gif) no-repeat 50% 0; padding:13px 0 0}
.pics {margin:6px 0 6px -33px; width:515px}
.pics a {display:block; width:120px; height:90px; border:3px #121315 solid}
.pics a:hover {border:3px #cbed8c solid}
.pics td {vertical-align:middle; padding:0 4px;}
.pics img {vertical-align:middle; padding:0; margin:0}
.larrow {background:url(../images/leftarr.gif) no-repeat 0 -40px;}
.rarrow {background:url(../images/rightarr.gif) no-repeat 0 -40px;}
.pics a.larrow, .pics a.rarrow {display:block; width:18px; height:40px; float:left; border:0}
.pics a:hover.larrow {background:url(../images/leftarr.gif) no-repeat 0 0; border:0}
.pics a:hover.rarrow {background:url(../images/rightarr.gif) no-repeat 0 0; border:0}
.pics a.bigpic {width:180px; height:135px;}

.portfolio {list-style:none; padding:0 0 0 55px; margin:20px 0 0}
.portfolio a {background:url(../images/shaddow.png) no-repeat 0 0; display:block; width:188px; height:142px; margin:0; padding:8px 0 0 8px}
.portfolio a:hover {background:url(../images/shaddow_over.png) no-repeat 0 0;}
.portfolio li {float:left; margin:0; width:203px; height:155px; padding:0px}
.copyright {text-align:right; color:#636f93; padding:25px 117px 30px 0}

#inside_top {color:#000; background:url(../images/text_top.gif) no-repeat 0 0; width:943px; margin:0 auto; padding:3px 0 0;}
#inside_bott {background:url(../images/text_bott.gif) no-repeat 0 100%; padding:0 0 3px}
#inside {padding:20px 0 0; width:940px; margin:0 auto; background:#fff}

#footer {background:url(../images/footer01.jpg) no-repeat 50% 0; font-size:1.2em; color:#fff}
#footer02 {background:url(../images/footer02.jpg) no-repeat 50% 138px;}
#footer03 {background:url(../images/footer03.jpg) no-repeat 50% 276px; height:414px}
#infooter {width:976px; margin:0 auto; padding:0 0 0 70px}
#index_body #infooter {width:976px; margin:0 auto; padding:0 0 0 24px}
#footer a {color:#fff}
#footer a:hover {color:#fff; text-decoration:none}
.leftfooter {float:left; width:278px; padding:20px 30px 20px 32px; margin:0 80px 0 0}
.rightfooter {float:left; width:380px; padding:20px 0 0}
.dark {color:#1a1d3d}
.rightfooter span{display:block; padding:0 100px 0 0}
.rightfooter table {width:100%}
.rightfooter td {padding:2px 0}
.rightfooter textarea {color:#fff; font-size:1em; padding:2px; float:right; background:url(../images/area_bg.png) repeat-y 0 0; width:310px; height:91px; border:0}
.rightfooter input {background:url(../images/input_bg.png) no-repeat 0 0; border:0; width:188px; height:27px; color:#fff; padding:4px 2px 0 2px}
.right {text-align:right}
.rightfooter a.subm {width:70px; height:25px; background:url(../images/submit.gif) no-repeat 0 0; border:0; float:right; cursor:pointer; outline:0; display:block;}
.rightfooter a.subm:hover {background:url(../images/submit.gif) no-repeat 0 -25px;}

#text_body #footer {background:url(../images/text_footer.jpg) no-repeat 50% 0; height:555px}

#area {scrollbar-face-color: #414898; scrollbar-arrow-color: #fff; scrollbar-base-color: #414898;}