/* -Basic arangement- */
html {  padding-bottom:0px;
		padding-left:0px;
		padding-right:0px;
		padding-top:0px;
		margin:0px;
		
} 
body {	padding-bottom:0px;
		padding-left:0px;
		padding-right:0px;
		padding-top:0px;
		margin:0px;
		background:url(images/bg.png) #FFFFFF;
		
		
		
				
}
ul {
padding:0px; 
margin:0px;
}

p{
padding:0px; 
margin:0px;
}

#site {
overflow:hidden;
margin:0px auto;
width:900px;
height:100%;
background:#FFFFFF;
font-family:Verdana, Helvetica, sans-serif;
font-size:12px;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:150%;
color:#494949;
}

#site a {
text-decoration:none;
color:#FF6600;

}
#site a:hover {
text-decoration:underline;
color:#FF6600;
border-bottom:none;
}
/* -End of Basic arangement- */

/* menu */
#menu{
width: 750px;
height:40px;
margin:25px 75px;
background-image:url(../images/btn.png);
background-repeat:no-repeat;

}

#menu ul{
list-style: none;
}

#menu li{
float: left;
display: inline;
padding:0px; 
margin:0px;
}

#menu a{
text-indent:-3000px;
}
.btn1{
float: left;
display: block;
width:100px;
height:40px;
}

.btn1:hover{
background-position: 0px -40px;
background-image:url(../images/btn.png);
background-repeat:no-repeat;
}

.btn1_on{
float: left;
display: block;
width:100px;
height:40px;
background-position: 0px -40px;
background-image:url(../images/btn.png);
background-repeat:no-repeat;
}

.btn2{
float: left;
display: block;
width:100px;
height:40px;
}

.btn2:hover{
background-position: -100px -40px;
background-image:url(../images/btn.png);
background-repeat:no-repeat;
}

.btn2_on{
float: left;
display: block;
width:100px;
height:40px;
background-position: -100px -40px;
background-image:url(../images/btn.png);
background-repeat:no-repeat;
}

.btn3{
float: left;
display: block;
width:100px;
height:40px;

}

.btn3:hover{
background-position: -200px -40px;
background-image:url(../images/btn.png);
background-repeat:no-repeat;
}

.btn3_on{
float: left;
display: block;
width:100px;
height:40px;
background-position: -200px -40px;
background-image:url(../images/btn.png);
background-repeat:no-repeat;
}
.btn4{
float: left;
display: block;
width:100px;
height:40px;

}

.btn4:hover{
background-position: -300px -40px;
background-image:url(../images/btn.png);
background-repeat:no-repeat;
}

.btn4_on{
float: left;
display: block;
width:100px;
height:40px;
background-position: -300px -40px;
background-image:url(../images/btn.png);
background-repeat:no-repeat;
}

.btn5{
float: left;
display: block;
width:100px;
height:40px;
}

.btn5:hover{
background-position: -400px -40px;
background-image:url(../images/btn.png);
background-repeat:no-repeat;
}

.btn5_on{
float: left;
display: block;
width:100px;
height:40px;
background-position: -400px -40px;
background-image:url(../images/btn.png);
background-repeat:no-repeat;
}

.btn6{
float: left;
display: block;
width:100px;
height:40px;
}

.btn6:hover{
background-position: -500px -40px;
background-image:url(../images/btn.png);
background-repeat:no-repeat;
}

.btn6_on{
float: left;
display: block;
width:100px;
height:40px;
background-position: -500px -40px;
background-image:url(../images/btn.png);
background-repeat:no-repeat;
}
/* end of menu */

/* header */

#header{
width:850px;
height:120px;
margin-left:25px;
background:url(../images/header.png) no-repeat center;
}


/* end of header */

/* content */

.hr{
float:left;
width:400px;
margin-left:175px;
height:5px;
border-bottom:1px solid #B8B8B6;
margin-top:20px;
}

#wrap{
width:900px;
height:100%;
margin:0px 0px 0px 0px;
}

#content{
width:660px;
height:auto;
float:left;
margin-left:10px;
display:inline;
}
#hosting{

height:auto;
float:left;
margin-left:10px;
display:inline;
}

#info{
float:left;
width:620px;
height:auto;
margin-left:10px;
}

#info p{
margin:11px;
text-align:justify;
}

.info_title{
border-bottom:1px solid #999;
margin:0; 
padding:0;
height:55px;
color:#336699;
font-size:18px;
font-weight:bold;
margin-left:10px;
padding:4px 0px 0px 15px;
}

#detalii-wd{
width:650px;
height:120px;
float:left;
}

#detalii-wh{
width:650px;
height:120px;
float:left;
}

#content_title{
background:#303030;
margin:0; 
padding:0;
height:20px;
color:#FFFFFF;
font-size:13px;
font-weight:bold;
padding:4px 0px 0px 15px;
margin-bottom:20px;

}

#webdesign{
width:650px;
height:270px;
float:left;
margin-top:20px;
}

.title{
margin-top:10px;
font-size:16px;
color:#326892;
background:#f3f3f3;
text-align:right;
height:20px;
width:650px;
}

.box_w{
float:left;
width:260px;
height:240px;
margin-top:30px;
margin-left:25px; 
text-align:left;
font-family:"Palatino Linotype";
font-size:16px;
font-weight:bold;
border-left:1px solid #CCCCCC;
padding-left:20px;
}

#nav_left{
width:30px;
height:200px;
float:left;
background:url(images/nav_left_bg.png) no-repeat;
}


#nav_left1{
width:30px;
height:200px;
float:left;
background:url(images/nav_left_bg.png) no-repeat;
}

#nav_right{
width:30px;
height:200px;
float:left;
background:url(images/nav_right_bg.png) no-repeat;
}

#nav_right1{
width:30px;
height:200px;
float:left;
background:url(images/nav_right_bg.png) no-repeat;
}

.box_title{
margin-bottom:10px;
height:70px;
font-size:15px;
padding-left:10px;
padding-right:10px;
padding-top:10px;

}

.box_content{
font-size:12px;
font-weight:normal;
margin-top:-20px;
height:130px;
padding-left:10px;
}

.box_content a{
text-decoration:none;
color:#FF9900;
font-size:13px;
}

#gazduire{
width:650px;
height:270px;
float:left;
}

.box_g{
float:left;
width:260px;
height:130px;
margin-top:30px;
margin-left:25px; 
text-align:left;
font-family:"Palatino Linotype";
font-size:16px;
font-weight:bold;
border-left:1px solid #CCCCCC;
padding-left:20px;
}

#grafica{
width:650px;
height:200px;
float:left;
text-align:left;
margin-top:20px;
}

.box_d{
float:left;
width:170px;
height:85px;
margin-top:30px;
margin-bottom:10px;
margin-left:0px; 
text-align:left;
font-family:"Palatino Linotype";
font-size:12px;
border-left:1px solid #CCCCCC;
padding-left:10px;
}

#detalii_d{
width:700px;
height:20px;
text-align:center;
margin-top:7px;
float:right;
}

#detalii_d a{
text-decoration:none;
color:#FF6600;
font-weight:bold;
}

#detalii_d a:hover{
color:#FF9900;
}

.detalii{
width:82px;
height:21px;
text-align:center;
float:right;
margin-right:50px;
line-height:1.5;
}

.detalii a{
width:82px;
height:21px;
display:block;
background:url(images/detalii.png) no-repeat;
text-decoration:none;
color:#000;
}

.detalii a:hover{
background:url(images/detalii_on.png) no-repeat;
}
/* end of content */

/* right side */
#right_side{
width:210px;
height:auto;
border-left:1px solid #ccc;
display:inline;
float:left;
text-align:center;
}

#craftysyntax{
width:201px;
margin-left:10px;
margin-top:10px;
border:1px solid #e1e1e1;
}

#oferte{
width:201px;
height:200px;
margin-left:10px;
border:1px solid #e1e1e1;
margin-top:20px;
}

#proiecte{
width:201px;
height:200px;
margin-left:10px;
border:1px solid #e1e1e1;
margin-top:20px;
}

#date_contact{
width:201px;
height:225px;
margin-left:10px;
border:1px solid #e1e1e1;
margin-top:20px;
}

.right_title{
width:201px;
height:20px;
background:#e1e1e1;
font-weight:bold;
color:#000;
line-height:1.5;
}
/* footer */

#footer{
margin-top:30px;
float:left;
width:800px;
height:50px;
background:#FFFFFF;
text-align:center;
font-size:11px;
}

#footer_menu{
padding:0px;
text-align:center;
height:20px;
width:500px;
margin-left:190px;
}

#footer_menu li{
list-style-type:none;
float:left;
width:auto;
width:70px;
text-align:center;
}

#footer_menu li a{

text-decoration:none;
color:#000000;
}
/* end of footer */

/* portfolio */
#portfolio{
width:100%;
height:auto;
float:left;
}
#portfolio ul{
list-style: none;
}

.thumb{
float: left;
display: inline;
padding:0px; 
margin:0px;
}

.p_container{
width:600px;
height:150px;
float:left;
margin:5px 0px 20px 28.4px;
font-size:10px;
font-family:Verdana, Helvetica, sans-serif;
font-size:12px;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:150%;
color:#494949;
}

#portfolio img{
}

#portfolio a{
text-decoration:none;
color:#FF6600;
font-size:10px;
}

#portfolio a:hover{
text-decoration:underline;
color:#FF6600;
font-size:10px;
}

#sub_menu_p {
	margin-left:30px;
}
#sub_menu_p li{
	list-style-type:none;
	float:left;
	width:auto;
	padding-left:5px;
	padding-right:5px;
}

#sub_menu_p li a{
	text-decoration:none;
	width:auto;
	height:20px;
	color:#999;
	display:block;
	text-align:center;
}



/* end of portfolio */

/* creatie site */
.pachet{
float:left;
width:600px;
height:auto;
margin-left:25px;
display:inline;
font-size:13px;
line-height:2;
margin-top:20px;
border:1px solid #CCC;
padding:2px;
padding-top:0px;
background:url(images/creatie_box_head.png) repeat-x;
}

.pachet img{
float:right;
margin-top:0px;
}

.pachet_title{
margin:0px;
padding:0px;
height:55px;
font-size:16px;
line-height:3;
padding-left:30px;
float:left;
width:300px;
}

.pachet_desc{
width:100%;
height:auto;
float:left;
}

.pachet_logo{
width:200px;
height:180px;
background:#f3f3f3;
float:right;
margin-top:1px;
margin-right:30px;
font-size:12px;
line-height:1.2;
overflow:hidden;
padding:5px;
}
/* end of creatie site */

/* gazduire */

.host{
width:280px;
float:left;
}

/* end - gazduire */

/* servicii */

#servicii_wrap{
width:780px;
height:500px;
background:url(images/design.png) no-repeat left top;
margin-left:10px;
padding-left:130px;
float:left;
display:inline;
text-align:left;
}

.box_s{
width:320px;
height:130px;
margin-left:0px;
margin-right:10px;
margin-top:10px;
float:left;
text-align:justify;
}

.box_s p{
font-size:11px;
width:190px;
}

.box_s img{
border:1px solid #CCC;
margin:5px;
}

.noborder{
border:none;
}



/* Content Slider */
#myController span{
color:#FFF;
background:#000;
margin-right:10px;
cursor:pointer;
}

#jFlowSlide{
border:none;
}

#myController span.jFlowSelected {
background:#F00;
}

.jFlowPrev, .jFlowNext{
cursor:pointer;
}


/* Content Slider2 */
#mykController span{
color:#FFF;
background:#000;
margin-right:10px;
cursor:pointer;
}

#kFlowSlide{
border:none;
}

#mykController span.kFlowSelected {
background:#F00;
}

.kFlowPrev, .kFlowNext{
cursor:pointer;
}


.folio_text{
float:left;
width:345px;
height:50px;
margin:10px 0px 0px 0px;
}