body {
	margin:0px;
	font-family:Arial, Sans-Serif;
	background-color:#000;
	font-size:14px;
	line-height:19px;
}

img 
{
    border:none;
}

#container {
	width:850px;
	margin:auto;
	border:2px solid #000;
	background-color:#fff;
}

#header {
	background-image:url(../images/grasstop.jpg);
	background-repeat:no-repeat;
	height:203px;
}

#flimsy, #logo, #animals {
	float:left;
}

#flimsy
 {
	background-repeat:no-repeat;
	background-position:left 3px;
	width:272px;
	height:207px;
}

body#home #flimsy, #flimsy
{
    background-image:url(../images/HomeFlimsy.jpg);
}

body#projects #flimsy, body#portfolio #flimsy
{
    background-image:url(../images/ProjectsFlimsy.jpg);
}

body#links #flimsy
{
    background-image:url(../images/LinksFlimsy.jpg);
}

body#shop #flimsy
{
    background-image:url(../images/ShopFlimsy.jpg);
}

body#contact #flimsy
{
    background-image:url(../images/ContactFlimsy.jpg);
}

body#about #flimsy
{
    background-image:url(../images/AboutFlimsy.jpg);
}

#logo {
	background-image:url(../images/logo.jpg);
	background-repeat:no-repeat;
	width:237px;
	background-position:left 20px;
	padding-top: 184px; /* height of the replacement image */
    height: 0px;
    overflow: hidden;
}

#animals {
	background-color:#fff;
	background-position:right 4px;
	background-repeat:no-repeat;
	width:332px;
	height:203px;
}

body#home #animals, #animals
{
    background-image:url(../images/HomeFlowers.jpg);
}

body#projects #animals, body#portfolio #animals
{
    background-image:url(../images/ProjectsSnakes.jpg);
    width:340px;
    position:relative;
    left:1px;
}

body#links #animals
{
    background-image:url(../images/LinksBunnies.jpg);
}

body#shop #animals
{
    background-image:url(../images/ShopBirds.jpg);
}

body#contact #animals
{
    background-image:url(../images/ContactMice.jpg);
}

body#about #animals
{
    background-image:url(../images/AboutMushrooms.jpg);
}

#body {
	background-color:#c0ed9d;
	min-height:420px;
	height:auto !important;
	height:420px;
}

#content {
	width:520px;
	margin-right:290px;
	padding-left:15px;
	padding-right:15px;
}

#menu {
	width:290px;
	float:right;
	text-align:center;
	overflow:hidden;
}

#menu ul {
	background-image:url(../images/menucontainer.jpg);
	background-repeat:no-repeat;
	width:255px;
	height:402px;
	margin-top:5px;
	margin-left:45px;
	padding:5px 10px;
	list-style:none;
	text-align:left;
}

#menu ul li a 
{
    width:200px;
    display:block;
    padding-top: 54px; /* height of the replacement image */
    height: 0px;
    overflow: hidden;
    background-repeat: no-repeat;
    margin-left:10px;
    
}

#menu ul li a.home
{
    background-image:url(../images/HomeButton.jpg);
    background-position:left;
    position:relative;
    _top:-10px;
}

#menu ul li.current a.home, #menu ul li a.home:hover {
    background-image:url(../images/HomeButton_RollOver.jpg);
}

#menu ul li a.about
{
    background-image:url(../images/AboutButton.jpg);
}

#menu ul li.current a.about, #menu ul li a.about:hover 
{
    background-image:url(../images/AboutButton_RollOver.jpg);
}

#menu ul li a.projects
{
    background-image:url(../images/ProjectsButton.jpg);
}

#menu ul li.current a.projects, #menu ul li a.projects:hover
{
    background-image:url(../images/ProjectsButton_RollOver.jpg);
}

#menu ul li a.portfolio
{
    background-image:url(../images/PortfolioButton.jpg);
}

#menu ul li.current a.portfolio, #menu ul li a.portfolio:hover
{
    background-image:url(../images/PortfolioButton_RollOver.jpg);
}

#menu ul li a.links
{
    background-image:url(../images/LinksButton.jpg);
}

#menu ul li.current a.links, #menu ul li a.links:hover
{
    background-image:url(../images/LinksButton_RollOver.jpg);
}

#menu ul li a.shop
{
    background-image:url(../images/ShopButton.jpg);
}

#menu ul li.current a.shop , #menu ul li a.shop:hover
{
    background-image:url(../images/ShopButton_RollOver.jpg);
}

#menu ul li a.contact
{
    background-image:url(../images/ContactButton.jpg);
}

#menu ul li.current a.contact, #menu ul li a.contact:hover
{
    background-image:url(../images/ContactButton_Rollover.jpg);
}
	
h1, h2, h3, h4 {
    margin:0px;
    padding:0px;
}

h2 
{
    line-height:15px;
}

#homepageProjectList 
{
    clear:left;
}

#homepageProjectList .project
{
    display:inline-block;
    width:165px;
    padding-bottom:5px;
    padding-right:5px;
    overflow:hidden;
}

.portfolioThumb
{
    display:inline-block;
    width:98px;
    padding-bottom:5px;
    padding-right:1px;
    overflow:hidden;
}

#projectList .project
{
    clear:left;
}

#projectList .project .splashImage 
{
    float:left;
    width:165px;
}

#projectList .project .details
{
    float:left;
    width:305px;
    height:155px;
    margin-left:10px;
    padding:15px;
    background-image:url(../images/ProjectIntroBox.jpg);
    background-repeat:no-repeat;
}

#projectList .project .details h2 
{
    font-weight:normal;
    padding-bottom:10px;
}

#projectList .project .details h2 a 
{
    color:#000;
}
#content.about, #content.shop, #content.contact, #content.links
{
    width:505px;
    min-height:370px;
    padding:5px 10px;
    margin-left:20px;
}

/*#content.about
{
    background-image:url(../images/AboutTextbox.jpg);
    background-repeat:no-repeat;
}*/

ul.links 
{
    margin:0px;
    padding:0px;
    list-style:none;
}

ul.links a 
{
    display:block;
    padding-left:80px;
    padding-top:30px;
    padding-bottom:20px;
    height:30px;
    background-image:url(../images/LinkFlower1.jpg);
    background-position:left;
    background-repeat:no-repeat;
}

ul.links a.flower_1 
{
    background-image:url(../images/LinkFlower1.jpg);
}

ul.links a.flower_2 
{
    background-image:url(../images/LinkFlower2.jpg);
}

ul.links a.flower_3 
{
    background-image:url(../images/LinkFlower3.jpg);
}

ul.links a.flower_4
{
    background-image:url(../images/LinkFlower4.jpg);
}

ul.links a.flower_5
{
    background-image:url(../images/LinkFlower5.jpg);
}

#footer {
	background-image:url(../images/footer.jpg);
	height:283px;
	background-repeat:no-repeat;
}


#footer ul 
{
    list-style:none;
    padding:0px;
    margin:0px;
    margin-top:60px;
}

#footer ul.internal 
{
    float:left;
    margin-left:30px;
    width:100px;
}

#footer ul.external 
{
    float:left;
    position:relative;
    left:290px;
    _left:270px;
}

#footer ul li a 
{
    display:block;
    color:#f4eede;
    font-size:16px;
    font-weight:bold;
    text-decoration:none;
    height:40px;    
}

.portfolioItem {
    text-align:center;
    margin:auto;
}