html { width: 100%; height: 100%; padding: 0; margin: 0; overflow: hidden; }

body
{
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		background: url(../images/back.jpg) repeat scroll 0px 54px;
		font-family: Arial, sans-serif;
		font-size: 12px;
		overflow: hidden;
}

img { border: none; padding: 0px; margin: 0px;  }

a:focus { outline: none; }

div#logo
{
	position: absolute;
	top: 54px;
	left: 18px;
	z-index: 0;

}

div#logoLink
{
	display: block;
	width: 390px;
	height: 99px;
	position: absolute;
	top: 54px;
	left: 18px;
	z-index: 2048;
}

div#logoLink a { display: block; width: 100%; height: 100%; text-decoration: none; }

div#osoboMenu
{
	display: none;
	width: 330px;
	height: 128px;
	position: absolute;
	z-index: 51;
	background: url(../images/menu.png) no-repeat scroll 0px 0px;
	/*cursor: pointer;*/
}

div#osoboMenu a { display: block; text-decoration: none; width: 100%; height: 100%; }

div#rainbow
{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 50;
	width: 100%;
	height: 252px;
	background: url(../images/rainbow.png) no-repeat scroll top left;
}

div#osobo
{
	width: 100%;
	height: 100%;
	background: url(../images/persons/persons.png) no-repeat fixed right 85px;
	z-index: 48;
}

div#osoboLetter
{
	position: absolute;
	top: 53px;
	left: 329px;
	z-index: 1000;
}

div#osoboMail
{
	position: absolute;
	right: 730px;
	top: 415px;

}

div#osoboMail a { font-size: 14px; color: #D0D0D0; text-decoration: none; padding-bottom: 2px; border-bottom: 1px dashed #727273; }

div#osoboPhone
{
	position: absolute;
	right: 410px;
	top: 140px;
	font-size: 16px;	
	color: #FFFFFF;
	background-color: #5D0779;
	padding: 10px;
}

div#osoboPhone2
{
	position: absolute;
	left: 500px;
	bottom: 80px;
	font-size: 14px;
	/*color: #00AEEF;*/
	color: #FFFFFF;
}

div#webrefs
{
	position: absolute;
	left: 80px;
	bottom: 115px;
	z-index: 1024;
}

a.webref
{
	display: block;
	float: left;
	height: 16px;
	padding-left: 24px;
	padding-top: 3px;
	margin-right: 30px;
	font-size: 11px;
	color: #A7A7A7;
	text-decoration: none;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: top left;
}

a.webref:hover { color: #FFFFFF; }

a.webrefIcon { position: absolute; left: 80px; z-index: 1024; }

div#osoboCopyright
{
	position: absolute;
	left: 80px;
	bottom: 80px;
	z-index: 1024;
	font-size: 14px;
	/*color: #7B5A3D;*/
	color: #FFF200;
}

a#email
{
	position: absolute;
	left: 365px;
	bottom: 78px;
	color: #FFFFFF;
	font-size: 14px;
	text-decoration: none;
	padding-bottom: 2px;
	border-bottom: 1px dotted #FFFFFF;
}

a#email:hover { padding-bottom: 3px; border-bottom: none; }

div#quote
{
	display: none;
	width: 139px;
	height: 18px;
	position: absolute;	
	z-index: 1024;
	text-align: center;
	color: #000000;
	font-size: 14px;
	background: url(../images/quotes/all.png) no-repeat scroll top left;
}


/*
div#quote2
{
	display: block;
	width: 346px;
	height: 42px;
	position: absolute;
	top: 300px;
	left: 300px;
	text-align: center;
	color: #000000;
	font-size: 14px;
	background: url(../images/quotes/quote1/q2.png) no-repeat scroll top left;
	padding: 75px 45px 25px 45px;
}

div#quote3
{
	display: block;
	width: 181px;
	height: 29px;
	position: absolute;
	top: 300px;
	left: 300px;
	text-align: center;
	color: #000000;
	font-size: 14px;
	background: url(../images/quotes/quote3/q2.png) no-repeat scroll top left;
	padding: 100px 60px 70px 60px;
}
*/

div#stdMenu
{
	display: inline;
	position: absolute;
	top: 50px;
	right: 10px;
	font-size: 12px;
	z-index: 2048;
}

a.stdMenuItem
{
	padding: 10px;
	margin: 0px 5px;
	color: #6A6A6A;
	width: 10px;
	text-transform: uppercase;
	text-decoration: none;
	float: left;
	text-align: center;
	line-height: 1.4em;
}

a.stdMenuItem:hover, a.stdMenuActiveItem { color: #FFFFFF; }

a#menuOsobo:hover, a.menuOsoboActive { color: #000000; background-color: #FFF200; }
a#menuProjects:hover, a.menuProjectsActive { background-color: #00AEEF; }
a#menuFeedback:hover, a.menuFeedbackActive { background-color: #5D0779; }
a#menuBlog:hover, a.menuBlogActive { background-color: #EC008C; }

div#feedback, div#blogComment
{
	visibility: hidden;
	width: 221px;
	height: 208px;
	position: absolute;
	top: 210px;
	left: 65px;
	z-index: 1024;
	padding: 45px 35px 24px 35px;
	background: url(../images/feedback/back.png) no-repeat scroll top left;
	color: #414141;
	font-size: 11px;
}

div#feedback2 { display: none; position: absolute; left: 80px; top: 125px; }

img#feedbackPreloader
{
	display: none;
	position: absolute;
	top: 125px;
	left: 125px;
}

a#feedbackSend img { display: inline; }
a#feedbackSend { float: right; margin-top: 10px; padding: 0px !important; }
a#feedbackSend:hover { border-bottom: 1px dotted #80807F; }

textarea.feedback
{
	display: block;	
	width: 221px;
	height: 115px;
	border-left: none;
	border-right: none;
	border-bottom: none;
	border-top: none;
	background: url(../images/feedback/lines.jpg) repeat-y scroll top left;
	padding: 0px !important;
	line-height: 21px;
	overflow: auto;
}

div.feedback2 { width: 221px; clear: both; border-bottom: 1px solid #989898; }
div.feedback2 span { vertical-align: bottom; }

div.feedbackError { color: #E3007B; border-bottom: 1px solid #E3007B; } 

input.feedback
{	
	width: 193px;
	height: 14px;
	padding-left: 4px;
	padding-top: 4px;
	border: none;
}

.feedback { font-size: 11px; font-family: Arial, sans-serif; color: #010101; text-transform: uppercase; letter-spacing: 1px; }

div.superBackground
{
	display:none;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 2048;
	/*background: url(../images/common/back70.png) repeat scroll top left;*/
	background-color: #000000;
	opacity: 0.60;
	filter:alpha(opacity=60);
}


div#debug { position: absolute; top: 810px; left: 400px; width: 300px; height: 30px; color: #FFFFFF; font-size: 11px; }
div#debug2 { position: absolute; top: 810px; left: 800px; width: 300px; height: 30px; color: #FFFFFF; font-size: 11px; z-index: 500; }