html { 
	background: #F8F4E8 url(/images/html-bg.jpg) top center;
	border-top: 53px solid #25333e;
	text-align: center; }
body { 
	text-align: left;
	/* background: transparent url(/images/body-bg.png) center 43px repeat-x; */
	font: small/1.7 Georgia, "Times New Roman", Times, serif;
	color: #575656;
	padding: 0 0 0 20px;
	margin: -53px auto;
	width: 950px; }
.skip, hr, .vcard { 
	display: none;
	height: 0;
	padding: 0;
	margin: 0; }
img { border: none; }

/* links */

a:link, a:visited {
	color: #268CCD;
	text-decoration: none;	}
a:hover { text-decoration: underline; }



/* Logo Replacement */			
h1 {
	padding: 0;
	margin: 0;
	width: 600px;
	height: 53px;
	background: transparent url(/images/header-bg.jpg) top left no-repeat;
	float: left; }
h1 a { 
	height: 0px !important;
	width: 0px !important;
	padding: 53px 231px 0 0;
	overflow: hidden;
	display: block;
	font-size: 1px !important;
	background: transparent url(/images/logo.jpg) top left no-repeat;
	color: #143F50;
	border: none; }
h1 a:link, h1 a:visited, h1 a:active, h1 a:hover { border: none; }

/* Header */
.header { height: 53px; }
.header p { 
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
	float: right;
	margin: 20px 0 0 0;
	padding: 0; }
	.header p .by { 
		font: italic 125% 'times new roman',serif;
		text-transform: lowercase;
		letter-spacing: 1px; }
.header a { 
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #445563;
	padding-bottom: 3px; }
	.header a:hover { border-bottom: 1px solid #fff; }


/* Navigation */
div.navigation { 
	margin: 15px 0 0 0;
	padding: 0 0 8px 0;
	border-bottom: 1px solid #5a7489; }
.work div.navigation, .blog div.navigation, .contact div.navigation { padding: 0 0 16px 0; }



.navigation ul {
	padding: 0;
	margin: 0;
	height: 25px;
	width: 320px;
	list-style: none;
	color: #fff; }

.navigation li { 
	float: left;
	width: 55px;
	height: 25px;
	margin-right: 4px; }
.navigation  li a { 
	display: block;
	padding-top: 25px;
	height: 0px !important;
	overflow: hidden;
	width: 55px;
	border-bottom: none;}

.navigation li#home a:link,.navigation li#home a:visited,.navigation li#home a:active { 
	background: transparent url(/images/home.gif) 0 0 no-repeat; 
	border-bottom: none; }
.navigation li#work a:link,.navigation li#work a:visited,.navigation li#work a:active { 
	background: transparent url(/images/work.gif) 0 0 no-repeat;
	border-bottom: none; }
.navigation li#blog a:link,.navigation li#blog a:visited,.navigation li#blog a:active { 
	background: transparent url(/images/blog.gif) 0 0 no-repeat; 
	border-bottom: none;}
.navigation li#contact a:link,.navigation li#contact a:visited,.navigation li#contact a:active { 
	background: transparent url(/images/contact.gif) 0 0 no-repeat; 
	width: 70px;
	border-bottom: none; }
.navigation li#portfolio a:link,.navigation li#portfolio a:visited,.navigation li#portfolio a:active { 
	background: transparent url(/images/portfolio.gif) 0 0 no-repeat; 
	width: 76px;
	border-bottom: none; }
.navigation li#portfolio { width: 76px; }

.navigation li#home a:hover, .navigation li#work a:hover, .navigation li#blog a:hover, .navigation li#contact a:hover, .navigation li#portfolio a:hover { 
	background-position: 0 -25px; 
	border-bottom: none; }
	
.navigation li#home.current a, .navigation li#work.current a, .navigation li#blog.current a, .navigation li#contact.current a, .navigation li#portfolio.current a { 
	background-position: 0 -50px; 
	border-bottom: none; }

/* Taglines */
h2#tagline {
	padding: 0;
	margin: 0;
	width: 950px;
	height: 60px;
	text-indent: -9999px; }
h2.internet { background: transparent url(/images/tag-internet.gif) top left no-repeat; }
h2.tea { background: transparent url(/images/tag-tea.gif) top left no-repeat; }
h2.chili { background: transparent url(/images/tag-chili.gif) top left no-repeat; }
h2.wireless { background: transparent url(/images/tag-wireless.gif) top left no-repeat; }
h2.baseball { background: transparent url(/images/tag-baseball.gif) top left no-repeat; }

#main { margin-top: 40px; }

/* Clearfix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#login { text-align: center; display: none; }
.show { display: block; }
#login fieldset { border: 0; margin: 0 auto; width: 600px; }
#login legend { font: 2em Georgia, serif; margin-bottom: .5em; }
#login { font: 11px Verdana, Arial, sans-serif; background-color: #fff; padding: 10px; margin: 20px 0 0 0; border-top: 1px solid #000; }
#login dt { margin: 7px ; }
#login dt, #login dd { float: left; }
#login input { padding: 3px; margin-right: 10px; }

/* Footer */
.footer { 
	border-top: 1px solid #25333e;
	padding: 10px 0 10px 0;
	margin: 2em 0 0 0;
	font: 85%/1.6 'Helvetica Neue LT Std', 'Helvetica Neue', 'Lucida Grande', Helvetica, Arial, sans-serif;
	text-align: left; }
.footer ul { 
	list-style: none;
	padding: 5px 0;
	margin: 0;
	height: 25px; }
	.footer ul li { 
		display: inline;
		float: left;
		margin: 0 20px 0 0;
		padding: 0; }
	.footer ul li.rss { 
		background: url(/images/feed.png) 0 2px no-repeat;
		padding-left: 16px; }
	.footer ul li.card { 
		background: url(/images/vcard.png) 0 1px no-repeat;
		padding-left: 20px; }
	.footer ul li.microformats { 
		background: url(/images/microformats.gif) 0 1px no-repeat;
		padding-left: 17px; }
	.footer ul li.login { margin-top: -5px; float: right; }
	.footer ul li.login a { 
		display: block;
		padding-top: 25px;
		height: 0px !important;
		overflow: hidden;
		width: 99px; }
	.footer ul li.login a:link, .footer ul li.login a:visited, .footer ul li.login a:active { background: url(/images/client_login.gif) 0 0 no-repeat; )
	.footer ul li.login a:hover { 
		background-position: 0 -25px; 
		border-bottom: none; }