/*
        _                                                 _           _   _             
  _ __ | |__     ___ ___  _ __ ___  _ __ ___  _   _ _ __ (_) ___ __ _| |_(_) ___  _ __  
 | '_ \| '_ \   / __/ _ \| '_ ` _ \| '_ ` _ \| | | | '_ \| |/ __/ _` | __| |/ _ \| '_ \ 
 | | | | |_) | | (__ (_) | | | | | | | | | | | |_| | | | | | (__ (_| | |_| | (_) | | | |
 |_| |_|_.__/   \___\___/|_| |_| |_|_| |_| |_|\__,_|_| |_|_|\___\__,_|\__|_|\___/|_| |_|

 Accessible, standards-compliant web development

 http://www.nbcommunication.com

*/


/* TAG's */
html{
	font-size: 100.1%;
}

body{
	background: #fff;
	margin: 0;
	font: 64% Helvetica, Arial, sans-serif;
	background: #C9E6E7 url(../images/background.gif) repeat-x;
}
form {
	padding: 0;
	margin: 0;
	display: inline;	
}
img{
	border: none;
}

ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
p, h1, h2, h3, h4{
	margin: 0;
	padding: 0;
}
a{
	text-decoration: none;
}

#main{
	width: 960px;
	margin: 0 auto;
	position: relative;
	padding-top:99px;
}



/* header begin */
#header{
	background: url(../images/bg-header.gif) no-repeat 100% 0;
	height: 74px;
	padding: 25px 0 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 960px;
	margin: 0 auto;
}
/* logotype */
#header .logo{
	background: url(../images/logo.gif) no-repeat;
	height: 60px;
}

.logo a{
	display: block;
	height: 56px;
	width: 615px;
}

#header p{
	width: 270px;
	font: bold 1.5em/1.2em Helvetica, Arial, sans-serif;
	color: #EAF7FA;
	text-align: right;
	float: right;
	position:absolute;
	top: 39px;
	margin-left: 520px;
}

#header span{
	width: 270px;
	font: bold 3em/1.2em Helvetica, Arial, sans-serif;
	color: #EAF7FA;
	text-align: right;
	float: right;
	position:absolute;
	top: 39px;
	margin-left: 688px;
}





/* content */
#content{
	overflow: hidden;
	width: 980px;
}
/* side bar */
#content .side-bar{
	width: 231px;
	float: left;
}
/* side bar navigation */
.side-bar #navigation{
	padding: 30px 0 33px;
}

.side-bar #navigation li{
	padding-bottom: 4px;
}

#navigation li a{
	background: url(../images/menu.gif) no-repeat;
	height: 32px;
	display: block;
	padding: 0 0 0 24px;
	width: 207px;
	color: #41535d;
	font: bold 16px/32px Helvetica, Arial, sans-serif;
	text-decoration: none;
}

#navigation li a:hover{
	background-position: 0 100%;
}

#navigation li.active a{
	background: url(../images/menu-active.gif) no-repeat;
	color: #fff;
}

#navigation li.active a:hover{
	background-position: 0;
	text-decoration: none;
}
/* side bar TAG's */
.side-bar h4{
	color: #41535d;
	font: bold 1.5em/2em Helvetica, Arial, sans-serif;
	padding: 0 0 0 12px;
}

.side-bar p{
	color: #444;
	font: 1.3em/1.5em Helvetica, Arial, sans-serif;
	padding: 0 0 0 12px;
}

/* --------------------------------------------------------
.side-bar a{
	color: #00aeef;
	font: 1.3em/2.76em Helvetica, Arial, sans-serif;
	text-decoration: underline;
	padding: 0 0 0 12px;
}

.side-bar a:hover{
	text-decoration: none;
}

-----------------------------------------------------------*/

.side-bar #contact-details a {
	color: #00aeef;
        font-size: 1em;
        padding:0;
	text-decoration: underline;
}


/* main content */
#content .main-content{
	width: 729px;
	float: right;
	margin: 0 12px 0 -12px;
	padding: 0 8px 0 12px;
	background: url(../images/main-content.png) repeat-y;
	display: inline;
	position: relative;
}

.main-content p {
	color: #444;
	font: 1.4em/1.35em Helvetica, Arial, sans-serif;
	margin: 15px 20px 15px 20px;
}

.main-content h2{
	color:#005152;
	font: bold 1.5em/1.5em Helvetica, Arial, sans-serif;
	margin: 15px 20px 15px 20px;
}


.main-content h3{
	color: #005152;
	font: bold 1.3em/1.3em Helvetica, Arial, sans-serif;
	margin: 15px 20px 15px 20px;
}


.main-content ul{
	list-style: disc;
	color: #444;
	font: 1.4em/1.35em Helvetica, Arial, sans-serif;
	margin: 15px 20px 15px 30px;
	padding: 0 20px; 
}


.main-content a{
	text-decoration: underline;
}
/* title of main content */
#content .content-title{
	background: #fff url(../images/content-title.gif) repeat-x 0 100%;
	text-align: center;
	padding: 0 40px 15px;
	margin: 0 0 5px;
}

.content-title img{
	padding: 15px 0 0;
}

.content-title h1{
	color: #005152;
	font: 2.4em/1em Helvetica, sans-serif;
	padding: 20px 0 8px;
}

.content-title p{
	color: #222;
	font: 1.8em/1.3em Helvetica, sans-serif;
}
/* main content info block */
.main-content .info{
	padding: 5px 0 15px 0;
	overflow: hidden;
	background: url(../images/separator.gif) repeat-x;
	margin: 0 18px 0 20px;
}

.main-content .first-child{
	background: none;
}
/* left part of info block */
.info .question{
	float: left;
	width: 170px;
}

.info .question h2{
	color:#005152;
	font: bold 1.5em/1.5em Helvetica, Arial, sans-serif;
	margin: 15px 0;
}
/* right part of info block */
.info .answer{
	float: left;
	width: 521px;
}
/* TAG's of info block */
.info p, .info span{
	color: #444;
	font: 1.4em/1.35em Helvetica, Arial, sans-serif;
	margin: 15px 0;
}

.info strong{
	font-weight: bold;
}

.info em{
	font-weight: bold;
	font-style: italic;
}

.info img{
	border: 4px solid #D9E0E4;
	margin: 20px 20px 20px 0;
}
/* left image's style */
.info img.left-img{
	float: left;
	margin: 0 20px 20px 0;
}
/* right images style */
.info img.right-img{
	float: right;
	margin: 20px 0 20px 20px;
}

.info span a{
	color: #00aeef;
	font: 1em Helvetica, Arial, sans-serif;
	text-decoration: underline;
}

.info span a:hover{
	text-decoration: none;
}

.info h3{
	color: #005152;
	font: bold 1.3em/1.3em Helvetica, Arial, sans-serif;
	margin: 28px 0 -6px;
}

.info li{
	font: 1.3em/1.4em Helvetica, Arial, sans-serif;
	color: #444;
	padding: 0 0 0 19px;
	margin: 0 0 5px;
}
/* buttons "learn more" */

.info .link-button{
	background: url(../images/link-button.gif) no-repeat;
	display: block;
	width: 125px;
	height: 24px;
	margin: 20px 0 0;
}

.info .link-button span{
	display: none;
}

.info .link-button:hover{
	background-position: 0 100%;
}
/* list's styles */
.info ul, .info ol{
	margin-top: -3px;
}

.info ul li{
	background: url(../images/list-marker.gif) no-repeat 0 5px;
}

.info ol{
	margin: 0;
	padding: 0;
	list-style-position: inside;
}

.info ol li{
	padding: 0 0 0 15px;
}
/* footer begin */
#footer{
	width: 749px;
	background: url(../images/footer.gif) no-repeat;
	margin: 0 0 0 219px;
	padding: 23px 0 0;
	height:	154px;
}
/* footer logotype */
.footer-logo{
	float: left;
	margin: 0 2px 0 21px;
}
/* footer navigation menu */
#footer ul{
	margin: 0 0 10px 0;
}

#footer li{
	background: url(../images/footer-list-separator.gif) no-repeat 0 50%;
	display: inline;
	font-size: 1.3em;
	line-height: 1em;
	padding: 0 6px 0 8px;
}

#footer ul a{
	font: bold 1em/1em Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #005152;
}

#footer ul a:hover{
	text-decoration: underline;
}

#footer li:first-child{background: none;}

#footer p{
	font: 1.3em/1em Helvetica, Arial, sans-serif;
	color: #8D9A9E;
	padding: 0 0 0 92px;
}

#footer p span{
	font-size: 0.77em;
}

#footer p strong{
	color: #71858D;
}
/*footer right links */
#footer a.government{
	float: right;
	display: block;
	background: url(../images/goverment.gif) no-repeat;
	width: 75px;
	height: 70px;
	margin: -53px 17px 0 15px;
}

#footer a.europe{
	float: right;
	display: block;
	background: url(../images/eu.gif) no-repeat;
	width: 135px;
	height: 100px;
	margin: -53px 0 0;
}

#footer a span{
	display: none;
}


/* Contact Page */

.anti-spam-image, .submit-button {
	margin: 15px 20px 15px 20px;
}


/* Table Styling */

table {
	border: 1px solid #444;
	border-collapse: collapse;
	margin: 15px 20px 15px 20px;
        width: 90%;
}

th, td {
	color: #444;
	font: 1.4em/1.35em Helvetica, Arial, sans-serif;
        border:1px solid #000;
	border-collapse:collapse;
	padding:5px;
}

th {
	background:#41535d;
        color: #fff;
	text-align:left;
}