/* ------

Visual Remedies main styles for screen media

Andrew Mahoney, andrew@visualremedies.com

last updated on May 31, 2005


style sheet outline
- Global
- Page Specific

-------- */


/* undo HTML care of Tantek Çelik at tantek.com */

:link,:visited {text-decoration: none;}

ul,ol {list-style: none;}

h1,h2,h3,h4,h5,h6,pre,code,p {font-size: 1em;}

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;}

a img,:link img,:visited img {border: none;}

address {font-style: normal;}

/* -------------- GLOBAL -------------- */

/* -- Containers -- */	

body {
	margin: 0;
	padding: 0;
	background: #9f9b98 url(../images/bkg_fade.jpg) no-repeat center 0;
	font: small/1.5em Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-align: center;
	}
	
#container {
	width: 700px;
  	margin: 20px auto;
  	padding: 0;
  	font: 90%/1.5em Verdana, Arial, Helvetica, sans-serif;
  	text-align: left;
  	background: none;
	}	

/* -- Brand -- */	

#brand {
	float: left;
	margin: 0;
	padding: 0;
	width: 350px;
	height: 60px;
	background: #ccc;
	}

#brand img {
	vertical-align: bottom;
/*
	float: left;
	margin: 0;
	padding: 0;
	width: 130px;
	height: 130px;
	background: none;
*/
	}

/* -- Main Nav -- */	

#main-nav-area {
	float: left;
	margin: 0 0 8px 0;
	padding: 0;
	width: 350px;
	height: 60px;
	}	

/* -- Main Nav List -- */	

ul#main-nav {
	float: left;
	list-style: none;
	height: 60px;
    margin: 0;
    padding: 0;
    vertical-align: bottom;
    }
    
ul#main-nav li {
    float: left;
    height: 60px;
    margin: 0;
    padding: 0;
    }
	
ul#main-nav a:link, ul#main-nav a:active, ul#main-nav a:visited {
	display: block;
    height: 60px;
   	padding: 0;
    margin: 0;
	text-decoration: none;
	border: none;
	background: none;
	text-indent: -9000px;
	overflow: hidden;
    }
    
/* -- Main Nav List Items -- */
    
ul#main-nav li a#home-nav {
	display: block;
    width: 80px;
    background: url(../images/main_nav.jpg) no-repeat 0px 0px;
    }
ul#main-nav li a#portfolio-nav {
	display: block;
    width: 80px;
    margin: 0 0 0 10px;
    background: url(../images/main_nav.jpg) no-repeat -90px 0;
    }
ul#main-nav li a#about-nav {
	display: block;
    width: 80px;
    margin: 0 0 0 10px;
    background: url(../images/main_nav.jpg) no-repeat -180px 0;
    }
ul#main-nav li a#contact-nav {
	display: block;
    width: 80px;
    margin: 0 0 0 10px;
    background: url(../images/main_nav.jpg) no-repeat -270px 0;
    }

/* -- Main Nav List Items Hover -- */

ul#main-nav a:hover {
	text-decoration: none;
	border: none;
	}

ul#main-nav li a:hover#home-nav {
	background: url(../images/main_nav_on.jpg) no-repeat 0px 0px;
	}
ul#main-nav li a:hover#portfolio-nav {
	margin: 0 0 0 10px;
	background: url(../images/main_nav_on.jpg) no-repeat -90px 0;
	}
ul#main-nav li a:hover#about-nav {
	margin: 0 0 0 10px;
	background: url(../images/main_nav_on.jpg) no-repeat -180px 0;
	}
ul#main-nav li a:hover#contact-nav {
	margin: 0 0 0 10px;
	background: url(../images/main_nav_on.jpg) no-repeat -270px 0;
	}
	
/* -- Main Nav List Items On Page -- */
	
#home ul#main-nav li a#home-nav {
	display: block;
    width: 80px;
    background: url(../images/main_nav_on.jpg) no-repeat 0 0;
    }
#portfolio ul#main-nav li a#portfolio-nav,
#kitchens ul#main-nav li a#portfolio-nav,
#bathrooms ul#main-nav li a#portfolio-nav,
#decks ul#main-nav li a#portfolio-nav,
#other ul#main-nav li a#portfolio-nav,
#before-after ul#main-nav li a#portfolio-nav,
#projects ul#main-nav li a#portfolio-nav
	{
	display: block;
    width: 80px;
    margin: 0 0 0 10px;
    background: url(../images/main_nav_on.jpg) no-repeat -90px 0;
    }
#about ul#main-nav li a#about-nav {
	display: block;
    width: 80px;
    background: url(../images/main_nav_on.jpg) no-repeat -180px 0;
    }
#contact ul#main-nav li a#contact-nav {
	display: block;
    width: 80px;
    background: url(../images/main_nav_on.jpg) no-repeat -270px 0;
    }
    
/* Main Content Area */
	
#content {
	float: left;
	margin: 0;
	padding: 0;
	width: 700px;
	height: 471px;
	background: #fff url(../images/gen_bkg_area.jpg) repeat-x 0 0;
	}
	
#footer-copyright {
	font: 80%/1.5em Arial, Helvetica, Verdana, sans-serif;
	color: #333;
	float: left;
	margin: .75em 0 0 0;
	padding: 0 0 0 10px;
	width: 340px;
	}
	
#footer-credit {
	font: 80%/1.5em Arial, Helvetica, Verdana, sans-serif;
	color: #333;
	float: left;
	margin: .75em 0 0 0;
	padding: 0 10px 0 0;
	width: 340px;
	}
	
#footer-credit p {
	float: right;
	}
	
#footer-credit a {
	color: #333;
	}
	
#footer-credit a:hover {
	color: #336699;
	}
	
/*
#footer-credit a {
	float: right;
	}
*/
	
#home #content {
	height: 471px;
	background: #fff url(../images/gen_bkg_area.jpg) repeat-x 0 0;
	}
	
#portfolio #content,
#about #content,
#contact #content
	{
	height: 446px;
	background: #fff url(../images/home_bkg_area.jpg) repeat-x 0 0;
	}
	
	
#flashcontent {
	float: left;
	margin: 10px 0 0 10px;
	padding: 0;
	display: inline; /* :KLUDGE: Fixes IE double margin float bug */
/*
	width: 680px;
	height: 420px;
*/
	}
	
/*
#home #flashcontent {
	float: left;
	height: 469px;
	background: #999;
	margin: 0;
	padding: 0;
	}
*/

	
#noflash {
	float: left;
	width: 680px;
	height: 415px;
	margin: 0;
	padding: 0;
	background: #ccc;
	text-align: center;
	}
	
#noflash p {
	margin: 0 0 1em 0;
	padding: 40px 60px 0 60px;
	}

	
#about #aboutcontent
	{
	width: 680px;
	height: 425px;
	background: #ccc url(../images/about_bkg.jpg) repeat-x 0 0;
	margin: 10px 0 0 10px;
	padding: 0;
	}
	
#about #aboutcontent ul	{
	font: 120%/1.25em Arial, Helvetica, Verdana, sans-serif;
	margin: 0 0 0 120px;
	padding: 130px 0 0 15px;
	list-style: square;
	color: #fff;
	}
	
#about #aboutcontent ul	li {
	margin: 0;
	padding: 1em 0 0 0;
	}

	
#contact #contactcontent
	{
	width: 680px;
	height: 425px;
	background: #fff url(../images/contact_bkg.jpg) repeat-x 0 0;
	margin: 10px 0 0 10px;
	padding: 0;
	}
	
#contact #contactcontent dl {
	font: 120%/1.3em Arial, Helvetica, Verdana, sans-serif;
	color: #fff;
	width: 300px;
	margin: 0 0 0 223px;
	padding: 207px 0 0 0;
	}

#contact #contactcontent dt {
	float: left;
	margin: 0;
	padding: 1.1em 0 0 0;
	display: block;
	width: 70px;
	}
	
#contact #contactcontent dd {
	float: right;
	margin: 0;
	padding: 1.1em 0 0 0;
	display: block;
	width: 230px;
	}
	
#home #flashcontent {
	margin: 10px 0 0 11px;
	}
	
#portfolio #flashcontent {
	width: 680px;
	height: 424px;
	background: #000;
	}
	
#portfolio ul#portfolio-subnav {
	float: left;
	list-style: none;
    margin: 0;
    padding: 0;
    vertical-align: bottom;
    }
    
#portfolio ul#portfolio-subnav li {
    float: left;
    width: 325px;
    height: 128px;
    margin: 10px 0 0 10px;
    padding: 0;
    display: inline; /* :KLUDGE: Fixes IE double margin float bug */
    }
    
#portfolio ul#portfolio-subnav a:link, ul#portfolio-subnav a:active, ul#portfolio-subnav a:visited {
	display: block;
    height: 128px;
   	padding: 0;
    margin: 0;
	text-decoration: none;
	border: none;
	background: none;
	text-indent: -9000px;
	overflow: hidden;
    }
    
#portfolio ul#portfolio-subnav li a#kitchens-nav {
	display: block;
    width: 325px;
    background: url(../images/port_kitchens_off.jpg) no-repeat 0px 0px;
    } 
#portfolio ul#portfolio-subnav li a:hover#kitchens-nav {
	background: url(../images/port_kitchens_on.jpg) no-repeat 0px 0px;
	}

#portfolio ul#portfolio-subnav li a#bathrooms-nav {
	display: block;
    width: 325px;
    background: url(../images/port_bathrooms_off.jpg) no-repeat 0px 0px;
    } 
#portfolio ul#portfolio-subnav li a:hover#bathrooms-nav {
	background: url(../images/port_bathrooms_on.jpg) no-repeat 0px 0px;
	}

#portfolio ul#portfolio-subnav li a#decks-nav {
	display: block;
    width: 325px;
    background: url(../images/port_decks_off.jpg) no-repeat 0px 0px;
    } 
#portfolio ul#portfolio-subnav li a:hover#decks-nav {
	background: url(../images/port_decks_on.jpg) no-repeat 0px 0px;
	}
	
#portfolio ul#portfolio-subnav li a#other-nav {
	display: block;
    width: 325px;
    background: url(../images/port_other_off.jpg) no-repeat 0px 0px;
    } 
#portfolio ul#portfolio-subnav li a:hover#other-nav {
	background: url(../images/port_other_on.jpg) no-repeat 0px 0px;
	}
	
#portfolio ul#portfolio-subnav li a#before-after-nav {
	display: block;
    width: 325px;
    background: url(../images/port_before_after_off.jpg) no-repeat 0px 0px;
    } 
#portfolio ul#portfolio-subnav li a:hover#before-after-nav {
	background: url(../images/port_before_after_on.jpg) no-repeat 0px 0px;
	}
	
#portfolio ul#portfolio-subnav li a#projects-nav {
	display: block;
    width: 325px;
    background: url(../images/port_projects_off.jpg) no-repeat 0px 0px;
    } 
#portfolio ul#portfolio-subnav li a:hover#projects-nav {
	background: url(../images/port_projects_on.jpg) no-repeat 0px 0px;
	}
	


#portfolio ul#portfolio-subnav a:hover {
	text-decoration: none;
	border: none;
	}
	

/* -- Port Nav -- */

#port-nav-area {
	float: left;
	margin: 0 0 0 10px;
	padding: 0;
	width: 680px;
	height: 35px;
	background: #333 url(../images/port_nav_area_bkg.jpg) repeat-x 0 0;
	display: inline; /* :KLUDGE: Fixes IE double margin float bug */
	}
	
/* -- Main Nav List -- */	

ul#port-nav {
	float: left;
	list-style: none;
	height: 35px;
    margin: 5px 0 0 79px;
    padding: 0;
    vertical-align: bottom;
    display: inline; /* :KLUDGE: Fixes IE double margin float bug */
    }
    
ul#port-nav li {
    float: left;
    height: 25px;
    margin: 0;
    padding: 0;
    }
	
ul#port-nav a:link, ul#port-nav a:active, ul#port-nav a:visited {
	display: block;
    height: 25px;
   	padding: 0;
    margin: 0;
	text-decoration: none;
	border: none;
	background: none;
	text-indent: -9000px;
	overflow: hidden;
    }
    
/* -- Port Nav List Items -- */
    
ul#port-nav li a#kitchens-nav {
	display: block;
    width: 84px;
    background: url(../images/port_nav_area.jpg) no-repeat 0px 0px;
    }
ul#port-nav li a#bathrooms-nav {
	display: block;
    width: 100px;
    background: url(../images/port_nav_area.jpg) no-repeat -84px 0;
    }
ul#port-nav li a#decks-nav {
	display: block;
    width: 65px;
    background: url(../images/port_nav_area.jpg) no-repeat -184px 0;
    }
ul#port-nav li a#other-nav {
	display: block;
    width: 66px;
    background: url(../images/port_nav_area.jpg) no-repeat -249px 0;
    }
ul#port-nav li a#before-after-nav {
	display: block;
    width: 121px;
    background: url(../images/port_nav_area.jpg) no-repeat -315px 0;
    }
ul#port-nav li a#projects-nav {
	display: block;
    width: 86px;
    background: url(../images/port_nav_area.jpg) no-repeat -436px 0;
    }

/* -- Port Nav List Items Hover -- */

ul#port-nav a:hover {
	text-decoration: none;
	border: none;
	}

ul#port-nav li a:hover#kitchens-nav {
	background: url(../images/port_nav_area_on.jpg) no-repeat 0px 0px;
	}
ul#port-nav li a:hover#bathrooms-nav {
	background: url(../images/port_nav_area_on.jpg) no-repeat -84px 0;
	}
ul#port-nav li a:hover#decks-nav {
	background: url(../images/port_nav_area_on.jpg) no-repeat -184px 0;
	}
ul#port-nav li a:hover#other-nav {
	background: url(../images/port_nav_area_on.jpg) no-repeat -249px 0;
	}
ul#port-nav li a:hover#before-after-nav {
	background: url(../images/port_nav_area_on.jpg) no-repeat -315px 0;
	}
ul#port-nav li a:hover#projects-nav {
	background: url(../images/port_nav_area_on.jpg) no-repeat -436px 0;
	}
	
/* -- Port Nav List Items On Page -- */
	
#kitchens ul#port-nav li a#kitchens-nav {
	display: block;
    width: 84px;
    background: url(../images/port_nav_area_on.jpg) no-repeat 0 0;
    }
#bathrooms ul#port-nav li a#bathrooms-nav {
	display: block;
    width: 100px;
    background: url(../images/port_nav_area_on.jpg) no-repeat -84px 0;
    }
#decks ul#port-nav li a#decks-nav {
	display: block;
    width: 65px;
    background: url(../images/port_nav_area_on.jpg) no-repeat -184px 0;
    }
#other ul#port-nav li a#other-nav {
	display: block;
    width: 66px;
    background: url(../images/port_nav_area_on.jpg) no-repeat -249px 0;
    }
#before-after ul#port-nav li a#before-after-nav {
	display: block;
    width: 121px;
    background: url(../images/port_nav_area_on.jpg) no-repeat -315px 0;
    }
#projects ul#port-nav li a#projects-nav {
	display: block;
    width: 86px;
    background: url(../images/port_nav_area_on.jpg) no-repeat -436px 0;
    }
	
/*
#footer {
	float: left;
	margin: 0;
	padding: 0;
	width: 700px;
	height: 20px;
	background: #fff;
	clear: right;
	}
*/
	
a {
	color: #fff;
	}
a:active {
	color: #fff;
	}
a:link {
	color: #fff;
	}
a:visited {
	color: #fff;
	}
a:hover {
	color: #ff8400;
	}

/* moo tools */

.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(bubble.png) top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(bubble.png) bottom right;
}
 
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}
	
	
	
#oc-pensions #wmc-noflash,
#oc-pensions #wmc-noflash2,
#oc-insurance-entities #wmc-noflash,
#oc-insurance-entities #wmc-noflash2,
#oc-defined-contribution-plan-sponsors #wmc-noflash,
#oc-defined-contribution-plan-sponsors #wmc-noflash2,
#wwd-new-realities-for-fixed-income #wmc-noflash,
#wwd-new-realities-for-fixed-income #wmc-noflash2 {
	float: left;
	width: 322px;
/*	height: 400px;*/
	text-align: center;
	margin: 0;
  	padding: 40px ;
  	color: #666;
	background: #ccc;
}

#oc-pensions #wmc-noflash a:link,
#oc-pensions #wmc-noflash2 a:link,
#oc-insurance-entities #wmc-noflash a:link,
#oc-insurance-entities #wmc-noflash2 a:link,
#oc-defined-contribution-plan-sponsors #wmc-noflash a:link,
#oc-defined-contribution-plan-sponsors #wmc-noflash2 a:link,
#wwd-new-realities-for-fixed-income a:link,
#wwd-new-realities-for-fixed-income #wmc-noflash2 a:link {
	border: none;
	text-decoration: none;
	}
#oc-pensions #wmc-noflash a:visited,
#oc-pensions #wmc-noflash2 a:visited,
#oc-insurance-entities #wmc-noflash a:visited,
#oc-insurance-entities #wmc-noflash2 a:visited,
#oc-defined-contribution-plan-sponsors #wmc-noflash a:visited,
#oc-defined-contribution-plan-sponsors #wmc-noflash2 a:visited,
#wwd-new-realities-for-fixed-income #wmc-noflash a:visited,
#wwd-new-realities-for-fixed-income #wmc-noflash2 a:visited {
	border: none;
	text-decoration: none;
	}
#oc-pensions #wmc-noflash a:active,
#oc-pensions #wmc-noflash2 a:active,
#oc-insurance-entities #wmc-noflash a:active,
#oc-insurance-entities #wmc-noflash2 a:active,
#oc-defined-contribution-plan-sponsors #wmc-noflash a:active,
#oc-defined-contribution-plan-sponsors #wmc-noflash2 a:active,
#wwd-new-realities-for-fixed-income #wmc-noflash a:active,
#wwd-new-realities-for-fixed-income #wmc-noflash2 a:active {
	border: none;
	text-decoration: none;
	}
#oc-pensions #wmc-noflash a:hover,
#oc-pensions #wmc-noflash2 a:hover,
#oc-insurance-entities #wmc-noflash a:hover,
#oc-insurance-entities #wmc-noflash2 a:hover,
#oc-defined-contribution-plan-sponsors #wmc-noflash a:hover,
#oc-defined-contribution-plan-sponsors #wmc-noflash2 a:hover,
#wwd-new-realities-for-fixed-income #wmc-noflash a:hover,
#wwd-new-realities-for-fixed-income #wmc-noflash2 a:hover {
	border: none;
	text-decoration: none;
	}