@import url(http://fonts.googleapis.com/css?family=Quicksand);
html { 
  background: url(../images/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin:0;
  font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	color:#666;
	line-height:1.5em;
	text-align:justify;
}
body { margin:0;}
a {
	text-decoration:none;
}
#nav a:hover {
	color:#F60;
}
ul, h2, h3, h4, h5, h6, p {
	margin:0;
	padding:0;
}
.round_corner,.box2,.content_white  {
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
#logo {
	margin-top:20px;
	height:150px;
	float:left;
	position:relative;
}
#logo p { position:absolute; z-index:1; top:0; font-size:120%; top:90px; left:45px;}
#header { clear:both; }
#buttons { float:right; margin-top:20px;}
#header .inner, .content_white, .empty .inner {	margin:0 10%; }
#ideas { position:relative; margin:0 10%;font-family: 'Quicksand', sans-serif; font-weight:800;}
#ideas #back {}
#icon_buttons {margin:auto 10%;}
#icon_buttons li { float:left; list-style:none; width:16.6%;}
#text_con { width:50%; float:right; color:#FFF; text-align:center;}
#pixel_works .inner { margin:0 10%;}
#pixel_works li { float:left; width:33%; list-style:none; text-align:center; color:#FFF;}
#dp, #fd, #gd, #ep, #mp, #cm {padding:0 10%; color:#000;}
#pixel_works { min-height:600px; vertical-align:middle; height:100%;}
.inside { 
padding:20px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	box-shadow:1px 2px 8px 3px rgba(0, 0, 0, .5);
	-moz-box-shadow:1px 2px 8px 3px rgba(0, 0, 0, .5);
	-webkit-box-shadow:1px 2px 8px 3px rgba(0, 0, 0, .5);
	background: rgb(255, 255, 255) transparent;
    /* RGBa with 0.6 opacity */
    background: rgba(255, 255, 255, 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)"; overflow:auto;}
	#icon_buttons2 {
	float:left;
	color:#FFF;
}
#dp h2, #fd h2 {
	color:#F60;
}
#icon_buttons2 li {
	list-style:none;
	padding:5px 10px;
}
#icon_buttons2 {width:20%; text-align:center;}
#icon_buttons2 img {width:60px; height: auto;}

.stretch {
    margin: auto;
    height:100%;
}

.content_white .inner {
	margin:0 10% 0 10%;
	padding-bottom:30px;
	overflow:auto;
}
.content_black {	
	overflow:auto;
}
.content_white, .box2 {
	background:#FFF url(../images/line2.png) repeat-x top;
}
.box2 {
	
	margin-left:23%;
}
#products_nav, #products_brand {
	width:170px;
	
}
#products_brand img {
	margin:5px;
	width:130px;
	height:auto;
}
#products_nav img {
	margin:5px;
	width:70px;
	height:70px;
}
/*.button, #nav, h1, #products h2 {
	font-family: 'Squada One', cursive;
}*/
.button {
	cursor:default;
	}
.button, #collats li {
	color:#333;
	width:230px;
	height:30px;
	margin:0 auto;
	text-align:center;
	border-radius:0 0 10px 10px;
	-moz-border-radius:0 0 10px 10px;
	-webkit-border-radius:0 0 10px 10px;
	text-transform:uppercase;
	line-height:2em;
}
.button, #collats li {
	box-shadow:2px 2px 2px 2px rgba(0, 0, 0, .3);
	-moz-box-shadow:2px 2px 2px 2px rgba(0, 0, 0, .3);
	-webkit-box-shadow:2px 2px 2px 2px rgba(0, 0, 0, .3);
}
.res_img {
	width:100%;
}
#nav {
	width:100%;
	position: fixed;
	bottom: 0px;
	background-color: #F90;
	z-index:1000;
	text-align:center;
}
#nav li {
	display:inline-block;
	padding:5px;
	min-width:7%;
	/*border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;*/
	margin:10px 5px;
}
#nav a {
	color:#333;
	font-size:1em;
	text-transform:uppercase;
}
#projects img {width:100%; height:auto;}
#home {
	clear:both;
}

#products td, {
	text-align:center;
	color:#FFF;
}

#collats li {
	display:inline-block;
	width:22% !important;
	margin:0 1%;
}
/*input, textarea {
	width:100%;
}
*/
/* slideshow */
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
  .sample_works {margin-bottom:200px;}
.sample_works img {padding:10px; border:2px #CCC solid; margin:20px;}
#contacts { position:relative;}
#contact_form { position:absolute; z-index:1; top:100px; left:200px;}