Its been a while since I've used CSS. But i'm having trouble. For some reason, I can't get my page to recognize some embedded code I have in the <style> tags. I understand that anything embedded should override external settings.

The global of the external stylesheet are overriding the embedded.

http://www.giodesigns.net/giodesigns/shomepage.htm

Global.css

#center h1 {

width: 380px;
min-height: 20px;
margin: .2em auto .5em auto;
font: bold 5em/1em Georgia;
text-align: center;
color: #ddd;

}

Embedded within the page shomepage.htm

I've tried several combinations.

div#center h1 #homepage {

width: 50%;
min-height: 20px;
margin: 2em auto 5em auto;
font: bold 2em/1em Georgia;
text-align: center;
color: blue;

}


<h1 id="homepage">Gioelli Jewelry</h1>

if you need more info, please let me know. Thanks!