body{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background:url(images/bg.png) repeat-x;
	font-family:"Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana;
}

:focus {
  -moz-outline-style:none;
}

img{
	border-color:Transparent;
}

#demotip {
	display:none;
	background:transparent url(images/black_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
}

h1{
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
}

h2{
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
	font-weight:bold;
	margin:0px;
	padding:0px;
}


h3{
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
	font-weight:bold;
	margin:0px;
	padding:0px;
}

p{
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
}

a{
		font-family:Arial, Helvetica, sans-serif;

	color:#4e9fc4;
}
#wrapper{
	width:900px;
	height:auto;
	margin:0px auto 0px auto;
}

#logo
{
	/*old logo: 370x55*/
	background:url(images/logo2.png) no-repeat;
	width:525px;
	height:55px;
	float:left;
	margin:20px 0px 0px 0px;
}
#macs{
	/*background:url(images/macs.png) no-repeat;*/
	width:990px;
	height:390px;
	float:left;
	margin:50px 0px 0px 0px;
	background-position:center;
	
}

#macsIPAD{
	/*background:url(images/macs.png) no-repeat;*/
	width:864px;
	height:1000px;
	float:left;
	margin:90px 0px 0px 0px;
	background-position:center;
	 text-align:center;
}


#desc{
	/*background:url(images/macs.png) no-repeat;*/
	width:800px;
	height:80px;
	float:left;
	margin:20px 0px 0px 30px;
	background-position:center;
}

#store{
	width:990px;
	height:30px;
	float:left;
	margin:0px 0px 0px 0px;
	background-position:center;
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
}

#appItem{
	width:206px;
	background-position:center;
	text-align:center;
	float:left;
	margin:0px 0px 0px 5px;
}

#appPadItem{
	width:296px;
	background-position:center;
	text-align:center;
	float:left;
	margin:0px 0px 0px 5px;
}

#app1{
	background:url(images/FacebookImageUploader.png) no-repeat;
	width:230px;
	height:368px;
	float:left;
	margin:0px 0px 0px 0px;
	background-position:center;

}

#chair{
	background:url(images/chair2.png) no-repeat;
	width:900px;
	height:317px;
	float:left;
	margin:20px 0px 0px 0px;
	background-position:center;

}


#portfolio_canvas{
	background:url(images/portfolio.png) no-repeat;
	width:900px;
	height:317px;
	float:left;
	margin:20px 0px 0px 0px;
	background-position:center;

}

#contact_phone{
		background:url(images/contact.png) no-repeat;
	width:900px;
	height:317px;
	float:left;
	margin:20px 0px 20px 0px;
	background-position:center;
	
}

#links{
	width:230px;
	margin:25px 0px 0px 0px;
	height:50px;

	float:right;
}


.middle{
	width:900px;
	height:auto;
	float:left;
	margin:20px 0px 0px 0px;
}

.left{
	width:600px;
	height:auto;
	float:left;
}

.right{
	width:200px;
	height:auto;
	float:right;

}

#copyright{
	width:900px;
	float:left;
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#d5d5d5;
	margin:20px 0px 10px 0px;
}
#menu li a{
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	text-decoration:none;
	font-size:0.9em;
	list-style:none;
}

#twitterStyle {
	background-position: center top;
	background-repeat: repeat-x;
	background-image: url(images/twitternotes.png);
	background-color: white;
	-webkit-border-radius: 7px;
	-webkit-box-shadow: 0px 1px 5px gray;
	-moz-border-radius: 7px;	


}

#twitter_update_list{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#888;
	background-color: Transparent;
	list-style:nonemargin:0px 0px 0px 5px;
	padding:0px;
	float:left;
}

#twitter_update_list a{
	font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
	color:#4e9fc4;
	text-decoration:none;
}

#twitter_update_list li{
	margin:10px 0px 20px 0px;
}


.work_box{
	float:left;
	width:600px;
	height:auto;
	margin:0px 0px 20px 0px;
	
}

#ranks{
	width:900px;
	height:400px;
	float:left;
	margin:0px 0px 0px 0px;
	background-position:center;
	text-align:center;
}

.rankimage {
	float:left;
	width: 508px;
	border: 0px none #000000;
	margin-left: 160px;
	margin-top: 40px;
	margin-right: auto;
	text-align:center;
}

