body {
	background:#000;
	background-image:url('../images/bg.gif');
	margin:0px;
	font-family:Arial;
	font-size:9pt;
	color:#858585;
}

.contentplace{
	width:980px;
	margin:0px auto;
}

a:link {
	text-decoration:none;
}
a{
	text-decoration:none;
	color:#1E1E1E
}

.page {
	width:100%;
	background:white;
	border-top:8px solid #fafafa;
}

.col1 {
	float:left;
	width:300px;
	margin-left:20px
}

.col2 {
	float:left;
	width:380px;
}


.col3 {
	float:left;
	width:250px;
}

.navigation li{
	float:left;
	padding:10px;
	padding-top:5px;
	padding-bottom:5px;
}

.navigation small{
	font-size:7pt;
	text-decoration:none;
	font-weight:normal;
}

.navigation li.selected{
	background:#7FD4FF;
	-moz-border-radius: 5px;
	
}

.navlink a:link{
	text-decoration:none;
	font-weight:bold;
	color:#696969;
}

.navlink a:visited{
	font-weight:bold;
	color:#696969;
	text-decoration:none;
}

.navlink a:hover{
	font-weight:bold;
	color:#2AAAFF;
}

.navigation li:hover{
	color:#2AAAFF;
}


h1 {
	font-family:Myriad Pro;	
	font-weight:normal;		
	color:#000;
}
.small {
	font-size:8pt;
}

.team_member li:hover{
	background:#E1E1E1;
}

.portfolio_item {
	float:left;
	margin-right:10px;
	-moz-border-radius: 5px;
	width:160px;
padding:8px;
background:#000;	
}

.designitem{
	margin-bottom:15px;
	line-height: 16px;
}

.blog {
	margin-top:20px;
}

.tweet {
	margin-top:50px;
}


.blogitem {
	margin-bottom:10px;
}

.blogtitle {
	font-size:12pt;
	font-family:Georgia;
	letter-spacing:0px;
	color:#878787;
}

.cornered {
	-moz-border-radius: 5px;
}

.link {
	cursor:hand;
	cursor:pointer;
}

.designitem-servicepage {
	height:100px;
}

.port_thum_item {
	background:#fff;
	float:left;
	padding:3px;
}

.web_bk {

width:576px; height:368px;

background-image:url(../images/portfolio_background.gif);

background-repeat: no-reoeat;

text-align:center;

}

.web_bk img{
padding-top: 7px;
}

.listtyle_works {
	/* list-style-type:circle */
	list-style:none;
}

.listtyle_works li{
	float:left;
	padding:2px;
}

.more_screenshots {
	padding-top:10px;
}

.more_screenshots img{
	cursor:hand;
	cursor:pointer;
	float:left;
	margin:5px;
	border:3px solid #C3C3C3
}

.more_screenshots img:hover{
	border:3px solid #FFAA55
}


/** new scroll related **/
div.sc_menu {
  /* Set it so we could calculate the offsetLeft */
  position: relative;
  height: 145px;
  width: 980px;
  /* Add scroll-bars */
  overflow: auto;
}
ul.sc_menu {
  display: block;
  height: 110px;
  /* Max width here, for users without Javascript */
  width: 2000px;
  padding: 15px 0 0 15px;
  /* Remove default margin */
  margin: 0;
  background: url('navigation.png');
  list-style: none;
}
.sc_menu li {
  display: block;
  float: left;
  padding: 0 4px;
}
.sc_menu a {
  display: block;
  text-decoration: none;
}
.sc_menu span {
  /* We want a caption to display on the next line */
  display: block;
  margin-top: 3px;
  text-align: center;
  font-size: 12px;
  color: #000;
}

.sc_menu span {
  display: none;
  margin-top: 3px;
  text-align: center;
  font-size: 12px;
  color: #000;
}
.sc_menu a:hover span {
  display: block;
}
.sc_menu img {
  border: 5px #000 solid;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
.sc_menu a:hover img {
  filter:alpha(opacity=50);
  opacity: 0.5;
}

.sc_menu_selected {
  filter:alpha(opacity=30);
  opacity: 0.3;	
  display: block;
}

.sc_menu_selected span {
  display: block;
}

label {
	clear:left; 
	display:block; 
	float:left; 
	padding:5px;
	width:70px; 
	text-align:left; 
	padding-right:10px;  
	margin-bottom:0.5em;
}

input {
	border:1px solid #C3C3C3; 
	-moz-border-radius: 3px;
	padding:5px;
	margin-bottom:0.3em;
}
textarea {
	border:1px solid #C3C3C3; 
	-moz-border-radius: 3px;
	padding:5px;
	margin-bottom:0.3em;
}

.button {
	border:1px solid #C3C3C3; 
	-moz-border-radius: 3px;	
	background:#55D4FF;
}