@charset "UTF-8";
/* CSS by Langfeldesigns 2008 */


/* --------- GENERAL --------- */

body { behavior: url("http://www.langfeldesigns.com/htcmime.php?file=csshover.htc"); }

html { 
	font-size: 100% 
}

body {
	margin: 0; 
	padding: 0; 
	border: 0;
	color: #554; 
	font: 95% Helvetica, sans-serif; 
	background: #fff; 
	text-align: center; 
}

#wrapper {
	margin: 0 auto;
	padding: 0;
	width: 1000px;
}

img {
	margin: 0;
	padding: 0;
	border: none;
}

/* --------- HEADER --------- */

#header h1 {
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
	height: 77px;
	left: 13px;
	position: relative;
	color:#fffff8;
	font-size: 1px;
	background-image: url("images/lfdesigns-logo.jpg");
	background-position: left top;
	background-repeat: no-repeat;
}

#header p {
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
	height: 77px;
	left: 13px;
	position: relative;
	color:#fffff8;
	font-size: 1px;
	background-image: url("images/lfdesigns-logo.jpg");
	background-position: left top;
	background-repeat: no-repeat;
}

img#logo {
	position: absolute;
	margin: 0 auto;
	top: 0px;
	padding-left: 20px;
}

/* --------- NAVIGATION --------- */

#navigation {
	margin: 0 auto;
	margin-bottom: 20px;
	padding: 0;
	padding-left: 154px;
	padding-right: 154px;
	width: 680px;
	text-align: center;
	height: 20px;
	background-image: url("images/wings.jpg");
	background-position: left top;
	background-repeat: no-repeat;
}

* html #navigation {
	background-image: url("images/wings-ie.jpg");
}

#navigation ul {
	margin: 0 auto;
	padding: 0;
	padding-left: 20px;
	width: 600px;
}

#navigation ul li {
	margin: 0;
	padding: 0;
	float: left;
	padding-right: 20px;
	font-size: 90%;
	list-style-type: none;
}

#navigation img:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

/* --------- SUBNAV --------- */

ul.subnav {
	margin: 0;
	padding: 0;
	width: 210px; /* Forces double-column list */
	text-align: right;
}

ul.subnav li {
	margin: 0;
	margin-left: 20px;
	margin-top: 2px; /* allows list to align evenly at the top while still keeping a 20px gap between boxes */
	margin-bottom: 18px;
	/* padding: 3px;
	padding-top: 65px; */
	border: 1px solid #cbeafb;
	width: 70px;
	list-style-type: none;
	float: left;
	background: #f2f9fd;
	padding: 0;
	font-size: 0;
	line-height: 0;
}

ul.subnav li .text {
	padding: 3px;
	padding-top: 70px; /* set to pixels to override the font-size: 0 property above */
	font-size: 10px;
	line-height: 70%;
}

ul.subnav li.squish {
}

* html ul.subnav li.squish {
	margin-top: 0;
}

ul.subnav li a {
	color: #444;
}

ul.subnav li .linktext {
	margin: 0;
	padding: 0;
}

ul.subnav li .linktext a {
	padding: 3px;
	padding-top: 70px; /* set to pixels to override the font-size: 0 property above */
	font-size: 10px;
	line-height: 70%;
	color: #444;
	display: block;
}

ul.subnav li:hover {
	background: #cbeafb;
	color: #000 !important;
}

ul.subnav li img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

ul.subnav li img:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

ul.subnav li a:hover {
	text-decoration: none !important;
}

ul.subnav li.blue:hover, ul.subnav li.bthis {
	background: #cbeafb;
	color: #000;
}

ul.subnav li.green:hover {
	background: #b3cd88;
	color: #000;
	border: 1px solid #b3cd88;
}

ul.subnav li.yellow:hover {
	background: #f9d469;
	color: #000;
	border: 1px solid #f9d469;
}

ul.subnav li.purple:hover {
	background: #b2a6e1;
	color: #000;
	border: 1px solid #b2a6e1;
}

#right ul.subnav li {
	margin-left: 10px;
	margin-right: 10px;
}

/* Will achieve same effect of double-column list, but less browsers support this:
ul.subnav li.clear {
	clear: left;
} */

/* --------- BODY --------- */

a {
	text-decoration: none;
	color: #fc6e16;
}

a:hover {
	text-decoration: underline;
}

#main {
	clear: both;
}

#upper {
	margin: 0 auto;
	padding: 0;
	width: 600px;
}

#lower {
}

#left {
	margin: 0;
	margin-right: 0;
	margin-left: 15px;
	padding: 0;
	float: left;
	top: 161px;
}

#middle {
	margin: 0 auto;
	padding: 0;
	text-align: left;
	font-size: 90%;
	width: 535px;
}

#middle ul, ul.normal {
	margin: 0;
	margin-top: 10px;
	margin-left: 5px;
	margin-bottom: 10px;
	list-style: outside url("images/bullet.jpg");
}

* html #middle ul, ul.normal {
	margin-left: 17px;
	list-style: outside circle !important; /* IE6 has issue with modified bullet image */
}

#middle ul li, ul.normal li {
	margin: 0;
	margin-top: 3px;
	margin-bottom: 3px;
	padding: 0;
}

#middle p {
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
}

#right {
	margin: 0;
	padding: 0;
	float: right;
	top: 161px;
}

/* --------- TYPOGRAPHY --------- */

#middle h1 {
	margin: 0;
	margin-bottom: 7px;
	padding: 0;
	font-size: 180%;
	color: #4896a3; /* #c2e3f5; /* #337f8c; */
	font-weight: normal;
}

h2 {
	margin: 0;
	margin-top: 20px;
	margin-bottom: 10px;
	padding: 0;
	font-size: 100%;
}

ul.left {
	margin: 0;
	margin-top: 15px !important;
	margin-bottom: 25px !important;
	padding: 0;
	padding-left: 20px;
	width: 220px;
}

* html ul.left {
	padding-left: 0;
}

ul.right {
	margin: 0;
	margin-right: 85px;
	position: relative;
	/* top: -12px; */
	top: -7px;
	padding: 0;
	float: right;
	width: 225px;
}

#middle p {
	line-height: 140%;
	font-size: 100%;
}

/* --------- FOOTER --------- */

#footer {
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 0;
	border-top: 1px solid #cbeafb;
	clear: both;
	text-align: center;
	font-size: 75%;
	width: 700px;
}

* html #footer {
	padding-top: 10px;
}


/* sIFR Flash replacement styles */
@media screen {

	/* sIFR styles... do not modify */
	.sIFR-flash
	{ visibility:visible !important; margin:0 }
	.sIFR-replaced
	{ visibility:visible !important }
	span.sIFR-alternate
	{ position:absolute; left:0; top:0; width:0; height:0; display:block; overflow:hidden }

	/* These "decoy" styles are used to hide the browser text before it is replaced... the
	negative-letter spacing in this case is used to make the browser text metrics match up with
	the sIFR text metrics since the sIFR text in this example is so much narrower... your own
	settings may vary... any weird sizing issues you may run into are usually fixed by tweaking
	these decoy styles */
	.sIFR-hasFlash #content H1, .sIFR-hasFlash #widecontent H1
	{ visibility:hidden
	 }
}

/* --- Printer Output --- */
@media print {
	/* sIFR - hide the Flash headline */
	.sIFR-flash, .sIFR-flash object, .sIFR-flash embed {
		display:none !important;
		height:0;
		width:0;
		position:absolute;
		overflow:hidden;
	}
	span.sIFR-alternate {
		visibility:visible !important;
		display:block !important;
		position:static !important;
		left:auto !important;
		top:auto !important;
	}
	.sIFR-hasFlash #content H1, .sIFR-hasFlash #widecontent H1
	{ visibility:visible }
}