body { background:#232323; padding:0; margin:0; font-family:"Helvetica Neue","Lucida Grande",Arial,sans-serif; font-size:14px; color:#272727; min-width:800px; color:#999; }
a { color:red; outline:none; }
a img { border:none; text-decoration:none; }
a:hover, a:visited { color:white; }
#container { width:470px; margin:0 auto; text-align:center; }
#head { background:url(img/blue.png) repeat-x; }
#content { width:592px; background:#FFF; padding:20px 27px 17px 27px; border-top:7px solid #e8e8e8; }
#testimonials #content { border-top:7px solid #FFD65D; }
#about #content { border-top:7px solid #FF9ACC; }
#iphone #content, #web #content { border-top:7px solid #A5E2EF; }
#navigation { width:240px; float:right; }
#navigation ul { list-style-type:none; padding:0; margin:0; }
#navigation ul li { padding:0; margin:0; }
#navigation p { padding:10px 45px 0 40px; color:#ccc; }
#navigation p a, #footer a { color:#7CD2F4; }
#navigation li a { height:49px; width:190px; display:block; background:url(img/nav_off.png) no-repeat; color:white; font-size:20px; text-transform:lowercase; font-weight:bold; text-decoration:none; text-align:center; line-height:49px; padding-left:35px;
padding-right:15px; }
#navigation li a:visited { color:white; }
#navigation li a:hover, #navigation li a.current { background:url(img/nav_on.png) no-repeat; color:#272727; }
#navigation li a.nav1 { background-position:100% 0px; }
#navigation li a.nav2 { background-position:100% -49px; }
#navigation li a.nav3 { background-position:100% -98px; }
#navigation li a.nav4 { background-position:100% -147px; }
#subnav { float:right; list-style-type:none; padding:0; margin:-20px 0 0 0; }
#subnav li { float:right; margin-left:8px; }
#subnav li a { height:47px; line-height:47px; display:block; font-weight:bold; text-decoration:none; padding:0 15px; text-align:center;  background:#E8E8E8; color:#666; }
#subnav li a:hover { color:#272727; }
#subnav li a.current { background:#A5E2EF; color:#272727; cursor:default; }
#footer { color:#666; font-size:11px; padding:15px 27px; }
.a11y { position:absolute; left:-9999px; }
.right { float:right; padding:0 0 5px 10px; }
.left { float:left; }
.clear { clear:left; line-height:1px; padding:0; }
.icon { float:left; height:87px; width:138px; padding:188px 0px 10px 50px; }
.icon p { padding:0; font-size:11px; color:#666; }
.icon p strong { font-size:16px; color:#272727; }
p { margin:0; padding:0 0 1em 0; line-height:1.6em; }
h2 { margin:0; padding:0 0 1em 0; font-size:18px; clear:left; }
a.twitter { display:block; height:71px; width:168px; background:url(img/twitter.png) no-repeat; margin-top:5px; }
a.twitter:hover { background:url(img/tweet_on.png) no-repeat; }
label { float:left; display:block; width:80px; font-weight:bold; }
input.field { width:268px; padding:2px; border:1px solid #999; font-size:14px; }
textarea { width:350px; padding:2px; border:1px solid #999; height:100px; font-size:14px; font-family:"Helvetica Neue","Lucida Grande",Arial,sans-serif;  }
textarea:focus { border:1px solid #666; }
input.field:focus { border:1px solid #666; }
form { padding:16px; background:#E8E8E8; border:1px solid #ccc; width:370px; margin-bottom:1em; }
.gallery p { padding:0; }
.gallery p.link { padding-bottom:1.5em; }
.icon-gallery #content { padding-right:17px; } 
#quote { float:right; width:190px; margin-top:-20px; margin-left:15px; }
#quote p { background:#e8e8e8; padding:20px 14px 14px 14px; font-family:Georgia; font-style:italic; color:#666; }
#quote span { display:block; margin-top:13px; font-size:11px; }
#quote span.morelink { margin-top:2px; text-align:right; }
.col { width:185px; padding-right:18px; padding-top:18px; padding-bottom:22px; text-align:center; float:left; font-family:Georgia; font-style:italic; color:#666; }
.third { padding-right:0; }
#testimonials #content p:nth-child(2n+1) { text-align:right; }
p.web { float:left; padding-right:10px; padding-bottom:4px;}