/* 
'=====================================================================================
'   APPLICATION STYLESHEET : GENERIC LAYOUT STYLES
'   Created By: David Moons
'   Company: Artnova
'   Published Date: 16/11/2007
'   Legal Copyright: © 2007 - Artnova - Wolfsdonksesteenweg 83 - 2230 Herselt
'=====================================================================================
*/


/*
--------------------------------------------------------------------------------------
[- MAIN CONTAINERS -]
--------------------------------------------------------------------------------------
*/

.ctrHeader {
    width:975px;
    height:158px;
    margin:0px auto 0px auto;
	background:transparent url(/Resources/Images/headerBg.jpg) no-repeat top left;
    }

.ctrContent {
    width:975px;
    height:555px;
    margin:0px auto 0px auto;
	background:transparent url(/Resources/Images/contentBg.jpg) no-repeat top left;
    }

.ctrFooter {
    width:975px;
    height:125px;
    margin:0px auto 0px auto;
	background:transparent url(/Resources/Images/footerBg.jpg) no-repeat top left;
    }

.ctrFooter .keyWords {
    color:#a8a8a8;
    float:left;
    width:800px;
    padding:0px 25px 20px 95px;
	font:bold 10px Arial, Verdana, sans-serif;
}
 
 .ctrFooter span {
    color:#cccccc;
    float:right;
	font:bold 11px Arial, Verdana, sans-serif;
    margin:0px 30px 0px 0px;
    }  
 
 .ctrFooter a {
    color:#cccccc;
	font:bold 11px Arial, Verdana, sans-serif;
    } 
 
 .ctrFooter a:hover {
    color:#36d1ef;
	font:bold 11px Arial, Verdana, sans-serif;
    }  
/*
--------------------------------------------------------------------------------------
[- NAVIGATION -]
--------------------------------------------------------------------------------------
*/

.ctrNavi {
    width:500px;
    margin:0;
    padding:125px 0px 5px 270px;
    }

.ctrNavi ul {
    margin:0;
    padding:0;
    list-style-type:none;
    }

.ctrNavi ul li {
    display:inline;
    }

.ctrNavi ul li a {
    font-size:14px;
    font-weight:bold;
    margin-right:25px;
    }

.ctrNavi ul li a:hover {
    border-bottom: 5px solid #36d1ef;
    }

.ctrNavi .active {
    border-bottom:5px solid #36d1ef;
    }

.promo {
    width:125px;
    height:125px;
    position:relative;
    top:-115px;
    left:500px;
	background:transparent url(/Resources/Images/icoPromo.png) no-repeat top left;
    }
    
 .promo a {
    padding:0px 0px 125px 125px;
    display:block;
 }

/*
--------------------------------------------------------------------------------------
[- SUB NAVIGATION -]
--------------------------------------------------------------------------------------
*/

.ctrSubNavi {
    float:left;
	font:11px Arial, Verdana, sans-serif;
    padding:75px 0px 0px 80px;
    }

.ctrSubNavi ul {
    margin:0;
    padding:0;
    list-style-type:none;
    }
 
 .ctrSubNavi li {
    text-align:right;
    margin:8px 0px 8px 0px;
    }

.ctrSubNavi ul li a {
    color:#747373;
    margin-right:0px;
    font-weight:bold;
    border-bottom:5px solid #ffffff;
    }

.ctrSubNavi ul li a:hover {
    color:#000000;
    border-bottom:5px solid #36d1ef;
    }

.ctrSubNavi .active {
    color:#000000;
    font-weight:bold;
    border-bottom:5px solid #36d1ef;
    }
/*
--------------------------------------------------------------------------------------
[- TAB NAVIGATION -]
--------------------------------------------------------------------------------------
*/

.tab {
    float:left;
    width:122px;
    font-weight:bold;
    margin-top:15px;
    }

.tab a {
    display:block;
    color:#ffffff;
    text-align:center;
    padding:5px 0px 5px 0px;
	background:transparent url(/Resources/Images/tabBg.jpg) no-repeat top left;
    }

.tab a:hover {
    color:#36d1ef;
    }

.tab .tabActive {
    color:#36d1ef;
    }

/*
--------------------------------------------------------------------------------------
[- IMAGE NAVIGATION -]
--------------------------------------------------------------------------------------
*/

.wrapper {
    padding-top:15px;
}

.ctrImage {
    text-align:center;
    border:1px solid #000000;
    }
    
 .ctrText {
    vertical-align:top;
    padding:0px 0px 0px 15px;
    }
    
.ctrText a {color:#000000;font-weight:bold;}
.ctrText a:hover {color:#36d1ef;font-weight:bold;}

/*
--------------------------------------------------------------------------------------
[- CONTENT CANVAS -]
--------------------------------------------------------------------------------------
*/

.ctrCanvas {
    float:left;
    width:655px;
    margin:0px 0px 0px 30px;
    }

.ctrCanvas .title {
    margin:65px 0px 0px 0px;
    }

.ctrCanvas .title span {
	font:normal normal bold 12px Arial, Verdana, sans-serif;
    }

.ctrCanvas .text .innerList {
    margin-top:5px;
    margin-bottom:5px;
    }
    
/*
--------------------------------------------------------------------------------------
[- CONTACT -]
--------------------------------------------------------------------------------------
*/

.contactTitle {
    margin:65px 0px 0px 10px;
    }

.contact {
    float:left;
    width:655px;
    height:360px;
    margin:0px 0px 0px 0px;
	background:transparent url(/Resources/Images/contactBg.jpg) no-repeat top center;
    }
    
.contactNav {
    float:left;
    width:655px;
    padding:0px 0px 0px 10px;
    }
    
.contact .map {
    float:right;
    width:435px;
    height:340px;
    margin:11px 14px 0px 0px;
    }

.contact .coords {
    float:left;
    width:175px;
    height:150px;
    padding:14px 0px 0px 20px;
    }

.contact .form {
    float:left;
    color:#ffffff;
    padding:10px 10px 10px 20px;
    }

.contact .coords h1, .coords a {
    color:#ffffff;
	font:normal normal bold 12px Arial, Verdana, sans-serif;
    }

.contact .coords a:hover {
    color:#000000;
    }
    
.contact .coords strong {
    width:40px;
 	display:inline-block;
    }
    
.validator {
    color:#ff8400;
    font-weight:bold;
    }
    
.promotions .noPromo {
    width:660px;
    height:190px;
    margin:20px auto 0px auto;
	background:transparent url(/Resources/Images/noPromoBg.jpg) no-repeat center center;
    }