/* 
 * Small CSS framework Bica
 * This is the css style for reset, font, layout, layout module, common elements.
 * @author Hien Nguyen [hien.nguyen@sofresh.ca]
 * @version 1.0.1 Nov 7th, 2008 
 */ 
/* Reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,table,tbody,tfoot,thead{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100.01%;font-family:inherit;vertical-align:baseline;}
input,textarea{margin:0;padding:0 0 0 1px;font-weight:inherit;font-style:inherit;font-size:11px;font-family:tahoma;}
textarea{width:117px;padding-left:1px}
caption,th,td{font-weight:normal;}
table{/*border-collapse:collapse;border-spacing:0;*/}
table,td,th{/*border-style:solid;border-width:1px;border-color:#a5acb2*/}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"""";}
q:before,q:after{content:'';}
img{border:none;}
:focus,a,*{outline:0;}
ul,li{list-style-type:none}

/* Font */
body{font-size:62.5%;font-family:/*Arial, Tahoma,*/ Verdana;} /* 1em 10px */

/* Layout */
.wrapper1000,
.wrapper974,
.wrapper780,
.wrapper776	{margin:auto;text-align:left;width:974px;} /* 974 center */
.wrapper1000{width:1000px}
.wrapper780	{width:780px;}
.wrapper776	{width:776px} /* 776 center */
.wrapper100	{width:auto;margin:auto 10px;} /* 100% marginleft&right is prevent the content from "bleeding" into the browser's chrome */
#hd,#ft{clear:both}
#bd:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
/*#bd{zoom:1;}*/ /* validation */

/* Layout module */
body.center{text-align:center;}
body .fixed-776{width:776px;}
body .fixed-974{width:974px;}
body .zoom-776{	width:77.6em;}
body .zoom-974{	width:97.4em;}
body .full-100{	width:100%;}
.section, .standard, .classic, .layout{clear:both;width:100%;}
.section, .gr{position:relative;} 
.layout .gr{float:left;}
.a-b .b, 	.a-c .c,	.b-c .c 	{float:right;}
.a-b .gr .b,.b-c .gr .c,.a-c .gr .c {float:left;}
.classic .a-b-c .gr,.standard .classic .a-b-c .gr,
.classic .a-b .gr,	.standard .classic .a-b .gr,
.classic .b-c .gr,	.standard .classic .b-c .gr {width:25%;} 
.classic .a-b-c .b, .standard .classic .a-b-c .b{width:50%;}
.classic .a-b .b,  	.standard .classic .a-b .b,
.classic .b-c .b,	.standard .classic .b-c .b 	{width:75%;}
.a-b-c-d .gr, 		.standard .a-b-c-d .gr, .standard .layout .a-b-c-d .gr	{width:25%;}
.a-b-c .gr, 		.standard .a-b-c .gr, 	.standard .layout .a-b-c .gr 	{width:33.3%;}
.a-c .gr, 			.standard .a-c .g, 		.classic .a-c .gr 				{width:50%;} 
.a-b .b, .b-c .b, 	.standard .a-b .b, 		.standard .b-c .b,	.standard .layout .a-b .b,	.standard .layout .b-c .b {width:67%;}
.a-b .a, .b-c .a, 	.standard .a-b .a, 		.standard .b-c .c, 	.standard .layout .a-b .a, 	.standard .layout .b-c .c {width:33%;}
	/* Optional */
	.tidy .layout{overflow:hidden;}
	.tidy .gr{margin-bottom:-1000em ! important; padding-bottom:1000em ! important;}
		@media all and (min-width: 0px){
		.tidy .gr {margin-bottom:0;padding:0;}
		.tidy gr:after{background:inherit;content:' ';display:block;margin-bottom:-1000px;padding-bottom:1000px;}}
	.untidy .layout{overflow:visible;}
	.untidy .gr	{margin-bottom:0 ! important;padding-bottom:0 ! important;}
		@media all and (min-width: 0px){
		.tidy gr:after{display:inline;margin-bottom:0;padding-bottom:0;}}
		
/* Common elements */
.l{float:left}
.r{float:right}
.o{overflow:hidden}
.h{display:none}
.m0{ margin:0}
.p0{ padding:0}
.last{ margin-right:0; padding-right:0}
.cl,.clf{clear:both}
.clf{float:left}
hr{border:none;border-top:1px solid #ccc;height:1px;clear:both}
a{text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3,h4,h5,h6{font-weight:700;} /* 62.5% standar size */
h1{font-size:1.8em;}
h2{font-size:1.3em;}
h3{font-size:1.2em;}
h4{font-size:1.1em;}
h5{font-size:1em;}
h6{font-size:0.9em;}
ul.ul-h{clear:both;}
ul.ul-h li{float:left}
ol li{list-style:decimal inside;}

/* easy clearing */
.clearfix:after{content:'';display:block;height:0;clear:both;visibility: hidden;font-size:0} 
.clearfix{display: inline-block;position: relative;}
/*\*/
.clearfix{display: block;}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */