/* css information
--------------------------------------------------------
	McTeigue & McClelland				screen stylesheet
	author:         					www.studiotwo.com
	updated:        					August 2008

	

-------------------------------------------------------- */
/*
***************************************

	TYPOGRAPHY AND COLOR RULES

***************************************
*/
body {
	background: #ffffff url(../images/bg-main.jpg) repeat-x bottom left fixed;
	color: #545a49;
	font-size: 76%;
	font-family: "Times New Roman", Times, serif; 
	font: 12px/1.4em "Times New Roman", Times, serif;
	margin: auto auto;
	padding: 0;

}





img  {
	border-width: 0
}
a, a:link,  a:visited  {
	color: #67715b;
	font-weight: bold;
	text-decoration: none;
	background: transparent;
}	
a:hover   {
	
	color: #666666; 
	text-decoration: underline;
}


/*ul {
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
	margin: 1em 1.2em 1em 1em;
	}
	ol {
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
	margin: 1em 1.2em 1em 1em;
	}
	
li {
	padding-left: 10px;
	line-height: 1.1em;
	margin: .3em;
	list-style-type: disc;

	}*/
td {
	vertical-align: top; 
	text-align: left;
	}

hr {color:#e8e8e8;}


h1   {
	color: #545a49;
	text-align: left;
	font: 20px "Times New Roman", Times, serif;
	line-height: 1.3em;
	margin-top: 0px;
	
}


h2   {
	color: #545a49;
	text-align: left;
	font: 17px "Times New Roman", Times, serif;
	
	margin-bottom: 0px;
	line-height: 1.3em;
	

}


/*
***************************************

	LAYOUT

***************************************
*/
div#container {margin: 8% 8% 4% 8%; background: transparent; }

div#logo {margin: 0px auto 20px auto; text-align: center; width: 810px;}


div#main {margin: 0 auto; background: transparent url(../images/bg-shadow.gif) top left no-repeat; width: 810px; height: 490px; position: relative;}
div#photo {width: 799px; height: 479px; padding-left: 1px; padding-top: 1px; background: transparent url(../images/bg-photo.jpg) top left no-repeat;}
div#text { margin-top: 120px; margin-left: 400px; width: 360px; color: #545a49; }

div#hallmark {margin: 0 0 0 2%; }


#navigation {
	width: 810px;
	height: 31px;
	padding: 0px 0 0 0;
	margin: 0 auto;
	text-align: center;
	background: transparent url(../images/bg-nav.jpg) top center no-repeat;
}


/*

***************************************

	MAIN NAVIGATION RULES

***************************************

*/

#navigation ul	{
	width: 810px;
	height: 31px;
	margin: 0 0 10px 0;
	text-align: center;
	padding: 0;
	position: relative;
	background: transparent url(../images/navigation.gif) top left no-repeat;
	border: 0;
	}
	
	

#navigation ul li	{
	display: inline;
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	position: absolute;
	top: 0px;
	}

#navigation ul li, #navigation a	{
	height: 31px;
	display: block;
	border:0;
	padding: 0;
	margin: 0;
	}
	
#navigation ul li a {
	text-decoration: none;
	text-indent: -9999px;
	color: #ffffff;
	}	



#n1 {
	position: absolute;
	left: 70px;
	width: 65px;
}
#n2 {
	position: absolute;
	left: 160px;
	width: 130px;
}
#n3 {
	position: absolute;
	left: 315px;
	width: 125px;
}
#n4 {
	position: absolute;
	left: 470px;
	width: 100px;
}
#n5 {
	position: absolute;
	left: 595px;
	width: 60px;
}
#n6 {
	position: absolute;
	left: 685px;
	width: 55px;
}

#n1 a:hover {background: transparent url(../images/navigation.gif) -70px -31px no-repeat;}
#n2 a:hover {background: transparent url(../images/navigation.gif) -160px -31px no-repeat;}
#n3 a:hover {background: transparent url(../images/navigation.gif) -315px -31px no-repeat;}
#n4 a:hover {background: transparent url(../images/navigation.gif) -470px -31px no-repeat;}
#n5 a:hover {background: transparent url(../images/navigation.gif) -595px -31px no-repeat;}
#n6 a:hover {background: transparent url(../images/navigation.gif) -685px -31px no-repeat;}



.bold {font-weight: bold;}