/****** Basic Formatting ******/

*{margin:0; padding:0;}

html, body {height:100%;}

body {
	font-size:12px!important;
	color:#4c3c1f;
	font-family:Arial, Helvetica, sans-serif;
	background:#fff url(../images/sitebg.gif) repeat-x;
	text-align:center; /* For IE 5*/
}

h1 {left:-9999px; position:absolute;}
h2 {font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:16px!important; color:#78832b; font-weight:bold;}
h3 {font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:12px!important; color:#78832b; font-weight:bold;}
h4 {left:-9999px; position:absolute;}

p {line-height:16px;}
.p2 {font-size:11px; margin-left:15px;}

.pul {margin-left:15px; margin-bottom:7px;}

.indent {margin-left:15px;}

img {border:0;}

.i {font-style:italic; font-weight:normal; font-size:11px;}

/****** Containers ******/

#wrapper1 {
	margin-right:auto;
	margin-left:auto;
	height:100%;
	min-height:100%;
	width:650px;
	text-align:left;
	position:relative;
}
html>body #wrapper1 {height:auto;}

#innersite {
	padding:0 15px;
}

/****** Geek Notes ******/

.geeknote_p {
	left:-9999px;
	position:absolute;
}
.geeknote1 {
	width:195px;
	height:82px;
	background:url(../images/geeknote1bg.jpg) no-repeat;
}
.geeknote2 {
	width:195px;
	height:82px;
	background:url(../images/geeknote2bg.jpg) no-repeat;
}
.geeknote3 {
	width:195px;
	height:82px;
	background:url(../images/geeknote3bg.jpg) no-repeat;
}
.geeknote4 {
	width:195px;
	height:82px;
	background:url(../images/geeknote4bg.jpg) no-repeat;
}
.geeknote5 {
	width:195px;
	height:82px;
	background:url(../images/geeknote5bg.jpg) no-repeat;
}
#ffvsie {
	width:195px;
	height:130px;
	background:url(../images/firefox-vs-ie.jpg) no-repeat;
}

/****** Header ******/

#header {
	width:650px;
	height:70px;
	background:url(../images/headerbg.jpg) no-repeat;
}

/****** Banners ******/

#banner_home {
	width:625px;
	height:148px;
	background:url(../images/banner-home.jpg) no-repeat;
}

/****** Nav ******/

#nav {
	position:absolute;
	left:362px;
	top:28px;
	width:285px;
}
#nav ul {
	list-style:none;
}
#nav li {
	text-align:center;
	display:block;
	float:left;
	padding-left:10px;
	padding-right:10px;	
}
#nav li a{
	color:#525a1d;
	text-decoration:none;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px!important;
}
#nav li a:hover {
	color:#78832b;
}

/****** Left Column ******/

#leftcolumn {
	width:410px;
	float:left;
	margin-top:10px;
	padding-left:15px;
}
#leftcolumn p {
	margin-bottom:7px;
}

#leftcolumn a:link, #leftcolumn a:visited {
	color:#78832b;
	text-decoration:none;
	font-weight:bold;
}
#leftcolumn a:active, #leftcolumn a:hover {
	color:#78832b;
	text-decoration:none;
	border-bottom:1px #78832b dotted;
	font-weight:bold;
}

/****** Right Column ******/

#rightcolumn {
	width:195px;
	float:left;
}
.promo {
	margin-top:15px;
	margin-left:65px;
	display:block;	
}
.promo img {
	margin:2px 0;
}

/****** Footer ******/

#clearfooter {
	clear:both;
	height:40px;
}
#footer {
	font-size:x-small;
	color:#4c3c1f;
	height:auto;
	text-align:center;
	width:650px;
	height:45px;
	background:url(../images/footerbg.jpg) top center no-repeat;
	position:absolute;
	bottom:0px;
}
#footer div {
	padding-top: 31px;
}