* { margin:0; padding:0; }
a { text-decoration:none; outline:none; }
a img { border:none; }
li { list-style:none; }
p { color:#222; text-align:left; width: 600px; }
body { background:#444 url(images/dk-gray-background.png) repeat; text-align:center; font:13px Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased;}

a:visited {color: #888888;}

#blogs a:link {
	text-decoration: none;
	color: #222;
	border-color: #222;
	border-width: 0 0 1px 0;
	border-style: none none dotted none;
	padding: 0px 0px 0px 0px;
	line-height:1.7em;
	}
	
#about a:link {
	text-decoration: none;
	color: #222;
	border-color: #222;
	border-width: 0 0 1px 0;
	border-style: none none dotted none;
	padding: 0px 0px 0px 0px;
	line-height:1.7em;
	}


#notes a:link {
	text-decoration: none;
	color: #222;
	border-color: #222;
	border-width: 0 0 1px 0;
	border-style: none none dotted none;
	padding: 0px 0px 0px 0px;
	line-height:1.7em;
	}

#services a:link {
	text-decoration: none;
	color: #222;
	border-color: #222;
	border-width: 0 0 1px 0;
	border-style: none none dotted none;
	padding: 0px 0px 0px 0px;
	line-height:1.7em;
	font-weight:bold;
	}

#contact a:link {
	text-decoration: none;
	color: #222;
	padding: 0px 0px 0px 0px;
	line-height:1.7em;
	font-weight:bold;
	border-color: #222;
	border-width: 0 0 1px 0;
	border-style: none none dotted none;
	}

#container { background:#e7e9eb; width:974px; margin:0 auto 0 auto;  background:transparent url(images/top-seg.png) no-repeat center top; position:relative; top:84px; height:856px; align:center;}

h1 { height:43px; font-size:20px; font-weight:normal; font-family:Copperplate, Helvetica, Arial, Verdana; text-transform:uppercase; letter-spacing:.3em; color:#222; text-align:center; padding-top:50px;  }


#content { padding-left:34px;  padding-top:20px;  background: url(images/mid-seg.png) repeat-y center top; }
#container>#content { height:730px; min-height:730px; }

#nav { width:180px; padding-left: 0px; margin-top:30px; float:left; padding-right:17px; }
#nav li { list-style:none; text-align:left; margin-left:35px;  }
#nav li a { text-shadow: white 0px 1px 0px; font-size:18px; line-height:32px; color:#666; }
#nav li.current a, #nav li.current a:hover { color:#000; } 
#nav li a:hover { color:#333; text-shadow: yellow 0px 0px 5px;}

#appStore { position:absolute; top:-68px; left:765px;}
#macappStore { position:absolute; top:-68px; left:508px;}
#shuttle { position:absolute; top:-68px; left:511px;}
#steve { position:absolute; top:490px; left:66px;}
#logo { position:absolute; top:-82px; left:-7px;}

#mainText { width:650px; float:left; margin:-220px 0px 0 270px; }
#mainText h2 { color:#222; clear:both; margin-left:-3px;}
#mainText p { margin: 10px 50px 10px 0; width:550px; }

.appList li { text-shadow: white 0px 1px 0px; list-style:none;	clear:left; position:relative; color:#797A7C; font-size:14px; line-height:1.3em;  min-height:100px; }
.appList li img.icon { position:absolute; left:10px; top:10px;}
.appList li h3 { text-shadow: white 0px 1px 0px; font-size:18px; color:#222;  font-weight:normal; text-align:left; line-height:21px; margin:0 0 0 90px; padding:10px 0 0 0;}

#iphone>.appList li h3 img { margin:10px 0 0px 88px; }
#ipad>.appList li h3 img { margin:10px 0 0px 88px; }
#macsoftware>.appList li h3 img { margin:10px 0 0px 88px; }

#iphone .appList li .imgmask { position:absolute; left:0; top:-2px; background:#333; }

#iphone .appList li div.imgmask2 {position:absolute; left:0px; top:0px; height:77px; width:77px; padding:10px 0 0 10px; background: url(images/maskFLAT.png) no-repeat left top;}

#ipad .appList li div.imgmask2 {position:absolute; left:0px; top:0px; height:77px; width:77px; padding:10px 0 0 10px; background: url(images/maskFLAT.png) no-repeat left top;}


#iphone .appList li div.imgbase {position:absolute; left:0px; top:0px; height:77px; width:77px; padding:10px 0 0 10px;}

#ipad .appList li div.imgbase {position:absolute; left:0px; top:0px; height:77px; width:77px; padding:10px 0 0 10px;}


#about {}
#about p { font-size:14px; text-align:justify; line-height:1.7em;}

#services {}
#services p { font-size:14px; text-align:justify; line-height:1.7em;}
#services ul { text-align:left; margin: 5px 0 0 0px; font-size:14px; line-height:1.9em; font-weight:bold; color:#222;}

#contact {}
#contact p { font-size:14px; text-align:justify; line-height:1.7em;}
#contact ul { text-align:left; margin: 5px 0 0 0px; font-size:14px; line-height:1.9em; color:#222;}

#notes a { font-size:14px; }

#blogs p { font-size:14px; }

#mainText .appList p { margin:0 0 0 90px; }
#mainText .sale { background:transparent url(images/sale.png) no-repeat scroll 40px -4px; height:27px; }
#mainText .new { background:transparent url(images/new.png) no-repeat scroll 40px -4px; height:27px; }
#mainText .univ { background:transparent url(images/universal-small.png) no-repeat scroll 45px 2px; height:27px; }
#mainText .new20 { background:transparent url(images/new20.png) no-repeat scroll 40px -4px; height:27px; }


.listLeftColumn { width:315px; float:left; margin-bottom:-60px; }
.listRightColumn { width:335px; float:right;margin-bottom:-60px; }

#footer {  margin:10px 0 0 0; padding: 16px 0 16px 0; color:#666; width:974px; position:absolute; left:0px; top:772px; background:url(images/bot-seg.png) no-repeat bottom center;}

#footer2 { font-weight:bold; color:#222; text-shadow: 0px 0px 2px #777; width:974px; position:absolute; top:820px; font-size:11px; line-height:11px; text-transform:uppercase; letter-spacing:.08em;}