html,body
{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	/*background-color:rgb(89,89,89);
	background:url('../imagini/gbmain.jpg');*/
	background:white;
	position:relative;
	text-align:center;
}
#qwqw
{
	visibility:hidden;	
}

#wrapper
{
	width:1000px;

	margin:auto;
	overflow:hidden;
	visibility:hidden;
}

#b1,#b2,#b3,#b4,#b5,#b6,#b7,#b8,#b9,#b10,#b11,#b12,#b13,#b14,#b15,#b16
{
	visibility:hidden;	
}

#over-top
{
	width:700px;
	height:335px;
	position:absolute;
	top:100px;
	right:0;	
	overflow:hidden;	
	
}

#grid
{
	width:1100px;
	height:312px;
	position:absolute;
	top:30px;
	left:0;	
	overflow:hidden;	
}

#left-link
{
	width:155px;
	height:263px;
	margin-top:3px;
	position:absolute;
	top:30px;
	left:0;	
	overflow:hidden;	
	margin-left:-140px;
}

#click-ar
{
	width:15px;
	height:100%;
	cursor:pointer;
	float:left;
	
}

.linker
{
	width:	35px;
	height: 100%;
	float:left;
	cursor:pointer;
}

#g-left
{
	width:10px;
	height:312px;
	background:#303030 ;
	float:left;
}

.g-left-cls
{
	width:10px;
	height:66px;
	cursor:pointer;
	/*background:yellow;*/
}

.g-right-cls
{
	width:66px;
	height:65px;
	float:left;
	
	border:solid;
	border-width:1px;
	border-color:yellow;
}

.erers
{
	width:66px; 
	height:66px; 
	float:left;	
	background-size:62px 62px;
}


#g-right
{
	width:1050px;
	height:335px;
	float:left;
}

#over-down
{
	width:100%;
	height:450px;
	position:absolute;
	top:0px;
	left:0px;	
	overflow:hidden;	
	background:url('../imagini/over-bg.png');
}


#upper-img
{
	width:1000px;
	height:295px;	
	float:left;
	overflow:hidden;
	position:relative;
}



#latter-img
{
	width:1000px;
	height:300px;
	float:left;
	overflow:hidden;
	position:relative;
}

#qwe
{
	background:url('../imagini/sshr.png') right no-repeat;
	position:absolute;
	top:-2px;
	left:0px;
	width:640px;
	height:31px;
	cursor:default;
}

#fb p, #tw p
{
	margin:0px;
	padding:0px;
	font-family:'Droid Sans';
	font-size:13px;
	font-variant: small-caps;
	color:#303030;
}

#fb p:hover, #tw p:hover
{
	text-decoration:underline;
}

.w-wrapper
{
	width:1000px;
	margin:auto;
}

#s-wrapper
{
	position:absolute;
	top:50%;
	left:50%;
	width:430px;
	margin-left:-215px;
	margin-top:-370px;
	height:661px;
}



#header
{
	width:100%;
	height:90px;
	background-color:white;
	float:left;
	position:relative;
	z-index:5;
}

#logo
{
	margin-top:12px;
	width:215px;
	float:left;
	margin-left:20px;
}

#address
{
	width:140px;
	float:left;	
	margin-left:200px;
	padding-left:0px;
}

#social-web
{
	width:140px;
	float:left;
	margin-left:5px;
}


#sub-cats
{
	width:330px;
	float:left;
	
	margin-left:30px;
	background-color:white;
	height:85px;
}


#sub-cats-up
{
	margin-top:8px;
	height:77px;
}

#sub-cats-down
{
	height:0px;
	background-color:white;
	padding-bottom:38px;
}

#sc-i,#sc-iii
{
	width:50%;
	height:100%;
	float:left;
	cursor:pointer;
}

#sc-ii,#sc-iiii
{
	width:50%;
	height:100%;
	float:right;
	cursor:pointer;
}


#sc-i p,#sc-iii p,#sc-ii p,#sc-iiii p
{
	margin:0px;
	margin-top:6px;
	padding:0px;
	font-family:'Droid Sans';
	font-size:13px;
	font-variant: small-caps;
	color:#303030;
	width:100%;
	text-align:center;
	
}



.sc-item
{
	width:100%;
	height:37px;
}

.sc-main-item
{
	height:30px;
	width:100%;
}

.sc-scd-item
{
	height:9px;
	width:100%;
}

#sc-scd-iii,#sc-scd-i
{
	float:left;
	width:45%;
	height:100%;
	background-repeat:no-repeat;
	
}

#sc-scd-iiii,#sc-scd-ii
{
	float:right;
	width:45%;
	height:100%;
	background-repeat:no-repeat;
	
}

#address p
{
	margin:0px;
	margin-top:8px;
	padding:0px;
	font-family:'Droid Sans';
	font-size:11px;
	font-variant: small-caps;
	color:#303030;
	text-align:center;

}

#logo img
{
	margin-top:5px;	
}


#footer
{
	height:25px;
	width:100%;
	background-color:white;
	position:relative;
	float:left;
}

#footer ul
{
	list-style:none;
	margin: 0;
	padding: 0;
}

#footer ul li
{
	float:left;
	cursor:pointer;

	margin:0px;
	padding:0px;
	width:200px;
	
	font-family:'Droid Sans';
	font-size:15px;
	font-variant: small-caps;
	letter-spacing:0.7px;
	color:#303030;
	
	padding-top:3px;
	height:22px;
	
	
	
}

#footer ul li:hover
{
	background-color:white;
}






#header-under
{
	width:100%;
	height:33px;
	
}

#left
{	
	width:550px;
	height:33px;
	background-color:white;

	float:left;
}

#right
{
	width:450px;
	height:33px;
	background-image:url('../imagini/hy.png');
	background-repeat:no-repeat;
	background-color:yellow;
	float:left;
	position:relative;
	z-index:5;
}

#sub-category
{
	width:100%;
	position:absolute;
	left:0px;
	bottom:25px;
}

#about
{
	float:left;
	width:250px;
	height:192px;
	background:url('../imagini/op.png');
}


#web
{
	float:left;
	width:250px;
	background:url('../imagini/op.png');
}

#mobile
{
	float:left;
	width:250px;
	background:url('../imagini/op.png');
}

/*#marketing
{
	float:left;
	width:200px;
	background:url('../imagini/op.png');
}*/

#production
{
	float:left;
	width:250px;
	background:url('../imagini/op.png');
}



.ulcls
{
	list-style:none;
	width:250px;
	padding:0px;
	margin:0px;
	
}

#about ul li,#web ul li, #mobile ul li, #marketing ul li, #production ul li
{	
	
	margin-left:10px;
	margin-top:4px;	
	padding-left:10px;
	width:217px;
	
	font-family:'Droid Sans';
	font-size:13px;
	font-variant: small-caps;
	color:#303030;
	cursor:pointer;
	background:url('../imagini/op.png');
}


#about ul li:hover,#web ul li:hover, #mobile ul li:hover, #marketing ul li:hover, #production ul li:hover
{	
	font-weight:bold;
}

#middle-design
{
	width:1000px;
	height:30px;
	
	position:absolute;
	bottom:-1px;
	left:0px;
	z-index:auto;
	
	margin:auto;
	overflow:hidden;
	
}

#middle-up-fade-in
{
	width:100%;
	height:29px;	
}

#text-cat
{
	position:absolute;
	bottom:-25px;
	left:-60px;
	width:100%;
	z-index:1;
	font-family:Droid Sans;
	font-size:23px;
	text-transform:capitalize;
	text-align:center;
}

#text-cat p
{
	text-transform:capitalize;
}


#mu-fade-in-left p
{
	margin:0px;
	padding:0px;
	font-family:'Droid Sans';
	font-size:27px;
	color:black;
	width:100%;
	text-align:left;
	margin-top:15px;
	height:100%;
}

#subcat-tab
{
	width:250px;
	height:14px;
	
	background:url('../imagini/subcat-tab.png') no-repeat;
}


#mu-fade-in-right
{
	height:33px;
	width:750px;
	float:right;
	
}


#mu-fade-in-right-bottom
{
	height:29px;
	width:100%;
	float:right;
	position:relative;
	bottom:-2px;
	left:0px;
	background:url('../imagini/ssh.png') no-repeat;
	
}

#corner
{
	
}

#rest
{
	
}

#middle-up
{
	width:100%;
	height:30px;
}
#left-mu
{
	float:right;
	width:70%;
	height:100%;
	background-color:white;
}

#right-mu
{
	float:right;
	width:30%;
	height:100%;
	background:url('../imagini/header-corner-white-rot.png');
	background-repeat:no-repeat;
	background-position:right;
}


#middle-center
{
	width:100%;
	height:60px;	
	background-color:white;
}
#middle-down
{
	width:100%;
	height:33px;
}
#left-md
{
	float:left;
	width:70%;
	height:100%;
	background-color:white;
}

#right-md
{
	float:left;
	width:30%;
	height:100%;
	background:url('../imagini/header-corner-white.png');
	background-repeat:no-repeat;
}

#fb
{

	height:24px;
	cursor:pointer;
}

#tw
{
	cursor:pointer;
}

#buttons
{
	position:absolute;
	bottom:15px;
	left:10px;
	width:120px;
	height:40px;
}

#over-down p 
{
	margin:0px;
	margin-top:50px;
	padding:0px;
	margin-left:35px;
	font-family:'Droid Sans';
	font-size:15px;
	color:white;
	width:600px;
	text-align:left;
	float:left;
	height:100%;
}

#over-top p
{
	margin:0px;
	
	margin:5px;
	padding:0px;
	font-family:'Droid Sans';
	font-size:15px;
	color:white;
	text-align:left;
	width:610px;
	background:url('../imagini/o1.png');
	height:300px;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	
	margin-right:0px;
	float:right
}


#bls p
{
	margin:0px;
	padding:0px;
	
	margin-top:7px;

	font-family:'Droid Sans';
	font-size:13px;
	font-variant: small-caps;
	color:white;
	width:100%;
	text-align:right;
	float:right;

}

.blswebcls
{
	margin:20px;	
	cursor:pointer;
}

#blsweb
{
		margin:0px;
	padding:0px;
	
	margin-top:-5px;
	font-family:'Droid Sans';
	font-size:13px;
	font-variant: small-caps;
	color:white;
	width:100%;
	text-align:right;
	color:#333;
}

#blsmobile
{
		margin:0px;
	padding:0px;
	
	margin-top:-5px;
	font-family:'Droid Sans';
	font-size:13px;
	font-variant: small-caps;
	color:white;
	width:100%;
	text-align:center;
	color:#333;
	text-align:right;
}

#blsproduction
{
		margin:0px;
	padding:0px;
	
	margin-top:-5px;
	font-family:'Droid Sans';
	font-size:13px;
	font-variant: small-caps;
	color:white;
	width:100%;
	text-align:center;
	color:#333;
	text-align:right;
}

#blsmarketing
{
		margin:0px;
	padding:0px;
	
	margin-top:-5px;
	font-family:'Droid Sans';
	font-size:13px;
	font-variant: small-caps;
	color:white;
	width:100%;
	text-align:center;
	color:#333;
	text-align:right;
}

.blsl
{
	cursor:pointer;
	margin-left:50px;

}

/***************************************************************************************************************************************/
/***************************************************************************************************************************************/
/***************************************************************************************************************************************/

#start-wrapper
{
	width:100%;
	height:100%;
	background-color:white;
}

.start-img
{
	width:240px;
	height:200px;
	float:left;
	margin:2px;
	overflow:hidden;
}

.start-img img
{
	width:240px;	
}

/***************************************************************************************************************************************/
/***************************************************************************************************************************************/
/***************************************************************************************************************************************/

#contact-wrapper
{
	width:100%;
	height:100%;
	background-image:url("../imagini/contact.png");
	position:fixed;
	top:0px;
	left:0px;
	z-index:7;
	visibility:hidden;
}

#alert-wrapper
{
	width:100%;
	height:100%;
	background-image:url("../imagini/contact.png");
	position:fixed;
	top:0px;
	left:0px;
	z-index:10;	
	visibility:hidden;
}

#message-tab
{
	width:400px;
	height:200px;
	background:yellow;
	position:fixed;
	top:50%;
	left:50%;
	margin-left:-200px;
	margin-top:-125px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	
	-moz-box-shadow: 7px 7px 10px #000;
	-webkit-box-shadow: 7px 7px 10px #000;	
	box-shadow: 7px 7px 10px #000;	
	/* For IE 8 */	
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";	
	/* For IE 5.5 - 7 */	
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
	
	z-index:10;
}


#rty
{
	float:left;
}