

/*body */

#home {
	background-color:#FFF;
}

#works   {
	background-color:#000;
}

#re {
	background-color:#2ac02a;
}

#events   {
	background-color:#f23737;
}

#about   {
	background-color:#209191;
}

#contact   {
	background-color:#f18b36;
}

/*wrapper */

#wrapper-home	{
	background-color:#FFF;
	width:780px;
	margin:0 auto 0 auto;
}

#wrapper-works	{
	background-color:#000;
	width:780px;
	margin:0 auto 0 auto;
}

#wrapper-re	{
	background-color:#2ac02a;
	width:780px;
	margin:0 auto 0 auto;
}

#wrapper-events	{
	background-color:#f23737;
	width:780px;
	margin:0 auto 0 auto;
}

#wrapper-about	{
	background-color:#209191;
	width:780px;
	margin:0 auto 0 auto;
}

#wrapper-contact	{
	background-color:#f18b36;
	width:780px;
	margin:0 auto 0 auto;
}


/*header */

#header	{
	width:780px;
	float:left;
	margin:0 auto 0 auto;
}

#logo	{
	_background-image:url(../images/logo-jv.gif);
	width: 194px;
	height: 79px;
	display:block;
	float:left;
	margin:0;
	padding:0;
}

#logo img {
	border: none;
	float: left;
}

#menu {
	float: right;
	margin:55px 0 0 0;
	padding:0;
	width:580px;
	height:50px;
}

#menu img {
	border: none;
}
	
#menu ul	{
	list-style:none;
	margin:0;
	padding:0 10px 0 0;
	float:right;
}

#menu li {
	float:left;
	display:inline;
	height:50px;
	margin-right:5px;
}

#works-menu a, #works-menu a:visited{
	width:60px;
	height:50px;
	background-position: top right;
	background-image:url(../images/works-icon-pos.png);
	_background-image:url(../images/works-icon-pos.gif);
	background-repeat:no-repeat;
	display:block;
	
}

#works-menu a:hover {
	width:60px;
	height:50px;
	background-position:top right;
	background-image:url(../images/works-icon-pos.png);
	_background-image:url(../images/works-icon-pos.gif);
	background-repeat:no-repeat;
	display:block;
	margin: 0;
}

#works-menu a:active {
	border:#000000 dashed 2px;
}

#re-menu	a, #re-menu a:visited{
	width:70px;
	height:50px;
	background-position: top right;
	background-image:url(../images/re-icon-pos.png);
	_background-image:url(../images/re-icon-pos.gif);
	background-repeat:no-repeat;
	display:block;
}

#re-menu	a:hover {
	width:70px;
	height:50px;
	background-position:top right;
	background-image:url(../images/re-icon-pos.png);
	_background-image:url(../images/re-icon-pos.gif);
	background-repeat:no-repeat;
	display:block;
}

#re-menu a:active {
	border:#2ac02a dashed 2px;
}

#events-menu	a, #events-menu a:visited{
	width:60px;
	height:50px;
	background-position: top right;
	background-image:url(../images/events-icon-pos.png);
	_background-image:url(../images/events-icon-pos.gif);
	background-repeat:no-repeat;
	display:block;

}

#events-menu	a:hover {
	width:60px;
	height:50px;
	background-position:top right;
	background-image:url(../images/events-icon-pos.png);
	_background-image:url(../images/events-icon-pos.gif);
	background-repeat:no-repeat;
	display:block;
}

#events-menu a:active {
	border:#f23737 dashed 2px;
}

#about-menu a, #about-menu a:visited{
	width:60px;
	height:50px;
	background-position:top right;
	background-image:url(../images/about-icon-pos.png);
	_background-image:url(../images/about-icon-pos.gif);
	background-repeat:no-repeat;
	display:block;
	text-align:right;
}

#about-menu	a:hover {
	width:60px;
	height:50px;
	background-position:top right;
	background-image:url(../images/about-icon-pos.png);
	_background-image:url(../images/about-icon-pos.gif);
}

#about-menu a:active {
	border:#209191 dashed 2px;
}

#contact-menu	a, #contact-menu a:visited{
	width:70px;
	height:50px;
	background-position: top right;
	background-image:url(../images/contact-icon-pos.png);
	_background-image:url(../images/contact-icon-pos.gif);
	background-repeat:no-repeat;
	display:block;

}

#contact-menu	a:hover {
	width:70px;
	height:50px;
	background-position:top right;
	background-image:url(../images/contact-icon-pos.png);
	_background-image:url(../images/contact-icon-pos.gif);
	background-repeat:no-repeat;
	display:block;
}

#contact-menu a:active {
 	border:#f18b36 dashed 2px;
}

#header-line	{
	margin:91px 0 0 0;
	width:780px;
	border: #000 solid 1px;
}

/*header negative */

#header-neg	{
	width:780px;
	float:left;
	margin:0 auto 0 auto;
}

#logo-neg	{
	_background-image:url(../images/logo-jv-neg.gif);
		width: 194px;
	height: 79px;
	display:block;
	float:left;
	margin:0;
	padding:0;
}

#logo-neg img {
	border: none;
	float: left;
}


#menu-neg {
	float: right;
	margin:55px 0 0 0;
	padding:0;
	width:580px;
	height:50px;
}

#menu-neg img {
	border: none;
}
	
#menu-neg ul	{
	list-style:none;
	margin:0;
	padding:0 10px 0 0;
	float:right;
}

#menu-neg li {
	float:left;
	display:inline;
	height:50px;
	
}

#works-menu-neg	a, #works-menu-neg a:visited{
	width:60px;
	height:50px;
	background-position: top left;
	background-image:url(../images/works-icon-neg.png);
	_background-image:url(../images/works-icon-neg.gif);
	background-repeat:no-repeat;
	display:block;
}

#works-menu-neg	a:hover {
	width:60px;
	height:50px;
	background-position:top right;
	background-image:url(../images/works-icon-neg.png);
	_background-image:url(../images/works-icon-neg.gif);
	background-repeat:no-repeat;
	display:block;
}

#works-menu-neg a:active {
	border:#000000 dashed 2px;
}

#re-menu-neg	a, #re-menu-neg a:visited{
	width:70px;
	height:50px;
	background-position: top left;
	background-image:url(../images/re-icon-neg.png);
	_background-image:url(../images/re-icon-neg.gif);
	background-repeat:no-repeat;
	display:block;
}

#re-menu-neg	a:hover {
	width:70px;
	height:50px;
	background-position:top right;
	background-image:url(../images/re-icon-neg.png);
	_background-image:url(../images/re-icon-neg.gif);
	background-repeat:no-repeat;
	display:block;
}

#re-menu-neg a:active {
	border:#2ac02a dashed 2px;
}

#events-menu-neg	a, #events-menu-neg a:visited{
	width:60px;
	height:50px;
	background-position: top left;
	background-image:url(../images/events-icon-neg.png);
	_background-image:url(../images/events-icon-neg.gif);
	background-repeat:no-repeat;
	display:block;

}

#events-menu-neg	a:hover {
	width:60px;
	height:50px;
	background-position:top right;
	background-image:url(../images/events-icon-neg.png);
	_background-image:url(../images/events-icon-neg.gif);
	background-repeat:no-repeat;
	display:block;
}

#events-menu-neg a:active {
	border:#f23737 dashed 2px;
}

#about-menu-neg a, #about-menu-neg a:visited{
	width:60px;
	height:50px;
	background-position:top left;
	background-image:url(../images/about-icon-neg.png);
	_background-image:url(../images/about-icon-neg.gif);
	background-repeat:no-repeat;
	display:block;
	text-align:right;
}

#about-menu-neg	a:hover {
	width:60px;
	height:50px;
	background-position:top right;
	background-image:url(../images/about-icon-neg.png);
	_background-image:url(../images/about-icon-neg.gif);
}

#about-menu-neg a:active {
	border:#209191 dashed 2px;
}

#contact-menu-neg	a, #contact-menu-neg a:visited{
	width:70px;
	height:50px;
	background-position: top left;
	background-image:url(../images/contact-icon-neg.png);
	_background-image:url(../images/contact-icon-neg.gif);
	background-repeat:no-repeat;
	display:block;

}

#contact-menu-neg	a:hover {
	width:70px;
	height:50px;
	background-position:top right;
	background-image:url(../images/contact-icon-neg.png);
	_background-image:url(../images/contact-icon-neg.gif);
	background-repeat:no-repeat;
	display:block;
}

#contact-menu-neg a:active {
 	border:#f18b36 dashed 2px;
}

#header-line-neg	{
	margin:91px 0 0 0;
	width:780px;
	border:#FFF solid 1px;
}


/*footer */

#footer	{
    width:780px;
	margin:0 auto 0 auto;
}

#footer img {
	border: none;
}

#footer-menu {
	float: left;
	margin:20px 0 0 0;
	padding:0;
	width:400px;
}
	
#footer-menu ul	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
}

#footer-menu li, #footer-menu li a {
	float:left;
	display:inline;
	height:33px;
	border:none;
	margin: 0 5px 0 0;
}

#copyright, #copyright a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin:49px 0 0 0;
	width: 300px;
}

#colors {
 	float: right;
	margin:-59px 0 0 0;
	width: 118px;
	height: 59px;
}
		

#footer-line	{
	margin:36px auto 0 auto;
	border: #000 solid 1px;
	width:780px;
}

#footer-line-neg	{
	margin:36px auto 0 auto;
	border: #FFF solid 1px;
	width:780px;
}

/*content */

