/* CSS Stylesheet made by Romi Dumitrescu at Adworks Media -- www.adworks.ro */
/* Copyright 2008 Adworks Media, All Rights Reserved */
/* Have a nice day! */



/* 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; margin:0px; overflow:-moz-scrollbars-vertical; background: #0b071a url(../images/homepage_bg.jpg) 0 0 no-repeat; font: normal normal 12px/22px Tahoma, Arial, sans-serif; color:#ff9486;  }
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: #FFFFFF; text-decoration: none; }
a:hover { text-decoration: underline; }

h1 { font: normal normal normal 22px/26px "Century Gothic", "Trebuchet MS", sans-serif; text-transform:uppercase; color: #fff; float: left; width: 18%; letter-spacing: -1px; padding: 10px 1% 31px 2%; margin-right: 6%; margin-top:5px; position:relative; border-top: 1px solid #b24d3f; background: transparent url(../images/h2bottombg.gif) right bottom no-repeat;}

h1 a span { position: absolute; top: -14px; left:60%; width:14px; height:14px; background: transparent url(../images/ico_h1.gif) 0 0 no-repeat; line-height:14px; }
h1 a { text-decoration: underline;  }
h1 a:hover { text-decoration: none; }
h2 { font: normal normal normal 20px/24px "Century Gothic", "Trebuchet MS", sans-serif; text-transform:uppercase; color: #fff; position:relative; }
h2 a { }
h2 a:hover { text-decoration: none; }
.whitetext { color:#fff; }
h3 { color:#fff; font-weight:normal; font-size:15px; }

hr { height:30px; border: 0; background: url(../images/hr_bg.gif) 0 50% no-repeat; }


/* BOXES */

#wrapper { max-width: 1400px; min-width:960px; width: expression(document.body.clientWidth < 962? "960px" : document.body.clientWidth > 1402? "1400px" : "auto"); height: 100%; min-height:100%; }
html>body #wrapper { height:auto; min-height:100%; }

.homepage { background: url(../images/homepic.png) 0 0 no-repeat; }
.homepage2 { background: url(../images/homepic2.png) 0 0 no-repeat; }
.vulcanii_noroiosi { background: url(../images/vulcaniinoroiosi_pic.png) 0 0 no-repeat; }
.multimedia { background: url(../images/multimedia_pic.png) 0 0 no-repeat; }
.proiect { background: url(../images/proiect_pic.png) 0 0 no-repeat; }
.contact { background: url(../images/contact_pic.png) 0 0 no-repeat; }
.contact2 { background: url(../images/contact_pic2.png) 0 0 no-repeat; }

#container { padding: 0px 4%; }
#logoholder { position:relative; height: 111px; width: 30%;}

a.logo { width: 167px; height:72px; display:block; position: absolute; top: 28px; left:25%; text-indent: -10000px; background: url(../images/logotop.png) 0 0 no-repeat; cursor: pointer; cursor:hand; }

#leftcolumn { float:left; width: 30%; }
#rightcolumn { float:left; width: 70%; }
#content { padding: 80px 3% 50px 1%;  }
p.hometext { float: left; width: 70%; }

#toplinks { position:absolute; right:8%; top:15px; }


/* NAVIGATION */

.navleft { height:21px; display:block; line-height:1px; font-size:1px; }
.navseparator { height:1px; line-height:0px; font-size:0; padding:0px; margin:0px; background:url(../images/navsepbg.png) 0 0 repeat-x; }
#nav { height:21px; line-height:21px; }
.homepage { background: url(../images/homepic.png) 0 0 no-repeat; }
#nav a { height: 21px; display:block; float:left;}
a.btn_home { width: 68px; background: url(../images/btn_home.gif) 50% top no-repeat; text-indent: -10000px; }
a.btn_vulcanii_noroiosi { width: 153px; background: url(../images/btn_vulcanii.gif) 50% top no-repeat; text-indent: -10000px;}
a.btn_vulcanii_noroiosi_over { width: 153px; background: url(../images/btn_vulcanii.gif) 50% bottom no-repeat; text-indent: -10000px;}
a.btn_muddy_volcanoes { width: 153px; background: url(../images/btn_volcanoes.gif) 50% top no-repeat; text-indent: -10000px;}
a.btn_muddy_volcanoes_over { width: 153px; background: url(../images/btn_volcanoes.gif) 50% bottom no-repeat; text-indent: -10000px;}
a.btn_multimedia { width: 103px; background: url(../images/btn_multimedia.gif) 50% top no-repeat; text-indent: -10000px;}
a.btn_multimedia_over { width: 103px; background: url(../images/btn_multimedia.gif) 50% bottom no-repeat; text-indent: -10000px;}
a.btn_proiect { width: 77px; background: url(../images/btn_proiect.gif) 50% top no-repeat; text-indent: -10000px;}
a.btn_proiect_over { width: 77px; background: url(../images/btn_proiect.gif) 50% bottom no-repeat; text-indent: -10000px;}
a.btn_travel { width: 153px; background: url(../images/btn_travel.gif) 50% top no-repeat; text-indent: -10000px;}
a.btn_travel_over { width: 153px; background: url(../images/btn_travel.gif) 50% bottom no-repeat; text-indent: -10000px;}
a.btn_project { width: 77px; background: url(../images/btn_project.gif) 50% top no-repeat; text-indent: -10000px;}
a.btn_project_over { width: 77px; background: url(../images/btn_project.gif) 50% bottom no-repeat; text-indent: -10000px;}
a.btn_contact { width: 90px; background: url(../images/btn_contact.gif) 50% top no-repeat; text-indent: -10000px;}

#nav a:hover { background-position: 50% bottom; }


/* DROPDOWN */

/* Style */
.sf-menu, .sf-menu * { margin:0; padding:0; list-style:none; }
.sf-menu { line-height:	21px; height:21px; }
.sf-menu ul {  position:absolute;top:-999em; iowidth:10em; /* left offset of submenus need to match (see below) */}
.sf-menu ul li { iowidth:100%; height:22px; }
.sf-menu li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li {float:left;position:relative;}
.sf-menu a {display:block;position:relative;}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {left:0px;top:21px; /* match top ul list item height */z-index:99;}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left:10em; /* match ul width */top:0;}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left:10em; /* match ul width */top:0;}

/* Skin */
.sf-menu {float:left; }
.sf-menu a { padding:0px; text-decoration:none; font-size:11px; text-transform:uppercase;}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/ color:#fff; }
.sf-menu li { }
.sf-menu li li { height:21px; }
.sf-menu li li a { line-height:22px; display: block; padding:0px 14px; width: 125px; background:#000; }
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline:0; }
.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active { background: url(../images/submeniubg_hover.png) 50% 50% repeat; text-decoration:none; cursor:pointer; cursor:hand; }


/* CARUSEL GALERIE */

.carousel { padding: 50px 0 0 28%; width: 69%; position:relative; z-index:100;  }
.harta { display: block; width: 320px; height:265px; position:absolute; top:5px; left:-25%; background: url(../images/harta.png) 0 0 no-repeat; z-index:110; }
.cholder { overflow:hidden; }
.carouselcontent ul { width: 100%; }
.carouselcontent ul li {list-style:none; float:left; display:block; width: 33%;}

p.number1, p.number2, p.number3 { position: absolute; display:block; width: 124px; padding: 4px 3px; line-height:12px; color:#fff; }
p.number1 {top:112px; left:3px; border-bottom: 1px solid #b24d3f; }
p.number2 {top:33px; left:3px; border-top: 1px solid #b24d3f; }
p.number3 {top:100px; left:3px; border-bottom: 1px solid #b24d3f; }

.nr1 { padding: 12px 0 0 0; position:relative;}
.nr2 { padding: 51px 0 0 0; position:relative;}
.nr3 { padding: 0 0 0 0; position:relative;}

.carouselcontent ul li a { position:relative; display:block; width: 130px; height:105px; padding:8px 8px 8px 8px; }
.carouselcontent ul li a { text-decoration:none; }
.carouselcontent ul li a span { position: absolute; top:-5px; left:-5px; width: 146px; height:114px; background: url(../images/frame.png) 0 0 no-repeat; display:block;}
.carouselcontent ul li a:hover span { background: url(../images/frame_hover.png) 0 0 no-repeat; text-decoration:none; } 
.carouselcontent ul li a:hover { text-decoration:none; border:0; }

.next { display:block; float:right; width:31px; height:31px; background: url(../images/next.png) 0 0 no-repeat; text-indent: -10000px; border:0px; cursor:hand; cursor:pointer; outline:0; }
.next:hover { background: url(../images/next_hover.png) 0 0 no-repeat; } 
.prev { display:block; float:left; width:31px; height:31px; background: url(../images/prev.png) 0 0 no-repeat; text-indent: -10000px; border:0px; cursor:hand; cursor:pointer; outline:0; }
.prev:hover { background: url(../images/prev_hover.png) 0 0 no-repeat; }


/* GALERIE WALLPAPERS */
.wall_carouselcontent ul { width: 100%; }
.wall_carouselcontent ul li {list-style:none; display:block;}
.wall_carouselcontent ul li a { position:relative; display:block; width: 130px; height:105px; padding:8px 8px 8px 8px; }
.wall_carouselcontent ul li a { text-decoration:none; }
.wall_carouselcontent ul li a span { position: absolute; top:-5px; left:-5px; width: 146px; height:114px; background: url(../images/frame.png) 0 0 no-repeat; display:block;}
.wall_carouselcontent ul li a:hover span { background: url(../images/frame_hover.png) 0 0 no-repeat; text-decoration:none; } 
.wall_dl { position: absolute; top:17px; left:50%; z-index:200; }



/* FOOTER */
#footer { padding: 50px 0 50px 30%; color:#5a545e; font-size: 11px; line-height:18px; width:70% }
#footer a { color:#5a545e; }
#footer a:hover { color: #fff; text-decoration: none; }
.footer_col_1 { width: 28%; float:left; }
.footer_col_2 { width: 50%; float:left; }
.footer_col_3 { width: 19%; float:left; }
.adholder { width:69px; height:22px; position:relative; float:right;}
a.adworks { width: 69px; height:22px; display:block; position: absolute; top: 0px; right:0px; text-indent: -10000px;  background: url(../images/adworks.png) 0 0 no-repeat;  }



#upperfooter { padding: 50px 0 50px 30%; color:#979797; font-size: 11px; line-height:18px; width:70% }
#upperfooter a { color:#979797; }
#upperfooter a:hover { color: #fff; text-decoration: none; }


/*INNER CONTENT*/
.innercontent { padding: 0 0 0 0; width:70%; float:left; }
.innercontent ul { }
.innercontent ul li { background: url(../images/arrow.gif) 15px 8px no-repeat; padding-left: 30px; }
.minicolumn { width:21%; float:left; border-top: 1px dotted #b24d3f; border-bottom: 1px dotted #b24d3f; margin-right: 6%; padding:10px 0; }


/* INNER LEFTSIDE CONTEXTUAL MENU */
.innermenu { width:21%; float:left; border-top: 1px dotted #b24d3f; border-bottom: 1px dotted #b24d3f; margin-right: 6%; padding:10px 0; }
.innermenu a { display:block; text-transform:uppercase; margin-bottom:1px; }
.round { cursor:pointer; cursor:hand; line-height:22px; background: url(../images/im_bg.gif) no-repeat right bottom; padding-right:15px; vertical-align:middle; display:block; /*opera*/  display:inline-block; /*ie*/  display:-moz-inline-box;  /*ff*/ }
.round span { background: url(../images/im_bg.gif) no-repeat left bottom; height:22px; display:block; display:inline-block; padding-left:15px; line-height:22px; }
a.round:hover { background-position:right top; text-decoration:none; }
a.round:hover span { background-position:left top; }
.active { background-position:right top; }
.active span { background-position:left top; }

p.sep { border-top: 1px dotted #b24d3f; margin-top:10px; padding-bottom:10px; line-height:1px; font-size:1px; display:block; }
  
  
/* FORMS - CONTACT */
fieldset { padding: 10px 0; }
label { font-size: 12px; font-weight: normal; line-height: 33px; padding: 0 5px 0 0; text-align:left; color:#fff; }
input, textarea, select { border: 1px solid #e8e8e8; font-size: 11px; font-family: Arial, Helvetica, sans-serif; background: #fff url(../images/input_bg.gif) 0 0 repeat; color: #fff; padding: 6px; margin: 3px 0; overflow:auto; alpha(opacity=40);-moz-opacity:.40;opacity:.40; border:1px solid #000; }
input:hover, textarea:hover, select:hover, input:focus, textarea:focus, select:focus { border:1px solid #ff9486; }
input.check, input.radio { background: none; border: none; vertical-align: middle; width: 12px; height:12px; line-height:12px; }

.normal { width:135px; }
.double { width:75%; }


/* BLOG */
p.blogdate { font-size:9px; text-transform:uppercase; }


/* VIDEO */

.videoholder { width:409px; height:356px; background:url(../images/playerbg.png) 0 0 no-repeat; padding:44px 0 0 51px; text-align:left; }