/* Anima styling */


body {
	background: transparent url("../pixok/interface/bg_tile_.gif") repeat top left;
	background-color: #000;
	margin:0px;
	padding-top: 10px;
	font-family: Arial, Verdana, sans-serif;
	text-align: center;
	font-size: .8em;
	color: #000;
	width:100%;
	
	scrollbar-3dlight-color:#869BB5;
	scrollbar-arrow-color:#fff;
	scrollbar-base-color:#47607E;
	scrollbar-track-color:#869BB5;
	scrollbar-darkshadow-color:#869BB5;
	scrollbar-face-color:#47607E;
	scrollbar-highlight-color:#47607E;
	scrollbar-shadow-color:#47607E;
}

img{
border: solid #fff 2px;
}


/* --- Links --------- */

a {
font-family: Arial, Verdana, sans-serif;
color: #ae0000;
font-weight: bold;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

/* --- H1, H2, H3 --------- */

h1, h2, h3 {
font-family: Arial, Verdana, sans-serif;
font-weight: bold;
margin-top: 0;
color: #000;
}

h1 {
padding-left: 0px;
font-size: 125%;
margin-left: 27px;
}

h2 {
padding-top: 5px;
margin: 10px 0 0 27px;
font-size: 100%;
background-color: #fff;
border: 0px solid #000;
color: #000;
}

h2.no-top-pad{
padding-top: 0px;
margin-top: 0px;
margin-bottom: 20px;
margin-right: 27px;
color: #000;
background-color: #f2f2f2;}

h2.afterdots{
padding-top: 0;
margin-top: 0;
}

h2.inline{
display: inline;
margin: 0 6px 0 0;
padding: 0;}

h2.inline-pad{
display: inline;
margin: 0 6px 0 27px;
padding: 0;}

h3 {
padding-top: 5px;
margin: 10px 5px 10px 27px;
font-size: 140%;
color: #006699;
font-weight: bold;
text-transform: uppercase;
text-align: left;
}

h4 {
padding-top: 5px;
margin: 15px 5px 18px 6%;
font-size: 125%;
border: 0px solid #000;
color: #3C618E;
font-weight: bold;
}

h5 {
padding-top: 5px;
margin: 10px 5px 10px 27px;
font-size: 140%;
color: #e1332d;
font-weight: bold;
text-transform: uppercase;
text-align: center;
}

h6 {
margin: 0 10px 14px 27px;
color: #006699;
padding-top: 0px;
font-size: 100%;
text-align: justify;
}

h6.date {
margin: 0 27px 14px 27px;
color: red;
padding-top: 0px;
font-size: 100%;
}

h7 {
margin: 0 5px 14px 27px;
color: #3366cc;
padding-top: 5px;
font-size: 100%;
text-align: justify;
}

.title{
margin: 32px 27px 0 27px;
}

.centertitle{
text-align: center;
float: center;
}

.print{
margin: 0 27px 0 70%; 
vertical-align: top;
width: 30px;
height: 29px;

}

.dots
	{
	background: #fff url("../pixok/interface/dots.gif") repeat-x; 
	margin: 5px 27px 0 27px;
	padding: 0;
	}

/* ----- skip navigation ----- */

.btn-top{
margin: 10px 0 10px 45%;}

a.top{
text-decoration: none;
}

a.top:hover {
text-decoration: underline;
}

a.top-btm:link, a.top-btm:visited {
margin-left: 30px;
text-decoration: none;
}

a.top-btm:hover {
text-decoration: underline;
}

.skipnavigation {display: none;} 


/* --- Wrap --------- */

#wrap {
	background: transparent url("../pixok/interface/bg_tile_.gif") repeat top left;
	width: 981px;
	margin: 0 auto;
	padding: 0px;
	text-align: center;
}

/* --- Banner --------- */

#banner {
	background-color: #fff;
	height: 144px;
	width: 981px;
	margin: 0;
	border: 3px solid #FFF7E4;
	text-align: center;
}

.logo {
background-color: white;
}

.mainpic {
	background-color: #fff;
	height: 144px;
	border-left: 2px solid #02A8CC;
}

/* --- Container --------- */

#container {
width: 100%;
border: 0px solid #000;
background-color: none;
float:left;
display:block;
overflow:hidden;
}

/* --- Content --------- */

#content {
margin: 0px 0px 0px 11px;
font-size: 100%;
line-height: 1.7em;
border: 0px solid #000;
height: auto;
font-size: .85em;
text-decoration: normal;
float:left;
display:block;
overflow:hidden;
}
#content-index {
margin: 0px 0px 0px 11px;
font-size: 100%;
line-height: 1.7em;
border: 0px solid #000;
font-size: .85em;
text-decoration: normal;
float:left;
display:block;
overflow:hidden;
}

#content p{
margin-left: 27px;
margin-right: 27px;
}

.bolditalic{
font-weight: bold;
font-style: italic;
display: inline;
}

p.nopad{
margin: 0 27px 0px 27px;
line-height: 1.7em;
text-align: justify;
}

p.nopad2{
margin: 0 3px 0px 3px;
line-height: 1.3em;
text-align: justify;
font-size: 1.2em;
color: #51372E;
font-weight: normal;
text-decoration: none;
}

p.nopad3{
margin: 0 3px 0px 3px;
line-height: 1.3em;
text-align: justify;
font-size: 1.4em;
color: #51372E;
font-weight: normal;
text-decoration: none;
}

#content-wrap{
margin: 18px 0px 0px 0px;
width: 760px;
height: auto;
border: 3px solid #FFF7E4;
background: transparent url("../pixok/interface/content_bg.jpg") repeat top left;
background-color: #F0F4F6;
float:right;
display:block;
overflow:hidden;
}
#content-wrap2{
margin: 18px 0px 0px 0px;
width: 760px;
height: 100%;
height: auto;
border: 3px solid #FFF7E4;
background: transparent url("../pixok/interface/content_bg.jpg") repeat top left;
background-color: #F0F4F6;
float:left;
display:block;
}
#content-wrap3{
margin: 18px 0px 0px 0px;
width: 760px;
height: 546px;
height: 546px;
border: 3px solid #FFF7E4;
background: transparent url("../pixok/interface/content_bg.jpg") repeat top left;
background-color: #F0F4F6;
float:left;
display:block;
overflow:auto;
}


ul{
margin-left: 10px;
padding-left: 41px;
line-height: 1em;
padding-right: 10px;
list-style-image: url("pixok/bullet_arrows.gif");
margin-top: 5px;
color: #006699;
font-size: 1.4em;
text-decoration: uppercase;
float:left;
}
ul.diamond li {
text-align:left;
}
ul.numbered{
list-style-image: none;
list-style-type: decimal;
}

ul.numbered li{
margin-bottom: 10px;
}

a.internallink {
color: #000;
text-decoration: none;
font-weight: bold;
}

#leftcolumndown {
font-size: 80%;
float: left;
margin: 5px 0px 0px 0px;
width: 200px;
height: 100px;
border: 2px solid #FFF7E4;
padding: 5px;
background-color: #E1D2B1;
clear: both;
position: relative;
text-align: left;
}

/* --- Left column --------- */

#leftcolumn {
float: left;
margin: 18px 0px 0px 0px;
width: 199px;
height: 531px;
border: 2px solid #FFF7E4;

background-color: #E1D2B1;
background: url("../pixok/interface/navigation_bg.jpg") no-repeat;
display:block;
}

#leftcolumn p, #leftcolumn ol, #leftcolumn ul {
font-size: 100%;
line-height: 1.7em;
margin: 0px;
padding: 0px;
}

p.blueline{
background: url("../pixok/red.gif") repeat-x;
width: auto;
height: 3px;
margin: 0px;
padding: 0px;
}

p.greyline{
background: url("../pixok/red.gif") repeat-x;
height: 1px;
padding: 0;
margin: 0;
}

.leftimages{
border: 1px solid #02A8CC;
padding: 10px;
margin-left: 27px;
}

.centerimages{
text-align: center;

}


.leftcolumn_button{
margin-left: 124px;}

.buttonleft{
background: transparent url("pixok/btn_readmore.gif") no-repeat bottom right;
height: 29px;
}

a.buttonleft-text {
color: red;
font-size: 85%;
font-weight: bold;
text-decoration: none;
text-align: right;
margin-left: 118px;
}

a.buttonleft-text:hover {
color: #02A8CC;
font-weight: bold;
text-decoration: none;
text-align: right;
margin-left: 118px;
}

/* --- News type Columns --------- */

#2columntable{
margin: 0 27px 0 27px;
background-color: #fff;
width: 90%;
}

.column-narrow{
width: 40%;
vertical-align: top;
}


/* --- End News type columns --------- */

.add-left-margin{
margin-left: 27px;}

/* --- Contact enquiry form  --------- */

div.row {
  clear: both;
  padding-top: 5px;
  }

div.row span.label {
  float: left;
  width: 100px;
  text-align: right;
  }

div.row span.formw {
  float: right;
  width: 235px;
  text-align: left;
padding: 0;
  } 

div.spacer {
  clear: both;
  }

.submitbutton{
margin-left: 124px;}

/* --- End contact enquiry form  --------- */


/* --- Right column --------- */

#rightcolumn {
float: right;
margin: 0;
width: 100px;
border: 0px solid #02A8CC;
padding-top: 0px;
background-color: #22aa00;
}

#rightcolumn p, #rightcolumn ol, #rightcolumn ul {
font-size: 100%;
line-height: 1.7em;
margin: 14px 0px 14px 0px;
}

p.blueliner{
background: url("../pixok/red.gif") repeat-x;
height: 3px;
}

p.greyliner{
background: url("../pixok/red.gif") repeat-x;
height: 1px;
padding: 0;
margin: 0;
}

.rightimages{
border: 1px solid #02A8CC;
padding: 0;
margin-right: 5px;
}

.rightcolumn_button{
margin-right: 5px;
}

.buttonright{
background: transparent url("pixok/btn_readmore.gif") no-repeat bottom right;
height: 29px;
}

a.buttonright-text {
color: #36c;
font-size: 85%;
font-weight: bold;
text-decoration: none;
text-align: right;
margin-right: 0px;
}

a.buttonright-text:hover {
color: #02A8CC;
font-weight: bold;
text-decoration: none;
text-align: right;
margin-right: 0px;
}
/* --- End Right column --------- */


/* --- Footer --------- */

#info-site {
clear: both;
position: relative;
width: 100%;
text-align: left;
height: middle;
}

#info-site p {
font-size: 90%;
padding: 2px;
}

/* --- Info company --------- */

#info-company {
color: #fff;
margin: 0 16px;
line-height: 1.7em;
}

#info-company a {
color: #fff;
text-decoration: none;
}

#info-company a:hover, a:focus {
color: yellow;
text-decoration: underline;
text-decoration: none;

}

/* --- Start Links --------- */

#linkz {
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	line-height: 1.3em;
	font-size: 120%;
}
#linkz a {
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	line-height: 1.3em;
}
#linkz a:hover, a:visited, a:active, a:focus {
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	color: #ae0000;
	text-decoration: underline;
}

/* --- End Links --------- */


/* --- Start Boxes --------- */
#boxes  {
	vertical-align: middle;
	background-color: none;
	color: #ae0000;
}
#boxesnoborder  {
	vertical-align: middle;
	border: 0px;
}

#cells  {
	text-align: center;
	vertical-align: top;
	background-color: white;
	font-size: 80%;
}

#cells2  {
	text-align: center;
	vertical-align: top;
	background-color: white;
	border-bottom:0;
	font-size: 80%;
	width: 105px;
}

#cells2a  {
	text-align: center;
	vertical-align: top;
	background-color: white;
	border-bottom:0;
	font-size: 80%;
	width: auto;
}
#cells3  {
	text-align: center;
	vertical-align: top;
	background-color: white;
	border-bottom:0;
	border-left: 1px solid #ae0000;
	border-right: 1px solid #ae0000;
	font-size: 80%;
	width: 105px;
}
#cells3a  {
	text-align: center;
	vertical-align: top;
	background-color: white;
	border-bottom:0;
	border-left: 1px solid #ae0000;
	border-right: 1px solid #ae0000;
	font-size: 80%;
	width: auto;
}

#boxdown  {
	border: 0px solid #fff;
	width: 500px;
	height: 10px;
	margin-left: 30px;
	float: center;
}
#boxdownbig  {
	border: 0px solid #fff;
	width: 500px;
	line-height: 6em;
	margin-left: 30px;
	float: center;
}
/* --- End Boxes --------- */

#current_menu {
	background-color: #D2130A;
	color: #FFFFFF;
	letter-spacing: .01px;
	font-weight: bold;

}

table { 
	margin-left: 27px;
	margin-right: 15px;
	border-top: 1px solid #ae0000;
	border-bottom: 1px solid #ae0000;
	padding: 1px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #ae0000;
	text-decoration: none;
	line-height: 1.2em;
	width: 100%;
}

td { 
	border-top: 1px solid #ae0000;
	border-bottom: 1px solid #ae0000;
}
/* --- Topper --------- */

#info-site2 {
clear: both;
position: relative;
background-color: #F5D159;
width: 100%;
border: 0;
text-align: left;
}

#info-site2 p {
font-size: 85%;
padding: 5px;
}
/* --- Info company2 --------- */

#info-company2 {
color: #D2130A;
margin: 0 16px;
font-weight: bold;
line-height: 1.7em;
}

#info-company2 a {
color: #D2130A;
text-decoration: none;
}

#info-company2 a:hover, a:focus {
color: #000;
text-decoration: underline;
text-decoration: none;

}
/*------------------------------------*/
#centerbox{
	text-align: center;
	float: left;
	margin: 0 10px 0 150px;
	width: 350px;
	border: 1px solid #999;
	margin-left: 10%;
	padding: 7px;
	background-color: #fff;
}
#centerboxthumb{
	width: 325px;
	height: 60px;
	color: #006699;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	padding: 6px;
	line-height: 1.08em;
	clear: both;
	border: 1px solid #999;
	background-color: #fff;
	background: transparent url("../pixok/videoback.gif") repeat;
}

/*-----------------------------------*/
.thumbnailz{
	background-color: #fff;
	float: left;
	width: 60px;
	border: 1px solid #999;
	margin: 0 15px 15px 15px;
	padding: 3px;
}

.clearboth { 
	clear: both; 
}

#thumbtext{
	width: 100px;
	height: 90px;
	text-align: center;
	padding: 2px;
	line-height: 1.08em;
	clear: both;
	border: 1px solid #999;
	background-color: #DEE8E6;
	background: transparent url("../pixok/videoback.gif") no-repeat;
}
#thumbtext2{
	width: 160px;
	height: 30px;
	text-align: center;
	padding: 2px;
	line-height: 1.08em;
	clear: both;
	border: 1px solid #999;
	background-color: #DEE8E6;
	background: transparent url("../pixok/videoback.gif") repeat;
}
#thumbtextbig{
	width: 50%;
	height: 30px;
	text-align: center;
	padding: 2px;
	line-height: 1.08em;
	clear: both;
	border: 1px solid #999;
	background-color: #DEE8E6;
}

/*-------------- Big pix -------------*/
.bigpix{
	background-color: #fff;
	float: left;
	width: auto;
	border: 1px solid #999;
	margin: 0 15px 15px 15px;
	padding: 3px;

}

.clearboth { 
	clear: both; 
}

#headerpix{
	float: right;
	border: 4px solid #FFF0CE;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	clear: both;
	margin-top: 0px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	background-color: #FFF0CE;
}

.clearboth { 
	clear: both; 
}

/* --- Thumbnailz --------- */

#headliners {
	padding-left: 30px;
	font-size: 125%;
	color: #ae0000;
	font-weight: bold;
	line-height: 1.7em;
}

#simpletext{
	color: #006699;
	font-size: 1.2em;
	text-align: justify;
}
#hottext{
	color: #ae0000;
	font-size: 1.2em;
	text-align: justify;
	font-weight: bold;
}

#spasko{
	width: 50px;
}

/*----------------  Horizontal navigation  ------------------*/
.hnav
{
	border: solid 0px #fff;
	text-align: right;
	padding-right: 10%;
}
.hnav, .hnav ul li a
{
	/* need to middor veritcal padding on .hnav and child anchor elements
	 * because the anchors are _not_ block elements. since they are not
	 * block elements web browsers will not expand .hnav to contain them
	 * even with the extra padding. by applying the same padding to both
	 * the parent .hnav _looks_ like its containing the child anchor
	 * elements. 
	 */
	padding-top: 1px;
	padding-bottom: 1px;
}
.hnav ul, .hnav ul li
{
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.hnav ul li a
{
	margin: 0px;
	padding-left: 10px;
	padding-right: 10px;	/* short-hand padding attribute would overwrite top/bottom padding set in a previous rule */
	border-left: solid 0px #000;
	border-right: solid 0px #000;
}
.hnav ul li a:link, .hnav ul li a:visited, .hnav ul li a:active, .hnav ul li a:hover
{
	text-decoration: none;
}
.hnav ul li span.divider {
	display: none;
}

* html .hnav ul li, * html .hnav ul li a{
	width: 1%; /* IE/Mac needs this */
	display: inline-block;	/* IE/Mac needs this */
	/* \*/
		width: auto;
		display: inline;
		position: fixed;
	/* reset above hack */
}
* html .hnav, * html .hnav ul a{
	/* \*/ height: 0.01%; /* hasLayout hack to fix render bugs in IE/Win.*/
}
* html .HNAV {
	padding: 0;	/* IE5/Win will resize #hnav to fit the heights of its inline children that have vertical padding. So this
incorrect case selector hack will be applied only by IE 5.x/Win */
}
.hnav {
	color: #fff;
}

.hnav ul li a:link, .hnav ul li a:visited {
	background-color: none;
	color: #000;
}
.hnav ul li a:hover {
	background-color: none;
	color: #ae0000;
	border: 0px solid #000;
}
/*----------------  End of Horizontal navigation  ------------------*/

/*-------------- Header pix -------------*/

.headerpix{
	background-color: #fff;
	float: right;
	width: auto;
	border: 1px solid #999;
	margin: 0 15px 15px 15px;
	padding: 3px;
}

#headliner{
	background: transparent url("../pixok/interface/headerline.gif") repeat;
	display: block;
	width: 100%;
	height: 30px;
	margin: 0px;
	padding-left: 30px;
	padding-top: 5px;
	vertical-align: middle;
	text-align: left;
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
}


.clearboth { 
	clear: both; 
}

/* --- Thumbnailz --------- */

#headliners {
	padding-left: 30px;
	font-size: 125%;
	color: #ae0000;
	font-weight: bold;
	line-height: 1.7em;
}

#simpletext{
	color: #006699;
	font-size: 1.2em;
	text-align: justify;
}
#hottext{
	color: #ae0000;
	font-size: 1.2em;
	text-align: justify;
	font-weight: bold;
}
/*====================================*/

/* --- Thumbnailz --------- */

.thumbnailholder{
	text-align: left;
	margin-left: 10px;
	float:left;
	display:block;
	height:500px;
}
.thumbnailholder2{
	text-align: left;
	margin-left:3%;
	float:left;
	display:block;
}
.thumbnailz{
	background-color: #fff;
	float: left;
	display:block;
	width: 328px;
	height: 126px;
	margin: 3px;
	padding: 0px;
}
.thumbnailz2{
	background-color: #fff;
	float: left;
	display:block;
	width: 342px;
	height: 126px;
	margin: 3px;
	padding: 1px;
}
.thumbnailz22{
	background-color: #fff;
	float: left;
	display:block;
	width: 342px;
	height: 126px;
	margin-left: 4px;
	padding: 1px;
}
.thumbnailz3{
	background-color: #3C618E;	
	font-size: 1em;
	color: white;
	float: left;
	display:block;
	width: 516px;
	height: 126px;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 3px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	text-align: justify;
}
.thumbnailz4{
	background-color: #fff;
	float: left;
	display:block;
	width: 240px;
	height: 168px;
	/*margin: 3px;
	padding: 1px;*/
}
.thumbnailcontact{
	background-color: #dde4eb;
	float: left;
	width: 342px;
	height: 126px;
	margin: 3px;
	padding: 10px;
	border: solid 1px #6a85a5;
	text-align: left;
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.2em;
	color: #000;
}
.leftConta { float:left; width: 370px; }
.thumbnailcontact2{
	background-color: #dde4eb;
	float: right;
	width: 342px;
	height: 126px;
	margin: 3px;
	padding: 10px;
	border: solid 1px #6a85a5;
	text-align: left;
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.2em;
	color: #000;
	margin-bottom: 5px;
}
.thumbnailcontact3{
	background-color: #dde4eb;
	float: right;
	width: 342px;
	height: 226px;
	margin: 3px;
	padding: 10px;
	margin-bottom:200px;
	border: solid 1px #6a85a5;
	text-align: left;
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.2em;
	color: #000;
}
.thumbnailcontactbox{
	background-color: #dde4eb;
	float: left;
	width: auto;
	height: auto;
	margin: 5px;
	padding: 10px;
	text-align: left;
	border: solid 1px #6a85a5;
}

.clearboth { 
	clear: both; 
}

#thumbtext{
	width: 100px;
	text-align: center;
	padding: 2px;
	line-height: 1.08em;
	clear: both; 
}

/*-------------- Big pix -------------*/
.bigpix{
	background-color: #fff;
	float: left;
	width: auto;
	border: 1px solid #fff;
	margin: 0 15px 15px 15px;
	padding: 3px;

}

.clearboth { 
	clear: both; 
}

.headerpix{
	background-color: #fff;
	float: right;
	width: auto;
	border: 1px solid #999;
	margin: 0 15px 15px 15px;
	padding: 3px;

}

.clearboth { 
	clear: both; 
}

/* --- Thumbnailz --------- */

#headliners {
	padding-left: 30px;
	font-size: 125%;
	color: #ae0000;
	font-weight: bold;
	line-height: 1.7em;
}

#simpletext{
	color: #006699;
	font-size: 1.2em;
	text-align: justify;
}
#hottext{
	color: #ae0000;
	font-size: 1.2em;
	text-align: justify;
	font-weight: bold;
}
#hottext2{
	display: block;
	color: #fff;
	font-size: 1.2em;
	text-align: justify;
	vertical-align: middle;
	font-weight: bold;
	background-color: #6a85a5;
	padding: 2px;
	margin: 0;
}
#emptybox{
	display: block;
	width: 100%;
	height: 100px;
}
#emptyboxsmall{
	display: block;
	width: 100%;
	height: 50px;
}
#emptyboxsmaller{
	display: block;
	width: 100%;
	height: 25px;
}
#references {
  width:710px;
  margin:0 auto;
  height: 100%;
}