*
{
    margin: 0px;
    padding: 0px;
    color: #000;
    font-size: 12px;
    font-family: verdana;
}

h1
{
    font-size: 13px;
}

* a:link,
* a:visited,
* a:hover
{
    text-decoration: none;
    color: #000;
}

body
{
    background-color: #FFF;
    text-align: center;
    margin-top: 40px;
}

.container
{
    margin: 0 auto;
    width: 840px;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
}


/* float clearing for IE6 */
* html .clearfix{
  height: 1%;
  overflow: visible;
}

/* float clearing for IE7 */
*+html .clearfix{
  min-height: 1%;
}

/* float clearing for everyone else */
.clearfix:after{
  clear: right;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}




/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
   %%%%%% LOGO
   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
   */

.container div.logo
{
	
    width: 840px;
	background-color: #fcb034;
	border: 1px solid #666;

    
}

.logo div.logoLeft
{
	text-align:left;
    width: 478px;
	height:76px;
    float: left;	
	top:10px;
	z-index:10;
	position:absolute;
}

.logo div.logoRight
{
    width: 340px;
	padding-top: 10px;
	height:25px;
    float: right;
}

.logoRight div.links
{

}
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
   %%%%%% HEADERIMAGE
   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
   */

.container div.headerImageFrame
{
    width: 840px;
    height: 235px;
}

.headerImageFrame div#headerImage1,
.headerImageFrame div#headerImage2,
.headerImageFrame div#headerImage3,
.headerImageFrame div#headerImage4
{
    width: 840px;
    height: 235px;
}

.headerImageFrame div#headerImage2,
.headerImageFrame div#headerImage3,
.headerImageFrame div#headerImage4
{
    display: none;
}

/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
   %%%%%% CONTENT
   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
   */

.container div.content
{
    width: 840px;
    background-color: #FFF;
    text-align: left;
    padding-top: 30px;
    padding-bottom: 70px;
}

.content div#home,
.content div#about,
.content div#ref,
.content div#contact
{
    width: 640px;
	padding-left:40px;
}

.content div#about,
.content div#ref,
.content div#contact
{
    display: none;
}

/* All the content fields will also have a text field  */
.content div#home div.textField,
.content div#about div.textField,
.content div#ref div.textField,
.content div#contact div.textField
{
    width: 400px;
}

/* Give the mail-links in contacts a blue look */
#contact a:link,
#contact a:visited
{
    color: #12445d;
}

#contact a:hover
{
    color: #12445d;
    text-decoration: underline;
}

.content div.partners
{
    width: 140px;
    float: right;
    padding: 10px;
    text-align: center;
}

.partners img
{
    width: 90px;
    margin-bottom: 20px;
}

/* ############### THE ABOUT FRAME ###########################
   The about frame is a little special. It has both a
   text field and a image field.
   ###########################################################
   */


/* To posision the images at the bottom of the page margin-top is used */
#about div.images
{
    margin-top: 80px;
    height: 70px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
}

#about div.images img
{
	margin-left: 10px;
	margin-right: 10px;
}

/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
   %%%%%% REF IMAGES
   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
   */

#ref div.refImageLeft,
#ref div.refImageRight
{
    width: 285px;
    height: 102px;
    margin-bottom: 40px;
}

#ref div.refImageRight
{
    float: right;
}


.refImageLeft img,
.refImageRight img,
.refImageLeft div.image,
.refImageRight div.image
{
    width: 133px;
    height: 100px;
}

.refImageLeft div.image,
.refImageRight div.image
{
    border: 1px solid #D3D3D3;
}

.refImageLeft div.text,
.refImageRight div.text
{
    width: 144px;
    height: 99px;
    float: right;
    padding: 3px;
}

/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
   %%%%%% FOOTER
   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
   */

.container div.footer
{
    width: 820px;
    height: 46px;
    border-top: 1px #e1e1e1 solid;
    text-align: left;
    padding: 10px;
}

.footer div.right
{
    font-size: 9px;
    float: right;
    width: 410px;
    text-align: right;
}

.footer div.left
{
    font-size: 9px;
    width: 410px;
}

.pelegro
{
    height: 9px;
    color: #909090;
	margin:10px auto;
	font-size: 10px;
	color:#666;
}

.pelegro a:link,
.pelegro a:visited
{
	font-size: 10px;
	color:#666;
	
}


.pelegro a:hover
{
	color:#333;

}

.newsbox {		width: 400px;
				margin-top: 10px;
				padding: 3px;
				margin-left:130px;
				
}

.subject { font-family: 'Calibri', arial, serif;
			   font-size:20px;
			   color: #282828;
			   
}
	
.news, .news li {
				font-family: 'Calibri', arial, serif;
			   	font-size:14px;
			   	color: #333;
				margin-top:10px;
				
		
}