@charset "UTF-8";@import url("../webfonts/juliussansone_regular/stylesheet.css");@import url("../webfonts/quicksand_light/stylesheet.css");@import url("../webfonts/quicksand_book/stylesheet.css");/* CSS Document */* {	-moz-user-select: -moz-none;	-khtml-user-select: none;	-webkit-user-select: none;	-o-user-select: none;	/*     Introduced in IE 10.     See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/   */	-ms-user-select: none;	user-select: none;}#floating {	z-index:1;	background-color: #F60;}img.reflected {margin-bottom: 2px;}a {	outline: 0;}a:active, a:focus {	outline: none;}#myBody {	background-color: #FFF;	height: auto;	width: 850px;	border: 1px solid #CCC;	border-radius: 25px;	-moz-border-radius: 25px;	margin-top: 20px;	margin-right: auto;	margin-bottom: auto;	margin-left: auto;	box-shadow: 0px 0px 13px #999;	position: relative;}body {	background-image: url(../images/bg-body.jpg);	background-repeat: repeat;}#logoType {	height: 126px;	width: 286px;	margin-top: 40px;	margin-left: 40px;}#logoType img {	float: left;}#myBody #logoType a {	background-image: url(../images/logo_type.png);	background-repeat: no-repeat;	height: 126px;	width: 286px;	display: block;}.logoTypePort {	background-image: url(../images/logo_type.png);	background-repeat: no-repeat;	height: 126px;	width: 286px;	display: block;	margin-left: 70px;}#myBody #logoType a:hover {	background-image: url(../images/logo_type-a.png);	background-repeat: no-repeat;}#menu {	margin-left: 370px;	font-family: "juliussansone regular", Arial;	text-decoration: none;	color: #666;	font-size: 1.4em;	margin-bottom: 28px;}#myBody #menu div {	margin-right: 20px;	float: left;	background-image: url(../images/arrow_r.png);	background-repeat: no-repeat;	background-position: left center;}#myBody #menu a {	padding-left: 17px;}#myBody #menu div a {	margin-right: 20px;	color: #333;	text-decoration: none;	letter-spacing: 1px;}#sphere {	height: 200px;	width: 200px;	margin-left: 150px;	margin-top: 35px;	float: left;	clear: both;}#slogan {	float: right;	margin-top: 10px;	margin-right: 80px;	font-family: "quicksand light", Arial;	height: auto;	width: 390px;	border-top-style: none;	border-right-style: none;	border-bottom-style: none;	border-left-style: none;	text-align: left;	margin-bottom: 30px;	cursor: default;}#lowerSec {	margin-left: 375px;	clear: both;	border-top-width: 1px;	border-top-style: solid;	border-top-color: #999;	margin-right: 40px;	margin-bottom: 30px;}#myBody #lowerSec img {	float: left;}#myBody #lowerSec p {	font-family: "juliussansone regular", arial;	display: block;	margin-top: 0px;	margin-right: 0px;	margin-bottom: 0px;	margin-left: 0px;	font-size: 0.8em;}#myBody #lowerSec p a {	text-decoration: none;	font-family: "quicksand book", arial;	color: #EB5B1E;	font-weight: bold;	font-size: 1.9em;}#servicesList {	text-decoration: none;	clear: none;	margin-left: 390px;	font-family: "quicksand book";	width: 450px;	float: none;	text-align: left;	padding-left: 0px;}#servicesList a {	text-decoration: none;}#servicesList ul {	text-decoration: none;	clear: none;	float: none;	text-align: left;	list-style-type: none;}#servicesList ul li ul li ul li {	list-style-type: none;	text-align: left;	width: auto;	display: block;}.slogan {	float: left;	font-size: 3.5em;	color: #999;	padding-top: 0px;	margin-top: 50px;	line-height: 95%;	letter-spacing: -3px;}.innerInfoLower {	text-align: left;	font-weight: normal;	color: #333;	margin-top: 3px;	margin-bottom: 4px;	font-size: 1.0em;	margin-right: 15px;}.innerInfo {	text-align: left;	font-weight: normal;	color: #333;	margin-top: 3px;	margin-bottom: 4px;	font-size: 1.0em;	margin-right: 15px;}.showInfo {	background-color: #CCC;	width: 100%;	font-family: "juliussansone regular", "quicksand book", Arial;	border-top-width: thin;	border-top-style: solid;	border-top-color: #CCC;	border-bottom-width: thin;	border-bottom-style: solid;	border-bottom-color: #CCC;	height: auto;	margin-bottom: 5px;	/*http://www.colorzilla.com*/	background: #f7f7f7; /* Old browsers */	background: -moz-linear-gradient(-45deg, #f7f7f7 0%, #d9d9d9 48%, #f7f7f7 99%); /* FF3.6+ */	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #f7f7f7), color-stop(48%, #d9d9d9), color-stop(99%, #f7f7f7)); /* Chrome,Safari4+ */	background: -webkit-linear-gradient(-45deg, #f7f7f7 0%, #d9d9d9 48%, #f7f7f7 99%); /* Chrome10+,Safari5.1+ */	background: -o-linear-gradient(-45deg, #f7f7f7 0%, #d9d9d9 48%, #f7f7f7 99%); /* Opera 11.10+ */	background: -ms-linear-gradient(-45deg, #f7f7f7 0%, #d9d9d9 48%, #f7f7f7 99%); /* IE10+ */	background: linear-gradient(135deg, #f7f7f7 0%, #d9d9d9 48%, #f7f7f7 99%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f7f7f7', GradientType=1 );}.hideInfo {	height: 1px;	width: 100%;	display: none;}.letter {	font-family: "quicksand book", Arial;	color: #EB5B1E;	font-size: 1.5em;}.footPr {	color: #333;	padding-left: 20px;	float: left;	margin-top: 2px;}.footPrR {	color: #999;	float: right;	padding-right: 20px;	margin-top: 0px;}.AboutUs_p {	color: #000;	width: 400px;	margin-left: 20px;	font-family: "quicksand book", Arial;	font-size: 1.0em;	clear: none;	display: inline-block;	margin-right: 10px;	margin-top: 15px;}.clicked {	color: #EB5B1F !important;	background-image: url(../images/arrow_d.png);	background-repeat: no-repeat;	background-position: left bottom;}.clickedParent {	color: #EB5B1F;	background-image: none !important;}#footer {	width: 850px;	margin-right: auto;	margin-top: 0px;	margin-left: auto;	height: auto;}#footer a {	text-decoration: none;	color: #333;	padding-top: 14px;	display: inline-block;}.displayerHeading {	font-size: 4.5em;	display: inline-block;	margin-top: auto;	margin-right: auto;	margin-bottom: auto;	margin-left: 40px;	color: #CCC;	width: auto;	float: left;	clear: none;}/*Below are the syles to format forms with lebal aling to the top of the text field. Idea from css-tricks. look for file*/#formContainer {	width: auto;	text-align: left;	padding: 0;	font-family: "quicksand book";	font-size: 0.9em;	line-height: 1.4;	margin-top: 1em;	margin-right: auto;	margin-bottom: 1em;	margin-left: auto;}/* * Form elements -----------------------*/fieldset {	padding: 10px 30px;	margin: 0;}legend {	color: #000;	padding: 0;	margin: 0;	font-size: 1.2em;	font-weight: 400;}input {	width: 250px;	-khtml-user-select: text;	-webkit-user-select: text;	-moz-user-select: text;	/*     Introduced in IE 10.     See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/   */	-ms-user-select: text;	user-select: text;}input, textarea {	border: 1px solid #ccc;	padding: 5px;	margin-top: 2px;	margin-right: 0;	margin-bottom: 0;	margin-left: 0;	-moz-user-select: -moz-text;	-khtml-user-select: text;	-webkit-user-select: text;	/*     Introduced in IE 10.     See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/   */	-ms-user-select: text;	user-select: text;}input:focus, textarea:focus {	background-color: #F5F8E8;}textarea {	font: .9em Verdana, Arial, Helvetica, sans-serif;	-moz-user-select: -moz-text;	-khtml-user-select: text;	-webkit-user-select: text;	/*     Introduced in IE 10.     See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/   */	-ms-user-select: text;	user-select: text;}label {	display: block;	font-weight: 700;	font-size: .9em;	float: left;	clear: left;	width: 90px;	margin-top: 3px;	margin-right: 0;	margin-bottom: 0;	margin-left: 0;}label:after {	content: ": ";}button {	display: block;	float: left;	clear: both;	margin: 1em 0 1em 90px;}.formfield * {	vertical-align: middle;	font-family: Arial, Helvetica, sans-serif;}#ContactUs #formContainer {	text-align: center;}#ContactUs p {	margin: 7px;}.expanded {	display: block;	cursor: pointer;	margin-bottom: 7px;	color: #930;	font-weight: bold;	margin-top: 5px;	background-image: url(../images/arrow_r_small.png);	background-repeat: no-repeat;	background-position: left 5px;	padding-left: 10px;}.expandedDown {	display: block;	cursor: pointer;	margin-bottom: 7px;	color: #930;	font-weight: bold;	margin-top: 5px;	background-image: url(../images/arrow_d_small.png);	background-repeat: no-repeat;	background-position: left 5px;	padding-left: 10px;}.expandable {	display: block;	cursor: pointer;	margin-bottom: 10px;	font-weight: bold;	color: #EB5B1F;	text-align: left;	background-image: url(../images/arrow_r_small.png);	background-repeat: no-repeat;	background-position: left 4px;	padding-left: 10px;}.expandableDown {	display: block;	cursor: pointer;	margin-bottom: 10px;	font-weight: bold;	color: #EB5B1F;	text-align: left;	background-image: url(../images/arrow_d_small.png) !important;	background-repeat: no-repeat;	background-position: left 4px;	padding-left: 10px;}.arrowR {	background-image: url(../images/arrow_r_small.png);	background-repeat: no-repeat;	background-position: left center;	padding-left: 10px;}.portofolioSelect {	color: #333;	margin-left: 8px;	margin-top: 9.5px;	font-family: "quicksand book";}.featured {	padding-top: 1px;	margin: 1px;}#portofolio {	font-family: "juliussansone regular";	font-size: 4.7em;	color: #999;	margin-top: 5px;	margin-bottom: 5px;}#portofolio p {	letter-spacing: 0px;	padding-left: 30px;	font-size: .9em;	margin-top: auto;	margin-right: auto;	margin-bottom: auto;	color: #CCC;	width: auto;	clear: none;}#detailsMenu {	width: 100%;	font-family: "quicksand book";	padding-left: 30px;	border-bottom-width: 1px;	border-bottom-style: solid;	border-bottom-color: #CCC;	margin-bottom: 15px;	margin-top: 4px;	padding-top: 4px;	padding-bottom: 2px;}#selectMenu {	width: 470px;	float: right;	padding-top: 0px;	margin-top: 40px;}#selectHeding {	float: left;	width: 350px;}/*All the styles for the project section of portofolio*/#projecList {}#loadedList {	width: 340px;	height: 300px;	margin-bottom: 50px;	margin-top: 0px;	float: left;	border-radius: 0px 15px 25px 1px;	box-shadow: -1px 1px 3px #999;	margin-right: 6px;	background: rgb(254,254,254);	background: -moz-linear-gradient(left, rgba(254,254,254,1) 28%, rgba(247,247,247,1) 99%);	background: -webkit-gradient(linear, left top, right top, color-stop(28%, rgba(254,254,254,1)), color-stop(99%, rgba(247,247,247,1)));	background: -webkit-linear-gradient(left, rgba(254,254,254,1) 28%, rgba(247,247,247,1) 99%);	background: -o-linear-gradient(left, rgba(254,254,254,1) 28%, rgba(247,247,247,1) 99%);	background: -ms-linear-gradient(left, rgba(254,254,254,1) 28%, rgba(247,247,247,1) 99%);	background: linear-gradient(to right, rgba(254,254,254,1) 28%, rgba(247,247,247,1) 99%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f7f7f7', GradientType=1 );	overflow: auto;}.chrome #loadedList {  overflow: scroll;}#projectDetails {	float: right;	width: 502px;	height: 300px;	border-radius: 15px 0px 0px 15px;	box-shadow: 1px 1px 3px #999;	background: rgb(247,247,247);	background: -moz-linear-gradient(left, rgba(247,247,247,1) 1%, rgba(254,254,254,1) 72%);	background: -webkit-gradient(linear, left top, right top, color-stop(1%, rgba(247,247,247,1)), color-stop(72%, rgba(254,254,254,1)));	background: -webkit-linear-gradient(left, rgba(247,247,247,1) 1%, rgba(254,254,254,1) 72%);	background: -o-linear-gradient(left, rgba(247,247,247,1) 1%, rgba(254,254,254,1) 72%);	background: -ms-linear-gradient(left, rgba(247,247,247,1) 1%, rgba(254,254,254,1) 72%);	background: linear-gradient(to right, rgba(247,247,247,1) 1%, rgba(254,254,254,1) 72%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#fefefe', GradientType=1 );	font-family: "quicksand book";	clear: right;}#projectDetails .reflectTemp {	margin-left: 30px;	margin-top: 30px;	float: left;}#projectDetails p {	margin-left: 190px;	margin-right: 30px;}#featuredPro_UL {	list-style-type: none;}#featuredPro_UL li img {	float: left;	border: 2px solid #999;	margin-top: -8px;}#featuredPro_UL li {	display: block;	cursor: pointer;	padding-bottom: 5px;}.seletedLI {	background-image: url(../images/arrow_r_small.png);	background-repeat: no-repeat;	background-position: 268px center;	}.Company {	font-size: 1.2em;	font-weight: bold;	font-family: "quicksand book";	letter-spacing: -1px;	margin-left: 65px;	margin-bottom: 1px;}.ProjectType {	font-size: 0.9em;	font-weight: normal;	font-family: "quicksand book";	letter-spacing: -1px;	margin-left: 65px;	text-transform: uppercase;	margin-top: 0px;}.welcome {	margin-left: 9px;	text-decoration: none;}