/**
  Theme Name: Protype
  Version: 1.0
  Author: Protype Media
  Author URI: http://www.protypemedia.com
*/

/* ----------------- RESET ----------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: inherit;
	font-weight: inherit;
	border: 0;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
h1, h2, h3, h4, h5, h6 { font-weight: lighter; }
html { overflow-y: scroll; }
:focus { outline: 0; }
body, body#full { background: #fff url(images/bg.jpg) no-repeat top center; color: #000; font-size: 62.8%; line-height: 1.5; }
body#full { background: #000 url(images/bg-full.jpg) no-repeat top center; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; text-align: left; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q {quotes: "" ""; }


/* ----------------- CORE ----------------- */
#wrapper { font-size: 1.4em; margin: 0 auto; width: 900px; }
#canvas { background: #fff; clear: left; }
#canvas p { margin-bottom: 1.5em; }

.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; }
.alignright { float: right; }

.displace { left: -9999px; position: absolute; }
.clearboth { clear: both; }

strong { font-weight: bold; }
em { font-style: italic; }

.top25 { position: relative; top: 25px; }

a:link, a:visited, a:active { color: #c00; text-decoration: none; }
a:hover { color: #f00; text-decoration: underline; }


/* ----------------- MISC ----------------- */
.testimonial {
	border: 1px #888 dotted;
	display: inline-block;
	height: 175px;
	margin: -20px 15px 0 15px;
	width: 175px;
}

/* ----------------- HEADER----------------- */
#headerpicHome { border: 11px solid #fff; }
#headerpic { border: 1px solid #ddd; margin-bottom: 11px; padding: 10px; }

a.logo { 
	background: url(images/logo.png) no-repeat;
	clear: both;
	float: left;
	height: 95px;
	margin: 39px 0 30px 0;
	text-decoration: none;
	width: 190px;
}
#tagline {
	color: #ccc;
	float: right;
	font-style: italic;
	font-size: 1.2em;
	letter-spacing: 1px;
	position: relative;
	top: 70px;
}

/* ----------------- MENU ----------------- */

#menu {	padding: 0; }
#menu li { float: left; font-size: 1.1em; list-style: none; }
#menu li a {
	color: #ccc;
	display: block;
	padding: 9px 20px;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
}
#menu li a:hover { color: #888; }
#menu li ul { margin: 0; position: absolute; visibility: hidden; }	
#menu li ul li { display: inline; float: none; }
#menu li ul li a {
	background: #eee;
	color: #000;
	font-size: .7em;
	text-transform: inherit;
	width: auto;
	z-index: 999;
}
#menu li ul li a:hover { background: #bbb; color: #000; }

#menu .phone { 
	background: url(images/phone-icon.gif) no-repeat center left;
	color: #ccc;
	left: 105px;
	letter-spacing: -1px;
	padding: 9px 0 9px 25px;
	position: relative;
}


/* ----------------- MAIN CONTENT ----------------- */
#primaryContent, #primaryContentHome {
	float: left;
	margin: 0 11px 11px 0;
	padding: 0;
	width: 640px;
}
#primaryContentHome, #primaryContentFull { position: relative; width: 878px; }
#primaryContentFull { width: 900px; }

#primaryContent li, #primaryContentFull li {
	background: url(images/bullet-list.gif) no-repeat 0px 5px; 
	line-height: 2em;
	padding-left: 30px;
}
#primaryContent li li, #primaryContentFull li li {
	background: none;
	list-style: circle;
	margin-left: 35px;
	padding: 0;
}

#primaryContent h1 { margin: 0; padding: 0; }
#primaryContent h1.postTitle, #primaryContentFull h1.postTitle, h2.postTitle { 
	color: #444;
	border-bottom: 1px dotted #ccc;
	font-size: 1.6em;
	margin-bottom: 15px;
	padding-bottom: 15px;
	text-transform: uppercase;
}
#primaryContent h3 { margin: 10px 0 0 0; padding: 0; }

ol#posts { list-style: none; margin: 0; padding: 0; }

.contentcolumm {
	float: left;
	padding: 0 20px 20px 20px;
	width: 410px;
	clear: right;
}

	/* ----------------- TABLES ----------------- */
	table.grid4 {
		border-collapse: collapse;
		width: 100%;
	}
	table.grid4 td {
		padding: 25px 0;
		text-align: center;
		vertical-align: middle;
		width: 25%;
	}


/* ----------------- HOME ----------------- */

.homewrap { left: 11px; position: relative; }
.homebox, .homeboxtext {
	float: left;
	height: 212px;
	margin-bottom: 10px;
	width: 212px;
}
.homeboxtext { 
	background-color: #ddd;
	font-size: .9em;
	height: 192px;
	padding: 10px;
	width: 192px;
}
.marginr10 { margin-right: 10px; }
.nomarginbtm { margin-bottom: 0; }

#phone { font-weight: bold; margin-top: 10px; }


/* ----------------- SIDEBAR ----------------- */
#secondaryContent { float: right; margin: 0 0 20px 21px; width: 225px; }
#secondaryContent h3 { margin: 10px 0 0 0; padding: 0; }
#secondaryContent > ul { list-style: none; margin: 0; padding: 0; }
#secondaryContent > ul > li { margin: 0 0 10px 0; }


/* ----------------- ACCORDION ----------------- */
#accordion { width: 225px; }
#accordion .header {
	background: #888 url(images/bg-submenu-header.gif) repeat-x;
	color: #f8f8f8;
	cursor: pointer;
	font-weight: bold;
	padding: 5px 10px;
	margin-top: 15px;
	width: 205px;
}
#accordion .header:hover { background: #999; }
#accordion .content { overflow: hidden; }
#accordion .text {
	background: #f9f9f9 url(images/bg-submenu.gif) repeat-x;
	border: 1px solid #ccc;
	border-top: none;
	width: 223px;
}
#accordion .text a {
	border-top: 1px dotted #bbb;
	color: #444;
	display: block;
	font-size: .9em;
	padding: 5px 10px;
	text-decoration: none;
}
#accordion .text a:hover { color: #e10000; text-decoration: none; }


/* ----------------- CTA ----------------- */
.cta-rfq a {
	background: url(images/rfq-call-to-action.jpg) -226px 0 no-repeat;
	display: block;
	height: 76px;
	margin: 15px 0 25px 0;
	width: 225px;
}
.cta-rfq a:hover { background-position: 0 0; }


/* ----------------- FOOTER ----------------- */
#footerLight, #footer { clear: both; }

#footer { margin-bottom: 115px; }
	#footer .alignright, #footerLight .alignright { text-align: right; }

#footerLight p, #footer p {
	color: #ccc;
	font-size: .8em;
	height: 35px;
	letter-spacing: -1px;
}

#footerLight p { margin-top: 15px; padding-bottom: 15px; }
#footerLight a { color: #ccc; text-decoration: none; }
#footerLight a:hover { color: #fff; border-bottom: 1px dotted #ef7639; }

#footer p { color: #888; margin-top: 50px; }
#footer a { color: #888; text-decoration: none; }
#footer a:hover { border-bottom: 1px dotted #ef7639; }

#associations { margin-top: 50px; }

/** normally hidden but will appear when css disabled */
.noCss { left: -9999px; position: absolute; }