css and html for mobile web site

Need to create html markup and css compliant in modern standards, for a mobile version of a website. The html and markup will have to be in percentages and created in such way that can be displayed on all major mobile devices (iphone, blackberry and android). I have the comps ready in photoshop and illustrator. All text has to be html and css, NOT IMAGES. the delivery will be as follows: -homepage with slider and menu. (there is an image slider here (jquery)). -inner pages with collapsible tabs (jquery need to be used here) -popup for call now. (it has to be clickable so that when the clicks on it it will initiate the call to the specified number). -menu in the inner pages will be always at the bottom of the screen, but when clicked will slide up showing the main menu. -inner pages will have a link to the bio pages of the users in the website, so there will be a bio page for the user. -in total there will be 6-9 different pages to navigate. This template will be used for a content management system, so it has to be compliant to web developing standars and used the new html5 features along with the css box model. I will not accept spaghetti code, incomprehensible css or html, of buggy code. Please provide samples of related projects for mobile devices.