/* --------------------------
ANISA STYLES March 09
-------------------------- */

* {
margin:0;
border:0;
padding:0;
}

html {
height:100.5%;
}

body {
background:#392f26 url(../_img/bg_main.gif) repeat-x;
font:normal 11px/14px "Lucida Grande",arial,verdana,sans-serif;
color:#766666;
}

a:link, a:visited {
text-decoration:underline;
color:#69c;
}
a:hover, a:hover:visited {
text-decoration:underline;
color:#369;
}
/* kill outline on links */
:active {
border:0;
}
:focus {
outline:0;
}


/* fonts */
h1 {
font-size: 22px;
font-weight: normal;
}
h2 { /* reserved for products page only */
color:#c3a2c3;
padding:0 0 5px 10px;
font-size:13px;
}
h3 {
color:#939;
padding-bottom:5px;
font-size:12px;
}
p {
padding-bottom:15px;
}



/* page elements */
#holder {
width:960px;
margin:15px auto;
}

#topWrap {
height:12px;
background:#e4e6e7 url(../_img/header_top_rnd.gif) no-repeat;
}
#botWrap {
height:8px;
background:#e4e6e7 url(../_img/header_bot_rnd.gif) no-repeat;
}
#botWrapPage {
height:8px;
background:#e4e6e7 url(../_img/page_bot_rnd.gif) no-repeat;
}

#logo {
background:#e4e6e7;
padding: 0 0 8px 24px;
}


/* - */
#nav {
height:22px;
background:#fff;
border-top:1px solid #cecece;
border-bottom:1px solid #cecece;
}
#nav ul {
margin-top:5px;
}
#nav ul li {
display:inline;
}

#nav ul li a.last {
border:0;
}
#nav ul li a {
padding: 0px 18px 0px 18px;
text-align:center;
border-right:1px dotted #766666;
text-transform: uppercase;
font-weight: 400;
}
#nav ul li a:link, #nav ul li a:visited {
text-decoration:none;
color:#766666;
}
#nav ul li a:hover, #nav ul li a:visited:hover {
text-decoration:none;
color:#939;
}
#nav ul li a:link.on, #nav ul li a:visited.on {
color:#111;
}
#nav ul li a:hover.on, #nav ul li a:visited:hover.on {
text-decoration:none;
color:#939;
}
#nav ul ul li a {
padding:0px 18px 0px 20px;
text-align:center;
border-right: 1px solid;
}

/* - */
#header {
background:#fff url(../_img/bg_header.gif) repeat-x;
padding:35px 30px 0 30px;
}
#header p {
font-size:12px;
}

/* - */
.prodHolder {
width:310px;
float:left;
padding:15px 15px 0 0;
}
.prodHolder.last {
padding:15px 0 0 0;
}

.prodModule {
width:310px;
height:250px;
overflow:hidden;
}
.prodModuleSq {
width:310px;
height:310px;
overflow:hidden;
}
.prodModuleBig {
width:635px;
height:515px;
overflow:hidden;
float:left;
padding:15px 15px 0 0;
}

span.detail {
position:relative;
top:-25px;
float:right;
padding-right:15px;
}

/* - */
#salesHolder {
width:720px;
margin:25px auto;
padding-left:35px;
}

.salesPerson {
width:340px;
padding:0 20px 35px 0;
float:left;
}
.salesImg {
background-image: url(../_img/bg_sales_headshot.png);
height:105px;
width:105px;
float:left;
}
.salesImg img {
padding:12px 0 0 12px;
}
.salesText {
height:105px;
float:left;
padding:5px 0 0 10px;
}

/* - */
#pageHome {
height:590px;
background:#fff url(../_img/home_splash_new.jpg) no-repeat;
padding:35px 30px 0 30px;
}
span.homeLink {
margin-left:390px;
}

#page {
background:#fff url(../_img/bg_pages.gif) repeat-x;
padding:35px 30px 15px 30px;
}
.colLeft {
width:280px;
float:left;
padding-top:15px;
text-align:center;
/* clear:both; */
}
.colRight {
width:590px;
float:left;
padding:15px 0 0 30px;
}

/* ---
two sets: regular pages and home page.
colored boxes common 
--- */
.boxBlue, .boxBrown, .boxBlack {
width:280px;
height:100px;
color:#fff;
text-align:left;
margin-bottom:15px;
}
.boxBlueHome, .boxBrownHome, .boxBlackHome {
width:310px;
height:100px;
color:#fff;
text-align:left;
float:left;
margin:15px 15px 0 0;
}
.boxBlueHome {
margin:15px 0 0 0;
}
.boxBlueHome img {
margin: 5px 0 0 50px;
}
.boxContact {
width:250px;
padding:15px;
}

/* all these seperate for ie6 bugs */
.boxBlue h3, .boxBrown h3, .boxBlack h3, .boxBlueHome h3, .boxBrownHome h3, .boxBlackHome h3 {
padding:20px 0 0 15px;
color:#fff;
}
.boxBlue h1, .boxBrown h1, .boxBlack h1, .boxBrownHome h1, .boxBlueHome h1, .boxBlackHome h1 {
padding:5px 0 20px 15px;
/* color:#fff; */
}


.boxBlue a:link, .boxBrown a:link, .boxBlack a:link, .boxBlue a:visited, .boxBrown a:visited, .boxBlack a:visited {
color:#fff;
text-align:right;
margin-left:200px;
}
.boxBlueHome a:link, .boxBrownHome a:link, .boxBlackHome a:link, .boxBlueHome a:visited, .boxBrownHome a:visited, .boxBlackHome a:visited {
color:#fff;
text-align:right;
margin-left:230px;
}

/* colored boxes specific */
.boxBlue {
background:transparent url(../_img/_sideboxes/box_blue.png) no-repeat;
}
.boxBlueHome {
background:transparent url(../_img/_sideboxes/box_blue_home2.png) no-repeat;
}
.boxBlue h1, .boxBlueHome h1, .boxBlueHome h1 a:link, .boxBlueHome h1 a:visited {
color:#b0d0e2;
}
.boxBrown {
background:transparent url(../_img/_sideboxes/box_brown.png) no-repeat;
}
.boxBrownHome {
background:transparent url(../_img/_sideboxes/box_brown_home.png) no-repeat;
}
.boxBrown h1, .boxBrownHome h1, .boxBrownHome h1 a:link, .boxBrownHome h1 a:visited {
color:#e8d7e9;
}
.boxBlack {
background:transparent url(../_img/_sideboxes/box_black.png) no-repeat;
}
.boxBlackHome {
background:transparent url(../_img/_sideboxes/box_black_home.png) no-repeat;
}
.boxBlack h1, .boxBlackHome h1, .boxBlackHome h1 a:link, .boxBlackHome h1 a:visited {
color:#ba84bc;
}

/* About page boxes */

body#about .topBox {
	width: 260px;
	border: 2px solid #117711;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	text-align: center;
	margin: 0 0 5px 0;
	float: left;
	}
body#about .topBox h4 {
	padding: 10px 7px 7px 10px;
	font-size: 14px;
	line-height: 130%;
	}
body#about .topBox h4 a:link, body#about .topBox h4 a:visited {
	text-decoration: none;
	}
body#about .boxBrown, body#about .boxBlack {
width:130px;
height: 13em;
float: left;
color:#fff;
text-align:left;
margin-bottom:15px;
margin-right: 5px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
body#about .boxBrown h3, body#about .boxBlack h3 {
padding:10px 5px 0 8px;
color:#fff;
line-height: 130%;
}
body#about .boxBrown h1, body#about .boxBlack h1 {
padding:5px 5px 20px 8px;
/* color:#fff; */
line-height: 110%;
}
body#about .boxBrown h1 a:link, body#about .boxBrown h1 a:visited {
color:#e8d7e9;
text-align: left;
margin-left: 0px;
text-decoration: none;
border-bottom: 1px dotted #e8d7e9;
}
body#about .boxBlack h1 a:link, body#about .boxBlack h1 a:visited {
color:#ba84bc;
text-align: left;
margin-left: 0px;
text-decoration: none;
border-bottom: 1px dotted #ba84bc;
}
body#about .boxBrown {
background: #694F55;
background-image: 0 none;
}
body#about .boxBlack {
background: #393939;
background-image: 0 none;
}

/* - */
#copyright {
font-size:9px;
text-align: center;
color:#777;
padding:20px 0 10px 0;
clear:both;
}


/* misc. */
.clear {
clear:both;
}

.pad2 {
padding:2px;
}
/* ---------- styles added by Reid Stott, after design launch ------------- */
div.hr {
	clear: both;
	}
div.hr hr {
	display: none;
	}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
.clearfix { display: block; }
* html .clearfix { height: 1%; }
/* End hide from IE-mac */

div.prodHolder h2 a:link,
div.prodHolder h2 a:visited {
	color: #c3a2c3;
	text-decoration: none;
	}
div.prodHolder h2 a:hover {
	color: #fff;
	text-decoration: none;
	}
div#factory-photo {
	margin: 0 auto -5px auto;
	padding: 0;
	background:#fff url(../_img/bg_pages.gif) repeat-x;
	}
div#factory-photo img {
	margin: 0 auto;
	padding: 0;
	}	
body#factory #page {
padding:30px 30px 15px 30px;
}
/*
div.emaillink {
	display: block;
	float: right;
	width: 200px;
	background: #113355;
	background-image: url(../_img/linkblockback1.jpg);
	background-repeat: repeat-x;
	background-position : left center;
	color: #ddd;
	font-size: 13px;
	line-height: 140%;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	text-align: left;
	padding: 0px 0px 10px 10px;
	}
div#pageHome div.emaillink {
	margin: 340px 0px 0px 0px;
	}
body#news div.emaillink {
	margin: 0px 0px 20px 0px;
	}
div.emaillink h4 {
	color: #fff;
	font-weight: 400;
	font-size: 11px;
	letter-spacing: 0.1em;
	margin: 0.5em 0px 0px 0px;
	}
div.emaillink a:link,
div.emaillink a:visited {
	color: #bbddee;
	font-weight: 900;
	text-decoration: none;
	border-bottom: 1px dotted #999;
	}
	*/
div.trade p cite {
	display: inline-block;
	float: right;
	width: auto;
	margin: 1em 100px 0px 0px;
	}
div#newsletter iframe {
	float: left;
	width: 580px;
	height: 500px;
	font-family: "Lucida Grande",arial,verdana,sans-serif;
	}
div#newsletter div.links {
	color: #333;
	font-weight: 900;
	width: 275px;
	font-size: 12px;
	line-height: 150%;
	float: right;
	margin: 130px 50px 0px 0px;
	display: inline;
	}
div.news {
	clear: both;
	width: 870px;
	margin: 20px 0px 0px 10px;
	}
div.newsitem {
	width: 250px;
	height: 275px;
	float: left;
	margin: 0px 20px 20px 20px;
	text-align: center;
	display: inline;
	}
div.newsitem img {
	margin: 3px 0px 0px 0px;
	}
div.newsitem p {
	margin: 1em 0px 0px 0px;
	text-align: left;
	font-size: 1.2em;
	line-height: 120%;
	}
div.enl {
	text-align: center;
	}
div.enl img {
	margin: 0 auto;
	}
body.newsfull div.enl img {
	border-bottom: 5px solid #ddd;
	}
body#news .testimonials h3 {
	text-align: left;
	font-size: 16px;
	font-weight: 400;
	border-bottom: 1px solid #939;
	margin: 20px 0px 0.5em 0px;
	}
.testimonials p {
	text-align: left;
	margin: 0px 0px 0px 0px;
	}
.testimonials p cite {
	display: block;
	text-align: right;
	margin: 0.5em 20px 0px 0px;
	}
div#page div.pr {
	width: 500px;
	margin-left: 200px;
	font-size: 1.1em;
	}
div.pr p.date {
	float: left;
	width: 200px;
	}
div.pr p.contact {
	float: right;
	width: 250px;
	text-align: right;
	}
div.pr h3 {
	clear: both;
	text-align: center;
	font-size: 16px;
	line-height: 130%;
	margin: 0.5em 0 0.5em 0;
	}
div.pr h4 {
	line-height: 130%;
	font-size: 14px;
	}
div.pr p {
	line-height: 140%;
	}
.floatright {
	float: right;
	width: auto;
	margin: 0px 0px 20px 20px;
	}
.floatleft {
	float: left;
	width: auto;
	margin: 0px 20px 20px 0px;
	}
h3.more {
	padding-top: 32px;
	font-size: 32px;
	font-weight: 400;
	text-transform: uppercase;
	}
body#factory #movie {
	width: 580px;
	float: left;
	margin: 0 0 20px 0px;
	}
body#factory-photos div.colRight {
	padding: 0 0 0 0;
	width: 605px;
	}
div.photos {
	margin: 0px 0px 0px 20px;
	}
div.photos div.thumb {
	float: left;
	width: 250px;
	margin: 0px 20px 20px 0px;
	}
div.photos div.thumb p,
div.photos div.big p {
	text-align: center;
	}
div.photos img {
	}
div.socialblock {
	display: block;
	float: right;
	width: 180px;
	background: #113355;
	background-image: url(../_img/linkblockback2.jpg);
	background-repeat: repeat-x;
	background-position : left top;
	color: #ddd;
	font-size: 11px;
	line-height: 120%; 
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	text-align: center;
	padding: 0px 0px 5px 0px;
	}
div.socialblock h4 {
	color: #fff;
	font-weight: 900;
	font-size: 11px;
	letter-spacing: 0.1em;
	margin: 0.25em 0px 0px 0px;
	}
div.socialblock a:link,
div.socialblock a:visited {
	color: #bbddee;
	font-weight: 900;
	text-decoration: none;
	}
div.socialblock a img {
	margin: 7px 5px 7px 0;
	border: 0 none;
	}
div#pageHome div.socialblock {
	margin: 265px 20px 0px 0px;
	display: inline;
	}
body#news div.socialblock {
	margin: 0px 0px 20px 0px;
	}
body#contest ul {
	margin: 0 0 1.25em 15px;
	}
body#contest div.socialblock {
	font-size: 16px;
	text-align: center;
	margin: 40px 40px 20px 0;
	padding: 10px 0 10px 0;
	}