@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;}
.homeContact a:hover {color:#0083ca;}
.other-links a:hover {color:#0083ca;}

.blue {
	color: #0083ca !important;
}

#all {
	width:900px;
	margin:0 auto;
}
#title {
	width:100%;
	margin:35px 0;
}
.mainTitle h1{
	color:#000;
	font-size:34px;
	letter-spacing:1px;
	font-weight:100;
}
.subTitle h2{
	color:#0083ca;
	font-size:16px;
	letter-spacing:4px;
	padding-top:2px;
	font-weight:100;
}
#image {
	width:100%;
	height:319px;
	position: relative;
	background:url(../img/pages/collaborative/collaborative-group-edited-1.png) no-repeat;
}
.popup {
	display:none;
	position:absolute;
	left: 0;
	bottom: 0;
	padding:15px 30px;
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(0, 0, 0) transparent;
	/* RGBa with 0.6 opacity */
	background: rgba(0, 0, 0, 0.6);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
.popup p {
	font-family: 'CicleFina';
	color:#FFF;
	font-size:20px;
	line-height:20px;
}
.popup span {
	color:#0083ca;
	font-weight:800;
}
#madeInCali {
	background:url(../img/icons/made-blue.png);
	width:100px;
	height:100px;
	z-index:99;
	position:relative;
	bottom:-305px;
	left:800px;
}
#smallImages {
	padding:0px 0px 13px;
	border-bottom:#999 1px solid;
}
#info {
	padding:4px 0px 0px;
}
.homeContact {
	float:left;
	width:700px;
	font-family: 'CicleFina';
	padding-top:2px;
}
.moreInfo {
	font-family: 'CicleFina';
	color:#000000;
	font-size:14px;
	float:right;
	width:140px;
	letter-spacing:2px;
	line-height:0px;
	background:#DDDDDD;
	height:20px;
	padding:15px 5px 0px;
	text-align:center;
	display:inline-block;
	margin-left:5px;
	margin-top:30px;
}
.moreInfo:hover {background:#CCCCCC;}
.moreInfo a{
	color:#000000;
}
.moreInfo a:hover{
}
.houzz {
	background:url(../img/icons/houzz.png);
	height:40px;
	width:40px;
	display:inline-block;
}
.instagram {
	background:url(../img/icons/instagram.png);
	height:40px;
	width:40px;
	display:inline-block;
}
.twitter {
	background:url(../img/icons/twitter.png);
	height:40px;
	width:40px;
	display:inline-block;
}
.facebook{
	background:url(../img/icons/facebook.png);
	height:40px;
	width:40px;
	display:inline-block;
}
.houzz:hover {
	background:url(../img/icons/houzz-color.png);
}
.instagram:hover {
	background:url(../img/icons/instagram-color.png);
}
.twitter:hover {
	background:url(../img/icons/twitter-color.png);
}
.facebook:hover {
	background:url(../img/icons/facebook-color.png);
}
#bottom {
	width:100%;
	height:100px;
}
.other-links {
	width:720px;
	float:left;
	margin-top:35px;
}
.bold {
	font-weight:bold;
}

.contact-info {
	height:95px;
	margin-top:50px;
}

.contact-info-left {
	float: left;
}

.orderTileSamples {
	font-family: 'CicleFina';
	color:#000000;
	font-size:14px;
	width:200px;
	letter-spacing:2px;
	line-height:0px;
	background:#DDDDDD;
	height:20px;
	padding:15px 5px 0px;
	text-align:center;
	display:inline-block;
	margin-top:25px;
}

.contact-info-right {
	float: right;
}

.address-block {
	display:block;
	text-align:right;
	margin-top:0px;
	font-size:20px;
}
.address-block-second {
	display:block;
	text-align:right;
	margin-top:20px;
	font-size:20px;
}

ul {
	display:inline;
}
li.link {
	font-size:18px;
	display:inline;
	padding-right:10px;
	padding-left:10px;
	border-right:#999 1px solid;
	
}
li.link-block {
	font-size:18px;
	display:block;
}
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;
}

ul.contact-links li.link-right {padding-left:0px;}

li.link-right-left {
	float:right;
	font-size:18px;
	display:inline;
	padding-right:10px;
	padding-left:10px;
	border-right:#999 1px solid;
}
li.link-right-right {
	float:right;
	font-size:18px;
	display:inline;
	padding-right:0px;
	padding-left:10px;
}


#collaborative-logo {
	width:160px;
	float:right;
	margin-top:25px;
}
#collaborative-logo .steiner h1{
	color:#000000;
	font-size:36px;
	text-align:center;
	font-weight:100;
}
#collaborative-logo .cicle h1{
	color:#0083ca;
	font-size:16px;
	text-align:center;
	font-weight:100;
	letter-spacing:2px;
}