Color + Navigation

Good morning

My website is alavise.com and has been developed with Highend theme.

There are a few things I would like to change.

– main background color where body text is written is a very light grey it seems: I would like to change to white
– links do not appear well enough in body text: I would like them to be more distinct from the text (playing with weight, color, letter spacing…); I tried Navigation option, but it changed the menu, not the body text

Where to find these options ? In theme options ? In custom CSS ?

Please find attached my current custom CSS code.

Thank you for your support.
Kind regards
Jean-Charles

PS : Custom CSS

#main-wrapper.hb-stretched-layout {
background: #fff none repeat scroll 0% 0%;
}
#header-bar, #header-bar .top-widget, #header-bar a {
font-size: 11px;
color: #aaa;
}
#header-bar a:hover {
color: #186898;
}
#header-bar {
line-height: 30px;
}
.light-large-text {
font-weight: 200;
}

h1, h2, h3, h4 {
font-weight: 300 !important;
}
body {
color: #888;
}
.crss {
height: 1px;
float: right;
width: 1px;
overflow: hidden;
}

#header-bar a {
display: inline;
}
#header-bar a:hover {
color: #C0392B;
}
.item-overlay-text {
background: transparent;
}
hr {
width: 50%;
margin: 30px auto 35px;
}

@media handheld,only screen and (max-width:900px){
#show-nav-menu {
display: block !important;
}
}

#mobile-menu ul.menu { margin-bottom: 50px; }

@media handheld, only screen and (max-width: 900px) {
.share-holder { display: block !important; }
}

@media handheld, only screen and (max-width: 900px) {
#pre-footer-area { display: block !important; }
span.pre-footer-text { line-height: 30px !important; }
#pre-footer-area .hb-button { display: block !important; margin-top: 20px !important } }