* {margin: 0; padding: 0; border: 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
body {background: url(../images/chris_bg.gif);}
.clear {clear: both;}
a {color: #730000; font-weight: bold; text-decoration: none;}
a:hover { text-decoration: underline; color: #920000;}
ul {font-size: .9em; color: #333; line-height: 20px; margin-left: 50px; margin-bottom: 30px;}

#wrapper {margin: 0 auto; text-align: left; background: url(../images/content_strip.jpg) repeat-y center top;}

#inner {margin: 0 auto; background: url(../images/header_bg.png) repeat-x center top; }
#header {position: relative; height: 228px; width: 866px; margin: 0 auto;}
#header h1 {height: 100px; width: 639px; position: absolute; display: block; text-indent: -9999px; left: 101px; top: 32px; background: url(../images/logo.png);}

#content {width: 866px;  margin: 0 auto; background: url(../images/content_swipe.png) no-repeat center top;}

#footer { margin: 0 auto; height: 4px; width: 866px; background: url(../images/bottom_shadow.png) no-repeat center top; text-align: left; margin: 0 auto;}
#footer p.foot {text-align: center; font-size: 0.8em; color: #666; padding-top: 20px; clear: both; line-height: 16px; padding-bottom: 20px;}

#leftcol {float: left; width: 444px;}
#gallery {float: left; width: 866px;}
#leftcol p, #gallery p {font-size: 0.9em; color: #333; margin: 0 0 25px 40px; line-height: 18px;}
#leftcol h2, #gallery h2 {color: #333; margin: 40px 0 35px 40px; font-size: 1.2em;}
#leftcol h3, #gallery h3 {color: #333; margin: 0 0 20px 40px; font-size: 1.2em;}


#rightcol {float: right; width: 422px; text-align: center;}
#rightcol img {border: 15px solid #FFF;-webkit-box-shadow: 2px 2px 2px #888; -moz-box-shadow: 2px 2px 2px #333333; box-shadow: 2px 2px 2px #333333; margin: 40px 0 20px 0;}
#header p {
	font-size: .8em;
	float: right;
	line-height: 18px;
	margin-top: 155px;
}
ul#mainNav	{
	height: 38px;
	width: 451px;
	top: 170px;
	background: url(../images/nav.png) no-repeat top left;
	position: absolute;
	margin: 0;
	left: 0;
}
ul#mainNav li {margin: 0;  padding: 0;	list-style: none; position: absolute; top: 0;}
ul#mainNav li, ul#mainNav a	{height: 38px; display: block;}
ul#mainNav li a	{text-indent: -9999px; text-decoration: none;}

#opt1 {left: 0; width: 90px;}
#opt2 {left: 90px; width: 107px;}
#opt3 {left: 197px; width: 79px;}
#opt4 {left: 276px; width: 75px;}
#opt5 {left: 351px; width: 100px;}

#opt1 a:hover {background: transparent url(../images/nav.png) 0 -38px no-repeat;}
#opt2 a:hover {background: transparent url(../images/nav.png) -90px -38px no-repeat;}
#opt3 a:hover {background: transparent url(../images/nav.png) -197px -38px no-repeat;}
#opt4 a:hover {background: transparent url(../images/nav.png) -276px -38px no-repeat;}
#opt5 a:hover {background: transparent url(../images/nav.png) -351px -38px no-repeat;}

#opt1 a.current {background: transparent url(../images/nav.png) 0 -38px no-repeat;}
#opt2 a.current {background: transparent url(../images/nav.png) -90px -38px no-repeat;}
#opt3 a.current {background: transparent url(../images/nav.png) -197px -38px no-repeat;}
#opt4 a.current {background: transparent url(../images/nav.png) -276px -38px no-repeat;}
#opt5 a.current {background: transparent url(../images/nav.png) -351px -38px no-repeat;}

.images {width: 750px; margin: 0 0 20px 40px;}
.images  a img {margin: 12px;}
.images img:hover {margin: 0; border: 12px solid #741F17;}
#leftcol p.text, #gallery p.text {display: block; background: #CECDBB; padding: 15px 5px 15px 15px; -moz-border-radius: 10px; border-radius: 10px;}
#gallery p.text {margin: 0 auto 20px auto; width: 451px;}