* { padding: 0; margin: 0; }

body {
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
font-size:16px;
line-height:20px;
 background:url(../images/body-bg.gif) repeat-x #bfdae1;
}
a{text-decoration: none;}
h3{
color:#820F00;
font-style:italic;
}
h2{
color:#820F00;
font-style:italic;
}
.postare{
 float: left;
 width: 650px;
 color: #333;
 font-size:15px;
 line-height:17px;
 margin: 0px 0px 5px 0px;
 border-bottom:2px dashed #000;
 padding-bottom:5px;
 padding-left:15px;
}
/*Acordeon*/

/* root element for accordion. decorated with rounded borders and gradient background image */
#accordion {
	height:300px;
	padding:10px 0 10px 20px;
	width:970px;
}

/* accordion header */
#accordion img {
	float:left;
	margin-right:10px;
	cursor:pointer;
	/*opacity:0.5;
	filter: alpha(opacity=50);*/
}

/* currently active header */
#accordion img.current {
	cursor:default;
	/*opacity:1;
	filter: alpha(opacity=100);*/
}

/* 
	accordion pane. should initially have zero width and display:none.
	the first pane should override these with inline style
*/
#accordion div {
	width:0px;
	float:left;	
	display:none;		
	margin-right:10px;
}

/* content inside a pane should have fixed width */
#accordion div h3 {
	margin-top:10px;
	width:650px;
}
	
#accordion div p {	
	width:650px;
	font-size:18px;
	line-height:23px;
}
#accordion div li{font-size:18px;line-height:23px;}
/*Sfarsit acordeon*/

.contact_stanga{width:450px;float:left;}
.contact_dreapta{width:400px;float:right;}

table.contact{margin-top:30px;}
table.contact td{padding:20px; color:#820f00; font-size:15px; line-height:20px;}
table.contact td a{padding:20px; color:#000; font-size:15px; line-height:20px;}
h1.contact{color:#820f00;font-size:30px;line-height:35px;margin-top:30px;margin-bottom:30px;}

input{width:250px; height:30px;border:1px solid #f8a21a;background:#fff;font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;font-size:15px;}
textarea{width:250px; height:150px;border:1px solid #f8a21a;background:#fff;font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;font-size:15px;}
select{width:250px; height:20px;border:1px solid #f8a21a;background:#fff;font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;font-size:15px;}

input.buton{width:100px;height:30px;background:#fff;border:2px solid #ccc;float:right;}

td span{width:200px;}
.contact_dreapta table td{padding-bottom:10px;}
#wrapper { 
 margin: 0 auto;
 width: 1000px;
 }
 
 p{text-indent:50px;}
 
#header {
 color: #333;
 width: 1000px;
 float: left;
 padding: 10px;
 height: 110px;
 margin: 10px 0px 5px 0px;
}

#header a{
text-decoration:none;
}
img.logo{
width:970px;
height:110px;
border:none;
}

#header h1{
font-size:30px;
padding-left:5px;
}

#navigation {
 float: left;
 width: 1000px;
 color: #333;
 margin: 0px 0px 5px 0px;
 padding-bottom:5px;

}

#oferta {
 float: left;
 width: 970px;
 color: #333;
 margin: 5px 5px 0px 5px;
}

#continut {
 float: left;
 width: 970px;
 color: #333;
 margin: 5px 5px 0px 25px;
}

.postari{float:left;width:650px;}
.right{float:right;width:270px;margin-left:10px;padding-right:10px;}

#contact {
 float: left;
 width: 860px;
 color: #333;
 margin: 5px 5px 0px 50px;
}

#port {
 float: left;
 width: 970px;
 color: #333;
 margin: 20px 5px 0px 50px;

}


#oferta h1{
font-size:40px;
line-height:50px;
color:#820F00;
font-style:italic;
}
#oferta h3{
color:#820F00;
font-style:italic;
}


.postare h2{
font-size:30px;
line-height:50px;
padding-bottom:5px;
color:#820F00;
}

#leftcolumn { 
 color: #333;
 border: 1px solid #ccc;
 background:#F6F0E0;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 height: 350px;
 width: 195px;
 float: left;
}


#content { 
 float: left;
 color: #333;
 border: 1px solid #ccc;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 height: 350px;
 width: 456px;
 display: inline;
}
#rightcolumn { 
 color: #333;
 border: 1px solid #ccc;
 margin: 0px 0px 5px 0px;
 padding: 10px;
 height: 350px;
 width: 195px;
 float: left;
}

/**************** FOOTER **************/

#footer { 
 width: 100%;
 height:170px;
 clear: both;
 color: #333;
 margin: 50px 0px 0px 0px;
 padding: 10px;
 padding-top:50px;
 padding-bottom:0px;
 background:url(../images/footer-bg.gif) repeat-x;
}

#chestii_jos{ margin: 0 auto; width: 1000px;}

.registered{width:100%;text-align:center;color:#820F00;margin-top:30px;}

#preload1{
 background: url(../images/sdesign2.png);
 position: absolute; left: -9999px;
}
#preload2{
 background: url(../images/slogo2.png);
position: absolute; left: -8999px;
}
#preload3{
 background: url(../images/sbanner2.png);
position: absolute; left: -7999px;
}
#preload4{
 background: url(../images/sseo2.png);
position: absolute; left: -6999px;
}
#preload5{
 background: url(../images/sapp2.png);
 position: absolute; left: -5999px;
}
#preload6{
 background: url(../images/smarketing2.png);
 position: absolute; left: -4999px;
}
.anchor1 { 
width : 130px;
height : 100px;
background: url(../images/sdesign1.png) no-repeat;display: block;  }
.anchor1:hover {
width : 130px;
height : 100px;

 background: url(../images/sdesign2.png) no-repeat; }


.anchor2 { 
width : 130px;
height : 100px;
margin-left: 175px;
margin-top: -100px;
background: url(../images/slogo1.png) no-repeat;display: block;  }

.anchor2:hover {
width : 130px;
height : 100px;
 background: url(../images/slogo2.png) no-repeat; }
.anchor2:focus {
width : 130px;
height : 100px;
 background: url(../images/slogo2.png) no-repeat; }

.anchor3 { 
width : 130px;
height : 100px;
margin-left: 350px;
margin-top: -100px;
background: url(../images/sbanner1.png) no-repeat;display: block;  }

.anchor3:hover {
width : 130px;
height : 100px;
 background: url(../images/sbanner2.png) no-repeat; }


.anchor4 { 
width : 130px;
height : 100px;
margin-left: 525px;
margin-top: -100px;
background: url(../images/sseo1.png) no-repeat;display: block;  }

.anchor4:hover {
width : 130px;
height : 100px;
 background: url(../images/sseo2.png) no-repeat; }


.anchor5 { 
width : 130px;
height : 100px;
margin-left: 700px;
margin-top: -100px;
background: url(../images/sapp1.png) no-repeat;display: block;  }

.anchor5:hover {
width : 130px;
height : 100px;
 background: url(../images/sapp2.png) no-repeat; }


.anchor6 { 
width : 130px;
height : 100px;
margin-left: 875px;
margin-top: -100px;
background: url(../images/smarketing1.png) no-repeat;display: block;  }

.anchor6:hover {
width : 130px;
height : 100px;
 background: url(../images/smarketing2.png) no-repeat; }
/**************** END FOOTER **************/

/**************** FOR PORTFOLIO **************/
.portfolioblock {
padding:10px;
position:relative;
padding-bottom:5px;
background-color:#F0F0E4;
width:850px;
height:260px;
padding-top:10px;
border-top: 4px solid #586B7A;
margin-bottom:20px;
font-size:11px;
background-image:url(../images/portbg.jpg);
background-position:bottom center;
line-height:14px;
}

.portfolioblock img {
padding:0px;
padding-left:15px;
background: url(../images/loading2.gif) 335px 240px no-repeat;
}
.portfolioblock p {
text-indent:0px;

}
h4 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
margin-bottom:10px;
font-weight:bold;
color:#820F00;
}

.lower{
	position:absolute;
	bottom: 10px;
	width: 200px;
	text-align: left;
	line-height: 1.2em;}

.navigationTabs {
	height: 23px;
	line-height: 23px;

	list-style:none;
}

.navigationTabs {
	height: 23px;
	line-height: 23px;

	list-style:none;
}

.navigationTabs li {
	float: left;
	height: 23px;
	line-height: 23px;
	padding-right: 3px;
	
}
.navigationTabs li a{
	float: left;
	display: block;
	height: 23px;
	line-height: 23px;
	padding: 0 10px;
	overflow: hidden;
	color: #586B7A;
	position: relative;
	text-decoration: none;
	background-color: #EEEEEE;
}

.navigationTabs li a:link {
	background-color: #EEEEEE;
	color: #586B7A;
}	

.navigationTabs li a:hover {
	background-color: #586B7A;
	color:#000;
}
.navigationTabs li a:active {
	background-color: #FFFFFF;
		color: #586B7A;
	border: 1px solid #ccc;
	border-bottom: 0px solid;
}

.navcurrent a{
	
	background-color:#FFFFFF;
	border: 1px solid #ccc;
	border-bottom: 0px solid;
	color: #586B7A;
	z-index:1000;
}

.toptext {
font-size:11px;
}
a.box{
position: relative;
color:#FFFFFF;
display: block;
height: 20px;
width: 230px;
padding: 3px;
text-align: center;
text-decoration: none;
background-image:url(../images/vweb-off.gif);
background-repeat:no-repeat;
font-weight:bold;
}

a.box:hover{
	background-image:url(../images/vweb-on.gif);
	color: #FFFFFF;
} 
/**************** PORTFOLIO END **************/
/****************  MENU START **************/
 ul.topnav {
	list-style: none;
	padding: 0 30px;
	margin: 0;
	float: left;
	width: 960px;
	background: #222;
	font-size: 1.2em;
	background: url(../images/topnav_bg.gif) repeat-x;
}
ul.topnav li {
	float: left;
	margin: 0;
	padding: 0 12px 0 0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.topnav li a{
	padding: 5px 5px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
}
ul.topnav li a:hover{
	background: url(../images/topnav_hover.gif) no-repeat center top;
}
ul.topnav li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 35px;
	float: left;
	background: url(../images/subnav_btn.gif) no-repeat center top;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 35px;
	background: #333;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	border: 1px solid #111;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	clear: both;
	width: 170px;
    z-index: 2000;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 145px;
	background: #333 url(../images/dropdown_linkbg.gif) no-repeat 10px center;
	padding-left: 20px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #222 url(../images/dropdown_linkbg.gif) no-repeat 10px center;
}
a img {border: none;}

/****************  MENU END **************/