@charset "utf-8";
/* CSS Document */

/* this page controls the style and positioning of the site */
/* COLORS USED IN DESIGN: primary darkest: #3366BB (0, 45, 89); primary darker: #6699CC (112, 160, 200); 
primary lighter: #99CCCC (170, 205, 227); primary lightest #E8F1F8 (233, 241, 248) */

@font-face {
    font-family: American Captain;
    src: url('American Captain.otf');
}

/* SETTINGS: margins; paragraphs; headings; horzontal rules & line breaks - DO NOT TOUCH */
* {margin: 0; padding: 0;}
p{margin-top:10px; margin-bottom:10px;} 
p1{margin-top:0px; margin-bottom:0px;} 
body {text-align: center; background-color: #FFFFFF; overflow-y:scroll; overflow-x: auto;}
ul {list-style-position: inside;}
hr {border-top: 1px; border-color: #CCC;}

/* WRAPPER */
#wrapper {position: relative; width: 1000px; margin: 0 auto; text-align: left;}

/* BACKGROUNDS */
.background {position: absolute; height: 490px; width: 100%; margin: 0; margin-top: px; /* add back negative margin value */ background-color:#FFFFFF;} 
.background_image {background-image: url(bowtechtherapia.jpg); width:1000px; height: 325px; z-index: 1;}

/* BODIES */
.main_body {position:relative; left:3px; top: 330px; width:997px; height: auto; padding-top: 2px; background-position: left; background-repeat: repeat-y; overflow: visible; z-index:10;}

/* NAVIGATION BUTTONS */
/* HOME */
#home_button {position: absolute; display: block; width: 88px; height: 79px; background-image: url(icon_1_home.png); margin-top: 230px; background-repeat: no-repeat; background-position: 0 0; outline: none; margin-left: 10px; z-index: 100;}
#home_button:hover {background-position: 0 -80px; outline: none; }
#home_button span {position: absolute; top: -999em;}

#home_button_selected {position: absolute; display: block; width: 88px; height: 79px; background-image: url(icon_1_home.png); margin-top: 230px; background-repeat: no-repeat; background-position: 0 -80px; outline: none; margin-left: 10px; z-index: 100;}
#home_button_selected:hover {background-position: 0 -80px; outline: none; }
#home_button_selected span {position: absolute; top: -999em;}

/* TEXNIKI */
#texniki_button {position: absolute; display: block; width: 88px; height: 79px; background-image: url(icon_2_texniki.png); alt="logo" background-repeat: no-repeat; background-position: 0 0; outline: none; margin-top: 230px; margin-left: 105px; z-index: 100;}
#texniki_button:hover {background-position: 0 -80px; outline: none; }
#texniki_button span {position: absolute; top: -999em;}

#texniki_button_selected {position: absolute; display: block; width: 88px; height: 79px; background-image: url(icon_2_texniki.png); alt="logo" background-repeat: no-repeat; background-position: 0 -80px; outline: none; margin-top: 230px; margin-left: 105px; z-index: 100;}
#texniki_button_selected:hover {background-position: 0 -80px; outline: none; }
#texniki_button_selected span {position: absolute; top: -999em;}

/* EFARMOGES */
#efarmoges_button {position: absolute; display: block; width: 88px; height: 79px; background-image: url(icon_3_efarmoges.png); alt="logo" background-repeat: no-repeat; background-position: 0 0; outline: none; margin-top: 230px; margin-left: 207px; z-index: 100;}
#efarmoges_button:hover {background-position: 0 -80px; outline: none; }
#efarmoges_button span {position: absolute; top: -999em;}

#efarmoges_button_selected {position: absolute; display: block; width: 88px; height: 79px; background-image: url(icon_3_efarmoges.png); alt="logo" background-repeat: no-repeat; background-position: 0 -80px; outline: none; margin-top: 230px; margin-left: 207px; z-index: 100;}
#efarmoges_button_selected:hover {background-position: 0 -80px; outline: none; }
#efarmoges_button_selected span {position: absolute; top: -999em;}

/* SOMA */
#soma_button {position: absolute; display: block; width: 88px; height: 79px; background-image: url(icon_4_soma.png); alt="logo" background-repeat: no-repeat; background-position: 0 0; outline: none; margin-top: 230px; margin-left: 315px; z-index: 100;}
#soma_button:hover {background-position: 0 -80px; outline: none; }
#soma_button span {position: absolute; top: -999em;}

#soma_button_selected {position: absolute; display: block; width: 88px; height: 79px; background-image: url(icon_4_soma.png); alt="logo" background-repeat: no-repeat; background-position: 0 -80px; outline: none; margin-top: 230px; margin-left: 315px; z-index: 100;}
#soma_button_selected:hover {background-position: 0 -80px; outline: none; }
#soma_button_selected span {position: absolute; top: -999em;}

/* ISTORIA */
#istoria_button {position: absolute; display: block; width: 88px; height: 79px; background-image: url(icon_5_istoria.png); background-repeat: no-repeat; background-position: 0 0; outline: none; margin-top: 230px; margin-left: 420px; z-index: 100;}
#istoria_button:hover {background-position: 0 -80px; outline: none; }
#istoria_button span {position: absolute; top: -999em;}

#istoria_button_selected {position: absolute; display: block; width: 88px; height: 79px; background-image: url(icon_5_istoria.png); background-repeat: no-repeat; background-position: 0 -80px; outline: none; margin-top: 230px; margin-left: 420px; z-index: 100;}
#istoria_button_selected:hover {background-position: 0 -80px; outline: none; }
#istoria_button_selected span {position: absolute; top: -999em;}

/* ARTHRA & BINTEO */
#arthra_button {position: absolute; display: block; width: 110px; height: 79px; background-image: url(icon_9_arthra_binteo.png); background-repeat: no-repeat; background-position: 0 0; outline: none; margin-top: 230px; margin-left: 520px; z-index: 100;}
#arthra_button:hover {background-position: 0 -80px; outline: none; }
#arthra_button span {position: absolute; top: -999em;}

#arthra_button_selected {position: absolute; display: block; width: 110px; height: 79px; background-image: url(icon_9_arthra_binteo.png); background-repeat: no-repeat; background-position: 0 -80px; outline: none; margin-top: 230px; margin-left: 520px; z-index: 100;}
#istoria_button_selected:hover {background-position: 0 -80px; outline: none; }
#istoria_button_selected span {position: absolute; top: -999em;}

/* MARTIRIES */
#martiries_button {position: absolute; display: block; width: 88px; height: 79px; background-image: url(icon_6_martiries.png); background-repeat: no-repeat; background-position: 0 0; outline: none; margin-top: 230px; margin-left: 660px; z-index: 100;}
#martiries_button:hover {background-position: 0 -80px; outline: none; }
#martiries_button span {position: absolute; top: -999em;}

#martiries_button_selected {position: absolute; display: block; width: 88px; height: 79px; background-image: url(icon_6_martiries.png); background-repeat: no-repeat; background-position: 0 -80px; outline: none; margin-top: 230px; margin-left: 660px; z-index: 100;}
#martiries_button_selected:hover {background-position: 0 -80px; outline: none; }
#martiries_button_selected span {position: absolute; top: -999em;}

/* SAXTOURI */
#saxtouri_button {position: absolute; display: block; width: 88px; height: 79px; background-image: url(icon_7_saxtouri.png); background-repeat: no-repeat; background-position: 0 0; outline: none; margin-top: 230px; margin-left: 780px; z-index: 100;}
#saxtouri_button:hover {background-position: 0 -80px; outline: none; }
#saxtouri_button span {position: absolute; top: -999em;}

#saxtouri_button_selected {position: absolute; display: block; width: 88px; height: 79px; background-image: url(icon_7_saxtouri.png); background-repeat: no-repeat; background-position: 0 -80px; outline: none; margin-top: 230px; margin-left: 780px; z-index: 100;}
#saxtouri_button_selected:hover {background-position: 0 -80px; outline: none; }
#saxtouri_button_selected span {position: absolute; top: -999em;}

/* EPIKINONIA */
#epikinonia_button {position: absolute; display: block; width: 88px; height: 79px; background-image: url(icon_8_epikinonia.png); background-repeat: no-repeat; background-position: 0 0; outline: none; margin-top: 230px; margin-left: 890px; z-index: 100;}
#epikinonia_button:hover {background-position: 0 -80px; outline: none; }
#epikinonia_button span {position: absolute; top: -999em;}

#epikinonia_button_selected {position: absolute; display: block; width: 88px; height: 79px; background-image: url(icon_8_epikinonia.png); background-repeat: no-repeat; background-position: 0 -80px ; outline: none; margin-top: 230px; margin-left: 890px; z-index: 100;}
#epikinonia_button_selected:hover {background-position: 0 -80px; outline: none; }
#epikinonia_button_selected span {position: absolute; top: -999em;}


/* FONTS */
.heading_main {font-size: 40px; font-weight: normal; font-family: 'Open Sans', sans-serif; color: #000000; letter-spacing: 1px; word-spacing: 7px; line-height: 50px; margin-left: 0px; padding-top:8px; padding-bottom:10px;}
.heading_main_2 {font-size: 25px; font-weight: normal; font-family: 'Open Sans', sans-serif; color: #000000; line-height: 20px; margin-left: 0px; padding-top:-10px; padding-bottom:10px;}
.heading_main_3 {font-size: 25px; font-weight: normal; font-family: 'Open Sans', sans-serif; color: #000000; line-height: 20px; margin-left: 0px; padding-top:-10px; padding-bottom:10px; text-align: left; line-height: 35px;}
.heading_sub {font-size: 35px; font-weight: normal; font-family: 'Open Sans', sans-serif; color: #1B7724; letter-spacing: 1px; word-spacing: 7px; line-height: 25px; margin-left: 0px; padding-top:8px; padding-bottom:0px;}
.body_normal  {font-size: 17px; width: 994px; margin-left: 3px; font-weight: 400; font-family: 'Open Sans', sans-serif; color: #000000; line-height: 27px; margin-left: 0px; text-align: left;}
.body_green  {font-size: 17px; width: 994px; margin-left: 3px; font-weight: 400; font-family: 'Open Sans', sans-serif; color: #008000; line-height: 27px; margin-left: 0px;}

.rcorners {font-size: 17px; font-weight: 400; font-family: 'Open Sans', sans-serif; color: #FFFFFF; line-height: 27px; margin-left: 0px; border-radius: 5px; background: #1B7724; padding: 5px; width: 965px;}
.rcorners_light {font-size: 17px; font-weight: 400; font-family: 'Open Sans', sans-serif; color: #013E1C; line-height: 27px; margin-left: 0px; border-radius: 5px; background: #F5FAEF; padding: 20px; width: 950px;}


/* GO TO LINKS: small links to get to something*/
a.goto:link {font-family: 'Open Sans', sans-serif; font-size:17px; font-weight: 500; text-decoration: underline; color:  #007bff; line-height: 27px;}
a.goto:visited {font-family: 'Open Sans', sans-serif; font-size:17px; font-weight: normal; text-decoration: underline; color: #007bff; line-height: 27px;}
a.goto:hover {font-family: 'Open Sans', sans-serif; font-size:17px; font-weight: normal; text-decoration: underline; color: #007bff; line-height: 27x;}
a.goto:active {font-family: 'Open Sans', sans-serif; font-size:17px; font-weight: normal; text-decoration: underline; color:  #007bff; line-height: 27px;}

/* IMAGES IN ARTICLES */

.article_list {float: left; margin-right: 20px;}