/* globals */

* { outline: none; }

body {
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size: 11px;
	line-height: 1.5em;
	color: #111;
	background: #1a1a1a url(../img/dot_bg.gif);
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td {
	margin: 0;
 	padding: 0;
}

a {
	text-decoration: none;
}

a img {
	border: 0;
}


/* structure */

#wrap {
	width: 976px;
	margin: 0 auto;
}

#shadow{
	width: 976px;
	background: transparent url(../img/content_shadow.png) repeat-y;
	margin: 0 auto;
	float: left;
}

#container {
	width: 950px;
	margin: 0 auto;
}

#header { 
	width: 950px;
	height: 157px;
	background: #151515 url(../img/header_bg.jpg) no-repeat;
	float: left;
}

#middle {
	width: 950px;
	height: 396px;
	float: left;
	background: #fff;
}

#contentcontainer {
	width: 950px;
	float: left;
	background: #fff url(../img/content_bg.gif);
}

#footer {
	width: 950px;
	height: 81px;
	background: #151515 url(../img/footer_bg.jpg) no-repeat;
	float: left;
	clear: both;
	color: #fff;
}


/* header */

#logo {
	width:  117px;
	height: 107px;
	background: url(../img/columbiaplastics_logo_white.png) no-repeat;
	float: left;
	margin: 45px 0 0 8px;
}

#logo span {
	display: none;
}

#header-right {
	width: 620px;
	height: 157px;
	float: right;
}

/* nav */

ul#nav {
	float: right;
	list-style-type:  none;
	margin-top: 17px;
	clear: both;
}

ul#nav li {
	width: 112px;
	height: 83px;
	margin-right: 10px;
	text-indent: -9999px;
	display: inline;
	float: left;
}
ul#nav li a { 
	display: block;
	overflow:hidden;
	width: 112px;
	height: 83px;
}

#home { left: 0; }
#home a { background: url(../img/navbar_bg.png) 0 0 no-repeat; }
#home a:hover { background: transparent url(../img/navbar_bg.png) 0 -83px no-repeat; }

#success-stories { left: 122px; }
#success-stories a { background: url(../img/navbar_bg.png) -224px 0 no-repeat; }
#success-stories a:hover { background: transparent url(../img/navbar_bg.png) -224px -83px no-repeat; }

#about-us { left: 244px; }
#about-us a { background: url(../img/navbar_bg.png) -336px 0 no-repeat; }
#about-us a:hover { background: transparent url(../img/navbar_bg.png) -336px -83px no-repeat; }

ul#secnav {
	float: right;
	list-style-type: none;
	clear: both;
	margin: 20px 10px 0 0;
}

ul#secnav li {
	display: inline;
	float: left;
	margin-left: 10px;
}

ul#secnav a {
	background-color: #444;
	padding: 0 9px;
	display: block;
	color: #fff;
	height: 25px;
	line-height: 25px;
}

ul#secnav a:hover { background-color: #161616; }

ul#secnav a.highlight { background-color: #a14e16; }
ul#secnav a.highlight:hover { background-color: #7e3610;}

/* middle */

#mid-left {
 width: 689px;
 height: 396px;
 float: left;
}

#mid-right {
 width: 256px;
 margin: 5px 5px 5px 0;
 float: right;
}

.feature {
	width: 256px;
	margin-bottom: 5px;
	color: #fff;
	float: left;
	display: block;
}

.feature h3 {
	font-size:16px;
	display: none;
}

.feature p {
	font-size: 10px;
	width: 145px;
	line-height: 14px;
	display: none;
}

p.learn-more {
	width: 40px;
	line-height: 14px;
	display: none;
}

p.learn-more a { color: #fff; }
p.learn-more a:hover { color: #eee; }

#ftr1 { height: 95px; background: url(../img/ftr1_bg.gif) no-repeat; }
#ftr2 { height: 92px; background: url(../img/ftr2_bg.gif) no-repeat; }
#ftr3 { height: 93px; background: url(../img/ftr3_bg.gif) no-repeat; }
#ftr4 { height: 91px; background: url(../img/ftr4_bg.gif) no-repeat; }


#ftr1 h3 { }
#ftr1 p.description { }
#ftr1 p.learn-more { }


/* content */

#content {
	width: 669px;
	padding-right: 15px;
	float: left;
	background-color: #fff;
}

#content a {
	color: #7E3610;
}

#content a: hover {
	color: #a14e16;
}

#content h2 {
	background: #a14e16;
	width: 644px;
	height: 40px;
	line-height: 40px;
	font-size: 21px;
	color: #fff;
	padding-left: 20px;
	margin: 20px 0;
	border-left: 5px solid #7e3610;
}

#front #content h3 {
	width: 570px;
	font-size: 17px;
	margin: 0 0 20px 25px;
	display: block;
	line-height: 24px;
	letter-spacing: -0.03em;
}

#content h3 {
	font-size: 14px;
	margin: 0 0 5px 25px;
	display: block;
	line-height: 24px;
	letter-spacing: -0.03em;
}

#content p {
	margin: 0 0 1.5em 25px;
}

#front #content p {
	width: 640px;
}

#request-a-quote #content p, #contact-us-page #content p, #mdm-contact-us-page #content p {
	width: 640px;
}
#newsarea {
	width: 240px;
	background: #2c2c2b url(../img/news_bg.gif) top no-repeat;
	float: right;
	color: #fff;
	padding-right: 21px;
	min-height: 400px;
}

#newsarea a {
	color: #ffd800;
}
#newsarea a:hover {
	color: #ffe641;
}

h2#news-title {
	font-size: 18px;
	margin: 15px 0 15px 15px;
	color: #ffd800;
}

#newsarea h3 {
	font-size: 14px;
	margin: 15px 0 .5em 15px;
}

#newsarea p {
	margin: .5em 0 1.5em 15px;	
}
#newsarea p.news-date {
	margin-bottom: .5em;
}

#newsarea p.news-more {
	margin: 1.5em 0 2em 15px;
	padding-top: 1.5em;
	border-top: 1px solid #fff;
}

.radio { margin: 5px; }

.imgleft {
	float: left;
	margin: 0 15px 15px 20px;
	border: 3px solid #ddd;
}

.imgright {
	float: right;
	margin: 0px 0px 15px 15px;
	border: 3px solid #ddd;
}

#health-care-molding #newsarea h3 {
	margin-top: 15px;
}


ul#molding-links {
	list-style-type: none;
	display: inline;
	margin: 0 10px 20px 15px;
	float: left;
	clear: left;
}

ul#molding-links li {
	display: inline;
	float: left;
	margin-right: 10px;
}


ul#molding-links a {
	background-color: #7E3610;
	padding: 0 9px;
	display: block;
	color: #fff;
	height: 25px;
	line-height: 25px;
}

ul#molding-links a:hover {
	background-color: #a14e16;
}

.story1 {
	padding: 15px 15px 15px 0;
	width: 600px;
	margin: 0 0 15px 15px;
	background: #eee;
	float: left;
	clear: both;
}

.story2 {
	background: #eee;
	padding: 15px 15px 15px 0;
	float: left;
	width: 600px;
	margin: 0 0 15px 15px;
	clear: both;
	
}

.last {
	margin-bottom: 30px;
}

h3#year {
	color: #a14e16;
	font-size: 18px;
}

#content div.story1 p, #content div.story2 p {
	width: auto;
}

#site-map #content ul {
	margin-left: 30px;
	margin-bottom: 30px;
	list-style-type: none;
	padding: 0;
}

#site-map #content ul li {
	margin: 10px 15px 5px 0;
	padding: 2px;
	border: 1px solid #eee;
}

/* quote form */

fieldset#quote-form {
	margin: 0 0 25px 25px;
	padding: 0;
	width: 500px;
	float: left;
	display: inline;
	border: none;
}

#quote-form p {
	margin: 2px 0;
	clear: both;
	float: left;
	clear: both;
}

#quote-form label {
	padding: 3px 10px 0 0px;
	vertical-align: center;
	line-height: 16px;
	display: block;
	width: 120px;
	float: left;
	font-size: 12px;
}

#quote-form input.text {
	margin-bottom: 10px;
	width:200px;
	border: 1px solid #ddd;
	padding: 6px 5px 0;
	height: 20px;
}

#quote-form select.text {
	margin-bottom: 5px;
	width: 260px;
	border: 1px solid #ddd;
	padding: 5px;
}

#quote-form textarea {
	width: 500px;
	height: 200px;
	border: 1px solid #ddd;
	padding: 5px;

}

#quote-form p#submit input {
	margin: 20px 0;
}



span.req { color: red; }

/* contact form */

fieldset#contact-form {
	margin: 0 0 25px 25px;
	padding: 0;
	width: 500px;
	float: left;
	display: inline;
	border: none;
}

#contact-form p {
	margin: 2px 0;
	clear: both;
	float: left;
	clear: both;
}

#contact-form label {
	padding: 3px 10px 0 0px;
	vertical-align: center;
	line-height: 16px;
	display: block;
	width: 120px;
	float: left;
	font-size: 12px;
}

#contact-form input.text {
	margin-bottom: 10px;
	width:200px;
	border: 1px solid #ddd;
	padding: 6px 5px 0;
	height: 20px;
}

#contact-form select.text {
	margin-bottom: 5px;
	width: 260px;
	border: 1px solid #ddd;
	padding: 5px;
}

#contact-form textarea {
	width: 500px;
	height: 200px;
	border: 1px solid #ddd;
	padding: 5px;

}

#contact-form p#submit input {
	margin: 20px 0;
}


/* footer */

#footer p {
	float: left;
	margin: 13px 0 0 50px;
}

#footer a { color: #ddd; }
#footer a:hover { color: #fff; }

#footer-right {
	float: right;
}

ul.footerlinks {
	list-style-type: none;
	float: right;
	clear: both;
	padding: 6px 0 0 0;
	margin-right: 15px;
	margin-top: 7px;
}

ul.footerlinks li {
	display: inline;
	margin-left: 15px;
}

.bot {
	border-top: 1px solid #222;
}

/* captcha */
#request-a-quote fieldset div,
#mdm-contact-us-page fieldset div,
#contact-us-page fieldset div {
	float: left;
}
.recaptchatable #recaptcha_response_field { left: 0;}