/*================================================
1.1 Reset the styles.
================================================*/
/* v1.0 | 20080212 */

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;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*================================================
1.2 General layout
================================================*/

fieldset { margin: 0px; padding: 0px; border: none; }

p { padding-bottom:15px; }

/* Clearfix */
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0 }

.clearfix { display: inline-block; }

.clear { clear: both; }

p.nop {padding-bottom:0px;}

.alignLeft, .floatLeft { float: left; clear: none!important; }

.alignRight, .floatRight { float: right; }

button { border: 0px; cursor: pointer; }

a, a:link, a:visited {text-decoration: none;}

a:visited {  }

a:hover, a:visited:hover { color:#000; text-decoration: underline; }

h1, h2, h3, h4, h5, h6 {  }

h1, h2 {}

h3 {}

h4 {}

h5 {}

.mac #content .leftCol .wiget {margin-top:26px;}

.mac.webkit #content .leftCol .wiget {margin-top:15px;}

/*================================================
1.3 Body & main Layout
================================================*/

body {background:url(../images/bg/bodybg.jpg) repeat-x top center #fff;font-family:verdana, serif; font-size:12px;color:#000;font-family:Verdana, serif;}

#wrapper {width:1035px;margin:0 auto;}

/*================================================
1.4 Header & Logo
================================================*/

#header #logo {width:329px;height:134px;float:left; }

#header #logo h1 a {display:block;background:url(../images/elem/logo.png) no-repeat top center;width:370px;height:134px;text-indent:-9999px;}

#header #headContact p{margin:80px 0 0 0;font-size:17px;font-weight:bold;color:#636466;}

#header #headContact p span {margin-right:18px;}

/*================================================
1.5 Main Content
================================================*/

#content {margin-left:48px;}

#content .leftCol {width:187px;float:left;margin:15px 0 0 0;position:relative;}

#content .leftCol .mainMenu {margin-top:45px;margin-bottom:15px;}

#content .leftCol .mainMenu ul {list-style-type:none;}

#content .leftCol .mainMenu ul li {padding:0 0 15px 20px;}

#content .leftCol .mainMenu ul li.active {background:url(../images/elem/bullet.jpg) no-repeat 3px 1px;}

#content .leftCol .wwd .mainMenu ul li.active {background:url(../images/elem/bullet-red.jpg) no-repeat 3px 1px;}

#content .leftCol .inner .mainMenu ul li.active {background:url(../images/elem/bullet-yellow.jpg) no-repeat 3px 1px;}

#content .leftCol .news .mainMenu ul li.active {background:url(../images/elem/bullet-black.jpg) no-repeat 3px 1px;}

#content .leftCol .mainMenu ul li.active a {color:#636466;font-weight:bold;}

#content .leftCol .mainMenu ul li a {text-decoration:none;color:#636466;}

/*chalky added to make menu items bold on hover*/
#content .leftCol .mainMenu ul li a:hover { font-weight:bold;}

#content .leftCol .mainMenu ul li ul li a:hover { font-weight:bold;}

#content .leftCol .wwd .mainMenu ul li a:hover { font-weight:bold;}

/*End chalky menu tinkering*/

#content .leftCol .mainMenu ul li ul {margin:15px 0 0 -20px;}

#content .leftCol .mainMenu ul li ul li {padding:0 0 5px 30px;}

#content .leftCol .mainMenu ul li.active ul li a {font-size:11px;color:#818285;font-weight:normal;}

#content .leftCol .mainMenu ul li ul li a {font-size:11px;color:#818285;}

#content .leftCol .mainMenu ul li ul li:last-child {padding:0 0 0 30px;}

#content .wiget {padding:15px;border:2px solid #D1D3D4;font-size:11px;}

#content .wiget h2 {color:#ec008c;font-weight:bold;margin:0 0 11px;font-size:12px;}

#content .wiget h3 {color:#818285;font-size:9px;}

#content .wiget a {color:#000;font-weight:bold;}

#content .mainCol {width:600px;float:left;margin:15px 25px 0;}

#content .mainCol h1 {font-size:16px;color:#636466;font-weight:bold;margin:0 0 15px;}

#content .mainCol .left {width:300px;float:left;font-size:11px;line-height:1.4em;}

#content .mainCol .right {width:300px;float:left;background:url(../images/bg/blue.jpg) no-repeat top center;height:290px;text-align:center;}

#content .mainCol .righttxt {float:left;width:250px;padding-left:15px;}

#content .mainCol .righttxt span {font-weight:bold;margin:15px 0 0 0;display:block;}

#content .mainCol .righttxt span.end {margin:0;}

#content .mainCol .box .righttxt ul {float:left;margin-left:15px;color:#636466;}

#content .mainCol .smallball {width:152px;height:152px;position:absolute;left:165px;background:url(../images/bg/smallball.png) no-repeat top center;bottom:20px;text-align:center;}

#content .mainCol .smallball h2 {padding:20px 0 0 0;font-size:24px;color:#fff;}

#content .mainCol .right h2 {color:#FFFFFF;font-size:46px;font-weight:bold;letter-spacing:-2px;line-height:50px;padding:35px 0 0;}

#content .mainCol .samples img {float:left;margin:0 15px 15px 0;}

/* Chalky tinkering - Changed bottom padding from 1 to 16 to line up with longer menu */

#content .mainCol .samples {border:2px solid #D1D3D4;padding:15px 0 16px 20px;width:576px;}

/*END Chalky tinkering */

#content .mainCol .box {border:2px solid #D1D3D4;padding:0 15px;margin:0 0 15px;position:relative;}

#content .mainCol .box h1 {font-size:16px;color:#636466;font-weight:bold;margin:10px 0;}

#content .mainCol .box .left {border-right:1px solid #D1D3D4;padding:0 40px 0 0;width:250px;}

#content .mainCol .box ul {margin:0 0 15px 0;font-weight:bold;font-size:11px;}

#content .mainCol .box p {padding-bottom:10px;}

#content .mainCol .box ul li {font-size:11px;line-height:1.3em;}

#content .mainCol .box ul ul {margin-left:15px;color:#636466;}

#content .rightCol {width:148px;float:left;margin:15px 0 0 0;text-align:center;}

#content .rightCol ul {list-style-type:none;}

#content .rightCol ul li {margin:16px 0 0;}

/* Chalky tinkering changed bottom padding from 17 to 32 to line up with deeper menu on right */

#content .rightCol .wiget {padding:16px 5px 32px;border:2px solid #D1D3D4;font-size:11px;}
/* END of Chalky tinkering */

#content .homebox {margin-bottom:20px;}

#content .product {border:2px solid #D1D3D4;padding:0 15px;position:relative;border-bottom:none;}

#content .product .details {position:absolute;right:10px;bottom:30px;font-size:10px;line-height:1.4em;color:#636466;}

#content .product img {margin:0 5px 0 0;}

#content .product h2 {padding:15px 0;font-size:16px;font-weight:bold;color:#636466;}

#content .product .smallball {width:152px;height:152px;position:absolute;left:460px;background:url(../images/bg/smallball.png) no-repeat top center;top:-15px;text-align:center;}

#content .product .smallball h2 {padding:20px 0 0 0;font-size:24px;color:#fff;}

#content .news-area {border:2px solid #D1D3D4;padding:3px 4px 0 15px;height:608px;}

#content .news-area .scrollarea {height:608px;overflow:auto;}

#content .news-area h2 {border-bottom:2px solid #D1D3D4;padding:20px 0 15px 0;font-size:16px;color:#636466;}

#content .news-area .news-item {border-bottom:1px solid #D1D3D4;padding:15px 0;font-size:11px;color:#000;}

#content .news-area .news-item h3 {padding:0 0 15px 0;}

#content .news-area .news-item .details {float:left;width:330px;}

#content .news-area .news-item .img {float:right;width:200px;padding:20px 0 0 0;}

#content  .leftball {width:184px;height:184px;position:absolute;left:5px;background:url(../images/bg/leftball.jpg) no-repeat top center;bottom:0px;text-align:center;}

#content .leftball h2 {padding:20px 0 0 0;font-size:29px;color:#fff;}
#footer {padding:20px 0;}

/* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
#content .mainCol .box { margin:0 0 20px; }
}