/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
	general layout colors
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
body { background: #dedede url(../images/bg-gradient.png) repeat-x fixed top; }
#scrollarea { }
#header {
	background: url(../images/DSCN0923_morguefileb.jpg) no-repeat center center;
	border: 3px double #ccc;
}
#banner {
	border-left: 3px double #ccc;
	border-right: 3px double #ccc;
}
#top {
	background: url(../images/reflect.png) no-repeat;
}
#wrapper {}
#content {
	background: #eee;
	border-right: 3px double #f60;
	border-bottom: 3px double #000;
	border-left: 3px double #f60;
}
/* <><><><><><><><><><>
	INDEX BOX COLORS
<><><><><><><><><><> */
.box {
	background: url(../images/br-corner.png) no-repeat right bottom;
}
.box h2 {
	margin: 0 10px;
}
.box p {	
	background: url(../images/bl-corner.png) no-repeat left bottom;
	padding-bottom: 10px;
}
.box a {
	color: #000;
	background-image: none;
	margin: 0 10px;
	border: 5px solid #eee;
	border-top: none;
}
#content .box a:hover {
	background: #ddd;
}
#design a {
	background: #aa0 url(../images/shadow-right.png) no-repeat;
}
#art a {
	background: #990 url(../images/shadow-right.png) no-repeat;
}
#logos a {
	background: #990 url(../images/shadow-right.png) no-repeat;
}
#manage a {
	background: #aa0 url(../images/shadow-right.png) no-repeat;
}
#design a:hover {
	border: 5px solid #aa0;
	border-top: none;
}
#art a:hover {
	border: 5px solid #990;
	border-top: none;
}
#logos a:hover {
	border: 5px solid #990;
	border-top: none;
}
#manage a:hover {
	border: 5px solid #aa0;
	border-top: none;
}
/* <><><><><><><><><><>
	TYPOGRAPHY COLORS
<><><><><><><><><><> */
h1 {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	color: #999;
	background: #000 url(../images/bg_black_reflect.png) repeat-x 0 0;
}
h1 span {
	color: #f60;
}
h2 { 
	background: url(../images/kayakers_1700x40.gif) no-repeat 50% 100%;
	color: #f60;
}
.box h2 {
	background: #000 url(../images/bg_black_reflect.png) repeat-x 0 0;
	colof: #fff;
}
li { color: #555; }
/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
	corners
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
.corner {
	background: #eee url(../images/bl-corner.png) no-repeat left bottom;
}
.corner .corner {
	background: url(../images/br-corner.png) no-repeat right bottom;
	padding: 40px;
	display: block;
}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
	classes & spans
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
	menus
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
#menu a { 
	background: url(../images/black-70op.png);
	color: #aa0;
}
#menu a:hover { 
	background: #000;
	color: #eee;
}
#menu .home a:hover { }
#menu .design {}
#menu .art{}
#menu .logos {}
#menu .manage {}
#menu .contact {}

#quickmenu { 
	/*background: url(../img/reflect.png) no-repeat;*/
	background: url(../images/hollow-circle_6px.png);
	border-bottom: 1px solid #000;}
#quickmenu a {
	background: #000;
	color: #eee;
}
#quickmenu a:hover {
	color: #f60;
}
#zoom {
	background: #000;
}
#zoom a {
	color: #f60;
}
/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
	links
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
#footermenu a {
	background: #000;
	color: #eee;
}
#footermenu a {
	color: #eee;
}