@import url("general.css");

/*		OVERRIDES		*/

body {
    background: #ffffff url(/images/background-home.jpg) repeat-x 0px 1px;
	_background: #ffffff url(/images/background-home.jpg) repeat-x 0px 0px; /* ie 6 and lower only */
	}

#body {
	padding: 0;
	}

#outer {
	background: transparent url(/images/background-home-fong.jpg) no-repeat 0px 1px;
	_background: transparent url(/images/background-home-fong.jpg) no-repeat 0px 0px; /* ie 6 and lower only */
	width: 1005px; /* standard 930px + 75 for Fong */
	}

@-moz-document url-prefix() { /* Firefox-Only Fix */
	body {
		background-position: 0 -3px;
		}
	
	#outer  { 
		background-position: 3px -3px;
		}
}

#container {
	margin: 0 0 0 75px;
	}

/*		SPECIFICS		*/

ul {
    padding: 0;
    margin: 0;
    }
    
/*		CAROUSEL		*/
/**
 * Chrome: 58px;
 * Firefox: 53px;
 * IE: 58px;
 */
ul#carousel {
	width: 930px;
	height: 358px;
}
ul#carousel {margin-top: 58px;} /* FF and IE */

@media screen and (-webkit-min-device-pixel-ratio:0) {
    ul#carousel {margin-top: 58px;} /* Chrome */
    .safari ul#carousel {margin-top:57px;} /* Safari */
}
@-moz-document url-prefix() {
	ul#carousel{margin-top : 53px;} /* Firefox */
}

#carousel li {
	width: 925px;
	height: 358px;
    list-style:none;
	}

#controls {
	margin-left: 0px;
	}

#controls li {
	display: inline;
	list-style-type: none;
	margin-right: 1px;
	background: #c3c1c1;
	color: #fff;
	padding: 0px 3px;
	}
	
	#controls li#button_selected, #controls li:hover {
		background: #ce1b24;
		cursor: pointer;
		cursor: hand;
		}

/*		BOXES		*/

#boxes {
	padding-left: 30px;
	font-size: 12px;
	font-family: Helvetica, Arial, Helvetica, sans-serif;
	margin-top: 15px;
	margin-bottom: 28px;
	}

#boxes h2 {
	color: #8c9d47;
	text-transform: uppercase;
	font-size: 19px;
	font-weight: normal;
	width: 192px;
	height: 60px;
	}
	
	#boxes #aboutfong h2 {
		font-size: 18px;
		text-transform: none;
		padding-top: 25px;
		width: 240px;
		background: url(../images/home-aboutfong.jpg) 0 25px no-repeat;
		}

	#boxes #available-now h2 {
		background: url(../images/home-available-now.png) top left no-repeat;
		}

	#boxes #exhibitions h2 {
		background: url(../images/home-exhibitions.png) top left no-repeat;
		}

	#boxes #in-the-media h2 {
		background: url(../images/home-in-the-media.png) top left no-repeat;
		}

	#boxes #events h2 {
		background: url(../images/home-events.jpg) top left no-repeat;
		}

	#boxes #fresh h2 {
		background: url(../images/aroundtown.png) top left no-repeat;
		}
		
	#boxes #spotlight h2 {
		background: url(../images/home-spotlight.jpg) top left no-repeat;
		}

	#boxes #installations h2 {
		background: url(../images/home-installations.jpg) top left no-repeat;
		}

	#boxes h2 span {
		visibility: hidden;
		}
	
#boxes h3 {
	font-size: 12px;
	color: #000;
	}

#boxes a {
	color: #333;
	}
	
	#boxes a:hover {
		color: #DD1F26;
		}
		
    #boxes p a {
        color: #918f8f;
        text-decoration: underline;
        }
		
#aboutfong {
	float: left;
	width: 242px;
	}

#available-now, #exhibitions, #in-the-media, #fresh, #spotlight, #installations, #events {
	float: left;
	width: 192px;
	margin-left: 12px;
	}