/* 
Eptica
Author nativeBrand Ltd (www.nativebrand.com)
*/

/*CONTENTS
===================
1. GLOBAL STRUCTURE
2. HEADERS
3. LANGUAGE
4. NAVIGATION
5. MODULES
6. NEWS
7. FOOTER
8. SLIDESHOW
*/


/*-------------------- 1. GLOBAL STRUCTURE --*/
#wrap {
	width: 980px;
	margin: 0 auto;
	text-align: left;
	background: #fff;
}

#innerWrap { padding: 10px 35px 5px 35px; }

#mainbody {
	float: left;
	width: 648px; /*content+leftCol*/
	margin-bottom: 20px;
}

#mainCol { float: right; width: 432px; }
#leftCol { float: left; width: 202px; }
#rightCol { float: right; width: 262px; margin-bottom: 20px; }
#rightCol div { padding: 0 0 0 14px; margin: 0;	}

#content {
	border: 1px solid #dadada;
	padding: 15px 20px 10px 20px;
	margin: 0 0 14px 0;
	clear: both;
	font-size: 107%;
	line-height: 1.3em;
}



/*-------------------- 2. HEADERS --*/
#header h1 {
	margin: 0;
	padding:0;
	text-indent: -5000px;
}

#header img { margin-left: 16px; }
#header { height: 225px; position: relative;}

#home #header { background: url(../images/home-hdr.gif) no-repeat bottom; }
#selfService #header { background: url(../images/selfservice-hdr.gif) no-repeat bottom; }
#emailManage #header { background: url(../images/emailmange-hdr.gif) no-repeat bottom; }
#chat #header { background: url(../images/chat-hdr.gif) no-repeat bottom; }
#knowledgebase #header { background: url(../images/knowledgebase-hdr.gif) no-repeat bottom; }
#caseStudies #header { background: url(../images/casestudies-hdr.gif) no-repeat bottom; }
#customers #header { background: url(../images/customers-hdr.gif) no-repeat bottom; }
#news #header { background: url(../images/news-hdr.gif) no-repeat bottom; }
#webinar #header { background: url(../images/webinar-hdr.gif) no-repeat bottom; }
#partners #header { background: url(../images/partners-hdr.gif) no-repeat bottom; }
#products #header { background: url(../images/products-hdr.gif) no-repeat bottom; }
#company #header { background: url(../images/company-hdr.gif) no-repeat bottom; }
#sitemap #header { background: url(../images/home-hdr.gif) no-repeat bottom; }



/*-------------------- 3. LANGUAGE --*/
#header #langSelect {text-align: right; padding: 5px 0 0 0; float: right;}
#header #langSelect a { margin: 0 0 0 4px;}
#header #langSelect a img { margin: 0; padding: 0; border: none;}


/*-------------------- 4. NAVIGATION --*/
#nav {
	background: #fff url(../images/nav-drop-bg.gif) no-repeat 0 0;
	border-top: 1px solid #e4e4e4;
	margin: 1px 0 14px 0;
	font-size:1.29em; /*1.20em*/
	width: 910px;
	float: left;
}

#navCont {
	background: url(../images/nav-bg.gif) repeat-y;
}

#nav ul {
	background: url(../images/nav-fg.gif) no-repeat 0 bottom;
	list-style: none;
	margin: 0;
	padding: 5px 0 5px 14px;
	line-height: normal;
}

#nav ul li {
	display: inline;
	padding: 0 28px 0 28px;
	margin: 0;
	border-left: 1px solid #bababa;
}

ul#navSub {	
	margin: 0 0 0 40px;
	padding: 4px 0 6px 0;
	font-size: 0.85em; 
	float: left;
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	background: #fff url(../images/sub-nav-bg.gif) repeat-x;
	display: inline;
}

ul#navSub li {
	padding: 0 10px 0 10px;
	margin: 0;
	border: none;
	background: none;
}
#nav ul li.subArrow { padding-left: 30px; border: none; background: url(../images/sub-arrow.gif) no-repeat 14px 0; }

#nav ul li.noBar { padding: 0 38px 0 40px; border: none; }
#nav ul li a { color: #696969; text-decoration: none; }


/*-- navigation hover state --*/
#nav ul li a:hover { color: #444; border-bottom: 2px solid #dedede; } /*global*/

#nav ul li a:hover.selfService { border-color: #e7b512; }
#nav ul li a:hover.emailManage { border-color: #678D2A; }
#nav ul li a:hover.chat { border-color: #EF8E1C; }
#nav ul li a:hover.knowledgebase { border-color: #9f74c0; }
#nav ul li a:hover.caseStudies { border-color: #dedede; }
#nav ul li a:hover.customers { border-color: #dedede; }
#nav ul li a:hover.news { border-color: #dedede; }
#nav ul li a:hover.partners { border-color: #dedede; }


/*-- navigation page state --*/
#home .home { display: none; }

#products .products { border-bottom: 2px solid #BFBFBF; color: #444;}
#emailManage .emailManage { border-bottom: 2px solid #678D2A; color: #444;}
#selfService .selfService { border-bottom: 2px solid #e7b512; color: #444;}
#chat .chat { border-bottom: 2px solid #EF8E1C; color: #444;}
#knowledgebase .knowledgebase { border-bottom: 2px solid #9f74c0; color: #444;}
#caseStudies .caseStudies { border-bottom: 2px solid #BFBFBF; color: #444;}
#customers .customers { border-bottom: 2px solid #BFBFBF; color: #444;}
#news .news { border-bottom: 2px solid #BFBFBF; color: #444;}
#partners .partners { border-bottom: 2px solid #BFBFBF; color: #444;}
#company .company { border-bottom: 2px solid #BFBFBF; color: #444;}



/*-------------------- 5. MODULES --*/
/*-- product demo --*/
#home #productDemoModule, #caseStudies #productDemoModule, #customers #productDemoModule, #news #productDemoModule, #webinar #productDemoModule, #partners #productDemoModule, #products #productDemoModule, #company #productDemoModule, #sitemap #productDemoModule 
{ background: #d5ecf0 url(../images/prod-demo-bottom.gif) no-repeat 0 bottom; }

#home #productDemoModule h3, #caseStudies #productDemoModule h3, #customers #productDemoModule h3, #news #productDemoModule h3, #webinar #productDemoModule h3, #partners #productDemoModule h3, #products #productDemoModule h3, #company #productDemoModule h3, #sitemap #productDemoModule h3
{ color: #6ca2ab; background: #d5ecf0 url(../images/prod-demo-top.gif) no-repeat 0 top; }

#selfService #productDemoModule { background: #faeab5 url(../images/prod-demo-bottom-yellow.gif) no-repeat 0 bottom; }
#selfService #productDemoModule h3 { color: #d8a707; background: #faeab5 url(../images/prod-demo-top-yellow.gif) no-repeat 0 top; }

#emailManage #productDemoModule { background: #ddeac7 url(../images/prod-demo-bottom-green.gif) no-repeat 0 bottom; }
#emailManage #productDemoModule h3 { color: #8caa57; background: #ddeac7 url(../images/prod-demo-top-green.gif) no-repeat 0 top; }

#chat #productDemoModule { background: #fce7ce url(../images/prod-demo-bottom-orange.gif) no-repeat 0 bottom; }
#chat #productDemoModule h3 { color: #e98612; background: #fce7ce url(../images/prod-demo-top-orange.gif) no-repeat 0 top; }

#knowledgebase #productDemoModule { background: #ddcee7 url(../images/prod-demo-bottom-lilac.gif) no-repeat 0 bottom; }
#knowledgebase #productDemoModule h3 { color: #9a70b8; background: #ddcee7 url(../images/prod-demo-top-lilac.gif) no-repeat 0 top; }


#productDemoModule { padding: 0; }
#productDemoModule h3 { font-weight: normal; padding: 10px 16px 6px 16px; margin: 0; }
#productDemoModule div { padding: 0 16px 8px 16px; margin: 0; }


/*-- contact us --*/
#contactModule { 
	background: #f2f2f2 url(../images/contact-bottom.gif) no-repeat 0 bottom;
	padding: 0;
	color: #858585;
	margin: 5px 0 15px 0;
}

#contactModule h3 {
	background: #f2f2f2 url(../images/contact-top.gif) no-repeat 0 top;
	font-weight: normal;
	color: #858585;
	padding: 10px 16px 6px 16px;
	margin: 0;
}

#contactModule div { padding: 0 16px 5px 16px; margin: 0; }

#contactModule div a {
	text-decoration: none;
	color: #ff9000;
	font-size: 1.2em;
	margin: 0;
	padding: 0 0 0 0;
}
#contactModule div a:hover { color: #858585; }

p.tel {
	padding: 0px 26px 10px 0;
	font-size: 1.3em;
}


/*-- news headlines --*/
#newsModule { 
	padding: 0;
	color: #858585;
	margin: 0;
}

#newsModule h3 {
	font-weight: normal;
	color: #f4ab45;
	padding: 0 16px 0 16px;
	margin: 0;
}

#newsModule div { padding: 0 16px 8px 16px; margin: 0; }
#newsModule dl { padding: 0; margin: 0; }
#newsModule dt { padding: 6px 0 0 0; margin: 0 0 3px 0; color: #7eb6bf; }
#newsModule dd { padding: 0; margin: 0 0 15px 0; }

#newsModule dd a {
	padding: 0;
	margin: 0;
	color: #3e8f9c;
	text-decoration: none;
}

#newsModule dd a:hover { color: #7eb6bf; }
#newsModule dl em { font-style: normal; color: #f4ab45; }


/*-- awards --*/
#awardsModule { padding: 0; margin: 10px 0 0 0; }
#awardsModule div { padding: 0 16px 8px 16px; margin: 0; }
#awardsModule img { padding: 0; margin: 0 0 15px 0; display: block;}


/*-- downloads --*/
#rightCol #downloadsModule { 
	background: #e2d8dd url(../images/downloads-bottom.gif) no-repeat 0 bottom;
	padding: 0;
	margin: 0;
	color: #3f3f3f;
}

#downloadsModule a { color: #3f3f3f; }
#downloadsModule a:hover { color: #696969 }

#downloadsModule h3 {
	background: #af95a3 url(../images/downloads-top.gif) no-repeat 0 top;
	font-weight: normal;
	color: #fff;
	padding: 7px 16px 7px 16px;
	margin: 0;
}

#downloadsModule div { padding: 8px 16px 8px 16px; margin: 0;}
#downloadsModule div img { float: right; margin-left: 5px;}


/*-- webinar --*/
#rightCol #webinarModule { 
	background: #e5dfdb url(../images/webinar-bottom.gif) no-repeat 0 bottom;
	padding: 0;
	margin: 5px 0 0 0;
	color: #3f3f3f;
}

#webinarModule a { color: #3f3f3f; }
#webinarModule a:hover { color: #696969 }

#webinarModule h3 {
	background: #e5dfdb url(../images/webinar-top.gif) no-repeat 0 top;
	font-weight: normal;
	color: #857362;
	padding: 10px 16px 6px 16px;
	margin: 0;
}

#webinarModule div { padding: 0 16px 8px 16px; margin: 0 }


/*-- benefits --*/
#rightCol #benefitsModule { 
	background: #f8f8f8 url(../images/benefits-bottom.gif) no-repeat 0 bottom;
	padding: 0;
	margin: 5px 0 0 0;
	color: #727272;
}


#benefitsModule h3 {
	background: #f8f8f8 url(../images/benefits-top.gif) no-repeat 0 top;
	font-weight: normal;
	color: #858585;
	padding: 10px 16px 6px 16px;
	margin: 0;
}

#benefitsModule div { padding: 0 16px 8px 16px; margin: 0 }

#benefitsModule div ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#benefitsModule div ul li {
	margin: 0;
	padding: 3px 0 3px 12px;
	background: url(../images/bullet1.gif) no-repeat 0 7px;
}


/*-- case studies --*/
#caseModule {
	float: left;
	width: 288px;
}

#caseModuleLeft {
	float: left;
	width: 144px;
	font-size: 0.95em;  
	line-height: normal;
}
#caseModuleLeft div { 
	border-left: 1px solid #dadada;
	padding: 0 8px 0 6px;
}

#caseModuleCentre {
	float: right;
	width: 144px;
	font-size: 0.95em;  
	line-height: normal;
}

#caseModuleCentre div { 
	border-left: 1px solid #dadada;
	padding: 0 8px 0 6px;
}

#caseModuleRight {
	float: right;
	width: 144px;
	font-size: 0.95em;  
	line-height: normal;
}

#caseModuleRight div { 
	border-left: 1px solid #dadada;
	padding: 0 8px 0 6px;
}

#caseModuleLeft img, #caseModuleCentre img, #caseModuleRight img { margin: 0 0 6px 0; display: block; }



/*-------------------- 6. NEWS --*/
#newsSummary dl { padding: 0; margin: 0; }
#newsSummary dt { padding: 6px 0 0 0; margin: 0 0 3px 0; }
#newsSummary dd { padding: 0; margin: 0 0 15px 0; }



/*-------------------- 7. FOOTER --*/
#footer {
	clear: both;
	width: 910px;
	height:  50px;
}

#footer p { font-size: 0.85em; padding: 3px 0 0 0; color: #939393; }
#footer a { color: #939393; text-decoration: none; }
#footer a:hover { color: #696969; }
#footer .left { float: left; }
#footer .right { float: right; }

ul#footerNav {
 	list-style: none;
 	margin: 0 0 5px 0;
 	padding: 0 0 5px 0;
 	width: 910px;
  	text-align: center;
 	border-bottom: 1px solid #dadada;
}

ul#footerNav li {
 	display: inline;
 	margin: 0;
 	padding: 0 6px;
 	border-right: 1px solid #dadada; 	
}

ul#footerNav li.noLine { border-right: none; }



/*-------------------- 8. SLIDESHOW --*/
#slideShow {
	position: absolute;
	right: 17px;
	top: 54px;
	background: #fff;
	margin: 0;
	padding: 0;
}

#slideShow img {
	margin: 0;
	padding: 0;
	display: block;
}


/* SPIP */
.spip_documents_left {margin-right : 10px;} /* Cf.: spip_style.css */

img { border : 0px; }

hr { margin : 20px 0px; border : 0px; padding : 0px; height : 1px; color : #dadada; background-color : #dadada; }