/* screen styles from template version 1.0 */
/* NOTE: any * > selector rules are for standards-compliant browsers. The rule before will have a style that works in IE6. */
/* Table of Contents 
	Non-displaying Elements
	Layout
		Page Specific Layout
	Typography and Inline Elements
		Page Specific Typography
	Navigation
		Specific Nav Button Styling
*/

/* Non-displaying Elements*/
/* *************************************************************************************** */
#foo {display:none;}
#nav-main a, #branding-tagline,
#nav-request_media h2,
#media_viewer h2
{text-indent:-9999px; overflow:hidden} /* moves text inside menu anchors off screen. Remove if not using graphics for menu links. */

/* Layout */
/* *************************************************************************************** */
body {
	font-size:0.875em; /* makes font a specific size... must find it... */
	text-align:center;
	background: #21334B url(images/bg.jpg) repeat-x;
	padding-top: 6px;
}
#container {
	overflow:visible;
	height:auto;
	margin:0 auto;
	position:relative;
	text-align:left;
	width: 894px;
	padding-bottom: 11px;
}
#branding {
	height: 94px;
	background: #346D98 url(images/top_bg.gif) no-repeat;
	padding-top: 14px;
	position: relative;
}
#branding-logo {
	float: left;
	margin-left: 29px;
	margin-top: -2px;
}
#branding-tagline {
	background: url(images/Slogan.gif);
	display: block;
	float: right;
	height: 16px;
	width: 349px;
	margin-right: 45px;
	margin-top: 34px;
}
#content {
	background: #c1bb88 url(images/content_bg.gif) no-repeat center bottom;
	position: relative;
	margin-top: 37px;
	padding: 1em 44px 2em;
	margin-bottom: .5em;
}
.inventory {
	background: #F1EED5 url(images/inventory_bottom.gif) no-repeat center bottom;
	float:right;
	width:672px;
	position:relative;
}
#content2 {background: #F1EED5 url(images/content-full_bottom.gif) no-repeat center bottom; padding:10px}
.layout-inventory .nav-section {
	background: #F1EED5 url(images/inventory_bottom.gif) no-repeat left bottom;
	width: 134px;
	float: left;
	position:relative;
	padding:0 0 6px 0;
}
.layout-inventory .nav-section ul {display:block; padding:8px 0 0 8px; background: #F1EED5 url(images/content-full_top.gif) no-repeat left top;}

.product {
	width: 652px;
	float: right;
	padding: 10px 10px 0px 10px;
	border-bottom: 3px solid #C1BB88;
}
.product img {
	float:right;
	margin-bottom: 10px;
}

/* Page Specific Layout */
/* use a class on the body to change specific parts of the layout based on portions of the website (e.g. user vs. admin) */
#nav-request_media {width: 186px;float: left;margin-right:4px; position:relative;}
#nav-request_media h2 {
	background: url(images/header-request_media.gif) no-repeat center top;
	overflow: hidden;
	font-size: 10px;
}
#media_viewer {
	float:left;
	width:425px;
	margin-right:4px;
	position:relative;
	margin-bottom: 1em;
}
#media_viewer h2 {
	background: url(images/header-media_viewer.gif) no-repeat center top;
	overflow: hidden;
	font-size: 10px;
}
#home_search {
	margin:25px 0 9px;
	position:absolute;
	display:block;
}
* > #home_search {
	float:right; 
	margin:25px 0 9px 0;
	position:relative;
}

.layout-inventory #content {margin-top:0;}
.layout-inventory #search {
	clear: both;
	float: none;
	border-top: 7px solid #C1BB88;
	border-bottom: 1px solid #FFFFFF;
	margin-top: 37px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	overflow: hidden;
}
.layout-inventory #search form {
	border-top: 1px solid #FFFFFF;
	padding:5px 0 3px 44px;
	overflow: hidden;
	width: 850px;
}
.layout-inventory #search label {
	xfloat: left;
	margin-right: 7px;
}
.layout-inventory #search select {
	xfloat: left;
	margin-right: 10px;
	width: 106px;
	padding:1px;
	font-size: 12px;
	font-weight: normal;
}

x.layout-inventory option{margin:5px; padding:5px}


#new_this_month {float:none; clear:right; position:absolute; margin-top:62px}
* > #new_this_month {float:right; position:relative; margin-top:0}

/* Typography and Inline Elements */
/* *************************************************************************************** */
h1 {}
#content2 h1{
	background: url(images/content-full_top.gif) no-repeat left top;
	display: block;
	margin-top: -10px;
	margin-right: -10px;
	margin-left: -10px;
	padding-left: 10px;
	padding-top: 10px;
}
h2 {}
.product h2 {font-size: 1.2em; margin: 0px;}
h3 {}
p {}

/* Page Specific Typography */
/* use a class on the <body> to change specific typographic elements (e.g. <h1> backgrounds) */
.layout-inventory h1 {
	background: url(images/content-full_top.gif) no-repeat right top;
	text-transform: uppercase;
	font-size: 1.3em;
	font-weight: normal;
	color: #27506f;
	text-align: center;
}

/* Navigation */
/* placement of navigation */
/* *************************************************************************************** */
#nav-main {
	margin: 6px 0px;
	height: 26px;
	position: absolute;
	top: 108px;
	width: 1000px;
	overflow:hidden;
	display:block;
	clip:rect(0, 894px, 26px, 0);
	list-style-position:outside;
	list-style-type:none
}
#nav-main a:link, #nav-main a:visited{
	border-left:12px solid #99bbe3;
	border-right:11px solid #99bbe3;
	display:block;
	float:left;
	background-position: center top;
}

#nav-external {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11.75px;
	margin-left: -55px;
	padding-top:2em;
	padding-left: 55px;
	list-style-position:outside;
	list-style-type:none;
	margin-bottom:0;
}
#nav-external a{
	color: #FFFFFF;
	text-align: center;
	margin-left: 54px;
	text-decoration:none
}
#nav-request_media a,
a#home_search  {
	display:block;
	width:186px;
	height:21px;
	background-image:url(images/nav-wide-with_arrow.gif);
	color: #FFFFFF;
	text-transform: uppercase;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-align: center;
	border-bottom:solid 4px #c1bb88;
	text-decoration:none;
	padding-top: 7px;
}
a#home_search {border-bottom:solid 0px #c1bb88;}

a#home_search, #nav-request_media a#btn-feedback, #nav-request_media a#btn-survey {background-image:url(images/nav-wide.gif);}
a#btn-feedback {margin-top:45px;}

* > #nav-request_media a {margin-bottom:4px; border-bottom:none}

#nav-request_media a:link, #nav-request_media a:visited {background-position:left top;}

.layout-inventory .nav-section ul{margin:0; list-style-position:outside; list-style-type:none}

.layout-inventory .nav-section a,
a.btn-product_preview:link, a.btn-product_order:link,
a.btn-product_preview:visited, a.btn-product_order:visited
{
	background-image:url(images/nav-narrow.gif);
	display:block;
	height:26px;
	width:124px;
	margin-bottom:2px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	padding-top: 2px;
	overflow: hidden;
	text-align: center;
	text-decoration: none;
}
.layout-inventory .nav-section a {border-bottom:solid 2px #F1EED5; margin-bottom:0;}


#nav ul, #nav li, #nav-external ul, #nav-external li, #nav-request_media li,
#nav-request_media ul, #nav-request_media li,
.layout-inventory .nav-section li
{/* fix IE6 and IE7 List bug */ display: inline;}


/* Specific Nav Button Styling */
/* used if buttons use images instead of text or combined with text */

/* nav-main buttons */
#nav-main a#btn-home {background-image:url(images/nav-main-home.gif); width:60px; border-left:32px solid #99bbe3;}
#btn-services {background-image:url(images/nav-main-services.gif); width:78px}
#btn-inventory {background-image:url(images/nav-main-inventory.gif); width:89px}
#btn-training_calendar {background-image:url(images/nav-main-training_calendar.gif); width:154px}
#btn-staff {background-image:url(images/nav-main-staff.gif); width:56px}
#btn-about_us {background-image:url(images/nav-main-about_us.gif); width:81px}
#btn-links {background-image:url(images/nav-main-links.gif); width:56px}
#nav-main a#btn-contact_us {background-image:url(images/nav-main-contact_us.gif); width:98px; border-right:29px solid #99bbe3;}

#nav-main a:focus, #nav-main a:hover, #nav-main a:active {background-position: center bottom;}


/* Rollover Effect for rounded buttons */
#nav-request_media a:hover, #nav-request_media a:active,
#home_search:hover, #home_search:active,
a.btn-product_preview:hover, a.btn-product_preview:active,
a.btn-product_order:hover, a.btn-product_order:active,
.layout-inventory .nav-section a:hover, .layout-inventory .nav-section a:active
{
	background-position:right top;
	color: #27506f;
}

* > .btn-product_order {margin-bottom:10px} /* this button needs a bit more margin */