@Kenta: Thanks for your appreciation.
1. To reduce the height above slider and below your header, you need to adjust the padding-bottom in the following css as per your need and then add it in “Appearance => Theme Options => Custom CSS” box:
#header-left { padding-bottom: 15px; }
#header-right .widget .menu a { padding-bottom: 24px; }
Then to reduce the height at the top of page, you need to adjust the padding-top in the following css as per your need and then add it in “Appearance => Theme Options => Custom CSS” box:
#masthead { padding-top: 15px; }
2. You can change the color code in the following css as per your need and then add it in “Appearance => Theme Options => Custom CSS” box:
/* For slider circle color */
#controllers a { background-color: #fff; }
/* For slider circle Hover-Active color */
#controllers a:hover, #controllers a.active { background-color: #7c9b30; }
3. To remove grey border above the footer, you can add the following css in “Appearance => Theme Options => Custom CSS” box:
#colophon { border: none; }