/* ===============================================
Aluma Photo

--------------------------------------------------
AUTHOR(S): 
	matt@topspotims.com


==================================================
COLOR TABLE
--------------------------------------------------
BACKGROUND      #fff;

=================================================*/

body{
	font-family: Times, "Times New Roman", Georgia, serif;
	margin: 0;
	padding: 0;
	font-size: 62.5%;
	background: #fff url(../images/bg.gif) top repeat-x;
}

.clearBoth {
	clear: both;
}

.floatright {
	float: right;
}

.floatleft {
	float: left;
}
p {
	font: 1.2em/1.3 Tahoma, "sans-serif";
}
hr { 
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	border: none;
	margin: 2em 0; 
}

a { 
	color: #af2417; 
}
a:focus {
	border: none;
	outline: none;
}
img { 
	border: none; 
}
/* WRAPPER   ---------------------------------------*/
#wrapper {
	margin: 0 auto;
	padding: 0;
	width: 948px;
	overflow: auto;
}

/* HEADER   ---------------------------------------*/
#header {
}
	#call {
		float: right;
		margin: 30px 20px 0;
		padding: 0;
		font-size: 2.2em;
		text-align: right; 
	}
	#call span { 
		font-size: 0.8em;  
	}
	#logo {
		float: left;
		display: block;
		margin: 10px 0 10px 10px;
		padding: 0;
		width: 193px;
		height: 72px;
		text-indent: -9999px;
		overflow: hidden;
		background: transparent url(../images/logo.gif) no-repeat;
	}

	/* PRIMARY NAV   ---------------------------------------*/
	ul#primaryNav {
		position: relative;
		float: left;
		width: 928px;
		margin: 0 0 2px;
		padding: 1px 10px 0 10px;
		list-style: none;
		background: #000 url(../images/nav_bg_top.gif) top no-repeat;
	}
		ul#primaryNav li {
			float: left;
			margin: 0;
			padding: 0;
		}
		ul#primaryNav li a {
			display: block;
			position: relative;
			margin: 0;
			padding: 6px 13px 3px 13px;
			font-size: 1.6em;
			color: #fff;
			text-decoration: none;
			background: transparent url(../images/nav_separator.png) right bottom no-repeat;
		}
		ul#primaryNav li.last a{
			background: none;
			border: none;
		}
		ul#primaryNav li.first.active a {
			background: transparent url(../images/nav_separator.png) right bottom no-repeat;
		}
		ul#primaryNav li a:hover, ul#primaryNav li.first.active a:hover, ul#primaryNav li.active a {
			background-color: #003471;
		}
	
		/* PrimaryNav Secondary List   ---------------------------------------*/
		ul#primaryNav li ul {
			display: none;
			position: absolute;
			z-index: 10;
			top: 26px;
			left: 0;
			margin: 0;
			padding: 0;
			width: 948px;
			background: #ebbc06;
			list-style: none;
			border-bottom: 2px solid #cca202;
		}
			ul#primaryNav li ul li {
				float: left;
				margin: 0;
				background: none;
			}
			ul#primaryNav li ul li a, ul#primaryNav li.active ul li a {
				padding: 8px 7px;
				background: none;
				font-size: 1.5em;
			}
			ul#primaryNav li ul li a:hover, ul#primaryNav li.first.active ul li a:hover, ul#primaryNav li.active ul li a:hover, ul#primaryNav li ul li.active a {
				background: #cca202;
			}
	
	#banner {
		position: relative;
		z-index: -10;
		float: left;
		margin: 0;
		padding: 0;
		width: 584px;
		height: 268px;
		background: transparent url(../images/banner.png) no-repeat;
	}
		#banner p {
			position: absolute;
			bottom: 0;
			display: block;
			margin: 0;
			padding: 5px;
			width: 574px;
			font: 1.6em Times, "Times New Roman", Georgia, serif;
			color: #fff;
			background: #000;
		}
	#homeBlurb {
		float: right;
		margin: 0;
		padding: 10px;
		width: 343px;
		height: 248px;
		background: #4a4a4a url(../images/homeBlurb_bg.gif) repeat-x;
		overflow: hidden;
	}	
		#homeBlurb h1 {
			margin: 0;
			padding: 0;
			color: #fff;
			font-size: 2.4em;
			font-weight: normal;
		}
		#homeBlurb p {
			font: 1.3em/1.4 Tahoma, "sans-serif";
			color: #fff;
		}
		#homeBlurb a { 
			color: #fff044; 
			text-decoration: none; 
		}
			#homeBlurb a:hover { 
				text-decoration: underline; 
			}
	
/* CONTENT   ---------------------------------------*/
#contentWrapper {
	margin: 0;
	padding: 3px 0;
}
#contentWrapper.internal {
	background: transparent url(../images/content_bg.gif) right repeat-y;
	overflow: auto;
}
	p#breadCrumb {
		margin: 0;
		padding: 5px;
		width: 700px;
		color: #003471;
	}
		p#breadCrumb a {
			color: #003471;
			text-decoration: underline; 
		}

	ul#buckets {
		margin: 10px 0;
		padding: 0;
		list-style: none;
		overflow: auto;
	}
		ul#buckets li {
			float: left;
			margin: 0 9px 0 0;
			width: 182px;
		}
		ul#buckets li.last {
			margin: 0;
		}
		ul#buckets li h2 {
			margin: 4px 0;
			padding: 0 0 0 10px;
			border-left: 7px solid #ebbc06;
			font-size: 1.6em;
			color: #555555;
		}
		ul#buckets li div {
			margin: 0;
			padding: 5px;
			background: #d4d4d4;
			overflow: auto;
		}
		ul#buckets li div img {
			border: 6px solid #fff;
		}
		ul#buckets li div p {
			color: #555555;
			line-height: 1.4em; 
			font-size: 1.25em; 
			height: 160px; 
		}
		ul#buckets li div a.more {
			display: block;
			float: right;
			margin: 0;
			padding: 3px 25px;
			background: #434343 url(../images/button_more_bg.gif) repeat-x;
			width: auto;
			color: #fff;
			text-decoration: none;
			font-size: 1.4em;
			border: 1px solid #c2c2c2;
		}
		ul#buckets li div a.more:hover {
			background: #434343;
		}
		
	/* ContentBody   ---------------------------------------*/
	#contentBody {
		float: left;
		width: 750px;
	}
	#contentBody.contact { 
		width: 900px; 
	}
		div.contactUsForm { 
			float: right; 
			width: 200px; 
			margin-right: 15px; 
		}
	#contentBody.internal {
		margin: 0 0 0 15px;
		width: 550px;
	}
		#contentBody h1 {
			margin: 0;
			padding: 0;
			font-size: 2.2em;
			font-weight: normal;
			color: #555555;
		}
		#contentBody p {
			margin: 0 0 10px 0;
			padding: 0;
			color: #555555;
		}
			#contentBody.internal p {
				margin: 0 200px 10px 0;
			}
			#contentBody.internal em.caption {
				display: block;
				float: right;
				clear: right;
				margin: 5px 0;
				width: 188px;
				font-size: 1.2em;
			}
		ul#productList {
			margin: 10px 0;
			padding: 0;
			list-style: none;
		}
			ul#productList li {
				margin: 9px 0;
				padding: 7px;
				border: 1px solid #cccccc;
				overflow: auto;
			}
			ul#productList li img {
				float: left;
			}
			ul#productList li h2 {
				margin: 0 0 0 150px;
				padding: 0 0 0 10px;
				border-left: 5px solid #e6bb0d;
				font-size: 1.6em;
				font-weight: normal;
				color: #1946a3;
			}
			ul#productList li h2 a {
				color:#1946A3;
			}
			ul#productList li p {
				margin: 0 0 0 150px;
				padding: 0;
			}
			ul#productList li p a {
				text-decoration: none;
				color: #af2417;
			}
		div.contentright { 
			float: right; 
			margin: 0 0 2em 15px; 
			padding: 0; 
		}
			div.contentright h3 { 
				font-weight: bold; 
				color: #000000; 
				font-size: 1.25em; 
			}
		.details {
			margin: 0;
			padding: 5px 15px;
			border: 1px solid #cccccc;
			border-bottom: none;
			overflow: auto;
		}
		div.details.last {
			border: 1px solid #cccccc;
		}
			#contentBody .details h2 {
				margin: 0;
				padding: 0 0 0 10px;
				border-left: 5px solid #e6bb0d;
				font-size: 1.6em;
				font-weight: normal;
				color: #fd4d5b;
			}
			.details ul {
				float: left;
				margin: 10px 0;
				padding: 0 0 0 15px;
				width: 47%;
			}
			.details ul.metalphoto { 
				width: 45%; 
			}
			.details ul.smallcol { 
				width: 90%; 
			}
			.details ul li {
				font-size: 1.2em;
				color: #555555;
			}
		div.details.last ul { 
			width: 90%;
		}
		#contentBody blockquote { 
			border-left: 3px solid #e0e0e0; 
			padding-left: 1.2em; 
			font-size: 0.9em; 
		}
		#contentBody blockquote p { 
			color: #202020; 
			line-height: 1.5; 
		}
		#contentBody h2 { 
			color: #1946a3; 
			font-size: 1.6em;
			font-weight: normal; 
		}
#productList ul.nostyle { 
	list-style: disc; 
	margin: 0 0 0 150px; 
	padding: 0; 
}
	#productList ul.nostyle li { 
		list-style: disc; 
		border: none; 
		padding: 0.25em 0; 
		margin: 0; 
		font-size: 1.15em; 
		font-family: "Tahoma", sans-serif; 
	}
	#productList a { 
		font-weight: bold; 
	}
ul.chartcaption { 
	font-size: 1.15em; 
	float: left; 
	width: 200px; 
	margin-left: -1em; 
}
img.topmargin { 
	margin-top: 1em; 
}
#productList li div.floatright img { 
	float: left; 
}
#productList li div.floatright, #productList li div.floatleft { 
	text-align: center; 
}
div.productPageRight { 
	float: right; 
	width: 150px; 
	text-align: center; 
}
#contentBody div.portfolioPage h2 { 
	clear: both; 
	margin: 1.5em 0 0.5em 0; 
	padding: 0.5em 0 0 0; 
	color: #fd4d5b;
}
div.portfolioPage ul { 
	list-style: none; 
} 
	div.portfolioPage ul li { 
		width: 175px; 
		float: left; 
		padding-bottom: 1em; 
	}
		div.portfolioPage ul li img { 
			padding: 3px; 
			border: 1px solid #d0d0d0; 
		}
	
	/* SideNav   ---------------------------------------*/
	#sideNav {
		float: left;
		margin: 0;
		padding: 0;
		width: 185px;
		border: 1px solid #cccccc;
		border-top: 8px solid #e6bb0d;
	}
		#sideNav ul {
			margin: 0;
			padding: 0;
			list-style: none;
		}
		#sideNav ul li {
			margin: 0;
			padding: 7px 0;
		}
		#sideNav ul li a {
			margin: 0 0 0 7px;
			padding: 0 0 0 10px;
			font: 1.1em Tahoma, "sans-serif";
			color: #003471;
			text-decoration: none;
			background: transparent url(../images/sideNav_arrow_inactive.gif) left center no-repeat;
		}
		#sideNav ul li a:hover {
			color: #e6bb0d;
			background: transparent url(../images/sideNav_arrow_active.gif) left center no-repeat;
		} 
	
	/* Sidebar   ---------------------------------------*/
	#sidebar {
		float: right;
		margin: -20px 0 0;
		padding: 130px 10px 0;
		width: 162px;
		background: transparent url(../images/questions_woman.gif) top no-repeat;
	}
		#sidebar.contactPage {
		float: right;
		margin: 0 15px 0 0; 
		padding: 0;
		width: 225px;
		background: none;
	}
		#sidebar.contactPage input, #sidebar.contactPage label, #sidebar.contactPage textarea {
			clear: both; 
			float: left; 
			width: 200px; 
		}
		#sidebar.contactPage input.submit { 
			margin-top: 10px; 
		}
		#sidebar h3 {
			margin: 0;
			padding: 0;
			font-size: 2em;
			font-weight: normal;
		}
		#sidebar form, #sidebar fieldset {
			margin: 0 0 0;
			padding: 5px 0;
			border: 0;
		}
		#sidebar legend {
			display: block;
			margin: 0;
			padding: 0;
			font-size: 1.6em;
			font-weight: bold;
		}
		#sidebar label {
			font-size: 1.2em;
		}
		#sidebar input, #sidebar textarea {
			margin: 3px 0;
			padding: 4px;
			width: 145px;
			border: 1px solid #c2c2c2;
		}
		#sidebar textarea {
			height: 100px;
		}
		#sidebar input.submit {
			margin: 0;
			padding: 5px 15px;
			width: auto;
			color: #fff;
			background: #370b0d url(../images/submit_bg.gif) top repeat-x;
		}
		#sidebar input.submit:hover {
			background: #370b0d;
			cursor: pointer;
		}
sup {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	
}

sup {
	bottom: 1ex;
}
	
	
	/* ==== RFQ form         ============================== */
	
	form#rfqForm {
		margin: 10px 0 0;
		padding: 0;
		border: 0;
	}
	
	.required {
		color: #88281a;
		font-weight: normal;
	}
	
		#rfqForm ul {
			margin: 0;
			padding: 0;
			list-style: none;
		}
			#rfqForm ul li {
				margin: 3px 0;
				padding: 0;
				overflow: auto;
			}
		#rfqForm ul.tabNav {
			float: left;
			margin: 0 0 10px;
			padding: 0;
			list-style: none;
			background: #ebbc06;
			border-bottom: 2px solid #cca202;
			overflow: auto;
		}
			#rfqForm ul.tabNav li {
				float: left;
				display: block;
				position: relative;
				margin: 0;
				padding: 5px 40px;
				color: #fff;
				font-size: 1.2em;
				text-decoration: none;
			}
			#rfqForm ul.tabNav li.active {
				background: #cca202;
			}
			
			#rfqForm div {
				display: none;
				clear: left;
				width: 475px;
				overflow: auto;
			}
			#rfqForm div.active {
				display: block;
			}
			
			#rfqForm label {
				float: left;
				clear: left;
				margin: 5px 0 0;
				padding: 2px 5px 0;
				width: 120px;
				font: 1.2em Arial, "sans-serif";
				font-weight: bold;
				color: #575757;
			}
			#rfqForm input {
				margin: 5px 0 0;
				padding: 3px;
				width: 150px;
				border: 1px solid #999999;
				font: 1.2em Arial, "sans-serif";
				font-weight: bold;
				color: #575757;
			}
			#rfqForm textarea {
				clear: left;
				margin: 5px 3px 15px;
				width: 370px;
				height: 75px;
				font: 1.2em Arial, "sans-serif";
				border: 1px solid #999999;
				color: #575757;
			}
			#rfqForm .short {
				width: 100px;
			}
			#rfqForm .small {
				width: 50px;
			}
			#rfqForm .long {
				width: 150px;
			}
			input#File {
				width: 250px;
			}
			.radius {
				display: none;
				float: none;
				clear: none;
				width: 50px;
			}
			#Radius {
				display: none;
			}
			#ColorHelp {
				clear: left;
				display: none;
				margin: 2px 5px;
				font: 1.1em Arial, "sans-serif";
				color: #575757;				
			}
			
			#rfqForm span.process, #rfqForm span.finish {
				display: block;
				overflow: auto;
				clear: left;
				padding: 0 10px;
			}
			#rfqForm span.finish {
				display: none;
			}
			#rfqForm span.finish p {
				margin: 10px 0 0 -10px;
				font-weight: bold;
			}
			#rfqForm span.process label, #rfqForm span.finish label  {
				float: none;
			}
			#rfqForm span.process label span, #rfqForm span.finish label span {
				margin-left: 5px;
				font-weight: normal;
			}
			#rfqForm span.process input, #rfqForm span.finish input  {
				float: none;
				width: auto;
				margin-right: 10px;
			}
			
			
			#rfqForm .next, #rfqForm .back {
				float: right;
				clear: left;
				display: block;
				margin: 35px 0 0;
				padding: 5px 20px;
				background: #ebbc06;
				border-bottom: 2px solid #cca202;
				color: #fff;
				font-size: 1.6em;
				text-decoration: none;
			}
			#rfqForm .back {
				float: left;
				clear: left;
			}
			#rfqForm .next:hover, #rfqForm .back:hover {
				background: #cca202;
			}
			#rfqForm input.next {
				border: none;
				border-bottom: 2px solid #cca202;
				font: 1.4em Times, "Times New Roman", Georgia, serif;
				cursor: pointer;
			}
	
	
	/* Sitemap   ---------------------------------------*/
	
	#alumaSitemap ul {
		margin: 0;
		padding: 0 0 0 25px;
	}
		#alumaSitemap ul li {
			margin: 0;
			padding: 4px 0;
			font-size: 1.2em;
		}
		#alumaSitemap ul li a {
			text-decoration: none;
			color: #003471;
		}
		#alumaSitemap ul li ul li {
			font-size: 1em;
		}
		#alumaSitemap ul li a:hover {
			text-decoration: underline;
		}

	
/* FOOTER   ---------------------------------------*/
#footer {
	clear: both;
	margin: 0 0 10px;
	padding: 7px;
	border-top: 5px solid #000;
	background: #898989;
	overflow: auto;
}
	#footer p {
		float: left;
		margin: 0;
		padding: 0;
		font-size: 1.1em;
		color: #fff;
	}
	#footer p.footerNav {
		float: right;
	}
	#footer p a {
		color: #fff;
		text-decoration: none;
	}
	#footer p a:hover {
		text-decoration: underline;
	}