/* 
  ------------------------------------------------
  CSS layout for S.E. Techno Plus (2009) inc. 
  Copyright (c) 2009 Natmark-Concept inc. - www.natmark.net
  ------------------------------------------------
*/

body {
	font-family: Geneva, Arial, Verdana, Helvetica, sans-serif;
	font-size: 76%;
	color: #333333; background-color: #e5e3e5;
    background-image: url(../images/bkg-page.gif); background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
}

img { border: 0px; }

#wrapper { width: 761px; margin: 0 auto; border: 4px solid #ffffff; }
#column_wrapperfr { background-image: url(../images/bkg-menufr.jpg); background-repeat: no-repeat; }
#column_wrapperen { background-image: url(../images/bkg-menuen.jpg); background-repeat: no-repeat; }

#left { width: 251px; float: left; border-top: 4px solid #fff; }
#left .content { font-size: 1em; margin-top: 50px; margin-left: 78px; }

/* Menu main links */
.menulist { margin-left: 0px; padding-left: 0px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
.menulist li { list-style-type: none; }
.menulist a:link, .menulist a:visited { display: block; font-size: 1em; text-decoration: none; color: #112d40; padding: 5px 8px; }
.menulist a:hover, .menulist a:active { background-color: #FFF; }
/* Menu sub-links */
.submenulist { margin-left: .5em; padding-left: .5em; font-weight: normal;  }
.submenulist a:link, .submenulist a:visited { font-size: .95em; color: #112d40; padding: 2px 10px; }
.submenulist a:hover, .submenulist a:active { background-color: #FFF; }
a.on:link, a.on:visited { background-color: #FFF; }

#right { width: 505px; float: left; font-size: 1em; color: #333333; background-color: #e5e3e5; border-left: 5px solid #ffffff; border-top: 4px solid #fff; }
#right .intro { display: block; color: #fff; background-color: #3e648c; margin: 0; padding: 6px; text-align: left; font-weight: bold; }
#right .content { margin: 20px 20px 20px 20px; line-height: 1.3em; text-align: justify; }
#right .title { color: #112d40; background-color: #e5e3e5; font-size: 1.1em; font-weight: bold; margin-top: 0; }
#right .framed { border: 1px solid #999999; background-color: #eee; color: #333333; padding: 10px; margin-top: 20px; }
#right .equipmentdesc { border: 1px solid #999999; background-color: #eee; color: #333333; margin-top: 4px; font-size: .90em; }
#right .photoframe { border: 1px solid #999999; background-color: #eee; color: #333333; padding: 6px 6px 20px 6px; text-align: center; }
#right .photodesc { margin-left: 24px; margin-right: 24px; font-size: .90em; margin-bottom: 4px; text-align: left; }
#right .titlenews { font-size: 1.1em; font-weight: bold; margin: 0px; }
#right .titledate { font-size: .90em; font-weight: bold; color: #3e648c; background-color: #eee; }
#right a:link, #right a:visited { color: #3e648c; background-color: transparent; }
#right a:hover, #right a:active { color: #2e81ce; background-color: transparent; }
/* #right ul { margin-left: 12px; padding-left: 10px; } */
#right li { list-style-type: circle; margin-bottom: 6px; text-align: left; }
#right hr { color: #333333; background-color: #e5e3e5; width: 100%; height: 1px; }
#right .descriptive { margin-left: 20px; margin-top: 0px; }

#footer { font-family: Verdana, Arial, Helvetica, sans-serif; color: #666666; background-color: transparent; padding: 0px; margin: 0; font-size: 0.85em; clear: both; text-align: center; }
#footer .content { padding: 6px; }
#footer a:link, #footer a:visited { color: #666666; background-color: transparent; }
#footer a:hover, #footer a:active { color: #666666; background-color: transparent; text-decoration: overline; }

.clearfloat { clear: both; height: 0; line-height: 0; font-size: 0; }

h1 { color: #112d40; background-color: #e5e3e5; font-size: 1.1em; font-weight: bold; margin-top: 0; }
h2 { color: #3e648c; background-color: #e5e3e5; font-size: 1.25em; margin: 10px 0 2px 0; }
h3 { color: #3e648c; background-color: #e5e3e5; font-size: 1.1em; margin: 10px 0 2px 0; }
h4 { color: #3e648c; background-color: #e5e3e5; font-size: 1em; margin: 10px 0 2px 0; }
.nomargintop { margin-top: 0; }