/* global settings */
.quote
{
line-height: 1em;
}

#wrapper
{
width: 100%;
height: 100%;
margin-top: 72px; /*equals 1 inch */
position: relative;
}

#inside-wrap
{
width: 700px;
height: auto;
margin-left: auto;
margin-right: auto;
position: relative;

}

/* removes dotted border around links */
 a {
    outline: none;
}

img
{
border: none;
}
/*******************************************************************************************/
/*******************************************************************************************/
/*******************************************************************************************/

/* taken from home page */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}


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


/*taken from original css file called fwStyles.css (in main directory on ftp) */

.style1 { font-size: 10px; font-family: Arial, Helvetica, sans-serif }
.quote { color: #660; font-size: 11px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif }
.quoteSmall { color: #660; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif }
.testName { color: #000; font-size: 14px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold }
.testPos { color: #000; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold }



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


/*taken from about page */
#who    
{ 
background-image: url("../imageSets/about/fwAbo_bodyFull.gif"); 
visibility: visible; 
position: absolute; 
top: 140px; 
left: 299px; 
width: 401px; 
height: 380px 
}



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


/*taken from the contact.html page */
#contact   
{ 
background-image: url("../imageSets/about/fwAbo_bodyFull.gif"); 
visibility: visible; 
position: absolute; 
top: 140px; 
left: 299px; 
width: 401px; 
height: 380px 
}

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

/*taken from the services.html page */
.style2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#quote1                
{ background-color: #fff; 
visibility: hidden; 
position: absolute; 
top: 355px; left: 0; 
width: 299px; 
height: 165px 
}
#quote2   
{ background-color: #fff; 
visibility: hidden; 
position: absolute; 
top: 355px; left: 0; 
width: 299px; 
height: 165px 
}

#quote3   
{ 
background-color: #fff; 
visibility: hidden; 
position: absolute; 
top: 355px; 
left: 0; 
width: 299px; 
height: 165px 
}

#quote4   
{ 
background-color: #fff; 
visibility: hidden; 
position: absolute; 
top: 355px; left: 0; 
width: 299px; 
height: 165px 
}

#quote5   
{ 
background-color: #fff; 
visibility: hidden; 
position: absolute; 
top: 355px; left: 0; 
width: 299px; 
height: 165px 
}

#DirectMail     
{ 
visibility: hidden; 
position: absolute; 
z-index: 1; 
top: 140px; 
left: 299px; 
width: 403px; 
height: 397px 
}

#Publications    
{ 
visibility: hidden; 
position: absolute; 
z-index: 5; 
top: 140px; 
left: 299px; 
width: 403px; 
height: 397px 
}

#Catalogs   
{ 
visibility: hidden; 
position: absolute; 
z-index: 4; 
top: 140px; 
left: 299px; 
width: 100px; 
height: 100px 
}

#Advertising   
{ 
visibility: hidden; 
position: absolute; 
z-index: 2; 
top: 140px; 
left: 299px; 
width: 402px; 
height: 100px 
}

#quoteServices 
{ 
background-color: #fff; 
visibility: visible; 
position: absolute; 
top: 355px; 
left: 0; 
width: 299px; 
height: 165px 
}


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

/*******************************************************************************************/
/*******************************************************************************************/
/****************************************** Top-nav ****************************************/
#top_nav
{
position: absolute;
width: 378px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
background-color: #000;
padding: 10px;
padding-top: 25px;
padding-bottom: 9px;
padding-left: 13px;
font-weight: bold;

}

/* targets IE7 only - valid CSS */
*:first-child+html #top_nav
{
position: absolute;

}


#top_nav a
{
color: #cccc99;
text-decoration: none;
letter-spacing: 2px;
padding-left: 3px;
font-weight: bold;
}

#top_nav a:hover
{
color: #fff;
}


#top_nav span
{
color: #cccc99;
padding: 0 7px;

}


#top_nav .selected
{
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}


/* hover effects for the 3 block on portfolio page */
/* this is the right column that holds the interactive buttons HOME SPECIFIC*/
#portfolio-block
{

position: absolute;
border: none;
top: 110px;
left: 337px;

}

.block-background
{
margin-left: -10px;
}

/* targets IE7 only - valid CSS */
*:first-child+html .block-background
{
margin-top: -1px;
position: relative;
}

* html .block-background
{
margin-top: -1px;
position: relative;
}

.block1
{
z-index: 75;
}

.block2
{
z-index: 75;

}
.block3
{
margin-top: -30px;

position: relative;
}



/*******************************************************************************************/
/*******************************************************************************************/
/*************************Side navigation for Portfolio page********************************/
#side-nav
{
font-size: 11px;
font-family: arial, helvetica, sans-serif;
width: 180px;
height: auto;
position: absolute;
top: 135px;
left: 60px;
}

/* targets IE7 only - valid CSS */
*:first-child+html #side-nav
{
top: 145px;
}

* html #side-nav
{
position: relative;
}

* html #side-nav ul
{
position: absolute;
top: 15px;
}

#side-nav li
{

list-style-type: none;
padding: 9px 25px;
line-height: 11px;
text-align: right;
width: 155px;
padding-right: 20px;
}

/* targets IE7 only - valid CSS */
*:first-child+html #side-nav li
{
padding: 9px 25px;
}

* html #side-nav li
{
padding: 8px 25px;
}

#side-nav li.bullet a 
{
background-image: url(../imageSets/portfolio/sidenav/yellow-bullet.gif);
background-repeat: no-repeat;
background-position: 140px -1px;
padding-bottom: 2px;
}

#side-nav li.bullet a:hover
{
background-image: url(../imageSets/portfolio/sidenav/yellow-bullet.gif);
background-repeat: no-repeat;
background-position: 140px -17px;
padding-bottom: 2px;
}

#side-nav li a
{

display: block;
color: #999999;
text-decoration: none;
letter-spacing: 2px;
padding-right: 20px;
}

#side-nav li a:hover
{
padding-right: 20px;
}

.highlight
{
display: block;
background-image: url(../imageSets/portfolio/sidenav/highlight.gif);
background-repeat: no-repeat;
background-position: 166px 8px;


}

.direct
{
margin-top: 10px;
}

.advert
{
margin-top: -10px;
}