﻿*{
    margin:0px;
    padding:0px;
    font-family:times new Roman ;
    font-size:14px; 
}

html,body
{
    height: 100%;
    background-color:#0a0b0c; 
}


.clear{
    font-size: 1px;
	height: 0px;
	clear: both;
	overflow:hidden;
}

h1
{
  display:block;
  float:right;
  width:451px;
  height:20px;
  margin-top:175px;
  color:White;
  font-size:18px
}
h2
{
  display:block;
  float:right;
  width:450px;
  height:20px;
  margin-bottom:15px;
  font-size:18px;
  margin-top:10px;
}

.outer_container
{
  width:100%;
}

.main_container
{
  margin-top:-13px;
  margin-left:auto;
  margin-right:auto;
  width:948px;
  height:905px;
  background-image:url(../images/BG.jpg);
  background-position:top left;
  background-repeat:no-repeat;
  position:relative;
}

.main_text
{
    width:743px;
    float:left;
}

.scroll_text table a
{
    color:Black;
    text-decoration:none;
    outline:none;
}
.scroll_text table a:hover
{
    text-decoration:underline;
   
}

.scroll_text
{
    float:right;
    width:435px;
    height:210px;
    padding-right:15px;
}

.scroll_text ul li
{
    color:#932326;
   
}
.scroll_text ul li a
{
   color:Black;
}
.scroll_text ul 
{
    margin-left:20px;
}
.scroll_text p
{
    padding-bottom:10px;
    line-height:19px;
    text-align:justify;
}
.scroll_text2
{
    float:right;
    width:435px;
    height:200px;
    padding-right:15px;
}

.scroll_text3
{
    float:left;
    width:450px;
    height:350px;
    margin-top:15px;
}

.scroll_text3 ul 
{
    padding-left:15px;
    color:#952828;
}

.scroll_text3 p
{
    
}


.main_info
{
    float:right;
    width:450px;
    height:280px;
    margin-top:20px;
}


.left_column
{
    width:200px;
    float:left;
}


.left_menu
{
    width:175px;
    height:200px;
    float:left;
    margin-top:70px;
    margin-left:20px;
}

.left_menu ul
{
    margin-top:7px;
}

.left_menu li
{
    list-style:none;
    padding-bottom:5px;
}
.left_menu li a
{
    text-decoration:none;
    color:Black;
    font-size:15px;
    outline:none;
}
.left_menu li a:hover
{
    text-decoration:underline;
}

.presentBtn
{
    height:82px;
    float:left;
    width:200px;
    margin-top:100px;
}

.presentBtn a
{
    display:block;
    width:120px;
    color:Black;
    text-decoration:none;
    font-size:16px;
    margin-left:67px;
    margin-top:22px;
    outline:none;
}

.contactBtn
{
    height:32px;
    float:left;
    width:200px;
    margin-top:70px;
}

.contactBtn a
{
    display:block;
    height:32px;
    width:150px;
    outline:none;
}


.footer_menu
{
    position:absolute;
    bottom:0;
    width:1000px;
    height:30px;
    font-size:10px;
    color:#4e4a49;
    padding-left:27px;
}
.footer_menu a
{
    color:#4e4a49;
    font-size:10px;
    text-decoration:none;
}
.footer_menu a:hover
{
    text-decoration:underline; 
}
.PagesInfo
{
    width:440px;
    float:left;
    color:White;
    margin-top:5px;
}


.PhotoThumb
{
    width:70px;
    height:70px;   
    float:left;
    margin-right:10px;
    margin-bottom:10px;
    border:solid 1px #e3e0ce;
}

.PhotoThumb a
{
    outline:none;
}

.PhotoThumb IMG
{
   width:70px;
   height:70px; 
}


.PhotoThumb2
{
    width:60px;
    height:60px;   
    float:left;
    margin-right:20px;
    margin-bottom:10px;
    border:solid 1px #e3e0ce;
}

.PhotoThumb2 a
{
    outline:none;
    
}

.PhotoThumb2 IMG
{
   width:60px;
   height:60px; 
}
.mp3
{
    width:100px;
    float:left;
    margin-top:-2px;
}
.Aggeioplastes
{
    width:400px;
    float:left;
    color:White;
    margin-top:10px;
}
.Aggeioplastes p
{
    margin-bottom:18px;
}
.Aggeioplastes h1
{
    font-size:15px;
}

.Aggeioplastes ul li
{
    color:#932326;
   
}
.Aggeioplastes ul li a
{
   color:Black;
}
.Aggeioplastes ul 
{
    margin-left:20px;
}




/*-------------------------------- SCROLLER ----------------------------------------------*/




.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	outline:none;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right:0;
	top: 0;
	height: 100%;
	background-image:url(../images/scrollbarbg.png);
	background-position:center top;
	background-repeat:repeat-y;
}
.jScrollPaneDrag {
	position: absolute;
	cursor: pointer;
	background-image:url(../images/scrollBg.png);
	background-repeat:no-repeat;
	background-position:left top;
	overflow:visible;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
/*a.jScrollArrowUp:hover {
	background-color: #f60;
}*/

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
/*a.jScrollArrowDown:hover {
	background-color: #f60;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-color: #f00;
}*/


a.jScrollArrowUp {
	background: url(../images/basic_arrow_up.html) repeat-x 0 0;
}
/*a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}*/
a.jScrollArrowDown {
	background: url(../images/basic_arrow_down.html) repeat-x 0 0;
}
/*a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}*/
/*a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}*/


.orange-bar .jScrollPaneTrack {
	background: #f60;
}
.orange-bar .jScrollPaneDrag {
	background: #00f url(../images/drag_grab.html) no-repeat 50% 50%;
}
.orange-bar .scroll-pane {
	background: #69f;
}
			
.holder {
	float: left;
	margin: 10px;
}

.scroll-pane {
	/*height: 400px;*/
    width: 294px;
	overflow: auto;
	background: #fff;
	/*float: left;*/
}

.wide {
	width: 400px;
}

.super-wide {
	width: 700px;
}

.tall {
	height: 400px;
}

#pane1 {
	height: 505px;
}

#pane2 {
	height: 217px;
}



/*-------------------------------- END OF SCROLLER ----------------------------------------------*/
