body{
        margin:40px 0 0 0;
        font-family:Arial, sans-serif;
        font-size:12px;
        background-image:url('../images/bg.jpg');
        background-repeat:no-repeat;
        background-color:#006200;
        
        /* Change Scrollbar Styling - IE only*/
            scrollbar-3dlight-color:#2b422b; 
            scrollbar-arrow-color:#2b422b; 
            scrollbar-base-color:#FFFFFF; 
            scrollbar-darkshadow-color:#2b422b; 
            scrollbar-face-color:#e3eee3; 
            scrollbar-highlight-color:#e3eee3; 
            scrollbar-shadow-color:#e3eee3;
            scrollbar-track-color: #FFFFFF;
}

a, a:visited{
	color:#006200;
}
a:hover{
	color:#7cb37c;
}

h1{
	font-size:16px;
	color:#464646;
}
    
h2{
	clear:both;
    font-size:13px;
	color:#464646;
}
h3{
	font-size:13px;
	color:#464646;
}
.spacer{
	clear:both;
}

#header{
        position:relative;
        top:0;
        left:0;
        width:900px;
        height:155px;
        margin:0 auto;
        background-color:#FFFFFF;
    }

#header img.logo{
        float:right;
        width:270px;
        height:117px;
    }
#header img.contact{
	float:left;
	width:300px;
	height:100px;
}
#menu{
        position:absolute;
        bottom:0;
        left:0;
        width:888px;
        height:32px;
        background-color:#e3eee3;
        list-style:none;
        margin:0;
        padding:0 0 0 12px;
    }

#menu li{
        float:left;
    }
    
#menu a, #menu a:visited{
	float:left;
	padding:8px;
	color:#006200;
	text-decoration:none;
	font-weight:bold;
	font-size:13px;
	float:left;
	text-indent:-1500px;
	background-repeat:no-repeat;
	background-position: 0 0;
	overflow:hidden;
}

#menu a:hover, #menu li.selected a, #menu li.selected a:visited{
	background-position: 0 -32px;
}
#menu a.profile, #menu a.profile:visited{
	width:110px;
	background-image:url('../images/menu/profile.gif');
}
#menu a.projects_84, #menu a.projects_84:visited{
	width:95px;
	background-image:url('../images/menu/84.gif');
}
#menu a.projects_85, #menu a.projects_85:visited{
	width:45px;
	background-image:url('../images/menu/85.gif');
}
#menu a.projects_86, #menu a.projects_86:visited{
	width:100px;
	background-image:url('../images/menu/86.gif');
}
#menu a.projects_87, #menu a.projects_87:visited{
	width:100px;
	background-image:url('../images/menu/87.gif');
}
#menu a.resources, #menu a.resources:visited{
	width:65px;
	background-image:url('../images/menu/resources.gif');
}
#menu a.press, #menu a.press:visited{
	width:90px;
	background-image:url('../images/menu/press.gif');
}
#menu a.contact, #menu a.contact:visited{
	width:68px;
	background-image:url('../images/menu/contact.gif');
}
#menu a.games, #menu a.games:visited{
	width:55px;
	background-image:url('../images/menu/games.gif');
}
	

#container{
        width:900px;
        height:409px;
		background-color:#FFFFFF;
        padding:0;
        margin:20px auto 0 auto;
    }

#container h1{
	margin:0 20px 0 20px;
	padding:20px 0 0 0;
}
	
#container #content{
        float:left;
        width:570px;
        height:335px;
        overflow:auto;
        padding:0 10px 0 0;
		margin:20px 0 0 20px;
    }

    #content a.project-listing, #content a.project-listing:visited{
			float:left;
			width:525px;
            font-size:10px;
            text-decoration:none;
            color:#000000;
            border-bottom:1px dotted #464646;
            padding:10px;
            overflow:hidden;
        }
    #content a.project-listing:hover{
            background-image:url('../images/listing-bg.jpg');
            background-repeat:repeat-x;
        }
    #content a.project-listing .text-link{
            float:right;
            padding:5px;
            text-decoration:underline;
        }    
    #content a.project-listing h3{
            margin:0;
            font-size:11px;
        }
    #content .project-cat{
            font-weight:normal;
            font-style:italic;
        }
    #content a.project-listing h4{
            margin:0 0 10px 0;
            font-size:10px;
        }
	#content .project-thumb{
		float:left;
		width:120px;
		height:90px;
		overflow:hidden;
		margin:0 10px 10px 0;
	}
	#content #project-menu{
		clear:both;
		margin:10px 0;
		padding:0;
		list-style:none;
		border-top:1px dotted #136d13;
		border-bottom:1px dotted #136d13;
		height:25px;
	}
	#content #project-menu li{
		float:left;
	}
	#content #project-menu li a, #content #project-menu li a:visited{
		float:left;
		padding:5px 5px 5px 0;
		width:
	}
	#content #project-menu li.selected a, #content #project-menu li.selected a:visited{
		font-weight:bold;
	}
	#content a.file, #content a.file:visited{
		clear:both;
		float:left;
		padding:1px 0 5px 25px;
		background-position:0 0;
		background-repeat:no-repeat;
	}
	#content a.pdf, #content a.pdf:visited{
		background-image:url('../images/icons/pdf.gif');
	}
	#content a.doc, #content a.doc:visited{
		background-image:url('../images/icons/doc.gif');
	}
	#content a.xls, #content a.xls:visited{
		background-image:url('../images/icons/xls.gif');
	}
	#content a.img, #content a.img:visited{
		background-image:url('../images/icons/img.gif');
	}
	#content .press-releases h3{
		float:left;
	}
	#content a.back, #content a.back:visited{
		float:right;
	}
	#content .press-releases .press{
		clear:both;
	}

#container #page-image{
	position:relative;
	top:0;
	left:0;
	margin:20px 20px 0 0;
	width:270px;
	height:335px;
	float:right;
	overflow:hidden;
}

.contact-form{
	width:310px;
	float:left;
}
input{
	width:200px;
}
textarea{
	width:200px;
	height:150px;
}
input.button{
	width:100px;
}
.contact-info{
	float:right;
	text-align:center;
	width:250px;
}

/*
	GAMES
*/


	.controls img{
		float:left;
	}
	
	.controls p{
		float:left;
		width:150px;
		line-height:33px;
	}
	
	.bottom-controls{
		clear:both;
	}
	
	a img{
		border:0;
	}
	
#footer{
	width:880px;
	background-color:#FFFFFF;
	padding:5px 0px 10px 20px;
	margin:4px auto 0 auto;
}
    
#footer h2{
	float:left;
	color:#7e7e7e;
	margin:12px 30px 0 0;
	
}
#footer a, #footer a:visited{
	float:left;
	height:30px;
}
#footer img{
	float:left;
	margin:5px 20px 5px 0;
}

#itrm-footer{
	position:relative;
	top:0;
	left:0;
	width:890px;
	height:20px;
	margin:0 auto;
	color:#EAEAEA;
	padding:5px;
	text-align:right;
	font-size:10px;
	clear:both;
} 

#itrm-footer a, #itrm-footer a:visited{
	color:#81a481;
}

#itrm-footer a:hover{
	color:#FFFFFF;
}