@charset "utf-8";
/*  ---------------------------------------
	
	home.css
	````````
	home stylesheets document for
	Callas Flowers
	
    ---------------------------------------  */


/*  ---------------------------------------
	Structure
	- - - - - - - - - - - - - - - - - - - -  */

		#header { border-bottom: none; }

		#content {
			padding: 30px 50px 0 1px;
		}
		
		#sidebar {
			width: 270px;
		}
			#sidebar h3 {
				display: block;
				padding: 0 0 15px 30px;
				font-size: 16px;
				color: #807f7f;
				font-weight: bold;
				font-family: Georgia;
				text-transform: uppercase;
			}
			#sidebar ul li a {
				color: #fff;
				font-size: 16px;
				background: url(../images/home-sidebar-nav-bg.gif) right top;
			}
				#sidebar ul li a:hover { background-position-y: bottom; color: #fff; }
				
		#main {
			width: 590px;
		}
			#main h3 {
				text-transform: uppercase;
				font-size: 16px;
			}
			#main p { font-size: 16px; }
			
		#masthead {
			padding-left: 30px;
			width: 895px;
			height: 245px;
			background: url(../images/masthead-bg.jpg) -1000px 0 no-repeat;
		}
		#masthead img {
			display: none;
		}
		
		#monoSlideshow_1 {
			float: left;
			clear: none;
			display: block;
			height: 245px;
			width: 295px;
			padding-right: 5px;
		}
		#monoSlideshow_2 {
			float: left;
			clear: none;
			display: block;
			height: 245px;
			width: 295px;
			padding-right: 5px;
		}
		#monoSlideshow_3 {
			float: left;
			clear: none;
			display: block;
			height: 245px;
			width: 295px;
		}






/* ********************* MOBILE-SPECIFIC ********************* */

/* iPhone */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	#masthead {
		background-position: 30px 0;
	}
}

/* iPad - Portrait */
@media only screen and (max-width: 999px) {
	#masthead {
		background-position: 30px 0;
	}
}

/* iPad - Landscape */
@media only screen and (device-width: 768px) and (orientation: landscape) {
	#masthead {
		background-position: 30px 0;
	}
}