/* ===============================================
---Cordyne
==================================================
--------------------------------------------------
BACKGROUND      #FFF;
=================================================*/

@import "default.css";

body {
	background-color: #fff;
}

/* !typography ============================== */
h1 {
	color: #ff6600;
	font-size: 2.2em;
}
h2 {
	margin: 10px 0 4px;
	color: #2f313e;
	font-size: 1.8em;
}
h3 {
	margin: 10px 0 3px;
	color: #454f74;
	font-size: 1.4em;
}
p {
	margin: 7px 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #424242;
}
	p a, #content a {
		color: #ff6600;
	}
.errors {
	margin: 5px 0;
	padding: 3px;
	font-size: 1.2em;
	color: #7e1713;
	background-color: #fdd8d8;
}
	.errors strong {
		display: block;
		margin: 0 0 3px;
	}

#content ul, #content ol {
	margin: 7px 0;
	font-size: 1.2em;
	line-height: 1.4;
	color: #424242;
}

/* !forms ============================== */
form {
	padding: 5px;
}
	form label {
		display: block;
		font-size: 1.2em;
		margin: 3px 0;
	}
		form input[type=text], form textarea {
			padding: 3px;
			font-size: 1.2em;
			border: 1px solid #cacaca;
		}

/* !structure ============================== */
#header {
	z-index: 100;
}
#banner {
	height: 260px;
	background: transparent url(../images/banner-01.jpg) no-repeat;
}
	#banner-internal {
		margin-bottom: 15px;
		height: 100px;
		background: transparent url(../images/banner-01.jpg) left center no-repeat;
	}
#sidebar-left {

}
#content {

}
#sidebar-right {
	background-color: #f1f1f1;
}
#footer {
	margin-top: 15px;
	padding: 5px 0;	
	background: #0073cc url(../images/footer-bg.gif) top repeat-x;
}
/* !header elements ============================== */
a#logo {
	float: left;
	margin: 10px 0;
	width: 163px;
	height: 40px;
	background: transparent url(../images/logo.jpg) no-repeat;
}

p#phone-num {
	float: right;
	margin: 10px 0;
	font-size: 1.8em;
	color: #ff6600;
}

#primary-nav-wrapper {
	clear: both;
	background: #d0d5d8 url(../images/primary-nav-bg.gif) top repeat-x;
}
ul#primary-nav {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}
	ul#primary-nav li {
		float: left;
		position: relative;
		margin: 0;
		padding: 0 2px 0 0;
		background: transparent url(../images/primary-nav-border.gif) right center no-repeat;
	}
		ul#primary-nav li a {
			display: block;
			margin: 0;
			padding: 15px 22px;
			color: #004ec3;
			font-size: 1.2em;
			text-decoration: none;
		}
		ul#primary-nav li.active > a {
			text-decoration: underline;
		}
		ul#primary-nav li a:hover, ul#primary-nav li.hover a {
			color: #fff;
			background: #ff7200 url(../images/primary-nav-bg-hover.gif) top repeat-x;
		}
	
	ul#primary-nav li ul {
		display: none;
		position: absolute;
		list-style: none;
	}
		ul#primary-nav li ul li {
			float: none;
			position: relative;
			width: 18em;
			padding: 3px 3px 5px 3px;
			background: #ff6600 url(../images/primary-nav-drop-border.gif) center bottom no-repeat;
		}
			ul#primary-nav li.hover li a {
				background: none;
				padding: 12px 18px;
				color: #fff;
			}
			ul#primary-nav li ul li a:hover, ul#primary-nav li.hover ul li a:hover {
				background: #fff !important;
				color: #ff6600;
			}
a#cat-download {
	float: right;
	display: block;
	margin: 10px;
	width: 133px;
	height: 23px;
	background: transparent url(../images/btn-download-catalog.gif) top no-repeat;
	text-indent: -9999px;
}
	a#cat-download:hover {
		background-position: 0 -23px;
	}
	
/* !banner elements ============================== */
#home-blurb {
	position: absolute;
	left: 25px;
	right: 25px;
	top: 150px;
}
	#home-blurb h1 {
		margin: 0;
		font-size: 2.3em;
		color: #ff6600;
		font-weight: normal;
		text-transform: uppercase;
	}
	#home-blurb p {
		color: #fff;
		font-size: 1.1em;
		line-height: 1.3;
	}

/* !content elements ============================== */
ul#buckets {
	margin: 10px 0;
}
	ul#buckets li {
		
	}
		ul#buckets li h2 {
			margin: 0;
			font-size: 1.3em;
		}
		ul#buckets li h2 a {
			display: block;
			margin: 0;
			padding: 8px 5px 8px 30px;
			color: #8394ad;
			text-decoration: none;
			background: #efefef url(../images/btn-buckets-go.gif) 5px center no-repeat;
		}
			ul#buckets li h2 a:hover {
				text-decoration: underline;
			}
		ul#buckets li p {
			padding: 9px;
			font-size: 1.1em;
			line-height: 1.4;
			background: transparent url(../images/buckets-text-bg.gif) top repeat-x;
		}
		ul#buckets li a.btn-more-sm {
			display: block;
			float: right;
			width: 80px;
			height: 16px;
			background: transparent url(../images/btn-learn-more.gif) top no-repeat;
			text-indent: -9999px;
		}
			ul#buckets li a.btn-more-sm:hover {
				background-position: 0 -16px;
			}
ul#sitemap-nav li {
	font-size: 12px !important;
}

/* !sidebar-left elements ============================== */
#sidebar-left h3 {
	margin: 0;
	padding: 8px 5px 8px 35px;
	color: #8394ad;
	text-decoration: none;
	background: #e8e8e8 url(../images/btn-buckets-go.gif) 5px center no-repeat;
}
ul#secondary-nav {
	margin: 0;
	padding: 5px 0 0;
	background-color: #f1f1f1;
}
	ul#secondary-nav li {
		padding: 5px 0;
		color: #0056bd;
	}
		ul#secondary-nav li a {
			color: #0056bd;
			text-decoration: none;
			font-size: 1.2em;
		}
		ul#secondary-nav li.active a {
			text-decoration: underline;
		}

/* !sidebar-right ============================== */
#sidebar-right h3 {
	margin: 0;
	padding: 8px 5px 8px 35px;
	color: #8394ad;
	text-decoration: none;
	background: #e8e8e8 url(../images/btn-buckets-go.gif) 5px center no-repeat;
}
#sidebar-right form label {
	margin: 3px 0 0;
}
#sidebar-right form input[type=text], #sidebar-right form textarea {
	width: 90%;
}
/* !content elements  ============================== */
#breadcrumbs {
	margin: 7px 0;
	color: #c5c5c5;
	font-size: 1.1em;
}
	#breadcrumbs a {
		color: #525252;
		text-decoration: none;
	}
/* !footer elements ============================== */
p#contact-info {
	float: left;
	color: #fff;
	margin: 20px 30px;
	font-size: 1.1em;
	line-height: 1.4;
	color: #fff;
}
	p#contact-info span {
		color: #9fb8de;
	}
ul#footer-nav {
	margin: 20px 30px 0;
	float: right;
}
	ul#footer-nav li {
		padding: 0 5px;
		border-left: 1px solid #fff;
	}
	ul#footer-nav li.first {
		border: none;
	}
		ul#footer-nav li a {
			color: #fff;
			text-decoration: none;
			font-size: 1.1em;
		}
#credits {
	float: right;
	clear: right;
	margin: 0 30px !important;
	color: #9fb8de !important;
}