/* @override 
	http://www.windowworks-nj.com/css/main.css
*/

/* @group 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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
strong { font-weight: 700 }
ol, ul { list-style: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* @end

*/

/* @group global */

body { 
	font-size: 62.5%;
	position: relative;
	background: url(images/bg.gif) repeat-x 0 0;	
}
.clear { clear: both; }
.floatleft { float:left; }
.floatright	{ float:right;}

.blue {
	color: #356397;
}


/* @end */

/* @group grid */

.grid_1 { width:60px; }
.grid_2 { width:140px; }
.grid_3 { width:220px; }
.grid_4 { width:300px; }
.grid_5 { width:380px; }
.grid_6 { width:460px; }
.grid_7 { width:540px; }
.grid_8 { width:620px; }
.grid_9 { width:700px; }
.grid_10 { width:780px; }
.grid_11 { width:860px; }
.grid_12 { width:940px; }

.column {
	margin: 0 10px;
	overflow: hidden;
	float: left;
	display: inline;
}
.row {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}
.row .row {
	margin: 0 -10px;
	width: auto;
	display: inline-block;
}
/* @end */

/* @group left nav col */

#leftnavcol ul.globalnav li.child {
	margin-bottom: 1px;
	padding-left: 12px;
}

#leftnavcol ul.globalnav li.child a {
	background: none;
	font: 700 10px/13px Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-style: italic;
	color: #004bc7;
}

#leftnavcol ul.globalnav li.child a:hover {
	color: #a3bd89;
}

#pagewrap {
	position: relative;
	width: 972px;
	margin: 0 auto;
	padding: 0 0 0 42px;
	background: url(images/ornamental-flowers.png) no-repeat 0 13px;
}

#leftnavcol, #leftnavcolTrade {
	position: relative;
	float: left;
	width: 223px;
	background-color: #fff;
}

#leftnavcolWrapTrade {
	height: 500px;
}

#leftnavcolTrade {
	height: 500px;
}

#leftnavcolWrap, #leftnavcolWrapTrade {
	float: left;
	width: 249px;
	padding: 0 0 0 13px;
	background: url(images/leftnavcol-shadow-bg.png) no-repeat 0 0;
	margin-bottom: 40px;
}

h3.logo {
	width: 186px;
	height: 98px;
	background: url(images/windowworks-logo.gif) no-repeat 0 0;
	position: relative;
	margin: 16px 0 32px 16px;
	padding: 0;
}

h3.logo a {
	cursor:pointer;
	display:block;
	height:98px;
	width:186px;
	border-bottom: none;
	text-decoration: none;
}

h3.logo span{
	visibility: hidden;
}

#leftnavcol h5, #leftnavcolTrade h5 {
	color: #5c4b53;
	font: 700 1.2em/1.3em Verdana, Arial, Helvetica, Geneva, sans-serif;
	margin: 0 0 27px 23px;
}

#leftnavcol h5 a, 
#leftnavcol h5 a:link, 
#leftnavcol h5 a:visited
#leftnavcolTrade h5 a, 
#leftnavcolTrade h5 a:link, 
#leftnavcolTrade h5 a:visited {
	color: #5c4b53;
	font: 400 1.2em/1.4em Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	text-decoration: none;
	border-bottom: none;
}

#leftnavcol h5 a:hover, #leftnavcolTrade h5 a:hover {
	border-bottom: 1px solid #5c4b53;
}

#leftnavcol ul.globalnav li, #leftnavcolTrade ul.globalnav li {
	height: 34px;
	width: 208px;
	list-style-type: none;
	margin: 0 0 0 8px;
	padding: 0;
}

#leftnavcol ul.globalnav li a, #leftnavcolTrade ul.globalnav li a {
	font: 700 11px/13px Verdana, Arial, Helvetica, Geneva, sans-serif;
	display: block;
	background: url(images/bg-globalnav-li.gif) no-repeat 0 0;
	letter-spacing: 0.1em;
	color: #5c4b53;
	padding: 10px 0 9px 17px;
	text-transform: uppercase;
	text-decoration: none;
	border-bottom: none;
}

#leftnavcol ul.globalnav li a:hover, 
#leftnavcol ul.globalnav li.trade a:hover, 
#leftnavcol ul.globalnav li a.current,
#leftnavcolTrade ul.globalnav li a:hover, 
#leftnavcolTrade ul.globalnav li.trade a:hover, 
#leftnavcolTrade ul.globalnav li a.current {
	color: #5c4b53;
	background-position: 0 -34px;
}

#leftnavcol ul.globalnav li.trade a, #leftnavcolTrade ul.globalnav li.trade a {
	color: #2c4a82;
	background: url(images/bg-globalnav-li.gif) no-repeat 0 -68px;
}

/* @end */

/* @group header */

#headerImages h5 {visibility: hidden;}

#header {
	float: left;
	height: 145px;
}

#header h3 {
	font: 400 2.2em/1.2em Georgia, "Times New Roman", Times, serif;
	color: #3b2c33;
	margin: 66px 0 0 0px;
}

#headerImages {
	position: absolute;
	background: url(images/header-images2.jpg) no-repeat 0 0;
	width: 332px;
	height: 268px;
	right: 0px;
	top: 0;
	z-index: 1;
}


/* @end */

/* @group maincol */

#maincol {
	position: relative;
	float: left;
	width: 470px;
	margin: 75px 30px 30px 0;
	z-index: 1000;
}

#maincol.contactus {
	width: 460px;
	margin-right: 40px;
	margin-bottom: 0;
}

#maincol.norightcol {
	width: 600px;
}

#maincolwide {
	position: relative;
	width: 960px;
	margin: 0 auto 40px;
	padding-left: 58px;
	overflow: hidden;
}

.quartercol {
	width: 220px;
	float: left;
	margin: 0 10px;
}

.quartercol.designercol {
	width: 260px;
	margin-right: 30px;
}

.flushleft {
	width: 260px;
	margin: 0 30px 20px 0;
	border-bottom: 1px solid #aebbce;
}

.designer {
	width: 260px;
	margin: 0 30px 20px 0;
	border-bottom: 1px solid #aebbce;
}

.onethirdcol {
	width: 280px;
	float: left;
	margin: 0 30px 30px 10px;	
}

.onesixthcol {
	width: 150px;
	float: left;
	margin: 0 30px 0 10px;	
}

.halfcol {
	float: left;
	width: 45%;
}

/* @end */

/* @group rightcol */

#rightcol {
	float: left;
	width: 200px;
	background: url(images/bg-rightcol.gif) repeat-x 0 0;
	border-bottom: 1px solid #aebbce;
	padding-bottom: 20px;
	margin-top: 150px;
}

#rightcol.nobg {
	background-image: none;
	border-bottom: none;
}

#rightcol ul {
	margin: 10px 8px 15px 0;
}
#rightcol ul li {
	list-style-type: none;
	margin: 0 0 2px 15px;
}

#rightcol h6 {
	background: url(images/bg-rightcol-header.gif) no-repeat 0 0;
	color: #fff;
	font-size: 1.6em;
	padding: 3px 0 7px 8px;
	margin-bottom: 5px;
}

#rightcol h4 {
	color: #356397;
	line-height: 1.4em;
	padding: 0 8px;
}

#rightcol p {
	padding: 0 8px;
	line-height: 18px;
}

/* @end */

/* @group layout */

.feature {
	border-bottom: 1px solid #aebbce;
	padding: 0 0 10px;
	background: url(images/bg-rightcol.gif) repeat-x 0 0;
	height: 160px;
}

.feature h3, .feature h4, .feature p, .feature h5 {
	padding: 0 5px 5px;
	color: #5c4b53;
}

.feature p {
	font-size: 11px;
	line-height: 14px;
}

.feature h6 {
	font-size: 1.2em;
	background-color: #3d638d;
	padding: 5px 0 6px 5px;
	margin-bottom: 5px;
	color: #fff;
}

/* @group height */

.h100 {height: 100px;}
.h140 {height: 140px;}
.h200 {height: 200px;}
.h300 {height: 300px;}
.h400 {height: 400px;}

/* @end */
.w150 {	width: 150px; }
.w175 {	width: 175px; }
.w200 {	width: 200px; }
.w250 {	width: 250px; }
.w300 {	width: 300px; }
.w325 { width: 325px; }

/* @group navcol */

ul.navcol { 
	list-style-type: none;
	margin: 15px 0 0 0px;
}

ul.navcol li {
	margin: 0 0 15px 0;
	padding: 0 0 0 5px;
	margin-left: -5px;
}

ul.navcol li a, ul.navcol li a:link, ul.navcol li a:visited {
	display: block;
	border-bottom: none;
	padding: 5px;
}

ul.navcol li a:hover, ul.navcol li a:active, ul.navcol li a.current {
	background-color: #eee;
	padding: 5px;
}


/* @end */

/* @group globalnav */

#globalnav, #globalnavTrade { background-color: #ccc; }

#globalnav ul li, #globalnavTrade ul li {
	font: 400 1.2em/1.3em Verdana, Arial, Helvetica, Geneva, sans-serif;
	float: left;
	list-style-type: none;
	padding: 0 3px 0 0;
	margin: 0px;
}

#globalnav ul li.trade a {
	background-color: #666699;
}

#globalnav ul li.trade a:hover {
	background-color: #36c;
}

#globalnav li a, #globalnav li a:link, #globalnav li a:visited, #globalnavTrade li a, #globalnavTrade li a:link, #globalnavTrade li a:visited {
	height: 35px;
	display: block;
	padding: 6px 18px 10px 16px;
	background-color: #000;
	color: #fff;
	text-decoration: none;
	border-bottom: none;
}

#globalnavTrade li a, #globalnavTrade li a:link, #globalnavTrade li a:visited {
	background-color: #666;
}

#globalnav li a:hover, #globalnav li a.current, #globalnavTrade li a:hover, #globalnavTrade li a.current {
	background-color: #36c;
	border-bottom: none;
	color: #fff;
}

/* @end */

/* @end */

/* @group typestyles */

p.instruction {
	background-color: #ffffcc;	
}

.date {
	font-size: 80%;
}

h4 span.pdf {
	background: url(images/icon_pdf.gif) no-repeat right 0;
	padding-right: 23px;
}

h1 {
	color: #356397;
	font: 400 3.0em/1.2em Georgia, "Times New Roman", Times, serif;
	margin-bottom: 10px;
}

h2 {
	color: #fd6c00;
	font: 400 1.8em/1.3em Georgia, "Times New Roman", Times, serif;
	padding-bottom: 2px;
	
}

h3 {
	color: #5c4b53;
	font: 400 1.6em/1.3em Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	padding-bottom: 5px;
}

h4 {
	color: #a3bd89;
	font: 400 1.4em/1.3em Verdana, Arial, Helvetica, Geneva, sans-serif;
	padding-bottom: 2px;
}

h5 {
	color: #356397;
	font: 700 1.3em/1.4em Verdana, Arial, Helvetica, Geneva, sans-serif;
}

h6 {
	color: #000;
	font: 700 1.0em/1.3em Verdana, Arial, Helvetica, Geneva, sans-serif;
}

h6.breadcrumbs {
	font-weight: normal;
	font-size: 1.1em;
	letter-spacing: .1em;
	color: #666;
	margin-bottom: 10px;
}

p {
	color: #1d1317;
	font: 400 1.2em/1.6em Verdana, Arial, Helvetica, Geneva, sans-serif;
	padding-bottom: 10px;
}

.designer p {
	line-height: 1.4em;
}

p.caption, .caption, span.caption { font-size: .9em; padding-bottom: 0; line-height: 1.5em;}
p.captionlg {font-size: 1em;}

.spaceleft { margin-left: 10px;}
.spaceleftlg { margin-left: 20px;}
.spaceright { margin-right: 10px;}
.spacerightlg { margin-right: 20px;}
.spacebeforesm { margin-top: 6px; }
.spacebefore { margin-top: 12px; }
.spacebeforepadding { padding-top: 12px; }
.spacebeforelg { margin-top: 24px; }
.spacebeforepaddinglg { padding-top: 24px; }
.spacebeforexlg { margin-top: 36px; }
.spaceaftersm { margin-bottom: 6px; }
.spaceafter { margin-bottom: 12px; }
.spaceafterpadding { padding-bottom: 22px; }
.spaceafterlg { margin-bottom: 24px; }
.nospacebefore { margin-top: 0; }
.nospaceafter { margin-bottom: 0; }
.nospaceafterpadding { padding-bottom: 0; }
.ruleabove { border-top: 1px solid #aebbce; padding-top: 6px; }
.rulebelow { border-bottom: 1px solid #aebbce; padding-bottom: 6px; }

em, em p { font-style: italic; }

.indent, p.indent { margin-left: 15px; }
.indentpadding { padding-left: 15px; }

blockquote { margin: 0 18px; padding: 0 6px; }

.caps {	text-transform: uppercase; }


p.quote {
	padding: 7px 10px 0 19px;
	color: #777;
	background: url(images/quote-open.gif) no-repeat 0 6px;
	font: italic 1.1em/1.4em Georgia, "Times New Roman", Times, serif;
	margin-bottom: 10px;
}

.lastword { 
	padding: 3px 19px 10px 0; 
	background: url(images/quote-closed.gif) no-repeat right 4px; 
	border-left: 1px solid #fff; 
}

p.author {
	font-size: 1.1em;
	float: right;
	margin: 10px 15px 0 0;
}


/* @end */

/* @group links */

a, a:link, a:visited, a:active { color: #004bc7; text-decoration: none; border-bottom: 1px solid #004bc7;}

a:hover, a.selected { color: #a3bd89; text-decoration: none; border-bottom: 1px solid #a3bd89;
}


/* @end */

/* @group lists */

ul {
	font: 1.2em Verdana, Arial, Helvetica, Geneva, sans-serif;
	list-style-type: disc;
	color: #666;
	margin-bottom: 16px;
}

li { margin: 6px 0 6px 25px; line-height: 1.5em;}

/* @end */

/* @group images */

p.image-caption {
	font-size: 10px;
	font-style: italic;
	font-family: Georgia;
	width: 140px;
	color: #356397;
	line-height: 12px;
	margin: 5px 0 0 5px;
}

img.bio {
 	padding: 3px;
 	border: 1px solid #bbb;
 	margin: 0 10px 10px 0;
}

.biointro {
	float: left;
	width: 135px;
	margin-top: 20px;
}

.biointro p {
	line-height: 1.3em;
}



/* @end */

/* @group footer */

#footerwrap {
	position: relative;
	width: 960px;
	margin: 0 auto 40px;
	padding-left: 58px;
}

#footer {
	position: relative;
	width: 960px;
	height: 113px;
	margin: 0 auto;
	background: url(images/bg-footertop.gif) repeat-x 0 0;
}

#footer #address {
	float: left;
	margin: 36px 0 0 36px;
}

#footer #email {
	float: left;
	margin: 65px 0 0 36px;
}
#footer #facebook {
	float: left;
	margin: 48px 0 0 50px;
}
#footer #twitter {
	float: left;
	margin: 48px 0 0 15px;
}
#footer #facebook a, #footer #twitter a {
	border-bottom: none;
	text-decoration: none;
}

#footer #address p, #footer #email p{
	font-size: 11px;
	color: #5c4b55;
	line-height: 15px;
}

#footernav {
	width: 960px;
	height: 52px;
	margin: 0 auto;
	background-color: #eee1d2;
}

#footernav ul {
	margin: 0 0 0 40px;
	list-style-type: none;
}

#footernav li {
	display: block;
	float: left;
	margin: 16px 25px 0 0;
}

#footernav li a, #footernav li a:link, #footernav li a:visited {
	color: #5c4b53;
	font: italic 1.1em Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	border-bottom: none;
}

#footernav li a:hover {
	color: #5c4b53;
	text-decoration: none;
	border-bottom: 1px solid #5c4b53;
}

h6.bbb {
	float: right;
	width: 54px;
	height: 89px;
	background: url(images/bbb-logo.png) no-repeat 0 0;
	position: relative;
	margin: -51px 32px 0 0;
	padding: 0;
}

h6.bbb a {
	cursor:pointer;
	display:block;
	height:89px;
	width:54px;
	border-bottom: none;
	text-decoration: none;
}

h6.bbb span{
	visibility: hidden;
}


#footerbottom {
	height: 20px;
	padding: 8px 0 0 27px;
	background-color: #346594;
}

#footerbottom p {
	color: #fff;
	font-size: 10px;
	line-height: 10px;
	letter-spacing: 0.1em;
	font-weight: 700;
}

#blasto {
	height: 27px;
	padding: 5px 20px 0 0;
}

#blasto p {
	font-size: 10px;
	float: right;
}

/* @end */