/* ---------------------------------------------
	Title: Layout Stylesheet

	Developer: Magic Solutions
	Email: deyan at magicbg.com
	URL: http://www.magicbg.com/
----------------------------------------------- */


/*  =Reset Browser Rules 
----------------------------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset,input, textarea, p, blockquote, th, td {margin: 0; padding: 0;}
table {border-collapse: collapse; border-spacing: 0;}
fieldset, img {border:0; }
address, caption, cite, code, dfn, em, th, var {font-style:normal; font-weight:normal; }
ol, ul {list-style:none; }
caption, th {text-align:left; }
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal; }
q:before,q:after {content:''; }
abbr,acronym { border:0; }

/* =Layout Rules
 ---------------------------------------------------------------- */
body {text-align: center;  background: #307ccb url("bg.gif"/*tpa=http://www.magicbg.com/img/bg.gif*/) 0 0 repeat-x; height: 100%;}
#wrapper {width: 918px; margin: 0 auto; text-align: left;z-index:1; }
#header {height: 248px; position: relative; z-index: 2;}
#content {margin: 0; padding: 0;}
#mainContent {
	width: 630px; 
	float: left; 
	display: inline; 
	min-height: 300px; 
	_height: 300px; 
	background: url("dotts.gif"/*tpa=http://www.magicbg.com/img/dotts.gif*/) 100% 7px repeat-y; 
}
#rightContent {width: 238px; float: left; display: inline; }
#footer_body {text-align: center;  background: #307ccb url("footer_bg.gif"/*tpa=http://www.magicbg.com/img/footer_bg.gif*/) 0 0 repeat-x; height: 87px; margin-top: 28px;}
#footerwrapper {width: 918px; margin: 0 auto; text-align: left; position:relative; color: #FFFFFF; padding-top: 30px; font-size:11px; }

/*  =Clearing Floats
 ---------------------------------------------------------------- */
#content:after, #wrapper:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}


.piloti {
	position: absolute;
	top: 5px;
	right: 10px;
	width: 465px;
	height: 239px;
	z-index: 3;
}
.home {
	width: 465px;
	height: 239px;
	background: url("piloti.png"/*tpa=http://www.magicbg.com/img/piloti.png*/) 0 0 no-repeat;
}
.contact {
	width: 465px;
	height: 239px;
	background: url("piloti3.png"/*tpa=http://www.magicbg.com/img/piloti3.png*/) 0 0 no-repeat;
}
.softdev {	
	width: 465px;
	height: 239px;
	background: url("piloti4.png"/*tpa=http://www.magicbg.com/img/piloti4.png*/) 0 0 no-repeat;
}
.clients {
	width: 465px;
	height: 239px;
	background: url("piloti2.png"/*tpa=http://www.magicbg.com/img/piloti2.png*/) 0 0 no-repeat;
}
.webdev {
	width: 465px;
	height: 239px;
	background: url("piloti5.png"/*tpa=http://www.magicbg.com/img/piloti5.png*/) 0 0 no-repeat;
}
#real {
	position: absolute;
	bottom: 5px;
	left: 0;
	background: url("real.gif"/*tpa=http://www.magicbg.com/img/real.gif*/) 0 0 no-repeat;
	width: 675px;
	height: 110px;
	z-index: 2;
}
#bg_body {
	 background: url("zubci.png"/*tpa=http://www.magicbg.com/img/zubci.png*/) 0 0 no-repeat;
	 width: 100%;
	 height:16px;
	 top:228px;
	 left:0;
	 z-index: 40;
	 position:absolute;
}
 #footer_zuby {
	 background: url("zz.png"/*tpa=http://www.magicbg.com/img/zz.png*/) 0 0 no-repeat;
	 width: 100%;
	 height:27px;
	 top: -12px;
	 left:0;
	 z-index: 40;
	 position:absolute;
}
.innerpic {
	position: absolute;
	top: -10px;
	right: 270px;
	background: url("footer_innerbg.gif"/*tpa=http://www.magicbg.com/img/footer_innerbg.gif*/) 0 0 no-repeat;
	width: 643px;
	height: 100px;
	z-index:1;
	_z-index:-1;
}