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

 /*the path is from the CSS file's point of view. We are leaving the file, going to the root */
 /*then back in to the src folder and too the fonts folder */

@font-face {
    font-family: 'rosecaps';
    src: url('../../src/fonts/rosecaps-webfont.eot');
    src: url('../../src/fonts/rosecaps-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../src/fonts/rosecaps-webfont.woff') format('woff'),
         url('../../src/fonts/rosecaps-webfont.ttf') format('truetype'),
         url('../../src/fonts/rosecaps-webfont.svg#rosecaps') format('svg');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 'Lora-Bold';
    src: url('../../src/fonts/lora-bold-webfont.eot');
    src: url('../../src/fonts/lora-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../src/fonts/lora-bold-webfont.woff') format('woff'),
         url('../../src/fonts/lora-bold-webfont.ttf') format('truetype'),
         url('../../src/fonts/lora-bold-webfont.svg#Lora-Bold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'Lora-Regular';
    src: url('../../src/fonts/lora-regular-webfont.eot');
    src: url('../../src/fonts/lora-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../src/fonts/lora-regular-webfont.woff') format('woff'),
         url('../../src/fonts/lora-regular-webfont.ttf') format('truetype'),
         url('../../src/fonts/lora-regular-webfont.svg#Lora-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

p,h1 {
    margin : 0;
    padding : 0;
}

h1,h2,h3,h4,h5{
    font-family: "Lora-Bold", Georgia, "Times New Roman", Times, serif;
    color : #333333;
    line-height : 0.9;
    margin-bottom : 0.5em;
}
body {
    font-size : 14px; /*mg*/
    font-family: "Lora-Regular", Georgia, "Times New Roman", Times, serif;
    overflow : hidden; /* for browsers that don't recognized the x version*/
    overflow-x : hidden;
    overflow-y : scroll;
}

#home{
    width : 100%;
    margin-left : auto;
    margin-right : auto;
    /*margin-top : 140px;*/
    margin-top : 10em;
    text-align : center;
}

#all{
    width : 66.4em; /*mg*/
    /*width : 930px; [>mg<]*/
}

#all #menu_bar{
    float : left;
    height : 100%;
    /*width : 300px;*/
    width : 21.5em;
    text-align : center;
    /*background-color : blue;*/
}

#menu_bar{
    position : fixed;
    min-height : 57em;
    background-image : url('../images/vertical-rule-grey.png');
    background-repeat:no-repeat;
    background-position: top right;
}

#logo {
    /*height : 250px;*/
    height : 17.8em;
}

#logo img {
    /*position : relative;*/
    /*top : 145px;*/
    padding-top : 10.3em;
}

#menu_links {
    /*margin-top : 116px;*/
    margin-top : 8.2em;
}

#menu_bar #menu_links a{
    display : block;    
    padding-bottom : 1.5em;
    font-size : 1.00em;
}

a{
    text-decoration : none;
}

a:link{
    color : #6D6D6D;
}

a:visited{
    color : #6D6D6D;
}

a:hover{
    color : #f9bdc0;  /*PINK*/
    text-decoration : underline;
    /*color : pink;*/
}

a:focus{
    color : #6D6D6D;
}

a.active, a:active{
    color : #f9bdc0;  /*PINK*/
}


#all #right_column{
    height : 100%;
    /*width : 600px;*/
    width : 42.8em;
    float : right;
    padding-left : 2em;
}

#all #right_column #content_top{
    /*height : 200px;*/
    height : 14.2em;
}

#all #right_column #content_top_contact{
    /*height : 120px;*/
    height : 8.5em;
}

#all #right_column #content_main p, ul, li {
    color : #6D6D6D;
    line-height : 1.5em;
    padding-bottom : 1em;
}

#all #right_column #content_main p a, .bold {

    font-family: "Lora-Bold", Georgia, "Times New Roman", Times, serif;
}

#all #right_column #content_main ul {
    padding-top : 0.5em;
    padding-bottom : 0em;
    list-style-type: disc;
    line-height : 1em;
    margin-left: 1.5em;
}

#all #right_column #content_main .underline {
  text-decoration : underline;
}


#all #right_column #content_main #contact {
    text-align : left;
    padding-top : 0em;
    padding-left : 1em;
    padding-bottom : 0em;
}

#all #right_column #content_main #contact #mail{
    font-family: "Lora-Regular", Georgia, "Times New Roman", Times, serif;
    text-decoration : none;
    /*padding-left : 195px; [>mg<]*/
    padding-left : 13.9em; /*mg*/
    line-height : 2.5em; /*mg*/
}

#all #right_column #content_main #contact #mail:hover {
    text-decoration : underline;
}

#all #right_column #content_main h1 {
    font-size : 2.0em;
}

#all #right_column #content_main h2 {
    margin-bottom : 0.5em;
    font-size : 1.50em;
}

#all #right_column #content_main h3 {
    margin-bottom : 0.5em;
    margin-top : 1.5em;
    font-size : 1.20em;
}

#all #right_column #content_main ol {
  list-style-type : lower-roman;
  margin-left: 2em;
}

#all #right_column #content_main ol li {
    color : #6D6D6D;
    line-height : 1.5;
    margin-bottom : 1.0em;
}


#all #right_column #content_main #footer a:hover {
    color : #f9bdc0;  /*PINK*/
}

#all #right_column #content_main a:hover {
    color : #404040;
}

#all #right_column #contact{
    text-align : center;
}

#all #right_column #contact img:hover{
  /* Theoretically for IE 8 & 9 (more valid) */
  /* ...but not required as filter works too */
  /* should come BEFORE filter */


  /* This works in IE 8 & 9 too */
  /* ... but also 5, 6, 7 */

  filter: alpha(opacity=50); 
  opacity: 0.7;
}

#all #right_column #content_main #rates p {
  padding : 1.5em 0em;
}

.round_box {
  border : solid 1px #999;
  border-radius : 3px;
  padding : 1em;
  margin : 1em 0em;
}

img.software_photos {
  width : 100%;
}

#all #footer{
    /*display : none;*/
    /*float : right;*/
    text-align : left;
    /*width : 950px;*/
    width : 67.8em;
    padding-top : 4em;
    color : #444444;
    font-size : 0.75em;
}

#all #footer a{
    /*padding : 0 10px;*/
    padding : 0 1em;
}