body {
	font-family:Helvetica, Arial, sans-serif;
	font-size:13px;
	color:white;
	height:100%;
	margin : 0; 
	background-color: #424241;
}
a{
	text-decoration:none;
	color:white;
}
p {
	margin : 8px 0;
}
h1 {
	font-size : 20px;
	margin:10px 0;
}
h3 {
	font-size:14px;
	margin: 0 0 8px;
}
ul {
	list-style-type:none;
	margin:0;
	padding:0;
	width:100%;
}
#wrapper {
	max-width:800px;
}
#top {
  white-space:nowrap;
  margin:10px 0px 10px 30px;
  
}

#logo {
  width:349px;
  vertical-align:top;
}

.topRight{
  display:inline-block;
  width:56%;
}

.bubbles {
  vertical-align: bottom;
  display:block;
  margin-left:auto;
}

#middle {
	position:relative;
  width:100%;
	overflow:auto;
	border:solid 1px #BCBDC0;
	background-color:#BCBDC0;
	background-image:-moz-linear-gradient(#BCBDC0, #BCBDC0 40%, #FFF);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#BCBDC0), color-stop(0.4, #BCBDC0), to(#FFFFFF));
	margin-bottom:15px;
}
.details {
	color:black;
  max-width:350px;
	padding:20px 10px 0px 8%;
}

.contact {
  display:inline-block;

  width:15em;
  float:right;
	padding:20px 0px 30px 25px;
	background-color:#663300;
	background-image:-moz-linear-gradient(#663300, #663300 20%, #CC6600);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#663300), color-stop(0.2, #663300), to(#CC6600));
	
}
.contact p{
	margin: 4px 0;
}
.contact a{
	font-weight:bold;
}
.bullet{
	height:16px;
	margin-left:4px;
	position:absolute;
	width:36px;
	background: transparent url("../img/sprite.gif") no-repeat scroll 0 -0px;
}
.details .bullet{
	background-position: 0 -52px;
}
.contact .bullet{
	background-position:0 -25px;
}
#portfolio{
	padding:20px 10px 15px 65px;
}
#apps {
	padding:10px 0;
}
.appActions {
	float:left;
	padding-right:5px;
	padding-bottom:20px;
}
.appLogo {
	border : solid 4px #BCBDC0;
}
.appDetails {
	font-size : 12px;
}
.itunes {
	display:block;
	margin:3px 2px;
	padding-bottom:5px;
	background: transparent url("../img/sprite.gif") no-repeat scroll 0 -80px;
	text-indent: -9999px;
}
.col{
	width:50%;
	display:table-cell;
}
.col.left{
	padding-right:25px;
}
.row li{
	display:table-row;
}
#copyright {
	font-size:10px;
	text-align:center;
	padding:30px;
}

#sitenav {
	font-size:12px;
	text-align:center;
	padding:15px;
}

#sitenav a{
	font-weight:bold;
}


/* IE hacks */
.col {
	*float:left;
	*width:48%;
}

.col.right {
	*position:absolute;
}
.row li{
	*height:90px;
}