/*
	
	Project name: eyapse
	Version: 1.0
	
	Main colors:
	blue dark :				#22428e;
	blue light :			#2ac2eb;
	orange :				#faa81a;
	
*/

/* general
--------------------------------------------------------*/
html												{ height:100%; overflow-y:scroll;}
body												{ margin:0; padding:0; width:100%; height:100%; color:#666 !important; font:100% Arial, Helvetica, sans-serif; background:#a2cd3a;}

body *												{ font-size:100%;}
body												{ line-height:1.5; font-size:12px;}

a, a:visited										{ color:#000; text-decoration:underline; outline:none;}
a:hover												{ color:#000; text-decoration:none;}
a span												{ cursor:pointer;}
a img												{ border:none;}
object												{ outline:none;}
hr													{ display:none;}

h1, h2, h3, h4, h5, h6								{ font-weight:normal;color:#111;}
h1													{ font-size:3em;line-height:1;margin-bottom:0.5em;}
h2													{ font-size:2em;margin-bottom:0.75em;}
h3													{ font-size:1.5em;line-height:1;margin-bottom:1em;}
h4													{ font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5													{ font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6													{ font-size:1em;font-weight:bold;}

.container											{ position:relative;}


#banner-ec,
#navigation,
#external-links,
#quick-links,
#banner-list,
#actions-box,
#logo-footer,
#newsletter-box,
#video-box,
#community,
#web-tools											{ display:none !important;}

/* header
--------------------------------------------------------*/
#header												{ width:100%;}


/* content
--------------------------------------------------------*/
#page-content										{ width:100%;background:#fff;}
#content-wrap										{ padding:0 20px;}


/* footer
--------------------------------------------------------*/
#footer												{ width:100%; border-top:1px solid #ccc; overflow:hidden;}
#footer .span-24									{}
#footer .span-5										{ float:left; margin-bottom:20px;}
#footer .colborder									{ border-right:1px solid #fff;}
#footer h3											{ width:160px; height:32px; margin:0; padding:0 15px; line-height:30px; font-size:14px; font-weight:bold; color:#fff;}
#footer h3 a										{ color:#fff; text-decoration:none;}
#footer ul											{ margin:0; padding:9px 0 0 15px; color:#fff;}
#footer ul li										{ margin:0; padding:0; list-style:disc;}
#footer ul li a										{ font-size:11px; color:#fff;}


/* homepage
--------------------------------------------------------*/
/* header */
.homepage #header									{ width:100%; height:220px;}
.homepage #banner-list								{ height:220px; display:block; overflow:hidden;/* background:url(../images/banners/banner1.jpg) no-repeat top left;*/}

/* logo */
.homepage #header #logo								{ width:190px; height:220px;}

/* content */
.homepage h1										{ margin:0; padding:0 0 9px; font-size:24px; font-weight:bold;}
.homepage h1 a										{ text-decoration:none;}
.homepage h2										{ margin:0; padding:0 0 9px; font-size:24px; line-height:34px; font-weight:bold;}
.homepage h2.titlepage								{ width:430px; margin:0 0 9px; padding:0 20px 7px; color:#fff;}
.homepage h2.titlepage a							{color:#fff; text-decoration:none;}
.homepage h3										{}
.homepage p											{ margin:0; padding:9px 0; color:#666;}
.homepage p.bluelight								{ }
.homepage p.bluelight a								{ text-decoration:none;}
.homepage p.bluelight a span						{ text-decoration:underline;}



/* focus box */
.homepage .focus-box								{ width:470px; margin:30px 0; padding:7px 0 0; background:url("../../../../../../system/modules/com.eyap.backend/elements/resources/images/bg-focus-box.gif") no-repeat top left;}
.homepage .focus-box .focus-content					{ width:430px; padding:13px 20px 23px; overflow:hidden; background:url("../../../../../../system/modules/com.eyap.backend/elements/resources/images/bg-focus-box.gif") no-repeat bottom right;}
.homepage #viewer-box								{ float:left; width:160px; height:110px;}
.homepage .focus-box .colr							{ float:right; width:250px;}
.homepage .focus-box h2								{ color:#fff;}
.homepage .focus-box h2 a							{ color:#fff; text-decoration:none;}
.homepage .focus-box p								{ color:#fff;}
.homepage .focus-box p a							{ color:#fff; text-decoration:none;}
.homepage .focus-box p a span						{ text-decoration:underline;}

/* viewer */
.homepage .mask										{ position:relative; width:160px; height:110px; overflow:hidden;}
.homepage .mask img									{ position:absolute; display:block; border:none; background:#fff;}
.homepage #viewer									{ position:absolute;}

/* news box */
.homepage .news-box									{ width:470px; padding:20px 0; overflow:hidden; border-bottom:1px solid #cacaca;}
.homepage .news-box.last							{ border:none;}
.homepage .news-box h3								{ margin:0; padding:0; font-size:18px; line-height:24px; font-weight:bold; color:#2ac2eb;}
.homepage .news-box p								{ padding:9px 0 0;}
.homepage .news-box p a								{ color:#666666; text-decoration:none;}
.homepage .news-box p a span						{ color:#2ac2eb; text-decoration:underline;}
.homepage .news-box img								{ float:left; width:140px; margin:0 20px 0 0; padding:8px; background:#fff; border:1px solid #e5e5e5;}