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



body {
	background-color:#9E1F62;
	background-image: url(../images/main_background.gif);
	background-repeat: repeat;
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}


a {
	color: #9E1F60;
	text-decoration: none;
}

a:hover{
	color: #bdc41d;
}


#wrapper {
	width:885px;
	margin:25px auto 0px
}

/*------------------------------------------------------------*
 ~Main Divs Information~
**------------------------------------------------------------*/

#top {
	background-image: url(../images/top.gif);
	width:848px;
	height:30px;
	float:right;
	
}

#main {
	position:relative;
	float:right;
	margin:0;
	padding:0;
	width:848px;
	height:480px;
	background-color:#fff;
	text-align:left;
	
}

#bottom {
	background-image: url(../images/bottom.gif);
	width:848px;
	height:30px;
	float:right;
	background-position: bottom;
	text-align:left;
}

#logo /* This MUST be contained in the main div */{
	width:161px;
	height:277px;
	position:absolute;
	left: 743px;
	top: -48px;
	z-index:22;
	text-align:left;
	
	
}
/*------------------------------------------------------------*
 ~Navi Information~
**------------------------------------------------------------*/
#nav {
	width:37px;
	height:500px;
	float:left;
	margin-top:20px;
	text-align:left;
}

#nav ul {
	margin:0;
	padding:0;
}

#nav li {
	width:37px;
	height:154px;
	display:block;
	list-style-type: none;
	margin-bottom:20px;
}

.media{
	display:block;
	height:154px;
	width:37px;
	background-image: url(../images/nav_grapemedia.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.on {
	display:block;
	height:154px;
	width:37px;}
.creative {
	display:block;
	height:154px;
	width:37px;
	background-image: url(../images/nav_grapecreative.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.publish {
	display:block;
	height:154px;
	width:37px;
	background-image: url(../images/nav_grapepublishing.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

a.media, a.creative, a.publish {
	background-position: -74px 0;
}

a.media:hover, a.creative:hover, a.publish:hover  {
	background-position: -37px 0 ;
}


/*------------------------------------------------------------*
 ~Footer Information~
**------------------------------------------------------------*/
#footer {
	width:885px;
	margin: 0 auto;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFF1;
}