/*----------  CSS GLOBAL ----------*/

/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,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; 
} 
ol,ul { 
	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; 
}
/*---------- END RESET ----------*/

/*---------- TAG BODY ----------*/
body {
	font-size: 12px;  /* transformar em ems = (?) 0.750em; */
	font-family: "Verdana", "Geneva", "Arial", "Helvetica", sans-serif;
	color: #000;
	line-height: 1.5em; /* equal to 18px  - confirmar */
	margin: 0;
	padding: 0;
}


/*---------- TAGS P, UL, BLOCKQUOTE, PRE, TD, TH, LABEL ----------*/ 
p, ul, blockquote, pre, td, th, label {
  margin: 0;
  font-size: 1em;
  line-height: 1.5em;
  margin-bottom: 1.5em;
}

/*---------- TAG P SEM MARGEM INFERIOR - CLASSE USADA NOS REVIEWS ----------*/ 
p.review {
	margin-bottom: 0px;
	margin-top: 0px;
}

/*---------- TAG H1 ----------*/ 
h1 {
	margin: 0;
	font-family: "Helvetica", sans-serif;
	font-size: 2.2em;
	line-height: 1.2em;
	margin-bottom: 0.6em;
	margin-top: 1em;
	font-weight: bold;
	padding-bottom: 5px;
}

h1 em {
	font-style: italic;
	font-weight: bold;
}

h1.review {
	font-family: "Helvetica", sans-serif;
	font-size: 2.2em;
	font-weight: bold;
	margin-bottom: 0px;
	margin-top: 18px;
}

/*---------- TAG H2 ----------*/ 
h2 {
	margin: 0;
	font-family: "Helvetica", sans-serif;
	font-size: 2em;
	line-height: 1em;
	margin-bottom: 0;
	margin-top: 10px;
	font-weight: bold;
	color: #cccccc;
}

/*---------- TAG P - CLASSE USADA NOS REVIEWS ----------*/ 
p.review_intertitulo {
	margin: 0;
	font-family: "Verdana", "Geneva", "Arial", "Helvetica", sans-serif;
	font-size: 12px;
	line-height: 1em;
	margin-bottom: 0px;
	margin-top: 0px;
	font-weight: bold;
	color: #000;
}

/*---------- TAG P - CLASSE USADA NOS REVIEWS ----------*/ 
p.review_intertitulo2 {
	margin: 0;
	font-family: "Verdana", "Geneva", "Arial", "Helvetica", sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	margin-bottom: 0px;
	margin-top: 0px;
	font-weight: bold;
	color: #000;
}
/*---------- TAG STRONG (NEGRITO) ----------*/ 
strong {
	font-weight: bold;
}

/*---------- TAG EM (ITÁLICO) ----------*/ 
em {
	font-style: italic;
}

/*---------- TAG EM (NEGRITO) BOLD-ITÁLICO - CLASSE USADO NO TÍTULO DE NOTÍCIAS E REVIEWS E NO CORPO DO TEXTO -------*/ 
em.titulo {
	font-style: italic;
	font-weight: bold;
}

strong em {
	font-style: italic;
	font-weight: bold;
}

/*---------- CLASSE QUE FAZ APARECER O ÍCONE DE EMAIL AO LADO DOS LINKS DE EMAIL ----------*/ 
a[href ^="mailto:"] {
   padding-right: 20px;
   background: transparent url(../images/icon_mail.gif) no-repeat center right;
}

/*---------- TAGS DE LINKS ----------*/ 
a:link {color:blue;}
a:visited {color:purple;}
a:hover {color: green;}
a:active {color:red;}
a:visited:hover {color: Teal;}

/*---------- TAGS DOS LINKS DO MENU  NA BARRAMENU ----------*/ 
a.menu:link {color:White; text-decoration:none;}
a.menu:visited {color:White; text-decoration:none;}
a.menu:hover {color:#ff8c00; text-decoration:none;}
a.menu:active {color:#3a4f9c; text-decoration:none;}
a.menu:visited:hover {color: White; text-decoration:none;}

/*---------- TAGS (CLASSE) DOS LINKS DE SUBMENU NA CAPA - (DESATIVADO?) ----------*/ 
a.submenu:link {color:#9999cc; text-decoration:none;}
a.submenu:visited {color: Gray; text-decoration: none;}
a.submenu:hover {color:#ff8c00; text-decoration:none;}
a.submenu:active {color:#3a4f9c; text-decoration:none;}
a.submenu:visited:hover {color: Purple; text-decoration: none;}

/*---------- TAGS (CLASSE) DE LINKS DE SUBMENU NA CAPA - VERSÃO 2 ----------*/ 
a.submenu2:link {color:White; text-decoration:none;}
a.submenu2:visited {color: Silver; text-decoration: none;}
a.submenu2:hover {color:#ff8c00; text-decoration:none;}
a.submenu2:active {color:#3a4f9c; text-decoration:none;}
a.submenu2:visited:hover {color: Purple; text-decoration: none;}

/*---------- TAGS (CLASSE) DOS LINKS DE NOTÍCIAS E REVIEWS NA CAPA ----------*/ 
a.capa:link {color:blue; text-decoration:none;}
a.capa:visited {color:purple; text-decoration:none;}
a.capa:hover {color: green; text-decoration:none;}
a.capa:active {color:red; text-decoration:none;}
a.capa:visited:hover {color: Teal; text-decoration:none;}

/*---------- TAG (CLASSE) ALINHA O FORMÚLÁRIO DE BUSCA NA BARRA DE MENU  ----------*/ 
form.centro {
	width: 310px; 
	text-align: right;
}

/* ID para DIV de conteúdo da capa */
#capa {
	float: left;
	width: 960px;
	text-align: left;
}

/* ---- ID para DIV conteúdo das páginas de notícias ----- */
#container {
float: left;
width: 640px;
text-align: left;
margin: 1em 1.5em 1.5em 1em;
padding: 0 0 1em 6em;
}

/* ----- ID para DIV conteúdo das páginas de reviews ------*/
#container_review {
float: left;
width: 640px;
text-align: left;
margin: 0px 0px 0px 0px;
padding: 0 0 1em 6em;
}

/* ------  ID de cabeçalho no topo das páginas       ------- */
#cabecalho {
float: left;
width: 960px;
background: 000;
}

/* ------------- ID para DIV da barralogo -------------- */
#barralogo {
float: left;
width: 960px;
height: 85px;
background: #333366;
}

/* ------------- ID para DIV da barra de menu -------------- */
#barramenu {
	float: left;
	width: 960px;
	height: 25px;
	padding: 0 0 0 0x;
	background: #9999cc;
}

/* ------------- ID para DIV da barra de destaques -------------- */
#barradestaques {
float: left;
width: 960px;
height: 150px;
background: #808080;
}

/* ------------- ID para TAGS UL e LI na barra de menu -------------- */
#barramenu ul li {
	list-style: none;
	margin: 0;
	display: inline;
	color: White;
	font-weight: bold;
}

/* ------------- ID para DIV de notícias na CAPA  -------------- */
#noticias {
	float: left;
	width: 609px;
	background: White;
	padding: 0 0 0 20px;
	margin-right: 10px;
	font-size: 13px;
}

/* ------------- ID para DIV de reviews na CAPA  -------------- */
#reviews {
	float: left;
	width: 310px;
	background: #DCDCDC;
	padding-left: 10px;
}

/* ------------- ID para DIV de notícias na CAPA  -------------- */
#noticias2 {
	float: left;
	width: 609px;
	background: White;
	padding: 0 0 0 20px;
	margin-right: 10px;
	font-size: 12px;
}

/* ------------- ID para DIV de rebiews na CAPA  -------------- */
#reviews2 {
	float: left;
	width: 310px;
	background: #DCDCDC;
	padding-left: 12px;
}

/* ------------- ID para DIV de rodapé na CAPA  -------------- */
#rodape_capa {
	float: left;
	width: 960px;
	margin-top: 5px;
}

/* ------------- CLASSE ?  -------------- */
.blue {
	color:#333366;
}

/*#menu {
float: left;
width: 950px;
padding: 0 0 0 10px;
background: #bbb;
}*/

/* ------------- ID para a linha da assinatura nas NOTÍCIAS  -------------- */
#byline {
  font-size: 12px; /* transformar em ems */ 
  font-family:"Helvetica", sans-serif;
  font-weight: bold;
  color:#333;
  line-height: 1.5em; /* equal to 18px */
  border-top-color: #bbb;
	border-top-style: solid;
	border-width: 1px;
}

/* ------------- ID para a linha da assinatura nas MATÉRIAS  -------------- */
#byline_materia {
  font-size: 12px; /* transformar em ems */ 
  font-family:"Helvetica", sans-serif;
  font-weight: bold;
  color:#333;
  line-height: 1.5em; /* equal to 18px */
}

/* ------------- ID para a linha da assinatura nos REVIEWS  -------------- */
#byline_review {
	font-size: 12px; /* transformar em ems */
	line-height: 1em;
	font-family: "Verdana", "Geneva", "Arial", "Helvetica", sans-serif;
	font-weight: bold;
	color: Black;
	margin-bottom: 0px;
	margin-top: 0px;
	
}
/*#bylinecolor {
	color:#333366;
}*/

/* ------------- ID para o parágrafo de SPOILER nas NOTÍCIAS  -------------- */
#spoiler {
  font-size: 12px; /* transformar em ems */ 
  font-family:"Arial", "Helvetica", sans-serif;
  font-weight: bold;
  color:#880000;
  line-height: 1.5em; /* equal to 18px */
}

/* ------------- ID para a navegação de Rodapé de ?  -------------- */
#navrodape {
	font-weight: bold;
	padding-top: 5px;
	border-top-style: solid;
	border-top-width: 1px;
}

/* ------------- ID para a linha de copyright  -------------- */
#copyright {
  font-size: 10px; /* transformar em ems */ 
}

/* ------------- ID para os LINKS RELACIONADOS nas NOTÍCIAS  -------------- */
#linkrelacionados {
	border-left: 1px solid #808080;
	border-right: 1px solid #808080;
	border-top: 1px solid #808080;
	font-weight: bold;
	background-color: #c0cddd;
	color: #333366;
	padding-bottom: 4px;
	padding-top: 4px;
	padding-left: 10px;
}

/* ------------- ID para os LINKS RELACIONADOS nas NOTÍCIAS  -------------- */
#links {
	border: 1px solid #808080;
	padding-bottom: 4px;
	padding-top: 4px;
	padding-left: 10px;
}

#navhq {
	padding-left: 10px;
	text-align: left;
	list-style: none;
	display: inline;
	border-bottom: 2px solid #9999cc;
}

#navmore_news {
	padding-left: 400px;
	text-align: left;
	list-style: none;
	display: inline;
	border-bottom: 2px solid #9999cc;
}

#navreviews {
	padding-left: 500px;
	text-align: left;
	list-style: none;
	display: inline;
	border-bottom: 2px solid #9999cc;
}

/* ------------- CLASSE para o DIV de dados dos REVIEWS  -------------- */
.review_dados {
	border-left: 1px solid #9999cc;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0 0 0 0;
}

/* ------------- CLASSE para o DIV de assinatura dos REVIEWS  -------------- */
.review_byline {
	margin: 0px 0px 0px 0px;
	border-left: 1px solid #9999cc;
	padding-left: 10px;
	background-color: #dcdcdc;
}

/* ------------- CLASSE para o DIV do TÍTULO dos REVIEWS  -------------- */
.review_titulo {
	border-left: 1px solid #9999cc;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0px 0px 0px 0px;
}

/* ------------- CLASSE para o DIV das sinopses dos REVIEWS  -------------- */
.review_sinopse {
	border-left: 1px solid #9999cc;
	border-top: 1px solid #9999cc;
	padding-bottom: 10px;
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0 0 0 0;
}

/* ------------- CLASSE para o DIV das sinopses dos REVIEWS  -------------- */
.review_sinopse2 {
	border-left: 1px solid #9999cc;
	padding-bottom: 10px;
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0 0 0 0;
}


/* ------------- CLASSE para o DIV de positivo e negativo dos REVIEWS  -------------- */
.review_positivo {
	border-left: 1px solid #9999cc;
	border-top: 1px solid #9999cc;
	padding-bottom: 10px;
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0px 0px 0px 0px;
}

/* ------------- CLASSE para o DIV de positivo e negativo dos REVIEWS  -------------- */
.review_positivo2 {
	border-left: 1px solid #9999cc;
	
	padding-bottom: 10px;
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0px 0px 0px 0px;
}

/* ------------- CLASSE para o DIV com a nota (classificação) dos REVIEWS  -------------- */
.review_nota {
	border-left: 1px solid #9999cc;
	background: White;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0px 0px 0px 0px;
}

.cinza {
	background-color: #dcdcdc;
	margin: 0px 0px 0px 0px;
	border-left: 1px solid #9999cc;
	border-top: 1px solid #9999cc;
	padding-bottom: 5px;
	padding-top: 4px;
	padding-left: 10px;
	vertical-align: middle;
}

.cinza2 {
	background-color: #dcdcdc;
	margin: 0px 0px 0px 0px;
	border-left: 1px solid #9999cc;
	border-top: 1px solid #9999cc;
	padding-bottom: 8px;
	padding-top: 7px;
	padding-left: 10px;
	vertical-align: middle;
}

/* ------------- TAG (CLASSE) para TABELA usado na VITRINE -------------- */
table.vitrine {
	width: 640px;
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 9px; /* transformar em ems */
	border: none;
} 

/* ------------- TAG (CLASSE) para TABELA usado na VITRINE da CAPA -------------- */
table.vitrine_capa {
	width: 960px;
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 9px; /* transformar em ems */
	border: none;
} 

/* ------------- TAG (CLASSE) para o elemento TH das tabelas - usado na VITRINE -------------- */
th.vitrine {
   background-color: #333366;
	color: Yellow;
	text-align: center;
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 12px; /* transformar em ems */
	font-weight: bold;
	margin-bottom: 5px;
}

/* ------------- TAG (CLASSE) para o elemento TR das tabelas - usado na VITRINE -------------- */

tr.vitrine {
	margin-top: 10px;
	vertical-align: middle;
}

/* ------------- TAG (CLASSE) para o elemento TD das tabelas - usado na VITRINE -------------- */
td.vitrine {
	padding-top: 10px;
	text-align: center;
	vertical-align: top;
}

/* ------------- TAG (CLASSE) para o elemento TD das tabelas - usado na VITRINE da CAPA -------------- */
td.vitrine_capa {
	width: 150px;
	padding-top: 10px;
	text-align: center;
	vertical-align: top;
}

/* ---- CLASSE para posicionar as imagens nas notícias de HQ a esquerda ------ */
.img_hq_left {
	float: left;
	padding-right: 6px;
}

/* ---- CLASSE para posicionar o ícone do twitter à esquerda da assinatura nos reviews (e notícias corrigir) ------ */
.img_twitter_left {
	display: inline;
	vertical-align: middle;
	padding-top: 2px;
	padding-left: 2px;
}

/* ---- CLASSE para posicionar as imagens nas notícias de HQ a direita ------ */
.img_hq_right {
	float: right;
	padding-left: 6px;
}

/* ---- CLASSE usada para posicionar corretamente os dois destaques pequenos na segunda fileira do destaque de 07 --- */
.img_destaque_07 {
	margin-bottom: 2px;
}


/*  ----- MATERIAS ----- */

.materia {
	width: 630px;
	float: left;
	margin: 0px;
}

.sidebar_left{
	float: left;
	margin: 0px;
	display: none;
}

.sidebar_right{
	float: right;
	margin: 0px;
}


.titulo_materia {
	color: #333366;
	font-size: 30px;
}

.abre{
	border-top: 1px solid Gray;
	border-bottom: 1px solid Gray;
	padding-top: 3%;
	padding-bottom: 3%;
	padding-left:20px;
	padding-right: 20px;
	font-style: italic;
	font-size: 16px;
	margin-bottom: 15px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
}

p.dropcap:first-letter {
	display:block;
	float:left;
	border:1px solid black;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left:5px;
	padding-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 5px;
	font-size:24px;
	background: Silver;
}	

/* p:first-child:first-letter {
	float: left;
	display:block;
	border:1px solid black;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left:5px;
	padding-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 5px;
	font-size:24px;
	background: Silver;
}
	 
p:first-child:after {
	content: "";
	display: block;
	height: 0;
    clear: both;
	visibility: hidden;
} */

p.dropcap2 {
font-size: 1em;
line-height: 1.25em;
margin: 0.625em 0;
text-align: justify;
}
p.dropcap2:first-letter {
font-size: 3.5em;
line-height: 1em;
}
p + pdropcap2:first-letter {
font-size: 1em;
line-height: 1.25em;
}


.intertitulo {
	font-style: italic;
	font-weight: bold;
	font-size: 14px;
}

.comente {
	font-style: italic;
	font-weight: bold;
}

.assinatura_mat {
	font-style: italic;
	font-weight: bold;
	}

/*conteúdo

imagens (esquerda direita centro e galeria)

links de rodapé

lista para matéria */




/*  ----- FIM DE MATERIAS ----- */
/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/


/* Containers
----------------------------------------------------------------------------------------------------*/
.container_6 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	
}

.container_6a {
	margin-left: 0px;
	margin-right: 0px;
	width: 960px;
	
}
.container_2 {
	margin-left: auto;
	margin-right: auto;
	width: 310px;
	
}

.container_3 {
	margin-left: auto;
	margin-right: auto;
	width: 640px;
	
}
/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6 {
	display: inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 10px;
	margin-bottom: 1px;
}

.grid_1mat,
.grid_4mat {
	display: inline;
	position: relative;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 10px;
	margin-bottom: 1px;
}

.grid_1m,
.grid_2m,
.grid_3m,
.grid_4m,
.grid_5m,
.grid_6m {
	display: inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.grid_1l,
.grid_2l,
.grid_3l,
.grid_4l,
.grid_5l,
.grid_6l {
	display: inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.grid_1a {
	display: inline;
	float: left;
	position: relative;
	margin-left: 50px;
	margin-right: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.grid_1b,
.grid_2b {
	display: inline;
	float: left;
	position: relative;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #333366;
	color: White;
	font-weight: bold;
	border-bottom: 2px solid #333366;
}

.grid_3b {
	display: inline;
	float: left;
	position: relative;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: White;
	color: #333366;
	font-weight: bold;
	text-align: right;
	border-bottom: 2px solid #333366;
}

.grid_3b1 {
	display: inline;
	float: left;
	position: relative;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #333366;
	color: White;
	font-weight: bold;
	text-align: right;
	border-bottom: 2px solid #333366;
}

.padright {
	padding-left: 12px;
}

.padleft {
	padding-left: 14px;
}
/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
}

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 6 Columns
----------------------------------------------------------------------------------------------------*/

.container_6 .grid_1 {
	width:150px;
}

.container_2 .grid_1 {
	width:310px;
}

.container_6 .grid_1l {
	width:150px;
}

.container_6 .grid_1b {
	width:150px;
}

.container_6a .grid_1mat {
	width:150px;
}

.container_6a .grid_4mat {
	width:630px;
}

.container_6 .grid_2 {
	width:310px;
}

.container_2 .grid_2m {
	width:310px;
}

.container_6 .grid_2m {
	width:310px;
}

.container_6 .grid_2b {
	width:308px;
}

.container_6 .grid_3 {
	width:470px;
}

.container_6 .grid_3b {
	width:474px;
}

.container_6 .grid_3b1 {
	width:474px;
}

.container_6 .grid_4 {
	width:630px;
}

.container_6 .grid_4m {
	width:630px;
}
.container_6 .grid_4l {
	width:630px;
}

.container_6 .grid_5 {
	width:790px;
}

.container_6 .grid_6 {
	width:950px;
}



/* Prefix Extra Space >> 6 Columns
----------------------------------------------------------------------------------------------------*/

.container_6 .prefix_1 {
	padding-left:160px;
}

.container_3 .prefix_1 {
	padding-left:310px;
}

.container_6 .prefix_2 {
	padding-left:320px;
}

.container_6 .prefix_3 {
	padding-left:480px;
}

.container_6 .prefix_4 {
	padding-left:640px;
}

.container_6 .prefix_5 {
	padding-left:800px;
}



/* Suffix Extra Space >> 6 Columns
----------------------------------------------------------------------------------------------------*/

.container_6 .suffix_1 {
	padding-right:160px;
}

.container_6 .suffix_2 {
	padding-right:320px;
}

.container_6 .suffix_3 {
	padding-right:480px;
}

.container_6 .suffix_4 {
	padding-right:640px;
}

.container_6 .suffix_5 {
	padding-right:800px;
}



/* Push Space >> 6 Columns
----------------------------------------------------------------------------------------------------*/

.container_6 .push_1 {
	left:160px;
}

.container_6 .push_2 {
	left:320px;
}

.container_6 .push_3 {
	left:480px;
}

.container_6 .push_4 {
	left:640px;
}

.container_6 .push_5 {
	left:800px;
}



/* Pull Space >> 6 Columns
----------------------------------------------------------------------------------------------------*/

.container_6 .pull_1 {
	left:-160px;
}

.container_6 .pull_2 {
	left:-320px;
}

.container_6 .pull_3 {
	left:-480px;
}

.container_6 .pull_4 {
	left:-640px;
}

.container_6 .pull_5 {
	left:-800px;
}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

.subnavalign {
	text-align: right;
}