.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
body {
	background:#EFFECB;
	font-family:verdana;
	/*background-image:url(../images/layout/mondoplay_back.jpg) no-repeat;*/
}
/* pushes the page to the full capacity of the viewing area */
html {height:100%;}
body {height:100%; margin:0; padding:0;}
/* prepares the background image to full capacity of the viewing area */
#bg {position:fixed; top:0; left:0; width:100%; height:100%;}
/* places the content ontop of the background image */
#wrap {
	margin:0 auto;
	width:760px;
	background:#ffffff;
	position:relative; 
	z-index:1;
}
#mainColumn {
	float:left;
	width:530px;
	position: relative;
	left:10px
}
#mainColumn .article {
	float:left;
	position:relative;
	width:100%;
	font-size:12px;
	margin-top:10px;
	/*font-family:"Comic Sans MS";*/
font-family:'Arial', 'Verdana', 'Tahoma', 'Times New Roman', 'Sans-Serif';
	color:#333333
}
#mainColumn .imgBig{
    float:left;
	position:relative;
	width:330px;
}

#mainColumn .otherImages {
	float:right;
	position:relative;
	width:180px;
}

#mainColumn .otherImages img{
margin-bottom:10px;
margin-right:5px
}

#mainColumn .otherImagesLeft{
float:left; width:87px; position:relative;}

#mainColumn .otherImagesRight{
float:right; width:87px; position:relative;}

#mainColumn .contact {
	float:left;
	width:530px;
	position:relative;
	margin-top:25px;
}
#mainColumn .contact a{    
	color:#61011F;
	font-size:12px;
	font-weight:bold;
	outline:none
}

#mainColumn .contact a:hover{
text-decoration:none
}

#mainColumn .products {
	width:100%;
	float:left;
	display:block;
	color:#0f477a;
	font-size:13px;
	font-family:"Comic Sans MS";
	position:relative;
	margin-bottom:25px
}
#topMenu {
	float:left;
	margin:25px 0 5px 0;
	width:100%;
	text-align:center;
	color:#285e84;
}
#topMenu a {
	padding:0 7px 0 7px;
	font-size:12px;
	color:#285e84;
	text-decoration:none
}
#topMenu a:hover {
	text-decoration:underline;
}
#bigPicture {
	position:relative;
	float:left;
	height:198px;
	width:100%;
}

#bigPicture .slide{
	position:absolute;
	top:0;
	left:0;
}
#rightColumn {
	float:left;
	position:relative;
	width:200px;
	left:20px;
}
#contact {
	width:200px;
	height:150px;
	position:relative;
	background:url(../images/layout/contact.jpg);
	color:#fff
}
#contact .content {
	padding:10px 0 0 10px;
	font:11px verdana;
	position:realative;
	color:#625CA2;
	font-weight:bold
}
#contact a.contact {
	color:#625CA2;
	outline:none;
	font-family:Comic Sans MS;
	text-decoration:none;
}
#contact a.contact:hover {
	text-decoration:underline
}
#contact .text {
	float:right;
	position:absolute;
	bottom:5px;
	right:5px;
	font:11px tahoma;
}
#projects {
	width:200px;
	position:relative;
	float:left;
	margin-top:25px;
	margin-bottom:15px
}
#projects .top {
	float:left;
	position:relative;
	width:200px;
	height:8px;
	background:url(../images/layout/projectsTop.jpg) no-repeat;
}
#projects .bottom {
	float:left;
	position:relative;
	width:200px;
	height:8px;
	background:url(../images/layout/projectsBottom.jpg) no-repeat;
}
#projects .content {
	width:183px;
	overflow:hidden;
	padding-left:15px;
	float:left;
	position:relative;
	/*background:#c7eced;*/
background:url(../images/layout/projects.jpg) no-repeat;
	border-left:1px solid #c8cdd1;
	border-right:1px solid #c8cdd1;
}
#projects .projectBox {
	position:relative;
	float:left;
	margin-top:10px;
	font-size:11px;
	width:100%px
}
#projects .projectList {
	position:relative;
	float:left;
	margin-top:10px;
	width:100%
}
#projects a {
	font-size:11px;
	color:#000;
}
#footer {
	width:740px;
	position:relative;
	float:left;
	left:10px;
	margin:10px 0 10px 0;
}
#footer .top {
	float:left;
	position:relative;
	width:740px;
	height:9px;
	background:url(../images/layout/footerTop.jpg) no-repeat;
}
#footer .bottom {
	float:left;
	position:relative;
	width:740px;
	height:9px;
	background:url(../images/layout/footerBottom.jpg) no-repeat;
}
#footer .content {
	width:738px;
	float:left;
	position:relative;
	background:#e6f0fa;
	border-left:1px solid #c8cdd1;
	border-right:1px solid #c8cdd1;
	text-align:center;
	color:#949da6;
	font-size:11px
}
#footer .content a{
    text-align:center;
	color:#949da6;
	text-decoration:none
}
#footer .footerLinks {
	display:block;
	color:#829cbd;
}
#footer .footerLinks a {
	text-decoration:none;
	color:#829cbd;
}
#footer .footerLinks a:hover {
	text-decoration:underline;
}
#traficInfo {
	width:760px;
	position:relative;
	margin:0 auto;
	text-align:center
}
ul {
	margin:0;
	padding:0;
	font-family:'Arial', 'Verdana', 'Tahoma', 'Times New Roman', 'Sans-Serif';
	font-weight:bold;
	list-style-type:none;
	font-size:11px;
	color:#333366;
}
li {
    margin:0;
	padding-left:15px;
	background:url('../images/layout/button.gif');
	background-position:0 1px;
	background-repeat:no-repeat;
	padding-bottom:7px;
	width:100%;
	text-align:justify;
}
li a.products{
    text-decoration:none;
	color:#0f477a;
}
li.products{
font-weight:normal;
color:#000000;
}

li.partner {
	background:none;
}
li a.products:hover {
	text-decoration:underline;
	color:#0f477a;
	cursor:pointer;
}
li a {
	font-weight:normal;
}
a.more {
	float:right;
	color:#135cab;
}
a.more:hover {
	text-decoration:none
}
.divider {
	position:relative;
	width:100%;
	float:left;
	height:15px
}
.contactForm td {
	padding-left:5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#666666
}
input {
	border:1px solid #cccccc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#666666
}
p {
	text-indent:5px;
}
h1 {
	color:#0f477a;
	font-size:18px;
	font-family:"Comic Sans MS";
}
h2 {
	color:#0f477a;
	font-size:14px;
	font-family:"Comic Sans MS";
}
h4 {
	color:#0f477a;
	margin:0;
}

.ideea {
color:#999999;
float:right;
font-size:10px;
margin-right:5px;
top:-5px;
position:relative;
text-align:right;
width:90%;
}

.ideea a {
font-family:tahoma;
color:#FF9933;
font-size:10px;
text-decoration:none;
}