/*----------------------------------------------------
                 Centita - CSS File
------------------------------------------------------*/


/* Global
------------------------------------------------------*/
html,body{height:100%}
body{
font-family:Verdana,Arial, Helvetica, sans-serif;
font-size:12px;
margin:0 auto;
padding:0;
height:100%;
}
*{
margin:0;
padding:0;
}
*:focus{
outline:none; /* removes ugly dotted border but may make template more unsuable, up to you
				 if you want to keep it! */
}
.clr{clear:both}
form{margin:0; padding:0;}
hr{
border:0;
color:#000000;
background-color: #dedede;
height: 1px;
margin:10px 0px 6px 0px;
padding:0px;
}


/* Default Element Styles
------------------------------------------------------*/
/* heading */
h1, h2, h3, h4, h5{margin-bottom:15px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; color:#444444;}
h1{font-size:36px; line-height:30px;}
h2{font-size:24px; line-height:28px;}
h3{font-size:18px; line-height:20px;}
h4{font-size:16px; line-height:18px;}
h5{font-size:12px; margin:3px 0px; padding:0px;letter-spacing:1px;}

/* links */
a{text-decoration:none;}
a:visited{color:#2f87aa; text-decoration:none;}
a:hover{color:#4ba7cc;}
a img{border:none}
.imgleft{float:left; padding:5px 12px 0px 0px;}
.imgright{float:right; padding-left:12px;}
/* lists, blockquotes and paragraphs */
p, ul, ol, blockquote{
font-size:12px;
line-height:18px;
margin-bottom:20px;
}
ul, ol{
margin:10px 0 35px 40px;
}
li ol, li ul{
font-size:1.0em;
list-style:square;
margin-bottom:0;
margin-top:0;
}
li ol{list-style:decimal;}
blockquote{
font-style:italic;
margin:0px;
color:#4c4c4c;
padding:0px 4px 0px 32px;
background-image:url(../images/quote.png);
background-position:0px 5px;
background-repeat:no-repeat;
}


/* code */
code{
font-family:Georgia, "Times New Roman", Times, serif;
letter-spacing:1px;
margin:25px 0 25px 0px;
display:block;
font-size:0.9em;
border-left:4px solid #dddddd;
padding:15px 10px;
}


/* Container
------------------------------------------------------*/
#main_container{background-image:url(../images/bg-top-container.gif); background-repeat:repeat-x; background-color:#fff; min-height:82%;}
#bottom_container{background-image:url(../images/bg-container-bottom.gif); background-position:top; background-repeat:no-repeat; height:54px;}


/* Centercolumn
------------------------------------------------------*/
#centercolumn{width:980px; margin:0px auto 0px auto;}


/* Top
------------------------------------------------------*/
#top{height:153px; width:960px;}
#logo{width:600px; padding:16px 0px 0px 15px; float:left;}
#topmenu{width:960px; float:left; height:74px;}

/* Seacrh styling */
#search-box{
padding:28px 10px 0px 0px;
}
#search{
float:right;
width:auto;
}
#s{
font:12px Georgia, "Times New Roman", Times, serif;
font-size:11px;
color:#c8c9be;
padding:3px 30px 2px 3px;
background:none;
border:1px solid #d9d9d9;
width:185px;
}
#s:focus{
border:1px solid #adacac;
color:#adacac;
}
#search .go{
position:absolute;
margin:2px 0 0 -26px;
}


/* Top Navigation bar menu styling */
#nav{
float:left;
list-style-type: none;
margin:20px 0px 0px 0px;
}
#nav li{
float:left;
border-right:1px solid #cbcbcb;
}
#nav li a:link, #nav li a:active, #nav li a:visited{
display:block;
width:100px;
padding:4px 20px;
text-decoration: none;
line-height: 20px;
outline: none;
text-align:left;
font-size: 18px;
color:#7c7c7c;
}
#nav li a:hover, #nav li.selected a{
color:#2a7ea0;
}
span.descmenu{
font-size:11px; 
padding:0px 20px;
color:#989797
}


/* Content
------------------------------------------------------*/
#content{width:980px;}
#maincontent{padding:10px 0px 20px 0px; float:left}
.h-line {padding:4px 0px;}

/* main */
#main{width:610px; float:left;}
#maintext{padding:0px 0px 20px 0px}
#maintext h2{margin:0px;}
#maintext h1{color:#2f87aa;}
#maintext_portfolio{padding:0px 0px 0px 0px}
.box-main{width:290px; float:left; padding:28px 0px 0px 0px;}
.spacer{width:30px; float:left; display:block; height:100%;}
.icon{width:77px; height:92px; float:left;}

/* side */
#side{width:270px; margin:8px 0px 0px 70px; float:left;}
.sidebox{
padding:10px 18px 5px 18px;
margin-bottom:14px;
border-left:1px solid #d9d9d9;
border-right:1px solid #d9d9d9;
border-bottom:1px solid #d9d9d9;
}
.sidebox-top{
background-image:url(../images/top-border-side.gif);
background-repeat:no-repeat; 
background-position:top;
height:4px;
}
#latest-news{
padding:10px 18px 0px 18px;
margin-bottom:14px;
border-left:1px solid #d9d9d9;
border-right:1px solid #d9d9d9;
border-bottom:1px solid #d9d9d9;
}

/* scroll widget */
.scroll{
position:relative;
min-height:137px;
border:1px solid #efefef;
margin:0 0 20px 0;
background:#fff;
}
.scroll ul{
position:relative;
width:276px;
height:78px;
margin:0px;
list-style:none;
}
.scroll ul li{
width:276px;
height:78px;
margin:0;
line-height:18px;
}
.scroll ul li span{
display:block;
margin:0 0 .4em;
}
.scroll ol{
height:22px;
position:absolute;
top:0;
right:15px;
list-style:none;
}
.scroll ol li{
float:left;
}
.scroll ol a{
display:block;
width:11px;
height:22px;
margin:0 1px;
padding:0 2px;
text-indent:-9999px;
background-repeat:no-repeat;
background-position:50% 0;
}
.scroll ol li.previous a{background-image:url("../images/icon-arrow-down.gif");}
.scroll ol li.next a {background-image:url("../images/icon-arrow-up.gif");}
.scroll ol li a:hover {background-position:50% 100%; }


/* Footer
------------------------------------------------------*/
#footer{width:960px; margin:0px auto; color:#a0a0a0 !important}
#footer a, #footer a:visited{color:#a0a0a0; text-decoration:none;}
#foot a:hover{text-decoration:underline;}
#copyright-foot{
margin:0px 0px 0px 0px;
padding:20px 0px 0px 0px;
float:left;
color:#a0a0a0;
}
#rss-foot{
width:103px;
padding:20px 0px 0px 0px;
float:right;
color:#a0a0a0;
}
.valid {float:left; }
.rss-img {float:left;}

/* from RAS
------------------------------------------------------*/
.prod
{
	background-image:url(../images/line_dott.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	margin-bottom:20px;
	padding-bottom:15px;
}

.prod-col-left
{
	float:left;
	margin-right:20px;
	text-align:center;
	vertical-align:middle;
	width:50px;
}

.prod-col-right
{
	float:left;
	width:px;
}


.product-title
{
	display:block;
	font-size:18px;
	margin-bottom:2px;
}

.product-link
{
	
	font-size:16px;

}

.thumbnail  {
    border: 1px solid #999999;
    display: inline;
    float: left;
    margin-right: 15px;
    margin-top: 3px;
    padding: 2px;
    width: 180px;
}
.multicolumn ul {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 75em;
}
.multicolumn li {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 25em;
}

.buttons a:hover{color: #bfdced }
.buttonsNew a:hover{color: #bfdced }

.buttons{margin:0 0 0 auto; width:440px;}
.buttons .last{margin-right:0}
.buttons a{
background:transparent url(images/green-btn.gif) no-repeat scroll 0 0;
color:#FFFFFF;
display:inline;
float:left;
font-size:16px;
font-weight:bold;
height:28px;
line-height:16px;
margin-right:18px;
padding-bottom:4px;
padding-left:50px;
padding-top:12px;
text-decoration:none;
text-transform:uppercase;
width:160px;
font-family:Helvetica, Arial, sans-serif
}

.buttonsNew{margin:0 0 0 auto; width:440px;}
.buttonsNew .last{margin-right:0}

.buttonsNew a{
background:transparent url(images/green-btn.gif) no-repeat scroll 0 0;
color:#FFFFFF;
display:inline;
float:left;
font-size:16px;
font-weight:bold;
height:28px;
line-height:16px;
margin-right:18px;
padding-bottom:4px;
padding-left:40px;
padding-top:12px;
text-decoration:none;
text-transform:uppercase;
width:170px;
font-family:Helvetica, Arial, sans-serif
}




.cal_month  {
    background-color: #3E7001;
    color: #FFFFFF;
    display: block;
    font-size: 14px;
    font-weight: bold;
    line-height: 22px;
    margin-bottom: 2px;
    text-align: center;
    text-transform: uppercase;
    width: 44px;
}

.event_body  {
    float: left;
    padding-bottom: 16px;
    width: 318px;
}

.cal_day  {
    display: block;
    font-size: 25px;
    font-weight: bold;
    line-height: 24px;
    margin-bottom: 2px;
    text-align: center;
}

.cal_month  {
    background-color: #3E7001;
    color: #FFFFFF;
    display: block;
    font-size: 14px;
    font-weight: bold;
    line-height: 22px;
    margin-bottom: 2px;
    text-align: center;
    text-transform: uppercase;
    width: 44px;
}