/***** Global Settings *****/

html, body {
border:0;
margin:0;
padding:0;
background-color: #2a0001;
xbackground-image: url(../images/bg-sunburst-small.jpg);
xbackground-image: url(../images/bg-smallburst.jpg);
background-image: url(../images/bg-sunburst.png);
background-repeat:no-repeat;
xbackground-position: center;
background-position: top;
background-attachment: fixed; 
}

body {
font:90%/1.25 Georgia, "Times New Roman", Times, serif;
margin-top: 0;
margin-right: auto;
margin-left: auto;
margin-bottom: 0;
}

#preloadedImages {
       width: 0px;
       height: 0px;
       display: inline;
       background-image: url(../images/bg-sunburst.png);
       background-image: url(../images/bg-smallburst.jpg);
       background-image: url(../images/bg-paper-top.png);
       background-image: url(../images/bg-paper-middle.png);
       background-image: url(../images/bg-paper-base.png);
       background-image: url(../images/location-home.png);
       background-image: url(../images/location-work.png);
       background-image: url(../images/location-content.png);
       background-image: url(../images/location-about.png);
       background-image: url(../images/location-site.png);
}

/***** Common Formatting *****/

h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}

h1 {
padding:30px 0 25px 0;
letter-spacing:-1px;
font:2em arial, helvetica, sans-serif;
}

h2 {
padding:20px 0;
letter-spacing:-1px;
font: 1.5em Georgia, "Times New Roman", serif;
xfont:1.5em arial, helvetica, sans-serif;
}

h3 {
font-size: 55px;
padding: 0 0 0 30px;
width: 675px;
xborder: black 1px solid;
clear: left;
font: Georgia, "Times New Roman", Times, serif;
xfont-weight: bold;
}

h4 {
font-size: 18px;
xpadding: 0 0 0 30px;
xcolor: #8eaf2f;
font-weight: bold;
margin-bottom: 10px;
clear: left;
font: Georgia, "Times New Roman", Times, serif;
}

h3 a,
h3 a { color: #444; text-decoration: none; }
h3 span { color: #8eaf2f; text-decoration: none; }

h3 a:hover,
h3 a:hover em,
h3 a:hover,
h3 a:hover em { color: #999; }

h3 a em,
h3 a em { color: #f40; font-style: normal; }

.green {
color: #8eaf2f;
}

p, ul, ol {
margin:0;
padding:0 0 18px 0;
}

ul, ol {
list-style:none;
padding:0 0 18px 40px;
}

#navigation ul, ol {
font-style: italic;
xfont-weight: bold;
}

blockquote {
margin:22px 40px;
padding:0;
}

small {
font-size:0.85em;
}

img {
border:0;
}

sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}

sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}

acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}

.strikethrough {
text-decoration: line-through;
}

/***** Links *****/

a, a:visited {
text-decoration:none;
font-weight: bold;
color: #8eaf2f;
}

a:hover {
color:#ff6600;
cursor: pointer;
}

a:hover img {
border: #8eaf2f solid 2px;
margin: -2px -2px -2px -2px;
cursor: pointer;
}

/***** Forms *****/

form {
margin:0;
padding:0;
display:inline;
}

input, select, textarea {
xcolor: #8eaf2f;
font:1em arial, helvetica, sans-serif;
font-weight: bold;
border: 2px solid #dfdfdf;
}

option {
padding: 5px 0 0;
}

textarea {
line-height:1.25;
}

label {
cursor:pointer;
}

.basecamplogin {
width: 325px;
xborder: dotted #8eaf2f 1px;
clear:both;
margin: 0 0 20px 0;
}

.label2{
color:#404040;
font-size: 90%;
font-family: Georgia, "Times New Roman", Times, serif
font-weight:bold;
display: inline;
margin-right: 10px;
}

/***** Tables *****/

table {
border:0;
margin:0 0 18px 0;
padding:0;
}

	table tr td {
	padding:2px;
	}

/***** Container *****/

#container {
	width:800px;
	xwidth: 770px;
	xheight:100%;
	margin-left: auto;
	margin-right: auto;
	xbackground-color: #ff6600;
	background-image: url(../images/bg-paper-middle.png);
	background-repeat: repeat-y;
	xmargin-bottom: -114px;
}

/***** Structure *****/


#content {
	xfloat: left;
	xclear: both;
	xbackground-image: url(../images/bg-paper-middle.png);
	xbackground-repeat: repeat-y;
	xwidth: 770px;
	xheight: 100%;
	margin: 0 20px 5px 20px;
}

.announcement-recent {
height: 150px;
width: 150px;
background-image: url(../images/announcement-recent.gif);
background-repeat: no-repeat;
float: left;
}

.announcement-250-recent {
height: 150px;
width: 250px;
xbackground-image: url(../images/announcement-250-recent.gif);
background-image: url(../images/announcement-recent-02.gif);
background-repeat: no-repeat;
float: left;
padding: 0 10px 0 0;
display: block; 
}

.break-top {
width: 745px;
height: 25px;
background-image: url(../images/break-top.gif);
background-repeat: no-repeat;
clear: both;
padding: 0 0 10px 0;
}

.break-base {
width: 745px;
height: 25px;
background-image: url(../images/break-base.gif);
background-repeat: no-repeat;
clear: both;
margin: 20px 0 0 0;
}

.widecolumn {
margin: 0 30px 0 30px;
xcolor:#933d03;
xfont-style: italic;
}

.widecolumn .date {
color: #933d03;
xfont-weight: bold;
font-style: italic;
}

#location-home {
width: 419px;
height: 276px;
background-image: url(../images/location-home.png);
background-repeat: no-repeat;
float: left;
padding: 0 0 0 1px;
margin: 0 0 0 45px;
}

#location-work {
width: 419px;
height: 276px;
background-image: url(../images/location-work.png);
background-repeat: no-repeat;
float: left;
padding: 0 0 0 1px;
margin: 0 0 0 45px;
}

#location-contact {
width: 419px;
height: 276px;
background-image: url(../images/location-contact.png);
background-repeat: no-repeat;
float: left;
padding: 0 0 0 1px;
margin: 0 0 0 45px;
}


#location-about {
width: 419px;
height: 276px;
background-image: url(../images/location-about.png);
background-repeat: no-repeat;
float: left;
padding: 0 0 0 1px;
margin: 0 0 0 45px;
}

#location-site {
width: 419px;
height: 276px;
background-image: url(../images/location-site.png);
background-repeat: no-repeat;
float: left;
padding: 0 0 0 1px;
margin: 0 0 0 45px;
}


#header {
width: 800px;
height: 297px;
margin-left: auto;
margin-right: auto;
background-image: url(../images/bg-paper-top.png);
background-position: top;
clear: both;
}


#title {
padding: 0 0 20px 0;
}

.bottom {
	xfloat: left;
	clear: both;
	text-align: left;
	xwidth:770px;
	xpadding: 20px 0 0 0;
	margin: 0 30px 0 30px;
	xbackground-image: url(../images/bg-paper-middle.png);
	xbackground-position: center;
	xbackground-repeat: repeat-y;
	xbackground-color: #fffdf9;
	height:100%;
	xborder-top: dotted 1px #8eaf2f;
}

.bottom-extra {
	xfloat: left;
	clear: both;
	text-align: center;
	font-style: italic;
	xwidth:770px;
	padding: 20px 0 0 0;
	margin: 0 30px 0 30px;
	xbackground-image: url(../images/bg-paper-middle.png);
	xbackground-position: center;
	xbackground-repeat: repeat-y;
	xbackground-color: #fffdf9;
	height:100%;
	xborder-top: dotted 1px #8eaf2f;
}

.bottom2 {
	xfloat: left;
	clear: both;
	text-align: left;
	xwidth:770px;
	xpadding: 20px 0 0 0;
	margin: 0 30px 0 30px;
	xbackground-image: url(../images/bg-paper-middle.png);
	xbackground-position: center;
	xbackground-repeat: repeat-y;
	xbackground-color: #fffdf9;
	height:100%;
	border-top: dotted 1px #8eaf2f;
}

.leftcolumn{
width: 330px;
float: left;
padding: 0 0 0 30px;
}

.rightcolumn{
width: 330px;
float: left;
xclear: left;
padding: 0 0 0 30px;
}

x.leftcolumn-base{
width: 300px;
float: left;
	background-image: url(../images/bg-thumbtack-tl.gif);
	background-repeat: no-repeat;
	background-position: top left;
padding: 50px 0 0 30px;
}

img.no-margin {
margin:0 0 -10px 0;
}

.leftcolumn-base{
width: 307px;
float: left;
	background-image: url(../images/bg-column.jpg);
	background-repeat: repeat-y;
xpadding: 50px 0 0 30px;
}

.rightcolumn-base{
width: 307px;
float: right;
	background-image: url(../images/bg-column.jpg);
	background-repeat: repeat-y;
xpadding: 50px 0 0 30px;
}

x.rightcolumn-base{
width: 300px;
float: right;
	background-image: url(../images/bg-thumbtack-tl.gif);
	background-repeat: no-repeat;
	background-position: top left;
xborder-left: dotted 1px #8eaf2f;
xclear: left;
padding: 50px 0 0 37px;
}

.rightcolumn-base2{
width: 347px;
float: right;
xborder-left: dotted 1px #8eaf2f;
xclear: left;
padding: 0 0 0 27px;
}

ul.icon-interactive
{
margin-left: 0;
padding-left: 15;
list-style: none;
}

ul.icon-interactive li{
	line-height: 150%;
	padding: 0 0 15px 25px;
	background-image: url(../images/icon-interactive.gif);
	background-repeat: no-repeat;
	background-position: 0 .15em;
}

ul.icon-interactive li a{
xfont-family: Helvetica, Verdana, Arial, sans-serif;
color:#000;
font-weight: normal;
font-variant: small-caps;
xfont-style: italic;
}

ul.icon-interactive li em{
color: #4f4f4f;
}

ul.icon-interactive li a:hover{
text-decoration: underline;
}

ul.icon-print
{
margin-left: 0;
padding-left: 35px;
list-style: none;
}

ul.icon-print li{
	line-height: 150%;
	padding: 0 0 15px 25px;
	background-image: url(../images/icon-print.gif);
	background-repeat: no-repeat;
	background-position: 0 .15em;
}

ul.icon-print li a{
color:#000;
font-weight: normal;
font-variant: small-caps;
}

ul.icon-print li a:hover{
text-decoration: underline;
}

ul.icon-print li em{
color: #4f4f4f;
}

ul.goright{
width: 400px;
float: left;
margin-left: -10px;
xclear:left;
xdisplay: block;
}

/*LI ONLY*/

li.icon-interactive
{
margin-left: 0;
padding-left: 15;
list-style: none;
}

li.icon-interactive {
	line-height: 150%;
	padding: 0 0 15px 25px;
	background-image: url(../images/icon-interactive.gif);
	background-repeat: no-repeat;
	background-position: 0 .15em;
}

xli.icon-interactive a{
xfont-family: Helvetica, Verdana, Arial, sans-serif;
color:#000;
font-weight: normal;
font-variant: small-caps;
xfont-style: italic;
}

li.icon-interactive em{
color: #4f4f4f;
}

xli.icon-interactive a:hover{
text-decoration: underline;
}

li.icon-print
{
margin-left: 0;
padding-left: 35px;
list-style: none;
}

li.icon-print {
	line-height: 150%;
	padding: 0 0 15px 25px;
	background-image: url(../images/icon-print.gif);
	background-repeat: no-repeat;
	background-position: 0 .15em;
}

xli.icon-print a{
color:#000;
font-weight: normal;
font-variant: small-caps;
}

xli.icon-print a:hover{
text-decoration: underline;
}

li.icon-print em{
color: #4f4f4f;
}

.photo img {
	border:1px solid #8EAF2F;
	padding: 5px;
	text-align:center;
	display:inline;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	float: left;
}

.photo a:hover img {
	border:1px solid #ffffff;
	padding: 5px;
	text-align:center;
	display:inline;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-image:url(../images/bg-stripes.png);
	background-color: #fff;
}

.thumbnail {
	xborder:1px solid #8EAF2F;
	padding: 3px;
	text-align:center;
	display:inline;
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 3px;
	margin-bottom: 3px;
	float: left;
}

.thumbnail a:hover img {
border:1px solid #8EAF2F;
margin: -1px -1px -1px -1px;
}

.row {
xwidth: 100%;
xclear: both;
	background-image: url(../images/bg-paper-middle.png);
background-position: center;
background-repeat: repeat-y;
xheight: 150px;
}

.divider{
width: 100%;
height: 50px;
xbackground-color: blue;
clear: both;
}

.push {
clear:both;
width: 800px;
height:1px;
margin-left: auto;
margin-right: auto;
}

#base-index {
clear:both;
xfloat: left;
xbackground-color: gray;
width: 800px;
height:114px;
background-image: url(../images/bg-paper-base.png);
background-position: bottom;
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
margin-top: -1px;
xmargin: 0 10px 0 15px;
}

#topnav {
xwidth: 255px;
width: 298px;
height: 200px;
xbackground-color: gray;
float: left;
text-align: left;
padding: 0 0 0 5px;
margin: 50px 0 0 0;
	background-image: url(../images/bg-postmark.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

#topnav-02 {
xwidth: 255px;
width: 298px;
height: 200px;
xbackground-color: gray;
float: left;
text-align: left;
padding: 0 0 0 5px;
margin: 50px 0 0 0;
background-image: url(../images/bg-postmark.gif);
background-position: top right;
background-repeat: no-repeat;
}

#topnav div {
padding: 0 0 7px 0;
}

#nav-home {
width: 175px;
height: 36px;
background-image: url(../images/nav-home.gif);
background-position: left;
background-repeat: no-repeat;
}

a:hover #nav-home {
background-image: url(../images/nav-home-over.gif);
}

#nav-home .current {
background-image: url(../images/nav-home-over.gif);
}

#nav-about {
width: 185px;
height: 36px;
background-image: url(../images/nav-about.gif);
background-position: left;
background-repeat: no-repeat;
}

a:hover #nav-about {
background-image: url(../images/nav-about-over.gif);
}

#nav-about .current {
background-image: url(../images/nav-about-over.gif);
}

#nav-work {
width: 185px;
height: 36px;
background-image: url(../images/nav-work.gif);
background-position: left;
background-repeat: no-repeat;
}

a:hover #nav-work {
background-image: url(../images/nav-work-over.gif);
}

#nav-work .current {
background-image: url(../images/nav-work-over.gif);
}

#nav-contact {
width: 185px;
height: 36px;
background-image: url(../images/nav-contact.gif);
background-position: left;
background-repeat: no-repeat;
}

a:hover #nav-contact {
background-image: url(../images/nav-contact-over.gif);
}

#nav-contact .current {
background-image: url(../images/nav-contact-over.gif);
}

.nav-more {
width: 185px;
height: 43px;
background-image: url(../images/text-next.gif);
background-position: center;
background-repeat: no-repeat;
float: right;
clear: left;
}

a:hover .nav-more {
background-image: url(../images/text-next-over.gif);
}

.nav-site {
width: 185px;
height: 43px;
background-image: url(../images/nav-site.gif);
background-position: center;
background-repeat: no-repeat;
float: right;
clear: left;
}

a:hover .nav-site {
background-image: url(../images/nav-site-over.gif);
}


.nav-more-script {
width: 145px;
height: 43px;
background-image: url(../images/text-more-script.gif);
background-position: center;
background-repeat: no-repeat;
float: right;
clear: left;
}

a:hover .nav-more-script {
background-image: url(../images/text-more-script2.gif);
}

.nav-back {
width: 175px;
height: 43px;
background-image: url(../images/text-back.gif);
background-position: center;
background-repeat: no-repeat;
padding: 20px 0 0 0;
margin: 0 0 0 65px;
float: left;
clear: left;
}

a:hover .nav-back {
background-image: url(../images/text-back-over.gif);
}


.post-it {
width: 181px;
height: 169px;
background-image: url(../images/post-it.jpg);
background-position: center;
background-repeat: no-repeat;
float: right;
}

a:hover .post-it {
background-image: url(../images/post-it-over.jpg);
}

#nav-test {
width: 250px;
height: 36px;
background-image: url(../images/nav-test.gif);
background-position: left;
background-repeat: no-repeat;
}


#bg-index {
	width: 971px;
	padding: 0 0 60px 0;
	margin-right: -5px;
	background-image: url(../images/bg-index.png);
	background-position: bottom right;
	background-repeat: no-repeat;
}

* html #bg-index {
	padding: 0 0 0 0;
}

#bg-work {
	width: 971px;
	padding: 0 0 60px 0;
	margin-right: -5px;
	background-image: url(../images/bg-work.png);
	background-position: bottom right;
	background-repeat: no-repeat;
}


#bg-contact {
	width: 971px;
	padding: 0 0 60px 0;
	margin-right: -5px;
	background-image: url(../images/bg-contact.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
}


#stripe {
display: none;
	clear: both;
	width:100%;
	height:11px;
	background-color: black;
}



* html #navigation {
margin-right: 33px;
}

#navigation {
	display: none;
	float: right;
	clear: right;
	width:175px;
	xwidth:241px;
	height:228px;
	xbackground-color: aqua;
	padding: 25px 0 0 0;
	margin-right: 66px;
}

#navigation img {
margin: 0 0 20px 30px;
}


#tab {
	xfloat: left;
	clear:both;
	xwidth:730px;
	height:37px;
	padding: 5px 0 5px 12px;
}


#lower {
	xfloat: left;
	xclear: both;
	xtext-align: left;
	width:770px;
	padding: 20px 0 0 0;
	background-image: url(../images/bg-paper-middle.png);
	background-position: center;
	background-repeat: repeat-y;
	xbackground-color: #fffdf9;
	height:100%;
}

.lower-content {
margin: 0 30px 0 30px;
height: 100%;
}

.selected-work {
width: 212px;
float: left;
xclear:right;
}


#logo {
	float: right;
	width:70px;
	height:82px;
	background-image: url(../images/logo.png);
	background-position: center;
	background-repeat:no-repeat;
	padding: 100px 105px 0 0;
}

#logo-02 {
	float: right;
	width:70px;
	height:142px;
	background-image: url(../images/logo-02.jpg);
	background-position: center;
	background-repeat:no-repeat;
	padding: 100px 105px 0 0;
}

#logo-03 {
	float: right;
	width:70px;
	height:142px;
	background-image: url(../images/logo-03.jpg);
	background-position: center;
	background-repeat:no-repeat;
	padding: 100px 105px 0 0;
}

#logo-04 {
	float: right;
	width:70px;
	height:142px;
	background-image: url(../images/logo-04.jpg);
	background-position: center;
	background-repeat:no-repeat;
	xpadding: 100px 105px 0 0;
	margin: 100px 85px 0 0;
}

a:hover #logo-04 {
	background-image: url(../images/logo-04-over.jpg);
	background-position: center;
	background-repeat:no-repeat;
}

#rightpanel {
	float: right;
	width:241px;
	xheight:489px;
}



#base-index img {
float:left;
}

#base-work img {
float:left;
}

#base-weblog img {
float:left;
}

#base-contact img {
float:left;
}

.brickred {
color: #8f0000;
}