/*#### GENERAL STUFF ####*/
body{
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
-moz-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9);
}
@font-face {
    font-family: OratorStd;
    src: url("fonts/OratorStd.otf");
}
@font-face {
    font-family: FlexoRegular;
    src: url("fonts/FLEXO-REGULAR_0.OTF");
}
@font-face {
    font-family: FlexoBold;
    src: url("fonts/FLEXO-BOLD_0.OTF");
}
@font-face {
    font-family: Gotham;
    src: url("fonts/GOTHAM-BOOK_0.OTF");
}
#bg22{
	background: url('img/grid/circles.jpg') -0 -37px;

}
#container{ 
	height:700px;
	width:1060px;
	margin:0 auto;
}
/*#### HEADER SECTION ####*/
#header{
	width:1060px;
	height: 112px;
	margin: -30px 0 0 0;
}
#logo_box{
	float:left;
	width:270px;
	height:71px;
	margin:28px 0 0 0;
}
#logo_text{
	float:left;
	background: url('img/logo_text_1.png') no-repeat;
	width:172px;
	height:17px;
	margin:29.7px 0 0 0;
}
#logo_text2{
	float:left;
	background: url('img/logo_text_2.png') no-repeat;
	width:172px;
	height:17px;
	margin:29.7px 0 0 0;
}
#logo_text3{
	float:left;
	background: url('img/logo_text_3.png') no-repeat;
	width:172px;
	height:17px;
	margin:29.7px 0 0 0;
}

#logo_text4{
	float:left;
	background: url('img/logo_text_4.png') no-repeat;
	width:172px;
	height:17px;
	margin:29.7px 0 0 0;
}
#logo_text5{
	float:left;
	background: url('img/logo_text_5.png') no-repeat;
	width:172px;
	height:17px;
	margin:29.7px 0 0 0;
}
#logo_text6{
	float:left;
	background: url('img/logo_text_6.png') no-repeat;
	width:172px;
	height:17px;
	margin:29.7px 0 0 0;
}
#logo_text7{
	float:left;
	background: url('img/logo_text_7.png') no-repeat;
	width:172px;
	height:17px;
	margin:29.7px 0 0 0;
}
#logo_text8{
	float:left;
	background: url('img/logo_text_8.png') no-repeat;
	width:172px;
	height:17px;
	margin:29.7px 0 0 0;
}
#logo_img{
	float:left;
	width:71px;
	height:71px;
	background: url('img/logo_img.png') no-repeat;
	margin:0 0 0 27px;
}
#menu_box{
	width:675px;
	height:100px;
	float:left;
	margin: 0 0 0 110px;
	font-family: OratorStd;
	text-align:right;
	color: #9B8F4E;
	font-size:13pt;
}
#menu_how_box{
	float:right;
	height:100%;
	width:223px;
}
#menu_who_box{
	float:right;
	height:100%;
	width:224px;
}
#menu_what_box{
	float:right;
	height:100%;
	width:222px;
}	
#menu_how{
	float:right;
	width:61px;
	height:28px;
	background: url('img/menu_how.png') no-repeat;
}
#menu_who{
	float:right;
	width:61px;
	height:28px;
	background: url('img/menu_who.png') no-repeat;
}
#menu_what{
	float:right;
	width:73px;
	height:28px;
	background: url('img/menu_what.png') no-repeat;
}
#menu_how_back{
	width:213px;
	height:70px;
	float:right;
	margin:4px 0 0 0;
}
.menu_link{
	line-height: 33px;
	letter-spacing:1px;
}
a:link, a:visited, .menu_link{
	color:#9B8F4E;
	text-decoration:none;
}
.menu_link:hover{
	cursor:pointer;
}
.selected1{
	color:#00ff00;
}
.selected2{
	color:#FF00FF;
}
.selected3{
	color:#FF0000;
}
.selected4{
	color:#FF9900;
}
.selected5{
	color:#CC33CC;
}
.selected6{
	color:#47B312;
}
/*#### CONTENT SECTION ####*/
#content{
	margin:29px 0 0 0;
	width:100%;
	height:480px;
	background: rgba(255,255,255,0.75);
	/*
	background: transparent;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF,endColorstr=#99FFFFFF)"; 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF,endColorstr=#99FFFFFF);  
      zoom: 1;
	  */
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	-o-border-radius: 16px;
	border-radius: 16px;
	overflow:hidden;
	behavior: url(pie/PIE.htc);
}
#photo1{
	background: url('img/teomigd340x480.png') no-repeat;
	width:340px;
	height:480px;
	float:left;
}
#text_box{
	float:right;
	width:642px;
	height:270px;
	margin:39px 39px 0 0;
}
#text_box2{
	height:100%;
	width:640px;
	float:left;
	margin:0 0 0 40px;
}
#text1{
	font-family: FlexoRegular;
	font-size:13pt;
	line-height:25px;
	text-align:justify;
	 
	float:left;
	width:300px;
	margin:-4.5px 0 0 0;
	letter-spacing:-1px;
	color:#666666;
}
#text2{
	font-family: FlexoRegular;
	font-size:13pt;
	line-height:25px;
	text-align:justify;
	 
	float:left;
	width:300px;
	margin:-4.5px 0 0 42px;
	letter-spacing:-1px;
	color:#666666;
}
#text3{
	font-family: FlexoRegular;
	font-size:18px;
	line-height:25px;
	text-align:justify;
	 
	float:left;
	width:300px;
	margin:295px 0 0 0;
	letter-spacing:-1px;
	color:#666666;
}
.bold{
	font-family: FlexoBold;
	font-size:20px;
}
.gotham{
	font-family: Gotham;
	font-size:19px;
}
#text4{
	font-family: FlexoRegular;
	font-size:18px;
	line-height:25px;
	text-align:justify;
	float:left;
	width:300px;
	margin:345px 0 0 40px;
	letter-spacing:-1px;
	color:#666666;
}
#shape{
	background: url('img/what_shape.png') no-repeat;
	width:628px;
	height:151px;
	margin:40px 0 0 397px;
}
#Anote{
	background: url('img/anote.png') no-repeat;
	width:302px;
	height:99px;
	margin:22px 0 0 22px;
}
#alchemist{
	background: url('img/alchemist.png') no-repeat;
	width:1037px;
	height:119px;
	float:left;
	margin:14px 0 0 -368px;
}
#teonume{
	width:241px;
	height:12px;
	background: url('img/teonume.png') no-repeat;
	float:right;
	margin:8px 3px 0 0;
	
}
#contact{
	font-family: OratorStd;
	width:99px;
	height:30px;
	float:right;
	margin:51px 5px 0 0;
	text-align:right;
	font-size:12pt;
	letter-spacing:1px;
	color:#9B8F4E;
}
#bub{
	width:18px;
	height:18px;
	background: url('img/contact.png') no-repeat;
	float:left;
	margin:7px 0 0 0;
}
#credo_disco{
	width:560px;
	height:206px;
	background: url('img/credo_disco.png') no-repeat;
	margin: 268px 0 0 118px;
}
#credo_text_1{
	font-family: FlexoRegular;
	font-size:18px;
	line-height:25px;
	text-align:justify;
	 
	float:left;
	width:300px;
	letter-spacing:-1px;
	color:#666666;
	float:right;
	margin: 85px 40px 0 0;
}
#credo_text_2{
	font-family: FlexoRegular;
	font-size:18px;
	line-height:25px;
	text-align:justify;
	font-weight:100;
	float:left;
	width:300px;
	letter-spacing:-1.1px;
	color:#666666;
	float:right;
	margin: 34px 40px 0 0;
}
#you_solutions{
	background: url('img/you_solutions.png') no-repeat;
	width:298px;
	height:255px;
	margin:187px 0 0 39px;
	float:left;
}
#you_text_box{
	font-family: FlexoRegular;
	font-size:18px;
	line-height:25px;
	text-align:justify;
	 
	letter-spacing:-1px;
	color:#666666;
	float:right;
	width:640px;
	margin:35px 40px 0 0;
}
#you_text_box_smaller{
	width:300px;
}
#you_text_box_normal{
margin: 6px 0 0 0;
}
#we_text_1{
	font-family: FlexoRegular;
	font-size:18px;
	line-height:25px;
	text-align:justify;
	 
	letter-spacing:-1px;
	color:#666666;
	float:left;
	width:300px;
	margin:143px 0 0 40px;
}
#we_text_2{
	font-family: FlexoRegular;
	font-size:18px;
	line-height:25px;
	text-align:justify;
	 
	letter-spacing:-1.1px;
	color:#666666;
	float:left;
	width:300px;
	margin:345px 0 0 40px;
}
#we_text_3{
	font-family: FlexoRegular;
	font-size:18px;
	line-height:25px;
	text-align:justify;
	 
	letter-spacing:-1px;
	color:#666666;
	float:left;
	width:300px;
	margin:119px 0 0 40px;
}
#we_shape{
	width:401px;
	height:203px;
	background: url('img/we_shape.png') no-repeat;
	margin: 23px 0 0 278px;
}
#expertise_text_1{
	font-family: FlexoRegular;
	font-size:18px;
	line-height:25px;
	text-align:justify;
	 
	letter-spacing:-1px;
	color:#666666;
	float:left;
	width:300px;
	margin:35px 0 0 40px;
}
#expertise_text_2{
	font-family: FlexoRegular;
	font-size:18px;
	line-height:25px;
	text-align:justify;
	 
	letter-spacing:-1px;
	color:#666666;
	float:left;
	width:300px;
	margin:35px 0 0 40px;
}
#expertise_text_3{
	font-family: FlexoRegular;
	font-size:18px;
	line-height:25px;
	text-align:justify;
	 
	letter-spacing:-1px;
	color:#666666;
	float:left;
	width:300px;
	margin:35px 0 0 40px;
}
#expertise_shape{
	width:639px;
	height:136px;
	background: url('img/expertise_shape.png') no-repeat;
	margin: 305px 0 0 380px;
}
#circles_text_1{
	font-family: FlexoRegular;
	font-size:18px;
	line-height:25px;
	text-align:justify;
	 
	letter-spacing:-1.1px;
	color:#666666;
	float:left;
	width:300px;
	margin:34px 0 0 40px;
}
#circles_text_2{
	font-family: FlexoRegular;
	font-size:18px;
	line-height:25px;
	text-align:justify;
	 
	letter-spacing:-1px;
	color:#666666;
	float:left;
	width:640px;
	margin:109px 0 0 40px;
}
#circles_shape{
	width:562px;
	height:188px;
	background: url('img/circles_shape.png') no-repeat;
	margin: 270px 0 0 315px;
}
#contact_text{
	font-family: FlexoRegular;
	font-size:18px;
	line-height:25px;
	text-align:justify;
	 
	letter-spacing:-1px;
	color:#666666;
	float:right;
	width:640px;
	margin:35px 35px 0 0;
}
#contact_shape{
	width:643px;
	height:415px;
	background: url('img/contact_shape.png') no-repeat;
	margin:35px 0 0 35px;
}
a:link, a:visited, #contact{
	color:#9B8F4E;
	text-decoration:none;
}