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


@import url('http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,900');



* {
	margin:0;
	padding:0;
	border:none;
	outline:none;
}

html,body{
margin: 0;
padding: 0;
border: 0;
height: 100%; 
max-height: 100%; 
width:100%;
background-color:#fff;
color:#333;
font-family:Courier, Arial, sans-serif;
font-size:12px;
}

body {
    -webkit-text-size-adjust: 100%;
}

.clear
{
clear:both;
}

a:link, a:visited, a:hover, a:active {
  text-decoration: none;
  color: #333;
  cursor: url(_COMMON/img/cursor.gif), auto;
}

a img a, img{ 
	max-width:100%;
	border:0px;
}




#wrapper {
	margin:0 auto;
	text-align:left;
	height:100%;
	width:100%;
}

.cols1{
	width:120px;
}

.cols2 {
	width:255px;
}

.cols3 {
	width:390px;
}

.cols4 {
	width:525px;
}

.cols5 {
	width:660px;
}

.cols6 {
	width:795px;
}

.cols7 {
	width:930px;
}

p {
	padding-bottom:15px;
}

.texts p {line-height: 1.2em;}
.texts.myfont p {line-height: 1em;}

p a, .texts a, p a:visited, .texts a:visited {
	color:#333;
}

div.myfont
{
	line-height:33px;
	font-size:33px;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 900;
	margin-top:-6px;
}

div.myfont a, div.myfont a:visited {
	color:#333;
	text-decoration:none;
}

div.myfont a:hover {
	background: url(images/menu-over.gif) repeat-x;
}


/* Menu */

#menu {
    margin-top: 10px;
	position:absolute;
	font-size:33px;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 900;
	z-index:100;
	color:#333;
}

#menu UL {
	margin: 5px 0 0 15px;
	width:910px;
}

#menu UL LI a, #menu UL LI:visited {
	color:#333;
	text-decoration:none;
}

#menu UL LI a:hover {
	background: url(images/menu-over.gif) repeat-x;
}

#menu UL LI a.active{
	
}

#filter {
	cursor: pointer;
	cursor: hand;
}

#menu .categories {
	font-size:12px;
	font-family: Courier, Arial, sans-serif;
	color:#333;
	display:none;
}


#menu .categories UL {
	width:auto;
	margin:5px 0;
	padding:0;
	float:left;
	position:absolute;
}

#menu .categories UL LI {
    list-style: none outside none;
	float: none;
	margin-right: 0px;
}

#menu .categories UL LI a, #menu .categories UL LI:visited
{
	color:#333;
	text-decoration:none;
}

#menu .categories UL LI a:hover{
	text-decoration:underline;
}

#menu UL LI {
	float: left;
    list-style: none outside none;
	margin-right: 55px;
}


input::-webkit-input-placeholder {
    color: #333;
}
input:-moz-placeholder {
    color: #333;
}



/* CONTENT DIV */

#content    
{
	position:absolute;
	padding-bottom:15px;
}

h1.title {
	position:absolute;
	top:150px;
	left:15px;
	font-size:33px;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 900;
	color:#333;	
	margin:0;
	padding:0;
	font-weight:normal;
	width:660px;
}

UL.projects {
	float:left;
	margin:200px 0px 0px 0px;
	padding:0px;
}

UL.projects LI {
	float:left;
    list-style: none outside none;
	margin: 15px 0 0 15px;
/*	border: 1px solid #ff0000;*/
}

.project { position:relative;}
.project-over { position:absolute; top:0px; opacity:0; filter:alpha(opacity=0);}

.project-over .texts .textbox, .project-over .img-cont { background: url(images/mouse-over.gif);}
.project-over .img-cont .img {opacity:0; filter:alpha(opacity=0);}

.caption {
	margin-bottom:15px;
}




/* TWEET STYLES */

.tweet {
	font-size:33px;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 900;
}

.tweet_text {position: relative;top: -9px;}

.tweet_text a,.tweet_text a:visited
{
	text-decoration:none;
	color:#333;
}

.tweet_text a:hover{ background: url(images/menu-over.gif) repeat-x; }

.tweet_text p
{
	line-height:33px;
	padding-top:3px;
}

.tweet .caption
{
	font-family:Courier, Arial, sans-serif;
	font-size:12px;	
}

.courierFont
{
	font-family:Courier, Arial, sans-serif;
	font-size:12px;	
	vertical-align: top;
}

/* Bottom project menu */

#bottom-menu {
	font-size:33px;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 900;
	color:#333;
	width: 100%;
	padding: 0 15px 0px 15px;
}

#share-menu {
	position:absolute;
	bottom:0px;
	margin-bottom:-200px;
	padding-bottom:15px;
	cursor: pointer;
	cursor: hand;
}

#share-menu:hover { background: url(images/menu-over.gif) repeat-x; background-position: 0px 3px;}


#share-options {
	position:absolute;
	bottom:50px;
	margin-bottom:-200px;
	padding-bottom:15px;
	font-size:12px;
	font-family: Courier, Arial, sans-serif;
	color:#333;
	display:none;
}

#share-options UL LI {
    list-style: none outside none;
}

#share-options UL LI a,#share-options UL LI a:visited
{
	color:#333;
	text-decoration:none;
}

#share-options UL LI a:hover{
	text-decoration:underline;
}

#projectnav-menu {
	position:absolute;
	bottom:0px;
	margin-bottom:-200px;
	padding-bottom:15px;
	right:15px;
}

#projectnav-menu ul { margin;0; padding:0;}
#projectnav-menu li { float:left; list-style:none; margin:0 0 0 55px; padding:0;color:#ccc;}
#projectnav-menu li a { color:#333;text-decoration:none;}
#projectnav-menu li a:hover { color:#333;background: url(images/menu-over.gif) repeat-x;}

.textnews {
	font-size:33px;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 900;
	margin: 0;
	position: relative;
	top:-9px;
}
.textnews p
{
	line-height:33px;
	padding-top:3px;
}

.textnews a, .textnews a:visited {
	color:#333;
	text-decoration:none;
}

.textnews a:hover {
	background: url(images/menu-over.gif) repeat-x;
}