@import "base.css";

#layout {
    margin-bottom: 50px;
}

#leftbar {
    background: url("../images/leftbar-bg.gif") repeat-y top left #fff;
    width: 241px;
}

#content {
    text-align: justify;
    background: url("../images/content-bg.gif") repeat-y top left #fff;
    width: 659px;
}

#content-inner {
    background: url("../images/content-top-bg.gif") no-repeat top left;
    padding: 69px 73px 10px 30px;  /* same as #bottom-services */
}

#bottom-spacer-left {
    background: url("../images/leftbar-bg.gif") repeat-y top left #fff;
}

#bottom-services {
    background: url("../images/content-bg.gif") repeat-y top left #fff;
    padding-right: 73px;  /* right same as #content-inner */
}

#bottom-left, #bottom-right {
    height: 80px;
}

#bottom-left {
    background: url("../images/bottom-left-bg.gif") no-repeat bottom left #fff;
}

#bottom-right {
    background: url("../images/bottom-right-bg.gif") no-repeat bottom left #fff;
}

#main-menu {
    background: url("../images/menu-bg.gif") repeat-y top left;
    font-family: Verdana, sans-serif;
    font-size: 1.1em;
    line-height: 1.9em;
}

#main-menu #langswitch {
    font-size: 0.75em;
}

#main-menu a {
    color: black !important;
    text-decoration: none;
}

#main-menu a:hover {
    font-weight: bold;
}

#main-menu ul {
    background: url("../images/menu-top-bg.gif") no-repeat top left;
    list-style-type: none;
    padding: 65px 19px 26px 44px;
}

#page-home #menu-home,
    #page-profil #menu-profil,
    #page-rh #menu-rh,
    #page-images #menu-images,
    #page-contact #menu-contact, 
    #page-first-nations #menu-first-nations
{
	font-weight: bold;
}

/*********
  PROMOTIONS
*/
#promos {
    background: url("../images/menu-bg.gif") repeat-y top left;
    color: #202080;
    font-family: Verdana, sans-serif;
    font-size: 11px;
    line-height: 1.3em;
    padding: 0 0 15px 32px;
    text-align: justify;
}

.promo-outer {
    background: url("../images/promo-top-bg.gif") no-repeat top left;
    padding-top: 13px;
}

.promo {
    background: url("../images/promo-bg.gif") repeat-y top left;
    width: 178px;
}

.promo img {
    margin-left: 1px;
}

.promo a {
    color: #202080;
}

.promo-content {
    background: url("../images/promo-bottom-bg.gif") no-repeat bottom left;
    padding: 7px 12px 20px 7px;
}

.promo-content p {
    margin-bottom: 0;
}

.promo h4 {
    font-size: 1em;
    margin-bottom: 4px;
    text-align: left;
}

#promo-image-big {
    float: right;
    margin-left: 1em;
    margin-bottom: 1em;
}

/*********
  CONTACT INFO (BASE TEMPLATE)
*/

#contacts {
    font-family: Verdana, sans-serif;
    background: url("../images/contacts-top-bg.gif") no-repeat top left;    
}

#contacts ul {
    list-style-type: none;
    padding: 45px 10px 26px 44px;  
}

#contacts li {
    background: url("../images/contact-list-bullet.gif") no-repeat 1px 4px;
    padding-left: 12px;
    margin-bottom: 0.6em;
}

#contacts .tel {
    font-size: 0.825em;
    line-height: 1.3em !important;
}


/********
  Text styles
*/
.highlight {
    font-weight: bold;
    color: #202080;
}

/** Used in the bottom of every service page */
.infolink {
    color: #4d4d4d;
    font-weight: bold;
}

.quote {
    font-style: italic;
}

/*******
   Sections
*/

.city {
    background: url(../images/city-bg.jpg) no-repeat bottom left;
}

.city.right {
    background-position: bottom right;
}

/********
  SERVICES
*/
#services-matrix td {
    padding-bottom: 24px;
    padding-left: 2px;
    text-align: center;
}

#services-matrix a img {
    opacity: 1.0;
}

#services-matrix a:hover img {
    opacity: 0.7;    
}

#service-pastille {
    margin-right: 1em;
    float: left;   
}

#service-container a:hover, #promo-container a:hover {
    text-decoration: underline; 
}

#service-container table {
    margin-bottom: 1em;
}

#service-container h1 {
    line-height: 100% !important;
}

#service-container h2 {
    font-family: Arial, sans-serif;
    font-size: 18px;
    padding-bottom: 4px;
    border-bottom: 1px solid #a3a39c;
}

#service-container h3 {
    font-family: Arial, sans-serif;
    padding-bottom: 2px;
    margin-bottom: 8px;
    border-bottom: 1px solid #a3a39c;
}

#service-container h3 .light {
    color: black;
    font-weight: normal;
}

#service-container h2.service-name {
    margin-bottom: 24px;
}

#service-container ul, #promo-container ul {
    font-weight: bold;
    color: #202080;
    margin: 0.5em 0 1.5em 3em;
}

/********
  CONTACTS
*/
#contacts-table td {
	vertical-align: top;
}

/********
  GALERIE
*/
#galerie-box {
	border: 1px solid #7d7c77;
	padding: 0;
	margin: 0;
	border-spacing: 0 0;
}

#galerie-table {
	border-collapse: collapse;
	empty-cells: show;
	border-spacing: 0 0;

	margin: 4px;
	padding: 0;
}

#galerie-table tr.first {
	padding: 0;
	margin: 0;
}

#galerie-table tr.first td {

}

#galerie-table a, #galerie-table img {
	padding: 0;
	margin: 0;
}

#galerie-table td {
	margin: 0;
	padding: 4px;
	border-bottom: 1px solid #bcbcb4;
	border-right: 1px solid #bcbcb4;
}

#galerie-table tr.first td {
	padding-top: 0;
}

#galerie-table tr.last td {
	padding-bottom: 0;
	border-bottom: 0;
}

#galerie-table td.first {
	padding-left: 0;
}

#galerie-table td.last {
	padding-right: 0;
	border-right: 0;
}

#galerie-table img {
	border: 0;
}

.pager {
	margin-top: 5px;
	width: 100%;
	text-align: right;
	margin-bottom: 20px;
}

.pager a {
	font-size: 8px;
	padding-right: 4px;
	padding-left: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
	margin-right: 3px;
	border: 1px solid #d5cebe;
	background-color: #efefcb;
	color: #8c877a;	
}

.pager a.current {
	background-color: #757664;
    color: white !important;
}