/*
 *	Body
 */

body {
background:#ffffff;
color:#000000;
font-family:arial, helvetica, sans-serif;
}

/********* helpers *********/
.floatRight { float: right; }
.floatLeft  { float: left; }
.right  { text-align: right; }
.left   { text-align: left; }
.center { text-align: center; }
.clear, .clearer { clear: both; }
.block  { display: block; }


/* Generic IE-only Hack */
* html body {
	
}

/*
 *	Links
 */

a {
color:#bdbab6;
text-decoration:none;
}

a:hover, a.selected {
color:#6a6864;
text-decoration:underline;
}

/*
 *	Paragraph, Code, Blockquote
 */

p {
	
}

code {
	white-space				: pre;
}

blockquote {
	
}

/*
 *	Headings
 */

h1	{
	
}

h2	{
	
}

h3	{
	
}

h4	{
	
}

h5	{
	
}

h6	{
	
}

/*
 *	Lists
 */
 
ul {
	
}

ol {
	
}

li {
	
}

ul li {
	
}

ol li {
	
}

#wrapper{
margin:50px auto 20px auto;
width:920px;
width:888px;
}

#headerimg{
width:888px;
height:5px;
overflow:hidden;
background:url(../images/stitches.gif) repeat-x;
}

#footerimg{
width:888px;
height:5px;
overflow:hidden;
background:url(../images/stitches.gif) repeat-x;
}

#logo{
width:178px;
height:48px;
display:inline;
float:left;
margin:20px 0 30px 50px;
}

#contentwrapper{
width:920px;
width:888px;
xbackground:url(../images/bg.gif) repeat-y;
}

#contact{
width:248px;
display:inline;
float:left;
margin:0 0 20px 590px;
font-size:1.6em;
text-align:center;
}

.green #contact{background:url(../images/contact-green.gif) bottom no-repeat;}
.red #contact{background:url(../images/contact-red.gif) bottom no-repeat;}
.blue #contact{background:url(../images/contact-blue.gif) bottom no-repeat;}
.yellow #contact{background:url(../images/contact-yellow.gif) bottom no-repeat;}

#contact p{
padding:10px 0;
color:#fff;
}

#contact a, #contact strong{
font-weight:bold;
text-decoration:none;
color:#fff;
}

#contact a:hover{
font-weight:bold;
text-decoration:underline;
color:#fff;
}

#navigation, #subnavigation{
width:788px;
margin:0 auto 0 auto;
}

#navigation a, #subnavigation a{
color:#000;
text-decoration:none;
padding-left:15px;
}

.green #navigation a, .green #subnavigation a{background:url(../images/bullet-green.gif) 0 3px no-repeat;}
.red #navigation a, .red #subnavigation a{background:url(../images/bullet-red.gif) 0 3px no-repeat;}
.yellow #navigation a, .yellow #subnavigation a{background:url(../images/bullet-yellow.gif) 0 3px no-repeat;}
.blue #navigation a, .blue #subnavigation a{background:url(../images/bullet-blue.gif) 0 3px no-repeat;}

#navigation a:hover, #subnavigation a:hover{
color:#000;
text-decoration:none;
}

.green #navigation a:hover, .green #navigation a.selected, .green #subnavigation a:hover, .green #subnavigation a.selected{background:url(../images/bullet-green_.gif) 0 3px no-repeat;}
.red #navigation a:hover, .red #navigation a.selected, .red #subnavigation a:hover, .red #subnavigation a.selected{background:url(../images/bullet-red_.gif) 0 3px no-repeat;}
.yellow #navigation a:hover, .yellow #navigation a.selected, .yellow #subnavigation a:hover, .yellow #subnavigation a.selected{background:url(../images/bullet-yellow_.gif) 0 3px no-repeat;}
.blue #navigation a:hover, .blue #navigation a.selected, .blue #subnavigation a:hover, .blue #subnavigation a.selected{background:url(../images/bullet-blue_.gif) 0 3px no-repeat;}

#navigation ul{
display:inline;
float:left;
margin:0 0 0 0;
padding:0 0 5px 0;
font-size:1.2em;
}

#navigation ul li, #subnavigation ul li{
display:inline;
padding-right:10px;
}

#subnavigation ul{
display:inline;
float:left;
margin:0 0 0 0;
padding:0 0 0 0;
font-size:1.2em;
}

#content{
width:788px;
margin:0 auto 0 auto;
padding-top:40px;
}

.homeCopy{
xwidth:404px;
xfloat:left;
xpadding-top:100px;
}

.companyImages{
width:788px;
float:left;
padding-bottom:30px;
}

.companyImages{
margin-left:-3px;
}

.companyImages .holder{
display:inline;
float:left;
width:110px;
height:110px;
margin:0 3px 3px 0;
overflow:hidden;
}

.companyImages .last{
margin:0 0 3px 0;
}

.companyImages .holder img{
display:block;
}

.companyCopy{
width:248px;
float:right;
padding-top:10px;
}

.padtop{
padding-top:45px;
}

.padnone{
padding-top:0px;
}

.introCopy, .contactColumn{
width:520px;
float:left;
}

.introCopy h1, .companyCopy h1, .contactColumn h1, .columnFull h1{
font-size:2.8em;
line-height:1.2em;
font-weight:normal;
}

.companyCopy h1{
font-size:2.8em;
line-height:1.2em;
font-weight:normal;
}

.companyCopy h1.logo{
text-indent:-999em;
height:35px;
background:no-repeat top left;
}

.companyCopy img{
padding-bottom:1em;
}

.introCopy p, .companyCopy p, .contactColumn p, .columnFull p, .introCopy ul, .companyCopy ul, .contactColumn ul{
font-size:1.2em;
line-height:1.2em;
padding-bottom:1em;
}

.introCopy p {
font-size:1.8em;
}

ul.links li{
padding-bottom:1em;
}

.homeCopy h1.homeLogo{
width:309px;
height:85px;
text-indent:-999em;
margin:20px 0 40px 0;
}

.green .homeCopy h1.homeLogo{background:url(../images/milieu-logo-green.gif) no-repeat;}
.red .homeCopy h1.homeLogo{background:url(../images/milieu-logo-red.gif) no-repeat;}
.yellow .homeCopy h1.homeLogo{background:url(../images/milieu-logo-yellow.gif) no-repeat;}
.blue .homeCopy h1.homeLogo{background:url(../images/milieu-logo-blue.gif) no-repeat;}

.green .companyCopy h1, .green .contactColumn h1, .green .columnFull h1, .green .introCopy h1, .green .introCopy p{color:#5aa228;padding-bottom:.5em;}
.red .companyCopy h1, .red .contactColumn h1, .red .columnFull h1, .red .introCopy h1, .red .introCopy p{color:#d30077;padding-bottom:.5em;}
.yellow .companyCopy h1, .yellow .contactColumn h1, .yellow .columnFull h1, .yellow .introCopy h1, .yellow .introCopy p{color:#ffd600;padding-bottom:.5em;}
.blue .companyCopy h1, .blue .contactColumn h1, .blue .columnFull h1, .blue .introCopy h1, .blue .introCopy p{color:#15aacc;padding-bottom:.5em;}

.homeCopy h2{
font-weight:normal;
font-size:2.6em;
}

.green .homeCopy h2{color:#5aa228;}
.red .homeCopy h2{color:#d30077;}
.yellow .homeCopy h2{color:#ffd600;}
.blue .homeCopy h2{color:#15aacc;}

.homeCopy img{

}

.homeProducts{
width:330px;
height:330px;
float:right;
}

#footer{
width:788px;
margin:0 auto 0 auto;
}

#footer ul{
display:inline;
float:left;
margin:0 0 0 0;
padding:30px 0 10px 0;
font-size:1.1em;
}

#footer ul li{
display:inline;
padding-right:10px;
}

#footer a{
color:#8b8a87;
text-decoration:none;
}

#footer a:hover, #footer a.selected{
color:#000;
text-decoration:none;
}

#footer img{
display:inline;
float:right;
margin:0 0 0 0;
}

.columnHero{
display:inline;
float:left;
width:330px;
margin-right:10px;
padding:0 0 20px 0;
}

.heroPic{
width:330px;
height:330px;
position:relative;
}

.heroPic .totem{
position:absolute;
top:0;
left:0;
}

.columnThumbs{
display:inline;
float:left;
width:180px;
margin-right:20px;
padding:0 0 20px 0;
}

.columnThumbs .thumb{
width:80px;
height:80px;
display:inline;
float:left;
margin:0 0 10px 10px;
position:relative;
}

.columnThumbs .thumb img{
position:absolute;
margin:1px 0 0 1px;
}

.columnThumbs .thumb a{
position:absolute;
border:1px solid #fff;
text-indent:-999em;
border:1px solid #fff;
display:block;
width:78px;
height:78px;
background:url(../images/tb-mask.png) no-repeat 0 0;
}

.columnThumbs .thumb a:hover, .columnThumbs .thumb a.selected{
border:1px solid #bdbab6;
background:url(../images/tb-mask.png) no-repeat 0 80px;
}
/*
.columnThumbs a{
display:inline;
float:left;
margin:0 0 10px 10px;
border:1px solid #fff;
}

.columnThumbs a:hover, .columnThumbs a.selected{
border:1px solid #bdbab6;
}

.columnThumbs img{
display:block;
}
*/
.columnDetails{
display:inline;
float:left;
width:248px;
padding:0 0 20px 0;
}

.columnCollections{
display:inline;
float:right;
width:423px;
padding:0 0 20px 0;
font-size:1.2em;
}

.columnFull{
width:100%;
}


/*
.columnCollections ul{
padding:0 0 0 0;
width:auto;

}

.columnCollections ul li{
padding:2px 0;
padding-left:15px;
}

.columnCollections ul li a{
text-decoration:none;
color:#000;
}

.columnCollections ul ul{
padding:0 0 0 0;
display:none;
width:auto;
}

.columnCollections ul ul li{
padding:5px 0 ;
display:inline;
}

.columnCollections ul li:hover, .columnCollections ul li.collectionHover { display: inline; }
.columnCollections ul li:hover ul, .columnCollections ul li.collectionHover ul { display: inline; }

.green .columnCollections ul li:hover, .green .columnCollections ul li.collectionHover{background:url(../images/bullet-green.gif) 0 3px no-repeat;}
.red .columnCollections ul li:hover, .red .columnCollections ul li.collectionHover{background:url(../images/bullet-red.gif) 0 3px no-repeat;}
.yellow .columnCollections ul li:hover, .yellow .columnCollections ul li.collectionHover{background:url(../images/bullet-yellow.gif) 0 3px no-repeat;}
.blue .columnCollections ul li:hover, .blue .columnCollections ul li.collectionHover{background:url(../images/bullet-blue.gif) 0 3px no-repeat;}

.columnCollections ul ul li a{
color:#000;
text-decoration:none;
padding-left:15px;
}

.green .columnCollections ul ul li a{background:url(../images/bullet-green.gif) 0 3px no-repeat;}
.red .columnCollections ul ul li a{background:url(../images/bullet-red.gif) 0 3px no-repeat;}
.yellow .columnCollections ul ul li a{background:url(../images/bullet-yellow.gif) 0 3px no-repeat;}
.blue .columnCollections ul ul li a{background:url(../images/bullet-blue.gif) 0 3px no-repeat;}

.columnCollections ul ul li a:hover{
color:#000;
text-decoration:none;
}

.green .columnCollections ul ul li a:hover{background:url(../images/bullet-green_.gif) 0 3px no-repeat;}
.red .columnCollections ul ul li a:hover{background:url(../images/bullet-red_.gif) 0 3px no-repeat;}
.yellow .columnCollections ul ul li a:hover{background:url(../images/bullet-yellow_.gif) 0 3px no-repeat;}
.blue .columnCollections ul ul li a:hover{background:url(../images/bullet-blue_.gif) 0 3px no-repeat;}

.green .columnCollections ul ul li a:hover{background:none;}

*/

#pagination{text-align:left;clear:both;margin:0 0 .5em 0;padding:2.5em 0 1em 0;}
#pagination a{border:1px solid #bdbab6;text-decoration:none;background:white;}
#pagination a:hover{background:#bdbab6;color:white;}
#pagination a,#pagination span{padding:0.3em 0.5em;}
#pagination a.pn{border:1px solid #bdbab6;}
#pagination a.pn b{font-weight:normal;}
#pagination a.pn:hover{border:1px solid #bdbab6;}
#pagination p{color:#bdbab6;}

.columnHeroNav{
font-size:1.2em;
line-height:1.6em;
padding-top:1em;
}

.columnHeroNav p{
width:160px;
float:left;
}

.dlbrochure{padding:0 0 0 20px;background:url(../images/download.gif) no-repeat top left;}
.view360{padding:0 0 0 20px;background:url(../images/360.gif) no-repeat top left;}
.back{padding:0 0 0 20px;background:url(../images/back.gif) no-repeat top left;}
.prev{padding:0 0 0 20px;background:url(../images/prev.gif) no-repeat top left;}
.next{padding:0 20px 0 0;background:url(../images/next.gif) no-repeat top right;}
.prevoff{padding:0 0 0 20px;background:url(../images/prev_.gif) no-repeat top left;}
.nextoff{padding:0 20px 0 0;background:url(../images/next_.gif) no-repeat top right;}