/***Global***/


body {
background-image:url('images/background.jpg'); 
background-repeat: no-repeat;
background-position: top center;
margin: 0 auto;
padding: 0px; 
height:100%;
}

div.float {
float:left;
}

#container {
background-position: top center;
margin-left:auto;
margin-right:auto;
height:auto;
}

#header-container {
background-image:url('images/header-back-1.jpg');
background-repeat:no-repeat;
background-position: top center;
margin-left:auto;
margin-right:auto;
margin-bottom:0;
height:auto;
}

#headerrollovers {
width:736px;
margin-left:auto;
margin-right:auto;
}

#contentshell {
float:left;
width:780px;
background-image:url('images/header-back-2.jpg');
background-repeat:no-repeat;
background-position:top center;
margin-left:auto;
margin-right:auto;
margin-top:0;
}

#content {
float:left;
width:780px;
}

#thumbnav {
text-decoration:none;
}

div.footer {
  float: left;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  padding-bottom:5px;
  padding-top:18px;
  font-size:.7em;
	text-decoration:none;
	font-family: Arial, Arial, Helvetica, sans-serif;
	color:#c1c2c2;
}

#subnav {
width:290px;
float:left;
margin-top:-18px;
padding-left:30px;

}


#textarea{
width:424px;
float:left;
padding-left:14px;
margin-top:-13px;
}

#subnav2 {
width:175px;
float:left;
margin-top:-18px;
padding-left:30px;
}

#infotext {
width:525px;
float:left;
padding-left:14px;
margin-top:-18px
}

#break {
padding-bottom:70px;
}


.thumbnail{
float: left;
width: 49px;
margin: 0 8px 8px 0;
text-align:center;
text-decoration:none;
}

.thumbnail-detail{
float: left;
width: 49px;
margin: 0 8px 8px 0;
font-size:.7em;
text-decoration:none;
font-family: Arial, Arial, Helvetica, sans-serif;
color:#c1c2c2;
text-align:center;
}

/******HEADER******/

#graphicdesign a{
display:block;
height: 28px; 
width:135px;
border-width: 0;
background: url(images/graphicdesign-rollover.jpg) 0 -86px no-repeat;
}

#graphicdesign a:hover{
height: 28px; 
width:135px;
border-width: 0;
background: url(images/graphicdesign-rollover.jpg) 0px 0px;
}

#illustration a{
display:block;
height: 28px; 
width:107px;
border-width: 0;
background: url(images/illustration-rollover.jpg) 0 -86px no-repeat;
}

#illustration a:hover{
height: 28px; 
width:107px;
border-width: 0;
background: url(images/illustration-rollover.jpg) 0px 0px;
}

#webdesign a{
display:block;
height: 28px; 
width:97px;
border-width: 0;
background: url(images/webdesign-rollover.jpg) 0 -83px no-repeat;
}

#webdesign a:hover{
height: 28px; 
width:97px;
border-width: 0;
background: url(images/webdesign-rollover.jpg) 0px 0px;
}

#otherart a{
display:block;
height: 28px; 
width:86px;
border-width: 0;
background: url(images/otherart-rollover.jpg) 0 -86px no-repeat;
}

#otherart a:hover{
height: 28px; 
width:86px;
border-width: 0;
background: url(images/otherart-rollover.jpg) 0px 0px;
}

#about a{
display:block;
height: 28px; 
width:60px;
border-width: 0;
background: url(images/about-rollover.jpg) 0 -86px no-repeat;
}

#about a:hover{
height: 28px; 
width:60px;
border-width: 0;
background: url(images/about-rollover.jpg) 0px 0px;
}

#contact a{
display:block;
height: 28px; 
width:73px;
border-width: 0;
background: url(images/contact-rollover.jpg) 0 -86px no-repeat;
}

#contact a:hover{
height: 28px; 
width:73px;
border-width: 0;
background: url(images/contact-rollover.jpg) 0px 0px;
}

#blog a{
display:block;
height: 28px; 
width:42px;
border-width: 0;
background: url(images/blog-rollover.jpg) 0 -86px no-repeat;
}

#blog a:hover{
height: 28px; 
width:42px;
border-width: 0;
background: url(images/blog-rollover.jpg) 0px 0px;
}


/*****TEXT*****/
.thumbnav, .thumbnav a:link, a:visited {
font-size:9px;
text-decoration:none;
font-family: Arial, Arial, Helvetica, sans-serif;
color:#6c6a3e;
}


.thumbnav a:hover{
text-decoration:none;
font-family: Arial, Arial, Helvetica, sans-serif;
color:#000000;
}

h1{
font-size:1.5em;
font-family: Arial, Arial, Helvetica, sans-serif;
color:#979797;
margin-bottom:0px;
}

h2 {
font-size:1em;
font-family: Arial, Arial, Helvetica, sans-serif;
color:#727272;
margin-top:-7px;
margin-bottom:0px;
}


h3 {
font-size:.8em;
font-family: Arial, Arial, Helvetica, sans-serif;
color:#727272;
margin-bottom:4px;
}

p1 {
font-size:.8em;
font-family: Arial, Arial, Helvetica, sans-serif;
color:#727272;
}

p2 {
font-size:.7em;
font-family: Arial, Arial, Helvetica, sans-serif;
color:#727272;
}

p3 {
font-family: Arial, Arial, Helvetica, sans-serif;
color:#727272;
text-align:center;
font-size:.7em;
}

p4{
font-size:.7em;
font-family: Arial, Arial, Helvetica, sans-serif;
color:#727272;
text-align:center;
}

p.underline {
margin-top:6px;
border-bottom:thin solid #c1c2c2;
}

.bodycopy {
font-size:.8em;
font-family: Arial, Arial, Helvetica, sans-serif;
color:#727272;
margin-bottom:-17px;
text-decoration:none;
}

.bodycopy a{
font-size:.8em;
font-family: Arial, Arial, Helvetica, sans-serif;
color:#727272;
margin-bottom:-17px;
text-decoration:none;
}

.bodycopy a:visited{
font-size:.8em;
font-family: Arial, Arial, Helvetica, sans-serif;
color:#727272;
margin-bottom:-17px;
text-decoration:none;
}

.bodycopy a:hover{
font-size:.8em;
font-family: Arial, Arial, Helvetica, sans-serif;
color:#000000;
margin-bottom:-17px;
text-decoration:none;
}

.thumbnailcopy {
font-family: Arial, Arial, Helvetica, sans-serif;
color:#727272;
text-align:center;
font-size:.7em;
margin-top:0px;
margin-bottom:-3px;
text-decoration:none;
}

.projectinfo{
font-size:.7em;
font-family: Arial, Arial, Helvetica, sans-serif;
color:#727272;
margin-top:0px;
margin-bottom:-4px;
}

.leading {
margin-bottom:-10px;
}

ul.nav {
font-size:.85em;
font-family: Arial, Arial, Helvetica, sans-serif;
color:#727272;
margin-bottom:-17px;
text-decoration:none;
}

ul.nav a{
font-size:.85em;
font-family: Arial, Arial, Helvetica, sans-serif;
color:#727272;
margin-bottom:-17px;
text-decoration:none;
}

ul.nav a:visited{
font-size:.85em;
font-family: Arial, Arial, Helvetica, sans-serif;
color:#727272;
margin-bottom:-17px;
text-decoration:none;
}

ul.nav a:hover{
font-size:.85em;
font-family: Arial, Arial, Helvetica, sans-serif;
color:#000000;
margin-bottom:-17px;
text-decoration:none;
}

ul.content1 {
font-size:.8em;
font-family: Arial, Arial, Helvetica, sans-serif;
color:#727272;
margin-bottom:-15px;
text-decoration:none;
padding-top:8px;
}

div.leftnav {
margin-top:-15px;
}



/***Global***/

/*******
body {
background-image:url('images/background.jpg'); 
background-repeat: no-repeat;
background-position: top center;
margin: 0 auto;
padding: 0px; 
height:100%;
}

h1{
font-size:1.5em;
font-family: Arial, Arial, Helvetica, sans-serif;
color:#979797;
margin-bottom:0px;
}

h2 {
font-size:1em;
font-family: Arial, Arial, Helvetica, sans-serif;
color:#727272;
margin-top:-7px;
margin-bottom:0px;
}


h3 {
font-size:.8em;
font-family: Arial, Arial, Helvetica, sans-serif;
color:#727272;
margin-bottom:0px;
}

p1 {
font-size:.8em;
font-family: Arial, Arial, Helvetica, sans-serif;
color:#727272;
}

p2 {
font-size:.7em;
font-family: Arial, Arial, Helvetica, sans-serif;
color:#727272;
}

p3 {
font-family: Arial, Arial, Helvetica, sans-serif;
color:#727272;
text-align:center;
}

p4{
font-size:.7em;
font-family: Arial, Arial, Helvetica, sans-serif;
color:#727272;
text-align:center;
}

p.underline {
margin-top:6px;
border-bottom:thin solid #c1c2c2;
}

a:link{
text-decoration:none;
border: none;
}

a:visited{
text-decoration:none;
border:none;
}

a:hover{
text-decoration:none;
border:none;
}

a:active{
text-decoration:none;
border:none;
}

input.wide {
width: 300px;
}


#container{
width:780px; 
height:100%;
margin: 0 auto; 
position:relative;
} 

#thumbnail{
float: left;
width: 49px;
margin: 0 8px 8px 0;
}

#thumbnail-detail{
float: left;
width: 49px;
margin: 0 8px 8px 0;
font-size:.7em;
text-decoration:none;
font-family: Arial, Arial, Helvetica, sans-serif;
color:#c1c2c2;
text-align:center;
}

#footer{
font-size:.7em;
text-decoration:none;
font-family: Arial, Arial, Helvetica, sans-serif;
color:#c1c2c2;
}

#footer2{
background-image:url('images/footer-back2.jpg');
left:22px; 
top:615px; 
width:725px;
}

#bottom{
display:block;
background-image:url('images/repeating-grey-bar.jpg');
background-attachment:fixed;
background-repeat: repeat;
height:20px;
position:absolute; 
left:22px; 
top:615px; 
width:725px;
}
/**
#bottom2{
background-image:url('images/repeating-grey-bar.jpg');
background-repeat: repeat-y;
height:100%;
position:absolute; 
left:0px; 
top:650px; 
width:100%;
overflow:hidden;
}
**/
/**pthumbnav{
font-size:9px;
text-decoration:none;
font-family: Arial, Arial, Helvetica, sans-serif;
color:#6c6a3e;
}

#thumbnav a:link{
text-decoration:none;
font-family: Arial, Arial, Helvetica, sans-serif;
color:#6c6a3e;
}

#thumbnav a:visited{
text-decoration:none;
font-family: Arial, Arial, Helvetica, sans-serif;
color:#6c6a3e;
}

#thumbnav a:hover{
text-decoration:none;
font-family: Arial, Arial, Helvetica, sans-serif;
color: #000000;
}

#thumbnav a:active{
text-decoration:none;
font-family: Arial, Arial, Helvetica, sans-serif;
color:#6c6a3e;
}

.clearboth { 
clear: both; 
}

.bodycopy { 
margin-bottom:-8px; 
}

.spacer {
margin-bottom:-12px;
}

/***Header Nav Rollovers*******/

/**#graphicdesign a{
display:block;
height: 28px; 
width:135px;
border-width: 0;
background: url(images/graphicdesign-rollover.jpg) 0 -86px no-repeat;
}

#graphicdesign:hover a{
height: 28px; 
width:135px;
border-width: 0;
background: url(images/graphicdesign-rollover.jpg) 0px 0px;
}

#graphicdesign:visited a{
height: 28px; 
width:135px;
border-width: 0;
background: url(images/graphicdesign-rollover.jpg) 0px 0px;
}

#illustration a{
display:block;
height: 28px; 
width:107px;
border-width: 0;
background: url(images/illustration-rollover.jpg) 0 -86px no-repeat;
}

#illustration:hover a{
height: 28px; 
width:107px;
border-width: 0;
background: url(images/illustration-rollover.jpg) 0px 0px;
}

#illustration:visited a{
height: 28px; 
width:107px;
border-width: 0;
background: url(images/illustration-rollover.jpg) 0px 0px;
}

#webdesign a{
display:block;
height: 28px; 
width:97px;
border-width: 0;
background: url(images/webdesign-rollover.jpg) 0 -83px no-repeat;
}

#webdesign:hover a{
height: 28px; 
width:97px;
border-width: 0;
background: url(images/webdesign-rollover.jpg) 0px 0px;
}

#webdesign:visited a{
height: 28px; 
width:97px;
border-width: 0;
background: url(images/webdesign-rollover.jpg) 0px 0px;
}

#otherart a{
display:block;
height: 28px; 
width:86px;
border-width: 0;
background: url(images/otherart-rollover.jpg) 0 -86px no-repeat;
}

#otherart:hover a{
height: 28px; 
width:86px;
border-width: 0;
background: url(images/otherart-rollover.jpg) 0px 0px;
}

#otherart:visited a{
height: 28px; 
width:86px;
border-width: 0;
background: url(images/otherart-rollover.jpg) 0px 0px;
}

#about a{
display:block;
height: 28px; 
width:60px;
border-width: 0;
background: url(images/about-rollover.jpg) 0 -86px no-repeat;
}

#about:hover a{
height: 28px; 
width:60px;
border-width: 0;
background: url(images/about-rollover.jpg) 0px 0px;
}

#about:visited a{
height: 28px; 
width:60px;
border-width: 0;
background: url(images/about-rollover.jpg) 0px 0px;
}

#contact a{
display:block;
height: 28px; 
width:73px;
border-width: 0;
background: url(images/contact-rollover.jpg) 0 -86px no-repeat;
}

#contact:hover a{
height: 28px; 
width:73px;
border-width: 0;
background: url(images/contact-rollover.jpg) 0px 0px;
}

#contact:visited a{
height: 28px; 
width:73px;
border-width: 0;
background: url(images/contact-rollover.jpg) 0px 0px;
}

#blog a{
display:block;
height: 28px; 
width:42px;
border-width: 0;
background: url(images/blog-rollover.jpg) 0 -86px no-repeat;
}

#blog:hover a{
height: 28px; 
width:42px;
border-width: 0;
background: url(images/blog-rollover.jpg) 0px 0px;
}

#blog:visited a{
height: 28px; 
width:42px;
border-width: 0;
background: url(images/blog-rollover.jpg) 0px 0px;
}
/******Section Note Images********/



/******Primary Navigation********/