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

#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;
}
#images {
	width:900px;
	height:260px;
	margin:0;
	padding:0;
}
#smallImages {
	padding:20px 0px 0px 0px;
	height:0px;
}
#info {
	padding:0px 0px 0px 0px;
}
#productInfo {
	float:left;
	width:500px;
	font-family: 'CicleFina';
	padding-top:10px;
}
.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;
}
.moreInfo:hover {background:#CCCCCC;}
.moreInfo a{
	color:#000000;
}
.moreInfo a:hover{
}
#swatches {
	padding:30px 0px 49px;
	border-bottom:#999 1px solid;
}
#swatches .new-line {
	padding-top:30px;
}
.swatch {
	width:120px;
	height:120px;
	float:left;
	margin:0 18px;
}
.swatch-left {
	width:120px;
	height:120px;
	float:left;
	margin:0 18px 0 0;
}
.swatch-right {
	width:120px;
	height:120px;
	float:left;
	margin:0 0 0 18px;
}
.swatchText {
	font-family: 'CicleFina';
	color:#FFF;
	font-size:20px;
	font-weight:100;
	letter-spacing:2px;
	padding-top:70px;
	text-align:center;
}
.swatchTextLower {
	font-family: 'CicleFina';
	color:#FFF;
	font-size:20px;
	font-weight:100;
	letter-spacing:2px;
	padding-top:80px;
	text-align:center;
}
.blue {
	display:none;
	width:120px;
	height:120px;
	background:#0083ca;
	color:#FFF;
	font-family: 'CicleFina';	
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(0, 131, 202) transparent;
	/* RGBa with 0.6 opacity */
	background: rgba(0, 131, 202, 0.7);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b20083ca, endColorstr=#b20083ca);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#b20083ca, endColorstr=#b20083ca)";
}
#bottom {
	width:100%;
	height:100px;
}
.other-links {
	width:720px;
	float:left;
	margin-top:35px;
}
ul {
	display:inline;
}
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;
}
#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;
}

/* Scroll Stuff */
.makeMeScrollable
		{
			width:100%;
			height: 260px;
			position: relative;
			float:left;
			padding-right:0px;
		}
		
/* Projects */


/* Chanel */
.project {
	width:900px;
	height:260px;
	padding:0;
	margin:0;
}
.projectLeft {
	float:left;
	width:600px;
	height:260px;
	position: relative;
	padding:0;
	margin:0;
}
.projectRight {
	float:left;
	width:300px;
	height:260px;
	position: relative;
	padding:0;
	margin:0;
}

.projectTitle {
	position:absolute;
	left: 5px;
	top: 15px;
	font-size:32px;
	letter-spacing:1px;
	color:#0083ca;
	font-family: 'SteinerRegular';
}
.projectInfo {
	position:absolute;
	left: 5px;
	bottom: 15px;
	font-size:12px;
	letter-spacing:1px;
	font-family: 'SteinerRegular';
}
.projectInfo span {
	color:#0083ca;
}