/* CSS Document */


body  {
font-size: 78%;
text-align: center;
margin: 10px 0;
font-family: verdana, sans-serif;
background-color: #999999;
}
p  {
color: #666666;
font-size: 1em
}
#main {
position: relative;
margin: 0 auto;
width: 760px;
padding: 0;
text-align: left;
border-right-width: thick;
border-right-style: solid;
border-right-color: #CC0000;
background-color: #FFFFFF;
}

#main-home  {
background-repeat: no-repeat;
background-position: 50% bottom;
text-align: center;
margin-top: -265px;
margin-left: -380px;
padding: 0;
position: absolute;
top: 50%;
left: 50%;
width: 760px;
border-width: 0
}



#header_top  {
background-repeat: no-repeat;
background-position: left top;
margin: 0;
padding: 0;
position: relative;
width: 760px;
height: 100px;
background-image: url(index-images/header.png);
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
}

.replaced_text {
height: 0;
margin: 0;
padding: 0;
border: 0;
display: none;
}

/* MAIN NAVIGATION */


#main_nav {
width: 760px;
border: 0;
font-weight: normal;
float: left;
clear: both;
margin-top: 1px;
margin-right: 0;
margin-bottom: 20px;
margin-left: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 80;
}


#main_nav_home {
height: 12px;
padding: 0;
margin: 0;
}

#main_nav li {
margin: 0;
font-family: verdana, arial, sans-serif;
list-style: none;
display: inline;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
font-size: 1em;
}


#main_nav a:link,#main_nav a:visited  {
color: #666666;
text-decoration: none;
float: left;
border-left: 0 solid;
margin-top: 1px;
margin-right: 0;
margin-bottom: 1px;
margin-left: 0;
padding-top: 0;
padding-right: 30px;
padding-bottom: 0;
padding-left: 8px;
}


#main_nav a:hover,#main_nav a:active {
color: #CC0000
}


#main_nav a.current  {
color: #CC0000
}	

h1     { color: #996; font-size: 2em; font-weight: normal; letter-spacing: 0.3em; margin: 0 0 20px; padding: 0; clear: both }

h2 {
font-size: 1em;
font-weight: bold;
clear: both;
margin: 0 0 10px 0;
padding: 0;
}	

#content {
margin: 0 20px 0 20px;
padding: 10px;
clear: both;
}	



#footer {
margin: 20px 0 0 0;
border-bottom: 1px solid #666666;
padding: 0;
clear: both;
font-size: 90%;
}

#footer p  {
color: #666666;
font-size: 9px;
text-align: left;
margin: 2px 0;
padding: 0
}	

#footer_nav li {
margin: 0;
list-style: none;
display: inline;
padding-top: 0;
padding-right: 33px;
padding-bottom: 0;
color: #999999;
padding-left: 33px;
}



#footer a:link, #footer a:visited  {
color: #666666;
text-decoration: none
}

#footer a:hover, #footer a:active   {
color: #CC0000;
text-decoration: underline
}

a:link, a:visited  {
color: #666666;
text-decoration: underline
}

a:hover, a:active  {
color: #CC0000;
}
.description     {
font-style: italic;
line-height: 1.25em;
visibility: visible;
margin-right: 12px;
margin-left: 12px;
padding-right: 36px;
clear: both
}


#portfolio {
padding: 0;
clear: both;
margin-top: 0;
margin-right: 20px;
margin-bottom: 30px;
margin-left: 45px;
}

#portfolio-installation {
float: left;
display: inline;
margin-top: 0;
margin-right: 20px;
margin-bottom: 0;
margin-left: 20;
padding-left: 10px;
}






.installation   {
color: #333333;
font-size: 1.2em;
margin: 0 0 10px;
padding: 2px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
}



#portfolio-backlink  {
font-size: 9px;
line-height: 12px;
margin: 0 0 10px;
padding: 1px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
}

#portfolio-backlink a:link, #portfolio-backlink a:visited  {
color: #999999;
text-decoration: none
}

#portfolio-backlink a:hover, #portfolio-backlink a:active  {
color: #CC0000;
text-decoration: underline;
background-color: #FFFFFF;
}

#portfolio-display-text {
margin: 0 0 10px 0;
padding: 0;
}

#portfolio-display {
float: left;
display: inline;
margin: 0;
}

#portfolio-views {

float: right;
display: inline;
margin: 0;
}


.view-thumb-row {
display: block;
margin: 0 0 20px 0;
}

.view-thumb-row img {
display: inline;
margin: 0 0 0 20px;
}	

.view-thumb-row a img {
border: 1px solid #cccccc;
}

.view-thumb-row a:hover img, .thumbnail a:active  img {
border: 1px solid #993366;
}

#flashtext {
display: block;
margin: 0;
padding: 0;
text-align: right;
}


#flashtext p {

display: block;
margin: 0;
text-align: right;
font-size: 11px;
color: #999999;
line-height: 12px;
}

#flashtext a {
color: #666666;
}

seriesintro{
	
}





.thumbnail    {
color: #999999;
font-size: 90%;
display: inline;
float: left;
margin-top: 10px;
margin-right: 15px;
margin-bottom: 20px;
margin-left: 15px;
text-align: center;
}


.thumbnail a:link img, .thumbnail a:visited  img   {
color: #999999;
border: 1px solid #FFFFFF;
}

.thumbnail a:hover img, .thumbnail a:active  img {
border: 1px solid #CC0000;
}

.thumbnail a:hover  { color: #9cc; background-position: 0 0 }	




.indexthumbnail   { color: #c99; display: inline; margin: 10px 15px 20px; float: left }	


.indexthumbnail a:link img, .thumbnail a:visited  img   { color: #cc9; text-decoration: none; border: solid 1px #666 }

.indexthumbnail a:hover img, .thumbnail a:active  img  { color: #9cc; border: solid 1px #993366 }
.red {
color: #FF0000;
}
.underline {
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #999999;
border-top-style: none;
border-right-style: none;
border-left-style: none;
}

.indexthumbnail a:hover  { color: #9cc; background-position: 0 0 }	


.clearboth {
clear: both;
}

.fltrt {
float: right;
margin-left: 12px;
margin-bottom: 44px;
}
.fltlft { 
float: left;
margin-right: 12px;

.quoteporges { text-align: right; float: right }
.small {
font-size: 90%;
}
#main #portfolio #portfolio-installation li {
list-style-type: none;
}
.nodot {
list-style-type: none;
color: #666666;
}
.bodygrey {
background-color: #999999;
}

#portfolio ul li
{
	display: inline;
	width: 350px;
}