/* ===============================================
SEAMCRAFT
--------------------------------------------------
AUTHOR(S): matt@topspotims.com, jwynn@topspotims.com
DATE : July 8, 2008
MODIFIED: 11-5-2008 - 11-7-2008
==================================================
COLOR TABLE
--------------------------------------------------
BACKGROUND      #fff;
HEADER BLUE		#058bc7;

LIGHT GREY		#ebebeb;
DARK GREY		#333333;

LINK ORANGE		#d04d0e;
LIGHT BLUE		#d9edf6;

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

body{
	margin: 0;
	padding: 0;
	background: #058bc7 url(../images/bg.gif) top center repeat-x;
	font-size: 62.5%;
	font-family: Arial, Verdana, "Lucida Grande", sans-serif;
}

.clearBoth {
	clear: both;
}

.floatright {
	float: right;
	height: auto;
}

.floatleft {
	float: left;
}
.resetList, .resetList li ul {
	margin: 0;
	padding: 0;
}
.resetList li {
	display:inline;
	list-style: none;
	padding: 0;
	margin: 0;
}
a {
	overflow: hidden;
	text-decoration: none;
	color: #d04d0e;
	font-weight: bold;
}
a:hover {
	text-decoration: underline;
}
a:active {
	overflow: visible;
}

h1 {
	margin: 0;
	padding: 0;
	color: #333333;
	font-size: 1.6em;
	font-weight: bold;
}
h2 {
	margin: 0;
	padding: 0;
	color: #333333;
	font-size: 1.4em;
	font-weight: bold;
	font-style: italic;
}
h3 {
	margin: 0;
	padding: 0;
	color: #333333;
	font-size: 1em;
	font-weight: bold;
}

p {
	margin: 0;
	padding: 0;
	color: #333333;
	font-size: 1.1em;
	line-height: 1.7em;
}
a.button {
	display: inline;
	margin: 0;
	padding: 3px 10px;
	background: #3279b4 url(../images/buttonBg.gif) repeat-x;
	color: #fff;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 2em;
}
a.button:hover {
	background: #d04d0e;
	text-decoration: none;
}

hr {
	clear: both;
	margin: 5px 0;
	padding: 0;
	border: none;
	border-top: 1px dashed #6d6d6d;
	background-color: #fff;
}
/* ==== WRAPPER        ============================== */
#headerWrapper {
	margin: 0 auto;
	width: 752px;
}

/* ==== HEADER         ============================== */
#header {
	margin: 0;
	padding: 7px 15px;
	height: 48px;
}
	a#logo {
		float: left;
		display: block;
		margin: 0;
		padding: 0;
		width: 156px;
		height: 43px;
		background: transparent url(../images/logo.png) no-repeat;
		text-indent: -9999px;
	}
	#callUs {
		float: right;
		clear: right;
		margin: 3px 0;
		padding: 0;
		font-size: 1.8em;
		font-weight: bold;
		font-style: italic;
	}
	/* ==== GLOBAL NAV    ============================== */
	
	#globalNav {
		float: right;
		margin: 0;
		padding: 0;
	}
	#globalNav a{
		display: inline;
		margin: 0;
		padding: 0 10px 0 12px;
		width: auto;
		color: #000;
		font-size: 1.2em;
		font-weight: normal;
		background: transparent url(../images/primaryNavBullet.gif) left center no-repeat;
	}
	#globalNav a.last{
		padding: 0 0 0 12px;
	}
	#globalNav a:hover{
		color: #058bc7;
	}
/* ==== BANNER         ============================== */
#banner {
	margin: 0;
	padding: 0;
	height: 218px;
	background: transparent url(../images/header.jpg) right 47% no-repeat;
}
	#banner h1{
		text-indent: -9999px;
		overflow: hidden;
		display: none;
	}
	/* ==== PRIMARY NAV    ============================== */
	ul#primaryNav {
		float: left;
		margin: 0;
		padding: 0;
		width: 178px;
		list-style: none;
		background-color: #1e97cd;
	}
	ul#primaryNav li {
		display: block;
		margin: 0;
		padding: 0;
		border-bottom: 1px solid #85c7e4;
	}
	ul#primaryNav li.last {
		border: none;
	}
	ul#primaryNav li a {
		display: block;
		margin: 0;
		padding: 7px 12px;
		height: 16px;
		color: #fff;
		font-size: 1.4em;
		font-weight: bold;
	}
	ul#primaryNav li.last a {
		height: 18px;
		border: none;
	}
	ul#primaryNav li a:hover {
		background-color: #d04d0e;
		text-decoration: none;
	}
/* ==== CONTENT - HOME  ============================== */
#contentWrapper {
	margin: 0;
	padding-bottom: 1px;
	background: #fff url(../images/contentBottomBg.gif) bottom center no-repeat;
	width: 100%;
}
#content{
	margin: 0 auto;
	padding: 0 1px;
	width: 750px;
	overflow: auto;
	background: #fff url(../images/contentBg.gif) repeat-y;
}
	#homeBlurb{
		margin: 0;
		padding: 10px 20px;
		background-color: #ebebeb;
		overflow: auto;
	}
	#homeBlurb h1{
		margin: 5px 0;
	}
	#homeBlurb p{
		width: 550px;
	}
	#homeBlurb .button {
		float: right;
	}
	ul#buckets {
		margin: 5px 0;
		padding: 10px;
		list-style: none;
		overflow: auto;
		width: 730px;
	}
	ul#buckets li {
		float: left;
		position: relative;
		margin: 15px 20px 15px 0;
		padding: 0 0 0 130px;
		width: 215px;
		height: 100px;
		background: transparent url(../images/bottomDotted.gif) right bottom no-repeat;
	}
	ul#buckets li img {
		position: absolute;
		left: 0;
		top: 0;
		border: 1px solid #c7c5b8;
	}
	ul#buckets li h2 {
		font-style: italic;
		padding-bottom: 5px;
	}
	ul#buckets li p {
		line-height: 1.4;
	}
	ul li#industrialsewing {
		margin: 15px auto;
		padding-top: 15px;
		clear: both;
		float: none;
		}	
		ul li#industrialsewing img {
			margin-top: 15px;
		}
/* ==== CONTENT - INTERNAL  ============================== */
#contentBody {
	float: left;
	margin: 0;
	padding: 10px 15px;
	width: 540px;
}
	#contentBody h1 {
		margin: 10px 0;
		font-size: 1.7em;
	}
	#contentBody h2 {
		margin: 15px 0 0 0;
	}
	#contentBody p {
		margin: 5px 0;
	}
	#contentBody .slider {
		height: 18px;
		width: 230px;
		background-color: #058bc7;
		margin-left: 7px;
		margin-top: 7px;
		position: absolute;
		text-align: right;
		font-size: 1.1em;
		padding: 3px;
		border-bottom: 1px solid #d04d0e;
	}
	#contentBody .prodImgLink {
		display: block;
		float: left;
		position: relative;
	}
	#contentBody img.prodImg {
		float: left;
		display: block;
		margin: 7px;
		padding: 0;
		border: 1px solid #058bc7;
	}
	#contentBody p.clickInstruct {
		margin: 0 0 0 7px;
	}
	#contentBody ul {
		margin: 5px 0;
		padding: 0 10px;
		list-style-position: inside;
		font-size: 1.1em;
		overflow: auto;
	}
	#contentBody ul li {
		margin: 0;
		padding: 3px 0;
	}
	#contentBody ul.prodList {
		float: left;
		width: 30%;
		padding: 10px 05px;
		overflow: auto;
	}
	
	form {
		margin: 0;
		padding: 0;
	}
	fieldset {
		margin: 0;
		padding: 0;
		border: 0;
	}
	label {
		display: block;
		margin: 0;
		padding: 7px 0 5px 0;
		font-size: 1.1em;
		font-weight: bold;
	}
	input, textarea {
		display: block;
		margin: 0;
		padding: 5px;
		/*width: 300px; - Nixed for new forms*/
		border: 1px solid #747474;
	}

	button {
		display: inline;
		margin: 10px 0;
		padding: 3px 20px;
		background: #3279b4 url(../images/buttonBg.gif) repeat-x;
		color: #fff;
		font-size: 1.3em;
		font-weight: bold;
		border: none;
	}
	button:hover {
		background: #d04d0e;
		text-decoration: none;
		cursor: pointer;
	}
	
	#about-us #contentBody .industries ul {
		float: left;
		margin: 0;
		padding: 5px 2px;
		width: 10.3em;
	}
	#about-us #contentBody .industries ul li {
		padding: 3px 0;
	}
	

	#about-us #contentBody ul {
		margin: 5px 0;
		padding: 0 10px;
		font-size: 1.2em;
	}
	#about-us #contentBody ul li {
		margin: 0;
		padding: 3px 0;
	}
	#about-us #contentBody ul li ul li {
		font-size: .8em;
	}
	
	
	
	#capabilities #contentBody ul {
		float: left;
		margin: 5px 0;
		padding: 0 10px;
		width: 12em;
		font-size: 1.2em;
	}
	#capabilities #contentBody ul li {
		margin: 0;
		padding: 3px 0;
	}
	#capabilities #contentBody ul li ul li {
		font-size: .8em;
	}	
	
	#capabilities #contentBody ul.seamCraftIs {
		margin: 5px 0;
		padding: 0 10px;
		width: auto;
		overflow: visible;
	}
	#capabilities #contentBody ul.seamCraftIs li {
		float: left;
		margin: 0;
		width: 20em;
		list-style: none;
	}
	#capabilities #contentBody ul.seamCraftIs li ul {
		height: 5em;
		overflow: visible;
	}
	#capabilities #contentBody ul.seamCraftIs li ul li {
		padding: 3px 0;
		font-size: .8em;
		list-style: disc;
		list-style-position: inside;
	}
	#capabilities #contentBody ul.certified {
		margin: 0;
		width: auto;
	}
	#capabilities #contentBody ul.certified li {
		margin: 0;
		width: auto;
	}
	#capabilities #contentBody ul.certified li ul {
		margin: 0;
		width: auto;
	}

	#capabilities .operation {
		float: left;
		margin: 5px;
		overflow: auto;
		text-align: center;
		width: 12em;
		height: 14em;
		font-size: 1.3em;
	}
	#capabilities .operation.lastImg {
		margin-left: 6.3em;
	}
	#capabilities .operation img {
		margin: 3px 0;
		padding: 1px;
		border: 1px solid #6d6d6d;
	}
	#contentBody ol {
		margin: 10px 0;
		padding: 10px 5px;
		list-style-position: inside;
		border-top: 1px solid #d4cdd2;
		border-bottom: 1px solid #d4cdd2;
		overflow: auto;
	}
	#contentBody ol li {
		margin: 0;
		padding: 7px 4px;
		font-size: 1.2em;
		font-weight: bold;
	}
	#contentBody ol li p{
		margin: 0;
		padding: 0 0 0 15px;
		font-size: 1em;
		font-weight: normal;
	}

/* ==== CONTENT - CONTACT US PAGE  ============================== */
	
#contact-us #contentBody {
	width: 720px;
}
#contactInfo {
	width: 300px;
	float: left;
	text-align: center;
	}
	#contentBody #contactInfo ul {
		margin: 5px 0 20px 0;
	}
#contactFormWrapper {
	width: 375px;
	float: right;
	}
	#contactFormWrapper strong {
		font-size: 1.1em;
	}
	#contactFormWrapper p {
		margin-top: 10px;
		text-align: center;
		font-size: 1.3em;
		width: 350px;
	}
	#contactFormWrapper textarea {
		margin-bottom: 10px;
		width: 340px;
	}
	#contactFormWrapper input[type="text"] {
		width: 150px;
	}
	#contactFormWrapper select {
		width: 165px;
	}
	#contactFormWrapper #specifyOther {
		display: none;
	}
	#contactFormWrapper noscript #nojsspecifyOther {
		display: block;
	}
	#contactFormWrapper .col1 {
		float: left;
		width: 190px;
		margin-bottom: 10px;
	}
	#contactFormWrapper .col2 {
		margin-bottom: 10px;
		}
		#contactFormWrapper .col2 input {
		display: inline;
		}
	#contactFormWrapper .buttonfield, .buttonfieldFocus {
		margin-top: 5px;
		width: 352px;
	}
	#contactFormWrapper .buttonfieldFocus {
		background-color: #D04D0E;
	}
#litquestion label {
	display: inline;
	margin-left: 2em;
	}
#litquestion input {
	display: inline;
	vertical-align: text-bottom;
	margin-left: 5px;
	}
.reqd {
	color: #D04D0E;
}

/* ==== RIGHT-HAND SIDEBAR  ============================== */	
	
#sidebar {
	float: right;
	margin: 0;
	padding: 40px 15px 15px 10px;
	width: 150px;
}
	#sidebar h1 {
		margin: 15px 0 0 0;
		font-size: 1.3em;
		color: #d04d0e;
	}
	#sidebar form {
		margin: 0;
		padding: 0;
	}
	#sidebar fieldset {
		margin: 0;
		padding: 0;
		border: 0;
	}
	#sidebar label {
		display: block;
		margin: 0;
		padding: 7px 0 5px 0;
		font-size: 1.1em;
		font-weight: normal;
	}
	#sidebar #litquestion {
		font-size: 1.1em;
		margin-top: 5px;
	}
	#sidebar #litquestion label {
		display: inline;
		font-size: 1.1em;
	}
	#sidebar #litquestion input {
		display: inline;
		width: auto;
		margin: 5px 5px 0 5px;
	}
	#sidebar .buttonfield, #sidebar .buttonfieldFocus {
		margin: 5px auto 0 auto;
	}
	#sidebar input.buttonfield {
		width: 153px;
	}
	#sidebar input.buttonfieldFocus {
		width: 153px;
		background-color: #D04D0E;
	}
	#sidebar p {
		margin-top: 10px;
		text-align: center;
		font-size: 1.2em;
	}
	#sidebar input, #sidebar textarea {
		display: block;
		margin: 0;
		padding: 3px;
		width: 145px;
		border: 1px solid #747474;
	}
	#sidebar textarea {
		height: 75px;
	}
	#sidebar button {
		display: inline;
		margin: 10px 0;
		padding: 3px 20px;
		background: #3279b4 url(../images/buttonBg.gif) repeat-x;
		color: #fff;
		font-size: 1.3em;
		font-weight: bold;
		border: none;
	}
	#sidebar button:hover {
		background: #d04d0e;
		text-decoration: none;
		cursor: pointer;
	}
/* ==== FOOTER         ============================== */
#footer {
	margin: 0;
	padding: 7px 0;
	background-color: #058bc7;
}
#footer p {
	margin: 0 auto;
	width: 752px;
	color: #fff;
	font-size: 1.2em;
	text-align: center;
}