/*
 * This file is part of the SpyderSilk Applictions software suite.
 * Copyright (c) 2005-2006, SpyderHost.net, Inc.
 * Licensed under the SpyderSilk Applications Software License
 *
 * For the full copyright and license information, please view the LICENSE
 * file that was distributed with this source code.
 *
 * File     $Id: style.css,v 1.2 2006/04/14 20:32:57 dfdugal Exp $ <br>
 * Author   Adam Harris <awharris at spyderhost dot net>
 * @package spydersilk.applications.common
 */

*			{ margin:0; padding:0; }
body			{ background:#444; font-family:arail, sans-serif; }
img			{ border:0; }
p.contact		{ text-align:right; font-size:16px; }
p.product		{ text-align:center; font-size:24px; font-weight:bold; font-style:italic; }
ul.services		{ position:relative; z-index:2; width:100%; text-align:center; font-size:18px; font-family:arial black, sans-serif; padding:18px 0; margin-left:-10px; }
li.services_item	{ display:inline; margin:0 5px; }
ul.address		{ position:relative; z-index:2; width:100%; text-align:center; font-size:18px; padding:18px 0; margin-left:-10px; border-top:1px solid white; }
li.address_item		{ display:inline; margin:0 14px; }

a:link.white, a:active.white, a:visited.white, a:hover.white		{ color:white; text-decoration:none; }
a:link.red, a:active.red, a:visited.red, a:hover.red			{ color:red; text-decoration:none; }
a:link.contact, a:active.contact, a:visited.contact			{ color:white; }
a:hover.contact								{ color:#ddd; }

#master_container	{ position:relative; background:#666; width:980px; margin:0 auto; }
#container		{ background:black; width:876px; margin:0 auto; }
#topline		{ width:100%; display:table; }
#logo			{ float:left; width:300px; height:125px; }
#content		{ float:left; width:570px; height:125px; }
#pictures		{ width:100%; height:240px; display:table; }

.chairs			{ width:313px; float:left; }
.piano			{ width:280px; float:left; }
.field			{ width:283px; float:left; }

.outer_gradient_top	{ width:100%; background:url(/images/splash/outer_gradient_top.jpg) repeat-x; height:55px; }
.outer_gradient_bottom	{ width:100%; background:url(/images/splash/outer_gradient_bottom.jpg) repeat-x; height:55px; }
.inner_gradient_top	{ width:100%; background:url(/images/splash/inner_gradient_top.jpg) repeat-x; height:62px; }
.inner_gradient_bottom	{ width:100%; background:url(/images/splash/inner_gradient_bottom.jpg) repeat-x; height:62px; }