body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,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,strong,th,var{font-style:normal;font-weight:normal;}li{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;font-variant:normal;}sup,sub{vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/*************************/
/* Tags
/*************************/

html{
    height: 100%;
    margin-bottom: 1px;
}

body{
	background-color: #FFFFFF;
	color:#000;
	font-family: "Trebuchet MS";
	font-size: 9px;
}

strong{
    font-weight: bold;
}

  a
, a:link
, a:active
, a:visited{
    color: #000;
    text-decoration: underline;
}

a:hover{
    text-decoration: none;
}

em{
    font-style: italic;
}

h1 {
    color:#000!important;
    font-size: 35px;
    margin-left: 25px;
}

h2{
    color:#000!important;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 5px;
}

p{
    margin-bottom: 30px;
}

ul{
    margin-left: 30px;
}

li{
    padding-left: 7px;
    list-style-type: disc;
    padding-top: 3px;
    padding-bottom: 3px;
}


/*************************/
/* Common classes
/*************************/

.bg img{
    position: absolute;
    z-index: 1;
    left: 0px;
    top: 0px;
    width: 100%;
}

#main_bg{
    height: 100%; 
  
}

.warning{
    color: red;
    font-weight: bold;
}

.line{
    position: relative;
    z-index: 3;
    width: 860px;
    height: 13px;    
    display: block;
    margin-left: auto;
    margin-right: auto;
    background-image: url(images/hr.png);

}

.butlerm_logo a{
	position: absolute;
	z-index: 10;
	top: 14px;
	left: 50%;
	margin-left: 30px;
	width: 350px;
	height: 78px;
	background-image: url(images/butlerm.png);
	background-repeat: no-repeat;
}


.underline{
    text-decoration: underline;
}

.large{
    font-size: 15px;
    font-weight: bold;
}

.error{
    color: red;
}

.big_yellow_button {
    position: relative;
}

span.readmore {
    position: absolute;
    bottom: 30px;
    left: 30px;
}

/*************************/
/* Footer
/*************************/

#menu_line{
	position: absolute;
	top: 70px;
	left: 50%;
	margin-left: -440px;
	margin-top: 20px;
}

.footer_txt{
	position: relative;
	z-index: 3;
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	left: -73px;
}

.copyright_notice{
    position: relative;
    left: 37px;
	color:#CCC;
	width:705px;
}

#copyright_homepage
{
    text-align:center;   
}


/*  Menu homepage                       */

.menu_homepage_container{
    position: relative;
    margin-top: 30px;
    width: 735px;
    margin-left: auto;
    margin-right: auto;   
}

  .menu_homepage_container div a
, .menu_homepage_container div a:link
, .menu_homepage_container div a:active
, .menu_homepage_container div a:visited{
    position: relative;
    background-image: url(images/menu_en.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    height: 67px;
    display: block;
    width: 132px;
    margin-right: 15px;
    float: left;
    overflow: hidden;
    text-indent: -5000px;
}

#menu_homepage_news a{
    background-position: 0px 0px;
}

#menu_homepage_news a:hover{
    background-position: 0px -67px;
}

#menu_homepage_demo a{
    background-position: -132px 0px;
}

#menu_homepage_demo a:hover{
    background-position: -132px -67px;
}

#menu_homepage_applications a{
    display: none;
    background-position: -264px 0px;
}

#menu_homepage_applications a:hover{
    background-position: -264px -67px;
}

#menu_homepage_technology a{
    background-position: -396px 0px;
}

#menu_homepage_technology a:hover{
    background-position: -396px -67px;
}

#menu_homepage_about_yb a{
    background-position: -528px 0px;
}

#menu_homepage_about_yb a:hover{
    background-position: -528px -67px;
}

#menu_homepage_contact a{
    background-position: -924px 0px;
}

#menu_homepage_contact a:hover{
    background-position: -924px -67px;
}

#menu_homepage_user_comments a{
    background-position: -792px 0px;
}

#menu_homepage_user_comments a:hover{
    background-position: -792px -67px;
}

.menu_homepage_container div.last_element a{
    margin-right: 0px;
}

.menu_bottom_space{
    clear: both;
    position: relative;
    z-index: 3;
    display: block;
    width: 10px;
    height: 30px;
    margin-left: auto;
    margin-right: auto;
}

.homepage_latest_news{
    font-size: 16px;
    text-align: center;
    width: 900px;
}

#homepage_bottom_line{
    margin-top: 10px;
    margin-bottom: 5px;
	background-image: url(images/hrb.png);
}

#homepage_top_line {
    margin-top: 40px;
    
    position: relative;
    left: -55px;
}


/*************************/
/* Sub sections
/*************************/

.sub_top_spacer{
    position: relative;
    z-index: 2;    
    width: 900px;
    height: 105px;
}

.sub_content_container{
	position: relative;
	z-index: 2;
	width: 810px;
	margin-left: auto;
	margin-right: auto;
}

.sub_content{
    position: relative;
    width: 850px;
    margin-left: 25px;
    margin-top: 20px;
}

.submenu_right{
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 14px;
    font-weight: bold;
    width: 133px;
    border-bottom: 1px solid #000;
    text-align: right;
}

.submenu_right a{
    text-decoration: none;
}

.submenu_right a:hover{
    text-decoration: underline;
}

.main_content {
	width:595px;
	position:relative;
	float:left;
	padding-right:  2px;
}
.right_content {
	width:155px;
	position:relative; 
	float:left
}
/*---------*/
/* Menu top
/*---------*/

.menu_top_container{
	position: absolute;
	z-index: 10;
	top: 60px;
	left: 50%;
	margin-left: -422px; /* 425 + 10 -1 */
	font-size: 16px;
	font-weight: bold;
	width: 380px;
}


/* s_ae try
/*---------*/
  .s_ae a{
	height:37px;
	float:left;
	width:229px;
	margin-left:37px;
	background-image:url(images/title_s-aep.png);
}

.s_ae a{
    background-position: 0px 0px;
}

.s_ae a:hover
, .s_ae a.active
{
    background-position: 0px -74px;
}
/* s_mgv try
/*---------*/
  .s_mgv a{
	height:37px;
	float:left;
	margin-right:22px;
	width:271px;
	margin-left:27px;
	background-image:url(images/title_s-mgv.png);
}

.s_mgv a{
    background-position: 0px 0px;
}

.s_mgv a:hover
, .s_mgv a.active
{
    background-position: 0px -74px;
}
/* s_p try
/*---------*/
  .s_p a{
	height:37px;
	float:left;
	width:136px;
	background-image:url(images/title_s-p.png);
}

.s_p a{
    background-position: 0px 0px;
}

.s_p a:hover
, .s_p a.active
{
    background-position: 0px -74px;
}
  .menu_top_blog a
, .menu_top_store a
, .menu_top_tutorials a
, .menu_top_rss a
, .menu_top_hello a
, .menu_top_contact a
, .menu_top_blog_active a
, .menu_top_store_active a
, .menu_top_tutorials_active a
, .menu_top_rss_active a
, .menu_top_hello_active a
, .menu_top_contact_active a
, .menu_top_reel a
, .menu_top_reel_active a
{
    position: relative;
    z-index: 5;
    background-image: url(images/menu_en.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    height: 25px;
    display: block;
    float: left;
    overflow: hidden;   
    text-indent: -5000px;
}

/* Reel
/*---------*/
  .menu_top_reel a
, .menu_top_reel_active a{
    margin-left:10px;
    width: 47px;
}

.menu_top_reel a{
    background-position: 0px 0px;
}

.menu_top_reel a:hover
, .menu_top_reel a.active
{
    background-position: 0px -25px;
}

  .menu_top_reel_active a
, .menu_top_reel_active a:hover{
    background-position: 0px -50px;
}

/* Blog
/*---------*/
  .menu_top_blog a
, .menu_top_blog_active a{
    width: 51px;
}

.menu_top_blog a{
    background-position: -47px 0px;
}

.menu_top_blog a:hover
, .menu_top_blog a.active
{
    background-position: -47px -25px;
}

  .menu_top_blog_active a
, .menu_top_blog_active a:hover{
    background-position: -47px -50px;
}

/* Store
/*---------*/
  .menu_top_store a
, .menu_top_store_active a{
    width: 55px;
}

.menu_top_store a{
    background-position: -98px 0px;
}

.menu_top_store a:hover
, .menu_top_store a.active
{
    background-position: -98px -25px;
}

  .menu_top_store_active a
, .menu_top_store_active a:hover{
    background-position: -98px -50px;
}

/* Tutorials
/*---------*/
  .menu_top_tutorials a
, .menu_top_tutorials_active a{
    width: 80px;
}

.menu_top_tutorials a{
    background-position: -153px 0px;
}

.menu_top_tutorials a:hover
, .menu_top_tutorials a.active
{
    background-position: -153px -25px;
}

  .menu_top_tutorials_active a
, .menu_top_tutorials_active a:hover{
    background-position: -153px -50px;
}

/* RSS
/*---------*/
  .menu_top_rss a
, .menu_top_rss_active a{
    width: 51px;
}

.menu_top_rss a{
    background-position: -233px 0px;
}

.menu_top_rss a:hover
, .menu_top_rss a.active
{
    background-position: -233px -25px;
}

  .menu_top_rss_active a
, .menu_top_rss_active a:hover{
    background-position: -233px -50px;
}

#about_content
{
    height:580px;
}

/* Hello
/*---------*/
  .menu_top_hello a
, .menu_top_hello_active a{
    width: 54px;
}

.menu_top_hello a{
    background-position: -284px 0px;
}

.menu_top_hello a:hover
, .menu_top_hello a.active
{
    background-position: -284px -25px;
}

  .menu_top_hello_active a
, .menu_top_hello_active a:hover{
    background-position: -284px -50px;
}


/* Contact
/*---------*/
  .menu_top_contact a
, .menu_top_contact_active a{
    width: 64px;
}

.menu_top_contact a{
    background-position: -667px 0px;
}

.menu_top_contact a:hover
, .menu_top_contact a.active
{
    background-position: -667px -16px;
}

  .menu_top_contact_active a
, .menu_top_contact_active a:hover{
    background-position: -667px -16px;
}

/*  Footer & */
.facebook a, .twitter a, .flickr a, .vimeo a{
    position: relative;
    z-index: 5;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    height: 40px;
	width: 40px;
    display: block;
    float: right;
    overflow: hidden;   
    text-indent: -5000px;
}

.facebook a{
    background: url(images/facebook.png) no-repeat top center;
}


.twitter a{
    background: url(images/twitter.png) no-repeat top center;
}

.flickr a{
    background: url(images/flickr.png) no-repeat top center;
}

.vimeo a{
    background: url(images/vimeo.png) no-repeat top center;
}
.facebook a:hover, .twitter a:hover, .flickr a:hover, .vimeo a:hover{
	    background-position: 0px -40px;
}


div.footer_txt br
{
    clear:both;
}
/* Localized */




  .menu_homepage_container div a
, .menu_homepage_container div a:link
, .menu_homepage_container div a:active
, .menu_homepage_container div a:visited{
    background-image: url(images/menu_en.png);
}
/* Localized */






/*  Overrides & specifics   */
h1
{
    font-family:    Georgia,"Times New Roman",Serif;
    font-size:      3em;
    font-weight:    bold;
    height:         40px;
    margin-bottom:  .7em;
    margin-left:    0;
}
#t_reel
{
    background:     url(images/title_news.png) no-repeat top left;
}
#t_hello
{
    background:     url(images/title_hello.png) no-repeat top left;
}
#t_tutorials
{
    background:     url(images/title_tutorials.png) no-repeat top left;
}
h3
{
    font-weight:    bold;
    font-size:      16px;
    margin-bottom:  5px;
}
abbr
{
    border-bottom:  1px dashed #000;
}

/*  Elements    */
.margintop
{
    margin-top:     16px;
}
.sub_content_container
{
	padding-left:   0px;
}
#content
{
    min-height:     450px;
}
#posts{
    position:       relative;
    
    width:          595px;
}
#submenu{
	width:          155px;
	color:#6B6B6B;
	font-size:10px;
	position:       absolute;
	top:            38px;
	right:          55px;

}
#submenu ul, #submenu ul li
{
    margin:         0;
    padding:        0;
}
#submenu ul li
{
    list-style-type:     none;
}
#submenu a
{
	Color:#333;
    text-decoration:    none;
}
#submenu a:hover
{
    text-decoration:    underline;
}
#archives {
	border-bottom:      1px solid #000;
	font-size:			11px;
	padding-bottom: 	3px;
	font-weight:		bold;
}
#extra
{
	border-bottom:      1px solid #000;
	font-size:			10px;
	padding-bottom: 	3px;
}

/*  Posts   */
span.storydate
{
    display:            block;
    margin-bottom:      14px;
}
#content p
{
    margin-bottom:      12px;
    padding-bottom:     0;
}
.post_item
{
    border-bottom:      1px solid #000;
    clear:              both;   
    min-height:         300px;
    margin-bottom:      15px;
	font-size: 10px;

}
.post_item:after
{
    clear:              both;
    content:            ".";
    display:            block;
    height:             0;
    visibility:         hidden;
}
.post_item img
{
    clear:              right;
    float:              right;
    padding-bottom:     24px;
    padding-left:       24px;
    width:              330px;
}
.post_item .video
{
    float:              right;
    height:             220px;
    padding-left:       24px;
    width:              330px;
}
.post_item .audio
{
    float:              right;
    height:             100px;
    width:              330px;   
}

/*  Footer  */
#homepage_bottom_line
{
    margin-left:        -6em;
}
.copyright_notice
{
    margin-left:        -2em;
}

/*  Commons */
h1 span, .hide
{
    position:           absolute;
    top:                -999em;
}
/* Localized */
input, textarea, select {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 11px;
  margin: 2px;
  padding: 0px;
  background-color: #FFF;
  border-color: #555555;
}