@import '/css/reset.css';
@import '/css/typography.css';



body {
	background:url(/images/background.gif) repeat;
	padding:0;
	margin:0;
}

#container {
	width:960px;
	margin:0 auto;
	border:2px solid white;
}

.header {
	background:#341753;
	height:55px;
	color:white;
}

	.header h1 {
		background:url(/images/j_lynne_interiors.gif) no-repeat;
		height:55px;
	}

	.header h1 span {
		display:none;
	}
	
	.header ul.nav {
		float:right;
		padding:0;
		margin:0;
		list-style:none;
		padding-top:30px;
		padding-right:15px;
		width:590px;
	}
	
	.header ul.nav li {
		float: right;
		padding-left:48px;
	}

	.header ul.nav li a {
		color:white;
		font-size:1.2em;
		font-family:serif;
		text-decoration:none;
		text-transform:uppercase;
	}
	
	.header ul.nav li a:hover {
		color:#888888;
		background:none;
	}

.splash {
	background:#341753;
	border-top:1px solid white;
	border-bottom:1px solid white;
	height:490px;
}

.sub_splash {
	background:#341753;
	border-top:1px solid white;
	border-bottom:1px solid white;
	height:220px;
}

.content {
	background:url(/images/background2.gif) repeat #5F526F;
	border:1px solid #5F526F;
	min-height:100px;
}

	.content_left {
		float:left;
		color:white;
		width:610px;
		padding-top:20px;
	}

		.content_left h3, .content_full h3 {
			color:white;
		}

		.content_left img.logo {
			float:left;
			margin:20px;
			margin-top:0;
		}

	.content_right {
		float:right;
		color:white;
		width:320px;
		padding:10px;
		padding-top:20px;
	}

	.content_right p, .content_left p, .content_right li {
		font-size:1.1em;
		font-weight:normal;
	}

		.content_right ul, .content_full ul {
		list-style-type: disc; 
		}

		.content_right li, .content_full li {
			padding:4px;
		}

	.content_full {
		float:left;
		font-size:1.1em;
		color:white;
		padding:20px;
		width:900px;
	}

	/*---- Image Gallery CSS ----*/
	.gallery_box {
		width:900px;
	}

	.gallery
		{
		margin:0;
		padding:0;
		padding-bottom:20px;
		overflow:hidden; /* Clears the floats */
		list-style:none;
		text-align: center;
		}

	.gallery li
		{
		float:left;
		display:inline; /* For IE so it doesn't double the 1% left margin */
		width:20%;
		padding:10px 0;
		height:108px; /* Height of img (75) + 2 times 3px padding + 2 times 1px border = 83px */
		position:relative; /* This is the key */
		}

	.gallery a,
	.gallery img
		{
		display:block;
		width:100%;
		border:0px solid white;
		}


	.gallery a:link,
	.gallery a:visited,
	.gallery a:focus,
	.gallery a:hover,
	.gallery a:active
		{
		padding:3px;
		background: #5F526F;
		width:100px; height:100px;
		border:1px solid #cccccc;
		position:absolute; top:50%; left:50%; /* position it so that image's top left corner is in the center of the list item */
		margin:-41px 0 0 -41px; /* Pull the image into position with negative margins (margins value is half of the width of the image) */
		}

	.gallery a:hover
		{
		border-color: #341753;
		background:white;
		}
	

.footer {
	background:#341753;
	height:18px;
	border-top:1px solid white;
}

	.footer p {
		float:right;
		color:#DDCCEE;
		font-size:.8em;
		padding-right:5px;
		padding-top:1px;
	}

img.frame {
	background:#341753;
	padding:3px;
	border:1px solid #cccccc;
	margin:10px;
}

table, td, tr { border:0;}

div.ruler {border-bottom:1px dotted #cccccc;margin:20px;}

div.bbb {float:right;background:url(/images/bbb.png) no-repeat;height:75px;width:47px;padding:10px;}

a:link		{ color:white; }
a:visited	{ color:white; }
a:hover		{ color:#341753; background:#cccccc; }