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

html {
	/*overflow: -moz-scrollbars-vertical;*/
    overflow-y: scroll;
	}

body {
	width:1000px;
	margin:0 auto;
	padding:0;
	font: normal 11px Helvetica, Arial, sans-serif;
	color:#666;
	text-align: left;
	background: #FFF;
	}
	
* {margin:0; padding:0;border: none;}

.analytics {
	display: none;
	}
	
::selection {
	color: #FFF;
    background:#999; /* Safari */
}

::-moz-selection {
    color: #FFF;
    background:#999; /* Firefox */
}

	
/* ANCHORS */

a {
	text-decoration:none;
	color:#888;
	outline: none;
	}
	
a:hover {
	text-decoration:none;
	color:#0CF;
	}
	
a:visited {
	text-decoration:none;
	}
	
a:active {

	}

/* sIFR */

h6 {
	font: bold 18px/1 Arial, Helvetica, sans-serif;
	color:#0CF;
	}
	
/* MAIN */

#main {
	float:left;
	width:1000px;
	margin:0;
	padding:0;
	overflow:visible;
	}
	
/* HEAD */
	
#head {
	float:left;
	width:1000px;
	height:66px;
	margin:0;
	padding:0;
	}
	
#logo {
	float:left;
	margin:0;
	padding:0;
	}

#logo h1 {
	float:left;
	display:inline;
	margin:18px 0 0 -6px;
	padding:0;
	position:relative;
	}

#logo h1 a {
	float:left;
	width:105px;
	height:32px;
	margin:0;
	padding:0;
	font: bold 11px/17px Arial, Helvetica, sans-serif;
	text-indent:-10000px;
	background:url(../imgs/logo.gif) 0 0 no-repeat;
	}
	
#logo h1 a:hover {
	background:url(../imgs/logo.gif) 0 -32px no-repeat;
	}
	
#headRight {
	float:right;
	color:#0CF;
	height:17px;
	font: bold 11px/17px Arial, Helvetica, sans-serif;
	margin:25px -7px 0 0;
	padding:0 7px;
	display:inline;
	background:#FFF;
	}

/* MENU */
	
#menu {
	float:left;
	display:inline;
	width:1000px;
	margin:0;
	padding:0;
	overflow:visible;
	border-top:4px solid #DDD;
	color:#DDD;
	}
	
#menu a:visited {
	filter:alpha(opacity=60);   /* Internet Explorer       */
    -moz-opacity:0.6;           /* Mozilla 1.6 and below   */
    opacity: 0.6;              /* newer Mozilla and CSS-3 */
    }
	
#menu .optionsCat, #menu .optionsSubcat {
	float:left;
	display:inline;
	width:1000px;
	margin:0;
	padding:0;
	border-bottom:1px dashed #CCC;
	}

#menu ul {
	float:left;
	display:inline;
	width:auto;
	margin:0 0 0 -7px;
	padding:0;
	border:none;
	position:relative;
	}

#menu ul li {
	float:left;
	display:inline;
	height:17px;
	margin:2px 1px 2px 0;
	padding:0;
	list-style-type:none;
	background: #FFF;
	}

#menu ul li a {
	float:left;
	display:inline-block;
	height:17px;
	font: bold 11px/17px Arial, Helvetica, sans-serif;
	margin:0;
	padding:0 8px 0 7px;
	color:#BBB;
	background:#FFF;
	}

#menu ul li a:hover, #menu ul li strong a {
	color:#FFFFFF;
	background:#0CF url(../imgs/btn.gif) 0 -17px repeat-x;
	}
	
#menu ul li strong a:visited {
	color:#FFFFFF;
	background:#CCC url(../imgs/btn.gif) 0 0 repeat-x;
	}
	
#menu ul li strong a:hover {
	color:#FFFFFF;
	background:#0CF url(../imgs/btn.gif) 0 -17px repeat-x;
	}
	
#clock {
	float:right;
	display:inline;
	height:17px;
	margin:2px -7px 0 0;
	padding:0 8px 0 7px;
	font: bold 11px/17px Arial, Helvetica, sans-serif;
	color:#CCC;	
	background:#FFF;
	position:relative;
	/*filter:alpha(opacity=60);*/   /* Internet Explorer       */
    /*-moz-opacity:0.6;*/           /* Mozilla 1.6 and below   */
    /*opacity: 0.6; */              /* newer Mozilla and CSS-3 */
	}
	
#clock em{
	color:#AAA;
	font-style:normal;
	}

/* BACKGROUNDS */

.bgTree {background: transparent url(/imgs/background-tree.gif) no-repeat 450px bottom;}

	
/* CONTENT */
	
#content {
	float:left;
	width:1000px;
	margin:20px 0;
	padding:20px 0;
	position: relative;
	}
	
#contentInfo {
	float:left;
	width:1000px;
	margin:0;
	padding:40px 0 60px 0;
	}
	
#contentContacts {
	float:left;
	width:1000px;
	margin:0;
	padding:0;
	}
	
/*#content a:visited,
#contentInfo a:visited,
#contentContacts a:visited {
	color:#BBB !important;
	}*/
	
	
.projDiv {
	float:left;
	width: 998px;
	margin: 0 0 20px 0;
	text-align: center;
	border:1px dashed #CCC;
	}
	
.projDivStandard {
	float:left;
	width: 798px;
	margin: 0 0 50px 0;
	padding: 0;
	text-align: center;
	overflow: hidden;
	border:1px dashed #CCC;
	}
	
.projDivStandard img{
	float:left;
	margin:0;
	padding: 0!important;
	}
	
.projDivStandard.type img, .projDivStandard.illustration img{
	float: none;
	margin: inherit;
	padding: 0 auto !important;
	}
	
.oneProjCol {
	float:left;
	width:800px;
	}
	
.oneProjColMargin {
	margin:0 16px 0 0;
	}
	
.oneProjColArea {
	width:800px;
	height:60px;
	display:block;
	font: bold 18px/1 Arial, Helvetica, sans-serif;
	color:#0CF;
	/*border-top:4px solid #BBB;*/
	border-bottom:1px dashed #CCC;
	}
	
.oneProjColP, .oneProjColP2 {
	width:800px;
	padding:0;
	font: normal 11px/16px Arial, Helvetica, sans-serif;
	display:block;
	color:#999;
	/*border-bottom:1px dashed #BBB;*/
	}	
	
.oneProjColP img{
	padding:0 0 30px 0;
	}	
	
.oneProjColP2 img{
	float:left;
	margin: 0;
	padding:0;
	}	
	
/* PROJECT DESC */

.oneProjDescCol {
	float:right;
	width:178px;
	padding:0 0 4px 0;
	margin:0 0 20px 0;
	font: 1px;
	border:1px dashed #CCC;
	background: #fff;
	text-align: left;
	}
	
.contactsCol {
	float:left;
	width:178px;
	height:314px;
	padding:0;
	margin: 50px 0;
	font: 1px;
	border:1px dashed #CCC;
	background: #fff;
	text-align: left;
	}
	
.oneProjDescColMargin {
	margin:0 20px 0 0;
	}
	
.oneProjDescColArea {
	width:158px;
	padding:30px 0;
	margin:0 10px;
	display:block;
	font: bold 18px/1 Arial, Helvetica, sans-serif;
	color:#0CF;
	}
	
.oneProjDescColP {
	width:158px;
	padding:6px 0;
	margin:0 10px;
	font: normal 11px/16px Arial, Helvetica, sans-serif;
	display:block;
	color:#999;
	border-top:1px dashed #CCC;
	}
	
.oneProjDescColPClean {
	width:158px;
	padding:6px 0;
	margin:0 10px;
	font: normal 11px/16px Arial, Helvetica, sans-serif;
	display:block;
	color:#999;
	}		
	
.oneProjDescColP a, .oneProjDescColPClean a {
	color:#999;
	border-bottom:1px dashed #BBB;
	}	
	
.oneProjDescColP a:hover, .oneProjDescColPClean a:hover {
	color:#0CF;
	border-bottom:1px dashed #0CF;
	}
	
.noborder{
	border:none !important;
	}	

/* 4 COL LAYOUT */	

.fourCol {
	float:left;
	width:238px;
	}
	
.fourColMargin {
	margin:0 16px 0 0;
	}
	
.fourColArea {
	width:238px;
	/*height: 60px;*/
	padding:0 0 42px 0;
	display:block;
	font: bold 18px/1 Arial, Helvetica, sans-serif;
	color:#0CF;
	/*border-top:4px solid #BBB;*/
	border-bottom:1px dashed #BBB;
	}
	
.fourColArea.tag {
	padding:40px 0 42px 0!important;
	}
	
.fourColP {
	width:238px;
	padding:6px 0;
	font: normal 11px/16px Arial, Helvetica, sans-serif;
	display:block;
	color:#999;
	border-bottom:1px dashed #BBB;
	}	
	
.fourColP a {
	color:#999;
	border-bottom:1px dashed #BBB;
	}	
	
.fourColP a:hover {
	color:#0CF;
	border-bottom:1px dashed #0CF;
	}	
	
/* FOOTER */
	
#footer {
	float:left;
	display:inline;
	width:1000px;
	margin:0 0 20px 0;
	padding:0;
	overflow:visible;
	border-top:4px solid #DDD;
	font: bold 11px/17px Arial, Helvetica, sans-serif;
	color:#DDD;
	}
	
#footer .options {
	float:left;
	display:inline;
	width:1000px;
	margin:0;
	padding:0;
	border-bottom:1px dashed #CCC;
	}

#footer ul {
	float:right;
	display:inline;
	width:auto;
	margin:0 -8px 0 0;
	padding:0;
	border:none;
	position:relative;
	}

#footer ul li {
	float:left;
	display:inline;
	height:17px;
	margin:2px 1px 0 0;
	padding:0 0 2px 0;
	list-style-type:none;
	}

#footer ul li a {
	float:left;
	display:inline;
	height:17px;
	font: bold 11px/17px Arial, Helvetica, sans-serif;
	margin:0;
	padding:0 8px 0 7px;
	color:#AAA;
	background:#FFF;
	}

#footer ul li a:hover {
	color:#FFFFFF;
	background:#0CF url(../imgs/btn.gif) 0 -17px repeat-x;
	}
	
#footer ul li strong a:visited {
	color:#FFFFFF;
	background:#0CF url(../imgs/btn.gif) 0 0 repeat-x;
	}
	
#footer ul li a:visited {
	text-decoration:none;
	filter:alpha(opacity=100);    /* Internet Explorer       */
    -moz-opacity:1.0;           /* Mozilla 1.6 and below   */
    opacity: 1.0;              /* newer Mozilla and CSS-3 */
	}

#creativeCommons a {
	text-indent:-10000px;
	width:73px;
	margin:0 !important;
	padding:0!important;
	background:url(../imgs/icons-creative-commons.gif) 0 0 no-repeat !important;
	}
	
#creativeCommons a:hover {
	background:url(../imgs/icons-creative-commons.gif) 0 -17px no-repeat !important;
	}
	
#footerLeft {
	float:left;
	display:inline;
	height:17px;
	margin:2px 0 0 -7px;
	padding:0 7px 0 8px;
	font: bold 11px/17px Arial, Helvetica, sans-serif;
	color:#CCC;
	background:#FFF;
	}
	
/* BACKGROUNDS */


.patterns-arrow {
	height:400px;
	background: url(../imgs/patterns-arrow.gif);
	}

.patterns-escher {
	height:400px;
	background: url(../imgs/patterns-escher.gif);
	}
	
.patterns-heart {
	height:400px;
	background: url(../imgs/patterns-heart.gif) center center no-repeat;
	}
	
.patterns-ipod-connector {
	height:400px;
	background: url(../imgs/patterns-ipod-connector.gif);
	}
	
.patterns-monobasic {
	height:400px;
	background: url(../imgs/patterns-monobasic.gif);
	}

.patterns-monobasic-shadows {
	height:400px;
	background: url(../imgs/patterns-monobasic-shadows.gif);
	}

.patterns-refresh-rate {
	height:400px;
	background: url(../imgs/patterns-refresh-rate.gif);
	}
	
.patterns-rg02 {
	height:400px;
	background: url(../imgs/patterns-rg02.gif);
	}

.patterns-routine {
	height:400px;
	background: url(../imgs/patterns-routine.gif);
	}
	
.patterns-usb-pixel {
	height:400px;
	background: url(../imgs/patterns-usb-pixel.gif);
	}
	
.patterns-verticalvshorizontal {
	height:400px;
	background: url(../imgs/patterns-verticalvshorizontal.gif);
	}
	
.patterns-worms {
	background: url(../imgs/patterns-worms.gif);
	}
	
.patterns-height{
	height:400px;
	}