@charset "utf-8";
/* CSS Document */

/* Reset stylesheet (Thanks to Eric Meyer)
--------------------------------------------------*/
@import url(reset.css);

#wrapper{
	position:absolute; top: 50%; left: 50%; width:960px; height:532px;
	margin-top: -266px;; /*set to a negative number 1/2 of your height*/
	margin-left: -480px; /*set to a negative number 1/2 of your width*/
}
#leftColDiv{float:left; position:relative; width:210px; height:500px; background-color:#1E001C;}
#logoDiv{margin: 26px 0 0 17px;}
#menuDiv{
	position:absolute; bottom:0px; font-family:Verdana, Geneva, sans-serif; font-family:
	font-weight:bold; font-size:11px; margin: 0 0 20px 20px; width:84px; overflow:hidden;
}
#menuDiv li{width:84px; height:10px; /*padding: 10px 0 0 84px;*/ margin:0 0 10px; 0; background-image:url(/images/layout/menu.jpg); background-repeat:no-repeat; cursor:pointer;}
#menuDiv li a{display:none;}
#menuDiv #about{background-position: 0px 0px;}
#menuDiv #work{background-position: 0px -24px;}
#menuDiv #testimonials{background-position: 0px -48px;}
#menuDiv #enviromental{background-position: 0px -72px;}
#menuDiv #contact{background-position: 0px -96px;}
#menuDiv #about:hover, #menuDiv #about.selectedItem{background-position: -84px 0px;}
#menuDiv #work:hover, #menuDiv #work.selectedItem{background-position: -84px -24px;}
#menuDiv #testimonials:hover, #menuDiv #testimonials.selectedItem{background-position: -84px -48px;}
#menuDiv #enviromental:hover, #menuDiv #enviromental.selectedItem{background-position: -84px -72px;}
#menuDiv #contact:hover, #menuDiv #contact.selectedItem{background-position: -84px -96px;}

/*#menuDiv li a:hover{color:#BD1A8D;}
#menuDiv li a.selectedItem{color:#BD1A8D;}*/
#rightColDiv{position:relative; float:left; width:750px; height:500px;}
#flashContent{position:absolute;}
#controlsDiv{position:absolute; margin:460px 0 0 30px; display:none;}
.controls, .tControls{float:left; margin: 0 10px 0 0; cursor:pointer;}
.testimonial{/*height:300px; width:700px;*/ width:690px; padding-right:60px;}
#mainContent{position:absolute; width:750px; height:500px; background-image:url(/images/layout/main_content_bg.png);}
#mainContentText{margin: 145px 30px 0 30px; font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#FFF; line-height:14pt;}
#mainContentText a{color:#FFF; text-decoration:none;}
#mainContentText a:hover{color:#BD1A8D;}
#footerWrapper{
	width:940px; height:32px; padding: 0 0 0 20px; color:#1E001C;
	font-family:Verdana, Geneva, sans-serif; font-size:7pt; line-height: 32px;
}
#footerWrapper a{color:#1E001C; text-decoration:none;}
#footerWrapper a:hover{color:#BD1A8D; text-decoration:none;}
.clear{clear:both;}
.invisible{display: none;}