/*************************************************************/
/*   Design:   Multiflex-3 Update-7 / Layout-2               */
/*   File:     Global layout structure                       */
/*-----------------------------------------------------------*/
/*   Author:   Wolfgang                                      */
/*   Date:     January 15, 2007                              */
/*   Homepage: wwww.1-2-3-4.info                             */
/*-----------------------------------------------------------*/
/*   License:  Fully open source without restrictions.       */
/*             Please keep footer credits with a link to     */
/*             Wolfgang (www.1-2-3-4.info). Thank you!       */
/*************************************************************/

/************/
/*  GLOBAL  */
/************/

/* NON-HEADER */
*{padding:0; margin:0;}
 body {font-size:62.5%; background:rgb(255,255,255);font-family:verdana,arial,sans-serif;} /*Font-size: 1.0em = 10px when browser default size is 16px*/
.page-container {background:rgb(255,255,255);width:772px; margin:0px auto; margin-top:10px; margin-bottom:10px; border:solid 1px rgb(150,150,150); font-size:1.0em;}
.main {clear:both; width:772px; padding-bottom:30px; background:rgb(255,255,255) top left repeat-y;}
.main-navigation {display:inline /*Fix IE floating margin bug*/; float:left; width:200px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.main-content {display:inline; /*Fix IE floating margin bug*/; float:left; width:700px; margin:0 0 0 5px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.footer {clear:both; width:771px; padding:1.0em 0 1.0em 0; background:rgb(225,225,225) url(../img/bg_foot1.jpg) no-repeat; font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.footer1 {clear:both; width:771px; padding:1.0em 0 1.0em 0; background:rgb(245,245,245)   no-repeat; font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
/* --- For alternative headers START PASTE here --- */

/* HEADER */
.header {width:750px; font-family:"trebuchet ms",arial,sans-serif;}
.header-middle-index {
	width:772px;
	height:104px;
	background:rgb(255,255,255) url(../img/nhkwetop.jpg) ;
	overflow:visible !important /*Firefox*/;
	overflow:hidden /*IE6*/;
	text-align: center;
	display: block;   margin-left: auto;   margin-right: auto;
}
.header-bottom {width:750px; height:25px; background:rgb(255,255,255) url(../img/bg_head_breadcrumbs.jpg) repeat-y; margin-left:10}
.header-breadcrumbs {clear:both; width:750px; padding:0.5em 0 0.5em 0; background:rgb(255,255,255) url(../img/bg_head_breadcrumbs.jpg) repeat-y;}

.headergreymatter {width:750px; font-family:"trebuchet ms",arial,sans-serif;}
.header-topgreymatter {width:750px; height:40px; background:rgb(240,240,240) url(../img/bg_head_top.jpg); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header-topsgreymatter {width:750px; height:40px; background:rgb(240,240,240) url(../img/bg_head_top.jpg); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;float:centre;}
.header-middlegreymatter {width:750px; height:180px; background:rgb(255,255,255) url(../img/bg_head_middle1.jpg); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header-middle-indexgreymatter {width:750px; height:253px; background:rgb(255,255,255) url(../img/bg_head_middle1.jpg); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; }
.header-bottomgreymatter {width:750px; height:40px; background:rgb(255,255,255) url(../img/bg_head_breadcrumbs.jpg) repeat-y;}
.header-breadcrumbsgreymatter {clear:both; width:750px; padding:1.0em 0 1.5em 0; background:rgb(255,255,255) url(../img/bg_head_breadcrumbs.jpg) repeat-y;}


/********************/
/*  HEADER SECTION  */
/********************/
.sitelogo {width:60px; height:40px; position:absolute; z-index:1; margin:22px 0 0 20px; background:url(../img/bg_head_top_logo.jpg); }
.sitename {width:200px; height:45px; position:absolute; z-index:1; margin:20px 0 0 90px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.sitename h1 {font-size:240%;}
.sitename h2 {margin:-4px 0 0 0; color:rgb(125,125,125); font-size:120%;}
.sitename a {text-decoration:none; color:rgb(125,125,125);}
.sitename a:hover {text-decoration:none; color:rgb(50,50,50);}

.nav0 {width:350px; position:absolute; z-index:2; margin:25px 0 0 0; margin-left:550px !important /*Firefox*/; margin-left:553px /*IE6*/;}
.nav0 ul {float:right; padding:0 20px 0 0;}
.nav0 li {display:inline; list-style:none;}
.nav0 li a {padding:0 0 0 3px;}
.nav0 a:hover {text-decoration:none;}
.nav0 a img {height:14px; border:none;}

.nav1 {width:350px; position:absolute; z-index:3; margin:15px 0 0 550px;}
.nav1 ul {float:right; padding:0 15px 0 0; font-weight:bold;}	
.nav1 li {display:inline; list-style:none;}
.nav1 li a {display:block; float:left; padding:2px 5px 2px 5px; color:rgb(181,55,76); text-decoration:none; font-size:120%;}
.nav1 a:hover {text-decoration:none; color:rgb(28,28,166);}

.sitemessage {
	width:250px;
	height:171px;
	position:absolute;
	z-index:1;
	margin:-12px 0 0 645px;
	color:#DA1469; /*overflow:visible !important /*Activate if Firefox print problems*/
	;
	overflow:hidden /*IE6*/;
	left: 56px;
	top: 63px;
	background :url(../img/bg_sitemessage.jpg)
}
.sitemessage h1 {width:250px; text-align:right; font-size:225%; margin-top:10px /*IE6*/;}
.sitemessage h2 {float:right; width:240px; margin:25px 0 0 0; text-align:right; line-height:125%; font-size:140%;}
.sitemessage h3 {float:right; width:320px; margin:10px 0 0 0; text-align:right; font-size:140%;}
.sitemessage h3 a {text-decoration:none; color:rgb(234,239,247);}
.sitemessage h3 a:hover {text-decoration:none; color:rgb(50,50,50);}

/*Drop-down menu*/
.nav2 {float:left; width:771px; border:none; background:rgb(163,79,65) url(../img/bg_head_bottom_nav.jpg) no-repeat; color:rgb(75,75,75); font-size:150%; height:25px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:200; font-variant:small-caps; font-weight:bold; } /*Color navigation bar normal mode*/
.nav2 ul {list-style-type:  none;}
.nav2 ul li {
	float:left;
	position:relative;
	z-index:auto !important /*Non-IE6*/;
	z-index:1000 /*IE6*/;
	border-right:solid 1px rgb(175,175,175);
	border-left:solid 1px rgb(175,175,175);
	background-image: url(img/bg_head_top.jpg);
	height:25px;
}
.nav2 ul li.current {
	float:left;
	position:relative;
	z-index:auto !important /*Non-IE6*/;
	z-index:1000 /*IE6*/;
	border-right:solid 1px rgb(175,175,175);
	background-color:rgb(47,58,148); 
	color:rgb(255,255,255);
	height:30px;

}
.nav2 ul li a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:1.5em; line-height:1.5em; padding:0 16px 0 16px; text-decoration:none;  color: rgb(255,255,255); height:50px}
.nav2 ul li.current a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:1.5em; line-height:1.5em; padding:0 16px 0 16px; text-decoration:none; font-weight:bold; color: rgb(255,255,255);}
.nav2 ul li ul {display:none; border:none;}

/*Non-IE6 hovering*/
.nav2 ul li:hover a {background-color:rgb(27,90,135); text-decoration:none;color: rgb(27,90,135);} /*Color main cells hovering mode*/
.nav2 ul li.current:hover a {background-color:rgb(41,153,201); text-decoration:none;color: rgb(255,255,255);} /*Color main cells hovering mode*/
.nav22 ul li:hover a {background-color:rgb(255,255,255); text-decoration:none;color: rgb(255,255,255);} /*Color main cells hovering mode*/
.nav2 ul li:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:3.0em; margin-top:0.1em; left:0;}
.nav2 ul li:hover ul li a {display:block; width:10.0em; height:1.5em; line-height:1.5em; margin-left:-1px; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/
.nav2 ul li:hover ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Color subcells hovering mode*/

/*IE6 hovering*/
.nav2 table {position:absolute; top:0; left:0; border-collapse:collapse;}
.nav2 ul li a:hover {background-color:rgb(255,255,255); text-decoration: none;} /*Color main cells hovering mode*/
.nav2 ul li a:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:3.1em; t\op:3.0em; left:0; marg\in-top:0.1em;}
.nav2 ul li a:hover ul li a {display:block; w\idth:10.0em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/
.nav2 ul li a:hover ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Color subcells hovering mode*/

.header-breadcrumbs ul {float:left; width:560px; list-style:none; padding:0 0 0 15px; font-family:Garamond;}
.header-breadcrumbs ul li {display:inline; padding:0 0 0 10px; background:transparent url(../img/bg_bullet_arrow.gif) no-repeat 0 50%; font-weight:bold; color:rgb(125,125,125); font-size:120%;}
.header-breadcrumbs ul a {color:rgb(70,122,167); text-decoration:none;}
.header-breadcrumbs ul a:hover {color:rgb(42,90,138); text-decoration:underline;}

.header-breadcrumbs .searchform {float:right; width:285px; padding:0 17px 0px 0px !important /*Non-IE6*/; padding:0 12px 0px 0px /*IE6*/;}
.header-breadcrumbs .searchform form fieldset {float:right; border:none;}
.header-breadcrumbs .searchform input.field {width:10.0em; padding:0.2em 0 0.2em 0; border:1px solid rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:120%; }
.header-breadcrumbs .searchform input.button {width:3.0em; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:120%;}
.header-breadcrumbs .searchform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

/* --- For alternative headers END PASTE here --- */

/******************/
/*  MAIN SECTION  */
/******************/

/* MAIN NAVIGATION */
.main-navigation .round-border-topright {width:10px; height:10px; position:absolute; z-index:10; margin:0 0 0 190px; background:url(../img/bg_corner_topright.gif) no-repeat;}

/* MAIN CONTENT */
.column1-unit {
	width:740px;
	height:270px;
	margin-bottom:10px !important /*Non-IE6*/;
	margin-bottom:5px /*IE6*/;
	margin-top:20px /*IE6*/;
	margin-left:10px;
	text-align: justify;
	overflow:auto;

}
.column1-unit-media {
	width:700px;
	height:370px;
	margin-left:50px !important /*Non-IE6*/;
	margin-bottom:5px /*IE6*/;
	margin-top:20px /*IE6*/;
	text-align: justify;
	line-height:10px;

}
.column1-unit-media1 {
	width:650px;
	height:1300px;
	margin-left:50px !important /*Non-IE6*/;
	margin-bottom:5px /*IE6*/;
	margin-top:20px /*IE6*/;
	text-align: justify;
	line-height:10px;

}
.column1-unit-invit {
	width:600px;
	height:690px;
	margin-bottom:10px !important /*Non-IE6*/;
	margin-bottom:5px /*IE6*/;
	margin-top:20px /*IE6*/;
	text-align: justify;
		padding-left:85px;
}
.column1-unit-team {
	width:730px;
	height:190px;
	margin-bottom:10px !important /*Non-IE6*/;
	margin-bottom:5px /*IE6*/;
	margin-top:5px /*IE6*/;
	text-align: justify;
}
.column1-unit-teamtitle {
	width:730px;
	height:5px;
	margin-bottom:10px !important /*Non-IE6*/;
	margin-bottom:5px /*IE6*/;
	text-align: justify;
}
 .column1-unit-social {
		width:600px;
	height:15px;
	text-align: justify;
}
.column1-social {
	width:730px;
	height:120px;
	margin-bottom:10px !important /*Non-IE6*/;
	margin-bottom:5px /*IE6*/;
	margin-top:20px /*IE6*/;
	text-align: justify;
}
.column1-unit-prog {width:648px; height:725px;margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;margin-top:0px /*IE6*/;}
.column2-unit-left {float:left; width:300px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-unit-right {float:right; width:300px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column3-unit-left {float:left; width:186px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/}
.column3-unit-middle {float:left; width:186px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; margin-left:40px;}
.column3-unit-right {float:right; width:186px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}

/********************/
/*  FOOTER SECTION  */
/********************/
.footer p {line-height:1.3em; text-align:center; color:rgb(149,75,54); font-weight:bold; font-size:110%;}
.footer p.credits {font-weight:normal;}
.footer a {text-decoration:underline; color:rgb(125,125,125);}
.footer a:hover {text-decoration:none; color:rgb(166,28,28);}
.footer a:visited {color:rgb(0,0,0);}

.footer1 p {line-height:1.3em; text-align:center; color:rgb(149,75,54); font-weight:bold; font-size:110%;}
.footer1 p.credits {font-weight:normal;}
.footer1 a {text-decoration:none; color:rgb(125,125,125);}
.footer1 a:hover {text-decoration:underline; color:rgb(166,28,28);}
.footer1 a:visited {color:rgb(0,0,0);}
/******************/
/*  CLEAR FLOATS  */
/******************/
.page-container:after, .header:after, .header-breadcrumbs:after, .main:after, .main-navigation:after, .main-content:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.column1-unit:after, .column2-unit-left:after, .column2-unit-right:after, .column3-unit-left:after, .column3-unit-middle:after, .column3-unit-right:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.footer:after, p:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear-contentunit {clear:both; width:650px; height:0.1em; border:none; background:rgb(210,210,210); color:rgb(210,210,210);}

/********************************/
/*  PRINTING and MISCELLANEOUS  */
/********************************/
@media print {.header-top {width:750px; height:80px; background:rgb(222,231,196); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}

@media print {.header-breadcrumbs {width:750px; background:transparent;}}
@media print {.nav2 {float:left; width:750px; border:none; background:rgb(240,240,240); color:rgb(75,75,75); font-size:1.0em; font-size:130%;}} /*Color navigation bar normal mode*/
@media print {.main {clear:both; width:750px; padding-bottom:30px; background:transparent;}}
@media print {.main-navigation {display:inline /*Fix IE floating margin bug*/; float:left; width:199px; border-right:solid 1px rgb(200,200,200); border-bottom:solid 1px rgb(200,200,200); background-color:rgb(222,231,196); overflow:visible !important /*Firefox*/; overflow:hidden /*IE*/;}}
@media print {.footer {clear:both; width:750px; height:3.7em; padding:1.1em 0 0; background:rgb(240,240,240); font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}

/* Tables and forms */
table {line-height:1.2em; width:100%; margin:0 0 0px; padding:0;}
caption {font-size:1.0em; font-weight:50; margin:0; padding:6px 0 8px; text-align:left;}
th {background-color:#FFFFFF; color:#ffffff;}
td {background-color:rgb(255,255,255) repeat-x bottom left #ffffff; color:#ffffff; font-size:0.9em;}
input,textarea {font-family:"Verdana"; font-size:12px; margin:0; padding:4px; color:#ffffff}
label {margin:2px 0 2px 0; font-size: 12px ;}
input {width:150px;}
textarea {width:150px;}
input.radio {width:20px; border: 0px; }
input.checkbox {width:20px; border: 0px; }


 .FreezePaneOff
   {
      visibility: hidden;
      display: none;
      position: absolute;
      top: -100px;
      left: -100px;
   }

   .FreezePaneOn
   {
      position: absolute;
      top: 0px;
      left: 0px;
      visibility: visible;
      display: block;
      width: 100%;
      height: 100%;
      background-color: #FFFFFF;
      z-index: 999;
      filter:alpha(opacity=85);
      -moz-opacity:0.85;
      padding-top: 20%;
   }

   .InnerFreezePane
   {
      text-align: center;
      width: 66%;
      background-color: #000171;
      color: White;
      font-size: large;
      border: dashed 2px #000111;
      padding: 9px;
   }
   
   blockquote {background:url(img/menubg.gif) repeat-x bottom left #f4f4f4; border-bottom:1px solid #d8d8d8; border-left:4px solid #ccc; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; color:#505050; margin:0px; padding:7px 7px 7px 11px;}
blockquote p {font-size:1.0em; line-height:1.3em; margin:0;}

#content {line-height:1.5em; margin:10px 170px 10px 160px; padding:0; text-align:left;}
#contentwide {line-height:1.2em; margin:2px 0 2px 2px; padding:0; text-align:left;}
#content h2,#contentwide h2 {font-size:1.8em; font-weight:400; letter-spacing:-1px; margin:8px 0 10px; padding:0;}
#content h3,#contentwide h3 {font-size:1.5em; font-weight:400; margin:6px 0; padding:0;}
#content img,#contentwide img {background:#ffffff; border:4px color:#ffffff; display:inline; padding:1px; margin:0 10px 5px 0;}
#content ul,#content ol,#contentwide ul,#contentwide ol {margin:0 0 16px 20px; padding:0;}
#content ul ul,#content ol ol,#contentwide ul ul,#contentwide ol ol {margin:2px 0 2px 15px;}
#content li,#contentwide li {margin:0 0 2px 5px; padding:0 0 0 4px;}
   
.around-curriss {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 250px;
	float:left;
	background-color: #ffffff;
	color : #383838 ;
/*	border: 1px solid #505050;*/
	height: 180px;
	padding: 10px;
}

.around-archive {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 250px;
	float:right;
	background-color: #ffffff;
	color : #383838 ;
/*	border: 1px solid #505050;*/
	height: 170px;
	padding: 10px;
} 

.tables {
	border: 1px solid #EAE9E9;
	font-family: trebuchet ms;
	font-size: 12px;
	color: #1B5A87;
}

 
 
.style70 {font-family: Garamond; font-size: 250%; color:#666}
.page-container .main .main-content .column1-unit .style70 {
	font-family: Garamond; font-size: 16px;
}
#box-a {  

margin-left:30px;
float: left;
width: 685px; 
height:160px;
border: 0px double #bcbcbc; background-color: #FFFFFF; padding: 10px;
background-color:#ecf4fe;
vertical-align:middle 
 }  
#box-a1 {  

margin-left:30px;
float: left;
width: 685px; 
height:160px;
border: 0px double #bcbcbc; background-color: #FFFFFF; padding: 10px;
background-color:#FFFFFF;
vertical-align:middle 
 }  
 #box-a2 {  

margin-left:30px;
float: left;
width: 685px; 
height:160px;
border: 0px double #bcbcbc; background-color: #FFFFFF; padding: 10px;
background-color:#fff0fe;
vertical-align:middle 
 }  

#box-b { 
 padding-top: 20%;
 float: right;
 width: 705px; 
 height:180px;
border: 3px double #bcbcbc; padding: 10px;background-color: #FFFFFF;
 } 
 #box-feed { 
 padding-top: 10%;
 float: left;
 margin-left:215px;
 width: 355px; 
 height:120px;
  margin-right:85px;
border: 3px double #bcbcbc; padding: 10px;background-color: #FFFFFF;
background-color:#feeafe;
 }  
#box-c { 
 padding-top: 20%;
 float: left;
 width: 695px; 
 height:170px;
  margin-right:70px;
border: 3px double #bcbcbc; padding: 10px;background-color: #FFFFFF;
 } 
 #box-weba {  
padding-top: 20%;
margin-left:35px;
float: left;
width: 155px; 
height:170px;
border: 0px double #bcbcbc; background-color: #FFFFFF; padding: 10px;
 
 } 
  #box-song {  
padding-top: 10%;
margin-left:15px;
float: left;
width: 115px; 
height:362px;
border: 3px double #bcbcbc; background-color: #FFFFFF; padding: 10px;
 
 }  
 #box-webb { 
 padding-top: 20%;
 float: right;
 width: 155px; 
 height:170px;
  margin-right:72px;
border: 0px double #bcbcbc; padding: 10px;background-color: #FFFFFF;
 } 
#box-ccritique { 
 padding-top: 20%;
 float: right;
 width: 155px; 
 height:170px; 

border: 0px double #bcbcbc; padding: 10px;background-color: #FFFFFF;
 }  
 
 #box-atitle {  

padding-top: 10%;
margin-left:15px;
float: left;
width: 560px; 
height:10px;
border: 0px double #bcbcbc; background-color: #FFFFFF; padding: 5px;
 
 }  
  #box-acd {  

padding-top: 5%;
margin-left:15px;
float: left;
width: 560px; 
height:100px;
border: 0px double #bcbcbc; background-color: #FFFFFF; padding: 5px;
 }  
  #box-bcd {  

padding-top: 10%;
margin-left:15px;
float: left;
width: 560px; 
height:90px;
border: 0px double #bcbcbc; background-color: #FFFFFF; padding: 5px;
 }  
   #box-ccd {  

padding-top: 10%;
margin-left:15px;
float: left;
width: 560px; 
height:50px;
border: 0px double #bcbcbc; background-color: #FFFFFF; padding: 5px;
 } 
#box-bimage { 
 padding-top: 10%;
 float: right;
 width: 80px; 
 height:200px;
border: 1px double #bcbcbc; padding: 0px;background-color: #FFFFFF;
background:#FFFFFF
 } 
#box-bimage2 { 
 float: right;
 width: 80px; 
 height:170px;
border: 0px #bcbcbc; padding: 0px;background-color: #FFFFFF;
 } 
#box-btitle { 
 padding-top: 20%;
 float: right;
 width: 560px; 
 height:10px;
border: 0px double #bcbcbc; padding: 5px;background-color: #FFFFFF;
 } 

#box-ctitle { 
 padding-top: 20%;
 float: right;
 width: 150px; 
 height:10px;
  margin-right:18px;
border: 0px double #bcbcbc; padding: 5px;background-color: #FFFFFF;
 } 

 
img.center {   display: block;   margin-left: auto;   margin-right: auto; }

#box-fb {  
margin-left:110px;
float: left;
width: 118px; 
height:35px;
 
 }  

#box-tweet { 
 
 float: right;
 width: 118px; 
 height:35px;
 
 } 
#box-herbz { 
 padding-top: 15%;
margin-left:235px;
 float: left;
 width: 80px; 
 height:89px;
 
 }