/* Chris Hettinger Freelance */
/* Default style; Written by: Chris Hettinger (chris at ch-freelance.com) */

/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the designer's written permission. */

/* THANK YOUS */
/* Sane Text Sizing | Typography | CSS influenced by Owen Briggs article*/
/* http://www.thenoodleincident.com/tutorials/box_lesson/font/index.html */
/* Tips and Trick for dealing with browser bugs visit /*
/* http://www.positioniseverything.net/ */

/* ---------- Holly Hack ---------- */
/* http://www.positioniseverything.net/articles/hollyhack.html */


/* ---------- misc ---------- */

body {
	background: #F5F5F5;
	font-size: 76%;
	line-height: 120%;
	font-family: arial, tahoma, helvetica, verdana, sans-serif;
	color: #000;
	text-align: left;
	}
acronym {
	color: #FF6600;
	font-style: italic;
	cursor: help;
	}

/* ---------- div ----------- */

#container {
	position: absolute;
	top: 75px;
	left: 129px;
	width: 611px;
	background-color: #FFF;
	border-top: 1px solid #BBB;
	border-left: 1px solid #BBB;
	border-right: 1px solid #BBB;
	border-bottom: 7px solid #BBB;
	}

	#masthead {
		width: 581px;
		margin: 15px 15px 0 15px;
		float: left;
		display: inline; /* corrects IE/win Doubled Margins Bug */
		}
		#news {
			width: 361px;
			height: 150px;
			background-color: #F0F0F0;
			float: left;
			display: inline;  /* corrects IE/win Doubled Margins Bug */
			}
	
		#image {
			width: 220px;
			height: 150px;
			background-image: url(images/masthead_smphoto.jpg);
			background-repeat: no-repeat;
			float: left;
			display: inline; /* corrects IE/win Doubled Margins Bug */
			}
			
		#pageheader {
			width: 581px;
			height: 80px;
			float: left;
			display: inline; /* corrects IE/win Doubled Margins Bug */
			}
		
		
	#body {
		width: 581px;
		margin: 0 15px 0 15px;
		background-color: #FFF;
		float: left;
		display: inline; /* corrects IE/win Doubled Margins Bug */
		}
		
		#copy {
			width: 366px;
			margin-top: 0;
			margin-bottom: 15px;
			margin-left: 25px;
			margin-right: 0;
			padding-right: 13px;
			background-image: url(images/vertical_rule_wide.gif);
			background-repeat: repeat;
			float: left;
			display: inline; /* corrects IE/win Doubled Margins Bug */
			}
	
		#navigation {
			width: 140px;
			margin-top: 0;
			margin-bottom: 15px;
			margin-left: 0;
			margin-right: 25px;
			padding-left: 12px;
			float: left;
			display: inline; /* corrects IE/win Doubled Margins Bug */
			}
		
		
	#footer {
		width: 531px;
		margin: 15px 0 0 0;
		padding: 15px 40px;
		font: 10px/1.4em Arial, Tahoma, Verdana, sans-serif;
		color: #999;
		border-top: 1px solid #BBB;
		border-bottom: 1px solid #999;
		background-color: #F5F5F5;
		float: left;
		display: inline; /* corrects IE/win Doubled Margins Bug */
		}
			
	
/* ---------- Extra Divs ----------- */

#extraDiv1 {
	position: absolute;
	top: 146px;
	left: 335px;
	font-size: 2.25em;
	line-height: 2.25em;
	font-family: Arial Narrow;
	color: #BBB;
	}
	
/* ---------- h1, h2, h3 ---------- */

h1 {
	font-size: 2.0em;
	font-weight: normal;
	margin: 1.2em 0em 1.2em 0em;
	}
	
h2 {
	font-size: 1.7em;
	font-weight: normal;
	margin: 1.2em 0em 1.2em 0em;
	}
	
h3 {
	font-size: 1.4em;
	font-weight: normal;
	margin: 1.2em 0em 1.2em 0em;
	}
	
h4 {
	font-size: 1.2em;
	font-weight: bold;
	margin: 1.2em 0em 1.2em 0em;
	}
	
h5 {
	font-size: 1.0em;
	font-weight: bold;
	margin: 1.2em 0em 1.2em 0em;
	}
	
h6 {
	font-size: 0.8em;
	font-weight: bold;
	margin: 1.2em 0em 1.2em 0em;
	}
	

/* ---------- p ---------- */

p {
	font-size: 1.0em;
	line-height: 1.4em;
	}

#masthead p, #footer p {
	margin: 0;
	padding: 0;
	}
#masthead p.home, #masthead p.about, #masthead p.services, #masthead p.portfolio, #masthead p.contact {
	height: 80px;
	}
#masthead p.home {
	background-image: url(nameplate.jpg);
	background-repeat: no-repeat;
	}
#masthead p.about {
	background-image: url(images/sechdr_about.jpg);
	background-repeat: no-repeat;
	}
#masthead p.services {
	background-image: url(images/sechdr_services.jpg);
	background-repeat: no-repeat;
	}
#masthead p.portfolio {
	background-image: url(images/sechdr_portfolio.jpg);
	background-repeat: no-repeat;
	}
#masthead p.contact {
	background-image: url(images/sechdr_contact.jpg);
	background-repeat: no-repeat;
	}

#news p {
	padding: 10px 10px 2px 10px;
	}
	
#body p {
	font-size: 1.0em;
	line-height: 1.5em;
	}
	#body p.narrow {
		width: 80%;
		line-height: 1.4em;
		}
	#body p.narrower {
		width: 50%;
		line-height: 1.3em;
		}
	
#navigation p {
	margin: 0;
	margin-bottom: 5px;
	line-height: 1.0em;
	}
		
#footer p#author {
	float: left;
	}

#footer p#document-info {
	margin-left: 350px;
	text-align: right;
	}
	
	
/* ---------- Spans ----------- */

#image p span, #pageheader p span {
	display: none;
	}	

/* ---------- img -----------*/

img {
	border: 0;
	}

/* ---------- ol, ul, li ---------- */

ol, ul, li {
	/* list-style: none; */
	font-size: 1.0em;
	line-height: 1.8em;
	margin-top: 0.2em;
	margin-bottom: 0.1em;
	}
	
#sg_newslist ul, #news ul {
    margin: 0 10px;
    padding-left: 0;
	list-style: none;
	}
#sg_newslist li, #news li {
	padding-left: 14px;
	line-height: 1.2em;
    background-image: url(images/bullet_double_arrow2.gif);
    background-repeat: no-repeat;
    background-position: 0 4px;
	}

/* ---------- a ---------- */

a {
	font-weight: bold;
	color: #F60;
	text-decoration: dotted;
	}
	
#navigation a {
	display: block;
	width: 138px;
	padding-top: 2px;
	padding-bottom: 3px;
	font-size: .9em;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	border: 1px solid #DDD;
	}
#navigation a:hover {
	border-left: 1px solid #F60;
	}

		
/* ---------- other ----------- */

pre {
	font-family: monospace;
	font-size: 1.0em;
	padding: 8px;
	background-color: #FAFAFA;
	border: 1px dotted #DDD;
	}