Help converting PSD to CSS

[DezUk]

It's been a while since I did a website design from scratch, I have the design done and the PSD finalised, you can see it here

I have already started to create the design using simple CSS and HTML and so far have this

The CSS looks like this so far:

html, body {
	margin: 0;
	padding: 0;
	background: url(images/bg.gif) repeat-x;
}

#container {
	width: 665px;
	margin: auto;
	background: red;	     
}

#header	{
	position: relative;
	width: 665px;
	height: 80px;
	background: url(images/header.jpg);
}

#nivoslider	{
	position: relative;
	width: 665px;
	height: 240px;
	background: darkblue;

I need help on how to best split the site, I ideally want to add the nivo slider jQuery app where the mac banner is so that this will change. But I am not sure how to do this so the image of the woman with thge arms in the air will work properly.

I assume the best way to do the bottom of the site is to split it into 2 columns, one side for text and one side for the twitter feed?

Also one other thing is the drop shadow, how can I best achieve this?

Just looking for tips and ideas.

Thanks in advance

 

[DezUk]

Can anyone help me with this?

Cheers

 

[DezUk]

Isns't CSS3 not supported properly by most browsers, there must be an oldskool way to do this?

 

[DezUk]

Thanks for the advice Staffy. I silly question but I assume you would do something like this all in notepad and link the CSS to HTML file?

Or is there a decent piece of software for doing this these days, used to be Dreamweaver, is it still the one to use?