* {

	margin: 0;

	padding: 0;

}

body {

	background: #e3e3e3 url('http://www.surfgraphics.com/images/bg_body.jpg') repeat-x left top;

	font-family: helvetica, Arial, sans-serif; margin-left:auto; margin-right:auto; margin-top:0; margin-bottom:50px

}

#container {

	width: 776px;

	position: relative;

	background: url('http://www.surfgraphics.com/images/bg_container.gif') repeat-y left top;

	z-index: 1;

	margin-bottom: 50px; margin-left:auto; margin-right:auto; margin-top:0

}

#header {

	background: url('http://www.surfgraphics.com/bg_intro.jpg') no-repeat right top;

	float:left

}

h5 {
font-size:16px;
color:#fff;
padding:5px;
background:#2A2824;
font-weight:600;
margin-bottom:10px;
line-height:18px;
letter-spacing: -.02em;
}

h3 {

background:#054070;

font-size: 22px;

letter-spacing: -.05em;

font-weight:500;

line-height:23px;

margin: 0px 0 15px 0;

padding:7px;

}

p {

  margin:0 0 10px 0;

  width:93%;

  padding-left: 20px;

}

p.leftpara {

color:#231F20;

font-size:11px;

margin:0;

width:180px;

padding:5px 30px 5px 30px;

}

h4.lefth4 {

background:#637D93;

margin-top:10px;

margin-left:22px;

padding:5px 0px 5px 5px;

color:#fff;

font-size:22px;

width:188px;

}

h2.lefth2 {

background:#231F20;

margin-top:10px;

padding:5px 0px 5px 5px;

color:#fff;

font-size:13px;

width:180px;

}




#contents {

	color: #fff;

	font: normal 80%/18px Helvetica, Arial, sans-serif;

	position: relative;

	margin-right:40px;

	height: 100%;

	width:475px;

	float:right;

}

#contents acronym {

	border-bottom: 1px dotted #F29E00;

	color: #F29E00;

	font-size: 85%;

	font-weight: normal;

}

#contents a, #contents a:link, #contents a:visited {

	color: #F29E00;

	font-weight: bold;

	text-decoration: underline;

}

#contents a:hover, #contents a:active, #contents a:focus {

	text-decoration: none

}
#contents ul {margin-left:50px;margin-bottom:15px;font-style:italic;}
#leftCol{

	width: 240px;

	float:left;

}

#optin {

  margin-left:25px;

  width:180px;

  text-align:center;

}

#linkList {

	background: url('http://www.surfgraphics.com/images/bg_linkList.gif') repeat-y 0px 0px;

	color: #fff;

	font-weight: normal;

	padding:0;

	margin-top:0px;

	width: 240px;

	float:left;

	margin-left:1px



}

#linkListoptin {

	background: url('http://www.surfgraphics.com/images/bg_optin.gif') repeat-y 0px 0px;

	color: #fff;

	font-weight: normal;

	padding:0;

	margin-top:0px;

	width: 240px;

	float:left;

	margin-left:1px

}

#linkListsubnav {

	background: url('http://www.surfgraphics.com/images/images/bg_subnav.gif') repeat-y 0px 0px;

	color: #fff;

	font-weight: normal;

	padding:0;

	margin-top:0px;

	width: 240px;

	float:left;

	margin-left:1px

}



ul.mainnav { padding:0px; list-style:none; margin:10px 0px 0px 0px; }

.lselect {

	background: url('http://www.surfgraphics.com/images/bg_lselect.gif') no-repeat left bottom;

	padding-bottom: 25px;

	width:240px

}

.lselect ul li {margin: 0 25px 2px 22px;}

.lselect ul li a { text-indent:15px; color:#fff; font-size:16px; font-weight:500;letter-spacing:-.02em; _letter-spacing:-.03em; background:#231F20; line-height:22px; text-decoration:none; display:block;}

.lselect ul li a:hover {color:#231F20; background:#AEDEE4;}

.lselect ul li a.c {

	color: #fff;

	display: inline;

	font: normal 90%/19px Helvetica, Arial, sans-serif;

}

#larchives {

	background: url('http://www.surfgraphics.com/images/bg_lselect.gif') no-repeat left bottom;

	padding-left:0; padding-right:0; padding-top:15px; padding-bottom:40px

}

.archives {

	background: url('http://www.surfgraphics.com/images/h1_larchives.gif') no-repeat left top;

	display: block;

	margin: 0 auto;

	height: 29px;

	width: 185px

}



#larchives ul li a, #lresources ul li a {

	font-weight: bold;

}

#lresources ul li, #larchives ul li {

	margin: 14px 0 14px 35px;

}

.resources span, .archives span, .select span {

	display: inline;

	height: 0;

	left: -1000px;

	overflow: hidden;

	position: absolute;

	top: -1000px;

	width: 0;

}

#footer {

clear:both;

border-top:1px dashed #fff;

margin-top:25px;

_padding-top:0px;

padding:20px;

text-align:center;

font-size:12px;

color:#fff;

}

#footer a, #footer a:link, #footer a:visited {

	color: #fff;

	padding: 10px;



}

* html #footer {

	bottom: -28px;

}



/*    CLEARING FLOATS & HACKS */

.clearfix:after 	{

	content:".";

	display:block;

	height:0;

	clear:both;

	visibility:hidden;

}



.clearfix 		{

	display:inline-table;

}



* html .clearfix 	{

	height:1%;

}



.clearfix 		{

	display:block;

}

/*     END ClEAR FIX HACK */