@charset "utf-8";
/* CSS Document */

/* The General Styles */

* {
	margin:           0;
	padding:          0;
} 

html, body {
    
    margin: 0px;
    height:100%;
}
/*
div {
	display: block;
}
*/
/* *********  */

/* The Main Layout Styles */
body.body_mind {

	background-image:	url(../Images/bodybackgr.png);
	background-color:	#2d2d2d;
	background-repeat:  repeat;
	background-position: top left;
	color:            #fff;
	font-family:      "Helvetica Neue",Arial,Verdana,sans-serif;
	/*font-size:        14px;*/
    font-size:        14pt;
	line-height:      20pt;
	/*text-shadow:      0 1px #fff; */
}           

.outer_header {
    display: table;
    height: 2%;
    width: 100%;
}
.outer_mindcrafts {
    display: table;
    height: 10%;
    width: 100%;
}
.outer_center {
    display: table;
    height: 70%;
    width: 100%;
}
.outer_bottom {
    display: table;
    height: 8%;
    width: 100%;
}
.middle {
    display: table-cell;
    vertical-align: middle;
}
.inner_all_width {
    margin-left: auto;
    margin-right: auto; 
    //width: 296px;/*whatever width you want*/;
    width: 100%;
}
.inner {
    margin-left: auto;
    margin-right: auto; 
    vertical-align: middle;
    width: 100%;
}

.middle_left {
    display: table-cell;
    vertical-align: top;
    justify-content: left;
    width: 33%;
}
.middle_center {
    display: table-cell;
    vertical-align: top;
    width: 33%;
}
.middle_right {
    display: table-cell;
    vertical-align: top;
    justify-content: right;
    width: 33%;
}



.outer_center.middle.inner.middle_left.img {
    object-fit: cover;
}





#container_mind {
	margin:           0 auto;
	position:         relative;
	width:            960px;
	overflow: 		  hidden;
}

#header_mind {
	padding:          125px 30px 60px 30px;
	text-shadow:      0 1px #000; 
}

/*check*/
#logo_mind {
	bottom: 0px;
	left: 0px;
	width: 296px;
	height: 60px;

/*	clear: left;	clear left, face sa mearga sub */
	float: left;	/*!!! !very important here. face sa permita si altele pe aceeasi linie*/
	position: relative;
}

#main_mind {                     
	background:       url(../images/backgr_rectangle.png) no-repeat top center #eae9e6;
	height:           446px;
	
	padding:          37px 37px 37px 37px;
	position:         relative;	
} 

#main_mind #mainleft_mind {
/*	background-color: #EEE;*/
	float: left;
	width: 600px;
	height: 446px;
}

#main_mind #mainright_mind {
	/*background-color: #4F0;*/

	background-image: url(../images/mindcrafts_ipad_iphone.png);
	background-repeat:  no-repeat;
	background-position: top center;

	
	margin-left: 620px;
	width: 266px;
	height: 446px;
}

#footer_mind {
	padding:          10px 50px 50px 50px;
	overflow:         hidden;
} 

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

/*** Content Styles ***/

/* General Content Styles */

a:link, a:visited, a:active {
	color: #999;
	outline:          	none;
	text-decoration:	none;
}

a:hover {
	color:            #FFF;
	outline:          none;
	text-decoration: underline;
}

#selected_mind a {
	color: #FFF;
}
#selected_mind a:link, a:visited, a:active {
	color: #FFF;
}

#unselected_mind a:link, a:visited, a:active {
	color:            	#999;
}

#header_mind a {
	font: normal 13px/13px Helvetica, Arial, sans-serif;
	display:block; 
	height:100%;
}
/*
#header_mind a:link, a:visited, a:active {
	color: #AAA;
}
*/

#header_mind a:hover {
	color: #FFF; 
	text-decoration: none;
}



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

/* Paragraph Styles */		
p {
	margin:           0 0 20px 0;
} 

#footer_mind p {
	color:            #99968e;
	font-size:        12px;
	text-align:       center;
	text-shadow:      0 1px #1a1a1a;
}


/*** List Styles ***/
/* General Lists */        

#menulist_mind {
	width: auto;
	height: 60px;
	float: right;
	clear: right;
}               

#selected_mind {
	background-image: url(../Images/twoPixels.png);
	background-repeat: repeat-x;
	background-position: bottom;
}



#menulist_mind li {
	display: block;
	
	font-size:        24px;
	list-style-type: none;
	float: left;
	
	/*
	border-left: 1px solid #4E4E4E;	
	border-right: 1px solid #1D1D1D;*/
	margin: 10px;
	padding-top: 	20px;
	padding-bottom: 10px;
	padding-left: 	10px;
	padding-right: 	10px;
}


/* Text Headings */

#mainleft_mind h2 {
	line-height: 40px;
	background-image: url(../Images/sample32x32.png);
	background-repeat:  no-repeat;
	background-position: center left; 
}

/* Google webfont */
h2 { font-family: 'Open Sans', Arial, sans-serif;
    font-weight: 400; 	
	color: #000;
	font-size: 16px;
	padding: 0 0 0px 40px;
}

h4 {
	font-family: 'Open Sans', Arial, sans-serif; 
    font-weight: 400; 
	color: #CF5D55;
	font-size: 25pt;
}

h5 {
	font-family: 'Open Sans', Arial, sans-serif; 
    font-weight: 200; 
	color: #fff;
	font-size: 20pt;
}