/* Begin Reset Code* /

/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, tr, th, td {	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-weight: inherit;	font-style: inherit;	font-size: 10px;	font-family: inherit;	vertical-align: baseline;}

/* remember to define focus styles! */

:focus {outline: 0;}
body {	line-height: 1;	color: black;	background: white;	margin:0;	padding:0}
ol, ul { list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */

blockquote:before, blockquote:after,
q:before, q:after {	content: "";}
blockquote, q {	quotes: "" "";}

/*End Of Reset Code*/







h1 {font-size: 18px; font-family:Courier new, monospace; line-height:18px; font-weight:normal;}
a:link {text-decoration: none;}
a:active {text-decoration:none;}
a:visited {color: #333333; text-decoration: none;}
a:hover {color: #FF0000; text-decoration: none; background: #f7f7f7;}


/* Common */

.fltlft { float:left; }
.fltrht { float:right }
.clear 	{ clear:both; font-size:0px; line-height:0px; padding:0px; margin:0px; height:0px; }
body { font: 11px Monaco, Courier new, monospace; color:#00000; line-height: 1.4em; }

.container {width:95%; min-width:952px;  margin-left: 5em; }

#header {width:100%; height:370px; padding:10px 0 0 0;  }
#body_container {width:100%; height:auto; }
#img_container {width:100%; padding:25px 0 0 0; }

#footer { position: relative; padding:35px; }
			
/* Common */

/* Header */

.header_container { padding:0 0 20px 0;}
.header_left { width:200px; height:auto; padding:30px 0 0 0;}
.heder_right {/* width:630px; */ width:647px; height:auto; padding:18px 0 0 0;}

.title { font: Monaco, Courier new, monospace; color:#000; padding:0 0 10px 0;}
h1 {font: 18px Courier new, monospace; color:#000;}

.contact p {width:500px; font: 11px Monaco, Courier new, monospace; color:#000; padding:0 0 0 0;}

.nav_link li a {color:#009900; font: 11px Monaco, Courier new, monospace; text-decoration:none;}

.sidebar_box { width:175px; height:auto; padding:0 20px 0 0; margin:10px;}
.sidebar_box p { font:11px Monaco, Courier new, monospace; color:#000; }


/* End Header */

/* Body Container */

.category_box{border-top:1px solid #EEE;   padding:10px 0 0 0;}
.legendes p {width:auto; height:auto; margin:10px 0 0 0; font: 11px Monaco, Courier new, monospace; color:#00000; text-align:left; }

/* Boxes Wrapper */

.img {width:auto; height:auto; margin:10px 25px 0 0; }
.box {width:auto; height:auto; margin:10px 10px 0 0; }
.box .blog_info {display:none; position:absolute; top:0px; left:0px; width:100%; background-color:#009900; height:auto; opacity:0.4; filter:alpha(opacity=40); font-size:11px; color:#fff; text-align:center; cursor:pointer}
.box:hover .blog_info { -webkit-transition-property: all; -webkit-transition-timing: 0.3s; display:block;}


/* End Boxes Wrapper */


/* End Body Container */