/*body */

body {
	margin-top: 20px;
	padding: 0;
}

#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;
}

.clear	{
	clear: both;
}


/*header */

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

#logo	{
	width: 194px;
	height: 79px;
	display:block;
	float:left;
	margin:0;
	padding:0;
}

#logo img {
	border: none;
	float: left;
	margin:0;
	padding:0;
}

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

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

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

#works-menu a, #works-menu a:visited{
	width:60px;
	height:50px;
	background-position: top left;
	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 left;
	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 left;
	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 left;
	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 left;
	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:5px 0 0 0;
	padding:0;
	width:780px;
	border: #000 solid 1px;
	position:absolute;
	
	
}

/*header negative */

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

#logo-neg	{
	width: 194px;
	height: 79px;
	display:block;
	float:left;
	margin:0;
	padding:0;
}

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


#menu-neg {
	float: right;
	margin:-30px 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:5px 0 0 0;
	padding:0;
	width:780px;
	border: #FFF solid 1px;
	position:absolute;
}


/*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 {
	color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin:49px 0 0 0;
	width: 300px;
}

#copyright-neg, #copyright a {
	color:#FFF;
	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 */

#content	{
	color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
}

#content p {
	margin: 0px;
	padding: 8px;
	text-align:left;
}

#content-neg	{
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#content-neg a, #content-neg a:visited	{
	color: #FFFFFF;
	text-decoration: none;
}

#content-neg a:hover, #content-neg a:active	{
	color:#999999;
	
}

#iframe {
	margin: 0 auto o -20px;
	padding:0;
	text-align: center;
}

#wide-photo {
	margin: 20px 90px 20px 84px;
	padding: 0;
	text-align: center;
}

/*home page */

#home-menu {
	margin:30px auto 0 auto;
	padding:0;
	width: 600px;
	height:400px;
	text-align:center;
}

#home-menu img {
	border: none;
}
	
#home-menu ul	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
}

#home-menu li {
	float:left;
	display:inline;
	height:200px;
	width: 200px;
}

#home-gray a, #home-gray a:visited{
	width:200px;
	height:200px;
	background-position: top left;
	background-image:url(../images/circle-gray1.png);
	_background-image:url(../images/circle-gray1.gif);
	background-repeat:no-repeat;
	display:block;
}

#home-menu a:hover {
	width:200px;
	height:200px;
	background-position:top right;
	background-image:url(../images/circle-black-book.png);
	_background-image:url(../images/circle-black-book.gif);
	background-repeat:no-repeat;
	display:block;
	margin: 0;	
}

#home-black a, #home-black a:visited{
	width:200px;
	height:200px;
	background-position: top left;
	background-image:url(../images/circle-black1.png);
	_background-image:url(../images/circle-black1.gif);
	background-repeat:no-repeat;
	display:block;
}

#home-black a:hover {
	width:200px;
	height:200px;
	background-position:top right;
	background-image:url(../images/circle-black-photos.png);
	_background-image:url(../images/circle-black-photos.gif);
	background-repeat:no-repeat;
	display:block;
	margin: 0;	
}

#home-green a, #home-green a:visited{
	width:200px;
	height:200px;
	background-position: top left;
	background-image:url(../images/circle-green1.png);
	_background-image:url(../images/circle-green1.gif);
	background-repeat:no-repeat;
	display:block;
}

#home-green a:hover {
	width:200px;
	height:200px;
	background-position:top right;
	background-image:url(../images/circle-black-re.png);
	_background-image:url(../images/circle-black-re.gif);
	background-repeat:no-repeat;
	display:block;
	margin: 0;	
}
	
#home-red a, #home-red a:visited{
	width:200px;
	height:200px;
	background-position: top left;
	background-image:url(../images/circle-red1.png);
	_background-image:url(../images/circle-red1.gif);
	background-repeat:no-repeat;
	display:block;
}

#home-red a:hover {
	width:200px;
	height:200px;
	background-position:top right;
	background-image:url(../images/circle-black-superbowl.png);
	_background-image:url(../images/circle-black-superbowl.gif);
	background-repeat:no-repeat;
	display:block;
	margin: 0;	
}

#home-orange a, #home-orange a:visited{
	width:200px;
	height:200px;
	background-position: top left;
	background-image:url(../images/circle-orange1.png);
	_background-image:url(../images/circle-orange1.gif);
	background-repeat:no-repeat;
	display:block;
}

#home-orange a:hover {
	width:200px;
	height:200px;
	background-position:top right;
	background-image:url(../images/circle-black-blog.png);
	_background-image:url(../images/circle-black-blog.gif);
	background-repeat:no-repeat;
	display:block;
	margin: 0;	
}

#home-blue a, #home-blue a:visited{
	width:200px;
	height:200px;
	background-position: top left;
	background-image:url(../images/circle-blue1.png);
	_background-image:url(../images/circle-blue1.gif);
	background-repeat:no-repeat;
	display:block;
}

#home-blue a:hover {
	width:200px;
	height:200px;
	background-position:top right;
	background-image:url(../images/circle-black-websites.png);
	_background-image:url(../images/circle-black-websites.gif);
	background-repeat:no-repeat;
	display:block;
	margin: 0;	
}
	
/* negative menu */

#neg-menu {
	margin:50px auto 50px auto;
	padding:0;
	width: 600px;
	height:200px;
	text-align:center;
}

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

#neg-menu li {
	float:left;
	display:inline;
	height:200px;
	width: 200px;
	background-position: top left;
	background-image:url(../images/circle-white.png);
	_background-image:url(../images/circle-white.gif);
	background-repeat:no-repeat;
	display:block;
}

#neg-menu a, #neg-menu a:visited {
	font-family: "Courier New", Courier, monospace;
	font-size:24px;
	font-weight:bold;
	color:#000;
	text-decoration:none;
	text-align: center;
	margin:76px 0 0 -10px;
	padding: 0;
	display:block;
}

#neg-menu a:hover {
	border:dashed 2px #000;
	margin:74px 0 0 -10px;
}

/* positive menu */

#pos-menu {
	margin:50px auto 50px auto;
	padding:0;
	width: 600px;
	height:200px;
	text-align:center;
}

#pos-menu img {
	border: none;
}
	
#pos-menu ul	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
}

#pos-menu li {
	float:left;
	display:inline;
	height:200px;
	width: 200px;
	background-position: top left;
	background-image:url(../images/circle-black-pos.png);
	_background-image:url(../images/circle-black-pos.gif);
	background-repeat:no-repeat;
	display:block;
}

#pos-menu a, #pos-menu a:visited {
	font-family: "Courier New", Courier, monospace;
	font-size:24px;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
	text-align: center;
	margin:70px 0 0 -9px;
	padding: 0;
	display:block;
}

#pos-menu a:hover {
	margin:68px 0 0 11px;
	width: 170px;
	border-top: dashed 2px #FFF;
	border-bottom: dashed 2px #FFF;
}