@charset "UTF-8";
/* CSS Document */


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;}
:focus            {outline: 0;}
ins               {text-decoration: none;}
del               {text-decoration: line-through;}
table             {border-collapse: collapse;border-spacing: 0;}

.clear-fix {clear:both;}



body {
	background-color:#FFF;
	margin-top:50px;
}
.cicle {
	font-family: 'CicleFina';
}
.steiner {
	font-family: 'SteinerRegular';
}
a {text-decoration:none; color:#000;}
.other-links a:hover {color:#0083ca;}
.homeContact a:hover {color:#0083ca;}
.imageText a:hover {color:#0083ca;}

ul {
	display:inline;
}

#all {
	width:900px;
	margin:0 auto;
}
#homeSwatch {
	padding:160px 0px 163px;
	border-bottom:#999 1px solid;
}
#homeSwatch .spaceLeft {
	width:649px;
	height:240px;
	position: relative;
	float:left;
	border-right:1px solid #0083ca;
}
#homeSwatch .spaceRight {
	width:250px;
	height:240px;
	position: relative;
	float:left;
}
#homeSwatch .spaceLeft .topText li {
	font-size:14px;
	display:inline;
	color:#999999;
	padding-right:20px;
	padding-left:0px;
}
#homeSwatch .spaceLeft .homeImage {
	width:649px;
	height:200px;
	margin-top:3px;
	position: relative;
	float:left;
}
.homeProjectTitle {
	position:absolute;
	bottom:10px;
	left:10px;
	font-size:20px;
	color:#0083ca;
}
#homeSwatch .spaceRight .swatch {
	width:250px;
	height:200px;
	margin-top:20px;
	background:url(../img/pages/home/home-swatch-laguna-coal-edited-1.png);
	position: relative;
	float:left;
}
#homeSwatch .spaceRight #madeInCali {
	background:url(../img/icons/made-grey.png);
	width:100px;
	height:100px;
	z-index:99;
	position:relative;
	bottom:-200px;
	left:150px;
}
#bottom {
	width:100%;
	height:100px;
}
.other-links {
	width:500px;
	float:left;
	margin-top:35px;
}
li.link {
	font-size:18px;
	display:inline;
	padding-right:10px;
	padding-left:10px;
	border-right:#999 1px solid;
}
li.link-left {
	font-size:18px;
	display:inline;
	padding-right:10px;
	padding-left:0px;
	border-right:#999 1px solid;
}
li.link-right {
	font-size:18px;
	display:inline;
	padding-right:0px;
	padding-left:10px;
}
.homeContact {
	float:right;
	margin-top:35px;
}


#collaborative-logo {
	position:absolute;
	right:0px;
	bottom:70px;
	width:250px;
}
#collaborative-logo .steiner h1{
	color:#ffffff;
	font-size:40px;
	text-align:center;
	font-weight:100;
}
#collaborative-logo .cicle h1{
	color:#0083ca;
	font-size:20px;
	text-align:center;
	font-weight:100;
	letter-spacing:2px;
}
a:hover .swatch #collaborative-logo .steiner h1 {
	color:#0083ca;
}
a:hover .swatch #collaborative-logo .cicle h1 {
	color:#ffffff;
}