@import ("reset.css");

* {
	margin:0;
	padding:0;
}
body { color: #005896; font-size:62.5%; font-family: Arial, Helvetica, SunSans-Regular, sans-serif; line-height:150%; background-color: #d3ebfa; background-image: url(../images/bg.gif); background-repeat: repeat-x; text-align:center; margin: 0; padding: 0; }
h1 { font-size: 2.1em; font-weight: bold; color: #7d7d7d; line-height: 1.2em; margin-bottom: 20px; }
h2 { font-size: 1.8em; font-weight: bold; color: #005896; background-image: url(../images/fading_dotline.gif); background-repeat: no-repeat; background-position: 0 19px; clear: both; margin-bottom: 15px; padding-bottom: 5px; }
	
h3 { color: #005896; font-size: 1.4em; font-weight: bold; line-height: 1.6em; margin-bottom: 5px; }
h4 { color: #005896; font-size: 1.2em; font-weight: bold; line-height: 1.6em; margin-bottom: 0; }
h5 { color: #828282; font-size: 1em; }
h6 { color: #461b40; font-size: 1.4em; font-weight: bold; margin-bottom: 4px; }
p, li {font-size:1.2em;}
p { margin: 0 0 15px; padding:0; }
li { list-style:none; }
img {border:0;}
a:link, a:visited, a:active { color: #7d7d7d; text-decoration: underline; }
a:hover { text-decoration: none; }
fieldset { border-style: hidden; border-width: 0; }

/* 
	Background and containers
	--------------------------------------------------------------------
*/
div#container { margin:0 auto; text-align:left; width:848px; padding-bottom: 20px; }
div#pageholder { background-image: url(../images/page_bg.jpg); background-repeat: repeat-y; width: 100%; float: left; padding-top: 25px; padding-bottom: 25px; padding-left: 33px; display: block; }
div#pageholder_img { background-image: url(../images/left_menu_img.jpg); background-repeat: no-repeat; background-position: left bottom; display: block; width: 100%; float: left; }
/* 
	Header 
	--------------------------------------------------------------------
*/

div#header { background-color: #fff; background-image: url(../images/header.jpg); background-repeat: no-repeat; width:848px; height: 176px; }
div#header div.logo { width: 220px; height: 146px; float: left; margin-top: 30px; margin-left: 30px; }
div#header div.logo a { display: block; width: 220px; height: 146px; }
div#header ul { float: left; padding-top: 150px; padding-left: 420px; }
div#header ul li { color: #fff; font-size: 1em; background-image: url(../images/menu_divider.gif); background-repeat: no-repeat; background-position: 0 3px; padding-right: 12px; padding-left: 13px; float: left; }
div#header ul li.start { background-image: none; }
div#header ul li a { color: #fff; text-decoration: none; }
div#header ul li a:hover { color: #fab312; }
div#header ul li a.current { color: #fcde94; }
/*Left Column*/
div#left { background-image: none; background-repeat: no-repeat; background-position: left bottom; width: 203px; float: left; margin-right: 50px; }
div#left .leftmenu { height: 480px; overflow: visible; clear: both; }
div#left .leftmenu ul { width: 93px; margin-left: 25px; }
div#left .leftmenu li { font-size: 1em; background-image: url(../images/left_menu_dotline.gif); background-repeat: no-repeat; background-position: 0 19px; width: 93px; margin-bottom: 5px; padding-bottom: 7px; }
div#left .leftmenu li.end { background-image: none; }
div#left .leftmenu li a { color: #8c8c8c; font-weight: bold; text-decoration: none; text-transform: capitalize; }
div#left .leftmenu li a.current { color: #234d8f; background-position: -300px 1px; }
div#left .leftmenu li a:hover { color: #f82a32; background-position: -150px 1px; }
/* 
	Main column 
	--------------------------------------------------------------------
*/
div#main { width: 500px; float: left; }
div#main .maincol_left { width: 220px; float: left; margin-right: 30px; }
div#main .maincol_left p, div#main .maincol_right p { font-size: 1.3em; line-height: 1.3em; }
div#main .maincol_right img { margin-top: 3px; margin-bottom: 10px; }
div#main .maincol_right { width: 250px; float: left; clear: right; }
div#main dl.contact { font-size: 1.3em; line-height: 1.3em; margin: 0 0 30px; }
div#main dl.contact dt { font-weight: bold; }
div#main dl.contact dd { color: #7d7d7d; margin: 0 0 15px; }
div#main .panelholder { padding-top: 15px; }
div#main .panelleft { width: 233px; float: left; margin-right: 25px; }
div#main .panelleft a, div#main .panelright a { text-indent: 0; width: 233px; overflow: hidden; display: block; }
div#main .panelleft a:hover, div#main .panelright a:hover { text-indent: -233px; }
div#main .panelright { width: 233px; float: left; }
div#main p { font-size: 1.3em; line-height: 1.4em; }
div#main p.intro { font-weight: bold; font-size: 1.6em; line-height: 1.6em;  }
div#main p.home { font-size: 1.6em; line-height: 1.6em; }
div#main div.home p { font-size: 1.6em; line-height: 1.6em; }
div#main ul { margin-bottom: 15px; margin-left: 16px; }
div#main li { font-size: 1.3em; line-height: 1.4em; list-style-type: disc; margin-bottom: 5px; }
div#main ul.twocol { width: 460px; margin-bottom: 15px; margin-left: 15px; }
div#main ul.twocol li { font-size: 1.2em; line-height: 1.6em; width: 220px; float: left; margin-bottom: 5px; list-style-type: disc; }
div#main ul.nobullet { margin-left: 0; list-style-type: none; }
div#main ul.nobullet li { list-style-type: none; }
div#main img.fullwidth { margin-bottom: 15px; }
div#main img.rightpic { float: right; clear: both; margin-top: 3px; margin-bottom: 15px; margin-left: 15px; }
div#main img.leftpic { margin-top: 3px; margin-bottom: 15px; float: left; clear: both; margin-right: 15px; }
div#main ul.people { width: 248px; float: left; margin-bottom: 40px; margin-left: 0; }
div#main ul.people li { font-size: 1.3em; line-height: 1em; margin-bottom: 0; list-style-type: none; }
div#main ul.people li.photo { margin-bottom: 10px; }
div#main ul.people li.photo img { width: 150px; }
div#main ul.people li.name { font-size: 1.6em; font-weight: bold; margin-bottom: 5px; }
div#main ul.people li.title { font-weight: normal; margin-bottom: 15px; }
div#main ul.people li.email { font-weight: normal; }
div#main ul.retail { width: 140px; float: left; margin-bottom: 40px; margin-left: 0; padding-right: 25px; }
div#main ul.retail li { font-size: 1.2em; line-height: 1.3em; margin-bottom: 0; list-style-type: none; }
div#main ul.retail li.photo { margin-bottom: 10px; }
div#main ul.retail li.photo img { width: 140px; }
div#main ul.retail li.product { font-size: 1.4em; font-weight: bold; margin-bottom: 5px; }
div#main ul.retail li.description { font-size: 1.3em; font-weight: normal; margin-bottom: 15px; }
div#main div.news p { font-size: 1.3em; line-height: 1.4em; }
div#main div.news p.intro { font-size: 1.3em; }
div#main div.news p.backtotop { margin-bottom: 30px; }
div#main div.news dl { line-height: 1.4em; }
div#main div.news dt { font-size: 1.2em; line-height: 1.2em; }
div#main div.news dd { font-size: 1.5em; font-weight: bold; line-height: 1.4em; margin-bottom: 15px; background-image: url(../images/fading_dotline.gif); background-repeat: no-repeat; background-position: 0 19px; padding-bottom: 5px; }
div#main div.news div.newsindex { border: dotted 1px #000; margin-bottom: 40px; padding: 13px 10px 0 15px; }

/*Right Column*/
div#right { width: 170px; float: right; border: dotted 1px black; }
div#right .rightpanel { background-image: url(../images/right_panel_title.gif); background-repeat: no-repeat; background-position: 10px 10px; width: 150px; padding: 40px 10px 20px; }
div#right .rightpanel p { font-size: 1.2em; margin-bottom: 10px; }
div#right .rightpic { background-image: url(../images/right_panel_image.jpg); background-repeat: no-repeat; width: 170px; height: 113px; }
/* Form*/
div#formholder { clear: both; padding-top: 0; padding-bottom: 10px; padding-left: 20px; border: dotted 1px #000; display: none; }
div#formholder h2 { margin-top: 15px; }
form#contact { margin-top: 15px; margin-bottom: 15px; }
form#contact div.formleft { margin-right: 20px; width: 210px; float: left; }
form#contact div.formright { width: 210px; float: left; }
form#contact input.fields { color: #9d9d9d; width: 200px; height: 18px; margin-bottom: 15px; }
form#contact textarea.query { color: #9d9d9d; margin-bottom: 15px; width: 430px; height: 80px; }
form#contact fieldset { margin-bottom: 5px; }
form#contact div.formtick { margin-bottom: 15px; }
/* 
	Footer
	--------------------------------------------------------------------
*/
div#footer { background-image: url(../images/footer.jpg); background-repeat: no-repeat; width: 848px; height: 56px; clear: both; padding-top: 10px; }
div#footer ul { margin-left: 140px; }
div#footer ul li.start { background-image: none; }
div#footer ul li { color: #fff; font-size: 1em; background-image: url(../images/menu_divider.gif); background-repeat: no-repeat; background-position: 0 3px; padding-right: 12px; padding-left: 13px; float: left; }
div#footer ul li a { color: #fff;  text-decoration: none; }
div#footer ul li a:hover { color: #fab312; }
/* 
	Logo Footer
	--------------------------------------------------------------------
*/
div#logo_footer { height: 48px; clear: both; padding-left: 33px; }
div#logo_footer div.efsis { background-image: url(../images/footer_logo_efsis.gif); background-repeat: no-repeat; width: 157px; height: 48px; float: left; margin-right: 10px; display: block; }
div#logo_footer div.bfff { background-image: url(../images/footer_logo_bfff.gif); background-repeat: no-repeat; width: 38px; height: 48px; float: left; display: block; }

div.clear, li.clear { clear: both; }