/* 
blue = #215e91
*/
/* ________________ GLOBAL STYLES ________________ */

*
{
	margin: 0px;
	padding: 0px;
	
}

p
{
	padding: 7px;
	line-height: 18px;
}

H1
{
	font-size: 200%;
	margin:0px auto;
	color: #333;
}
H3
{
	font-size: 130%;
	border-bottom: solid 1px #215e91;
	color: #215e91;
}
H4
{
	font-size: 110%;
	margin: 5px 10px;
}

a
{
	text-decoration: none;
	color: #215e91;
	font-weight: bold;
}
a:hover
{
	text-decoration: underline;
	cursor: hand;
}

fieldset
{
	border-top: solid 1px #215e91;
	border-left: solid 1px #215e91;
}
legend
{
	color: #215e91;
	font-size: 115%;
	font-weight: bold;
	margin-left: 10px;
}

blockquote
{
	margin: 10px 50px;
}

.products{ border:dashed 2px #ccc; background:#ededed;width:700px; margin:10px 30px;}
.products:hover {background:#fff;}
ol li {padding:6px;}

.labels {float:left; width:80px; line-height:22px; margin-left:30px; text-align:right;}
.fields {float:left; margin-left:10px;}
input{background:ddd;margin:1px;}

/* ________________ CONTAINER SPECIFIC STYLES ________________ */
html, body
{
	width: 100%;
	height: 100%;
	font: 95% Arial;
	background: #fff url(img/header.png) repeat-x left top;
	color: #333;
}
div#logo
{
	width: 708px;
	height: 110px;
	margin: 10px auto;
	background: transparent url(img/logo.png) no-repeat center top;
}

div#container
{
	margin: 0px auto;
}

div#content
{
	width: 770px;
	margin: 30px auto 0px auto;
}

div#footer
{
	margin: 30px auto 0px auto;
	padding-top: 7px;
	border-top: solid 1px #215e91;
	color: #215e91;
	text-align: center;
	font-size: 80%;
	font-weight: bold;
}

/* ________________ NAVIGATION MENU STYLES ________________ */

div#nav
{
	width: 721px;
	height: 38px;
	margin: -12px auto;
	background: transparent url(img/nav.png) no-repeat top center;
}

div#nav a
{
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
div#nav a:hover
{
	color: Lime;
}

div#nav ul
{
	list-style: none;
	text-align: center;
}

div#nav li
{
	display: inline;
	position: relative;
	vertical-align: -85%;
	padding: 0px 18px;
}

div#nav ul ul
{
	display: none;
	position: absolute;
	top: 100%;
	left: 12px;
	background: #215e91 url(img/trans-shadow.png) no-repeat right bottom;
	width: 110px;
	z-index: 100;
}

div#nav li li
{
	display: block;
	text-align: left;
	padding: 3px 6px;
}
div#nav li li a
{
	font-size: 80%;
}

div#nav li:hover ul
{
	display: block;
}

/* ________________ IMAGE DROP SHADOWS ________________ */

.img-shadow
{
	float: left;
	margin: 6px 6px 6px 6px;
	background: url(img/trans-shadow.png) no-repeat bottom right;
}

.img-shadow img
{
	display: block; /* IE won't do well without this */
	position: relative; /* Make the shadow's position relative to its image */
	padding: 6px; /* This creates a border around the image */
	background-color: #fff; /* Background color of the border created by the padding */
	border: 1px solid #cecece; /* A 1 pixel greyish border is applied to the white border created by the padding */
	margin: -6px 6px 6px -6px;
}


/* ________________ HIGHSLIDE EFFECT ________________ */

.highslide
{
	outline: none;
	cursor: url(img/zoomin.cur) , pointer;
}
.highslide-image
{
	outline: none;
	border: 10px solid white;
}
.highslide-caption
{
	display: none;
	border: 5px solid white;
	border-top: none;
	padding: 5px;
	background-color: white;
	color: #333;
	text-align: center;
	font-weight: bold;
}
.highslide-caption a
{
	color: #333;
}
.highslide-display-block
{
	display: block;
}
.highslide-display-none
{
	display: none;
}