﻿/*========== Page settings, Global Reset ==========*/

*
 {	margin:0px auto;
	padding:0px;
	font-family: verdana, arial, sans-serif;
	font-size: 1em;
	border:0px;
 }

body
 {	font-size: 90%;
	text-align: justify;
	margin:0px;
 }

#container
 {	height:760px;
	width:1000px;
	background: url(../images/content_tile.gif) repeat-y; /* Background image, in case page expands */
 }

.hide
 {
    display:none;
 }

/*========== Header Images ==========*/

#header
{
    height:234px;
}

body#home #header { background: url(../images/header_home.gif) no-repeat top left; }
body#about #header { background: url(../images/header_about.gif) no-repeat top left; }
body#products #header { background: url(../images/header_products.gif) no-repeat top left; }
body#contact #header { background: url(../images/header_contact.gif) no-repeat top left; }

#header img
{
    margin:25px 0px 0px 120px;
}

/*========== Navigation ==========*/

#nav
{
    width:342px;
    min-height:442px;
    height:auto !important;
    height:442px;
    float:left;
    background: url(../images/navigation.gif) no-repeat;
}

#nav ul
{
    margin:25px 0px 0px 70px;
}

#nav ul li
{
    list-style-type:none;
    padding:10px 0px 10px 0px;
}

#nav ul li a
{
    color:#92283a;
    text-decoration:none;
    background: url(../images/links.gif) no-repeat top left;
    padding-left:60px;
    font-weight:bold;
    font-family: Arial, Verdana, Sans-Serif;
}

#nav ul li a:hover
{
    background: url(../images/links.gif) no-repeat center left;
}

body#home #nav ul li a.home,
body#about #nav ul li a.about,
body#products #nav ul li a.products,
body#contact #nav ul li a.contact
{
    background: url(../images/links.gif) no-repeat bottom left;
}

#nav ul#logos
{
    margin: 210px 0px 0px 45px;
}

#nav ul#logos li
{
    background-image:none;
    display:inline;
}

#nav ul#logos li a
{
    background-image:none;
}

/*========== Page Content ==========*/

#content
{
    width: 525px;
    float:right;
    min-height:442px;
    height:auto !important;
    height:442px;
    background: url(../images/content.gif) no-repeat;
    padding:0px 106px 0px 27px;
    font-size:90%;
}

body#home #content
{
    background: url(../images/content_home.gif) no-repeat;
}

#content h1
{
    color:#92283a;
    font-size:120%;
    margin:0px 0px 10px 0px;
}

#content h2
{
    color:#92283a;
    font-size:100%;
    margin:8px 0px 4px 0px;
}

#content p
{
    margin:7px 0px;
    font-size:90%;
    line-height:1.4em;
}

#content p.standout
{
    color:#92283a;
    font-size:105%;
    margin:12px 0px;
    font-weight:bold;
}

#content a
{
    color:#92283a;
    text-decoration:none;
}

#content a:hover
{
    text-decoration:underline;
}

#content ul
{
    margin-left:30px;
    line-height:1.4em;
}

#content ul li
{
    list-style-image: url(../images/bullet.gif);
}

#content table#contact_details
{
    width:100%;
    margin:15px 0px 0px 0px;
}

#content table#contact_details th
{
    color:#92283a;
}

#content table#contact_details tr td
{
    padding:3px 0px;
    margin:0px;
    line-height:1.6em;
}

/*========== Footer ==========*/

#footer
{
    clear:both;
    background-image: url(../images/footer.gif);
    width:100%;
    height:84px;
    font-size:70%;
    text-align:left;
}

body#home #footer
{
    background-image: url(../images/footer_home.gif);
}

#footer p
{
    padding: 65px 0px 0px 52px;
    font-family: Arial, Verdana, Sans-Serif;
}

#footer p a
{
    color:#000;
    text-decoration:none;
    font-family: Arial, Verdana, Sans-Serif;
}

#footer a:hover
{
    text-decoration:underline;
}