@charset "UTF-8";
/* CSS Document */

html, body {
	margin: 0;
	padding: 0;
}

/* needs hieght 100% on both to show both bgds */
html {
	background-image: url(../images/bgd_lines_sub_rev2.jpg);
	background-repeat: repeat-x;
	height: 100%;
	background-color: #E0E1DB;
}

body {
	background-image: url(../images/bgd_sub_strip.jpg);
	background-repeat: repeat-y;
	height: 100%;
}

/* this background is used on the portfolio pages because for some reason the grays don't match the other pages */
body.port_col, .port_bro, .port_rep, .port_id, .port_pub {
	background-image: url(../images/bgd_sub_port_strip.jpg);
	background-repeat: repeat-y;
	height: 100%;
}


#wrapper {
	height: 768px;
	width: 1024px;
	margin: 0;
}

#header {
	margin: 0px;
	width: 805px;
	height: 74px;
	text-decoration: none;
	position: relative;
	background-image: url(../images/header_bgd_sub_repeat.jpg);
	background-repeat: repeat-y;
	padding: 36px 179px 0 40px;

}


#left_sidebar {
	margin: 0px;
	height: 658px;
	width: 253px;
	float: left;
	position: relative;
	background-image: url(../images/bgd_tile_sub.jpg);
	background-repeat: repeat;
}


#client_quote {
	float: right;
	height: 356px;
	width: 226px;
	margin: 130px 0 0 0;
	clear: none;
	}
	
#copyright {
	float: right;
	width: 180px;
	height: 50px;
	margin: 0;
	text-align: right;
	letter-spacing: 1px;
	padding: 20px 50px 0 0;

	}


p, h1, li {
	font-family: Arial, Helvetica, sans-serif;
}

p.copy {
	font-size: 8px;
	font-style: normal;
	line-height: 12px;
	color: #959487;
}

#client_list {
	float: right;
	width: 190px;
	margin: 15px 0 0 0;
	text-align: left;
	padding: 0 20px 0 0;
	letter-spacing: 1px;
	clear: none;
	list-style-type: none;
	}

#client_list ul{
	list-style-type: none;
  margin: 0px;
  padding: 0px;
}
#client_list li{
	font-size: 10px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	color: #959487;
	margin: 0 0 1em 0;
}

h1{
	float: right;
	width: 190px;
	margin: 70px 0 0 0;
	text-align: left;
	padding: 0 20px 0 0;
	font-size: 10px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	color: #727565;
	font-size: 9px;
	text-transform: uppercase;
}


p.description {
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	color: #727565;
	margin:.0 0 1em 0;
}


	
#bio {
	width: 350px;

	}

#yellow_bar {
	margin: 0;
	padding: 0;
	height: 658px;
	width: 131px;
	float: left;
	position: relative;	
	background-repeat: repeat;
	background-image: url(../images/yellow_bgd_tile.jpg);
}

#yellow_bar_upper {
	margin: 0;
	padding: 50px 0 0 0;
	height: 213px;
	width: 131px;
}


#yellow_bar_lower {
	margin: 0;
	padding: 0;
	height: 234px;
	width: 131px;
}


/* this removes the outline in Firefox */
a:active, a:focus {outline: 0;}



#center_panel {
	margin: 0px;
	height: 658px;
	width: 461px;
	float: left;
	position: relative;
	background-image: url(../images/bgd_tile_center_port.jpg);
	background-repeat: repeat;
}

#center_panel_contact {
	margin: 0px;
	padding: 118px 0 0 0;
	height: 540px;
	width: 461px;
	float: left;
	background-image: url(../images/bgd_tile_center.jpg);
	background-repeat: repeat;
}

#center_panel_profile {
	margin: 0px;
	padding: 45px 0 0 40px;
	height: 613px;
	width: 421px;
	float: left;
	background-image: url(../images/bgd_tile_center.jpg);
	background-repeat: repeat;
}



#right_sidebar {
	margin: 0px;
	height: 395px;
	width: 179px;
	float: left;
	position: relative;
	padding-top: 263px;
	background-image: url(../images/bgd_tile_sub.jpg);
	background-repeat: repeat;
}


/* Nav stuff */
/* this removes the outline in Firefox */
a:active, a:focus {outline: 0;}

a {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #727565;
	font-weight: bold;
}

a:hover, a:active {
	text-decoration: underline;
}

/* Main Nav */
#nav_main{
	height: 25px;
	width: 100%;
	margin: 0;
	padding: 0;
}
#nav_main li  {
	margin: 0;
	padding: 0;
	list-style-type: none; /* list-style-type property is a li (list item) property, so it should be here and not on the ul */
	float: right; /* we float the list items to the right and not the a tag where you had it before */
}
  
 /* you only have to call one time for your image on the a tag and I made a shorthand version for the background-image and background-repeat  properties. And your issue was because you did not set the a tag to display: block. */  
#nav_main li a{
	display: block;
	margin:0;
	padding:0;
	height: 25px;
	text-indent: -9999px;
	background-image: url(../images/grey_main_nav.jpg);
	background-repeat: no-repeat;
}

    
#nav_main li#portfolio a{
	width: 88px;
	background-position: 0px 0;
}

#nav_main li#portfolio a:hover{
    background-position: 0 -50px;
}
    
#nav_main li#profile a{
    width: 73px;
    background-position: -88px 0;
}

#nav_main li#profile a:hover{
    background-position: -88px -50px;
}

body.prof_page #nav_main li#profile a{
    background-position: -88px -25px;
}
    
#nav_main li#contact a{
    width: 77px;
    background-position: -161px 0;
}

#nav_main li#contact a:hover{
    background-position: -161px -50px;
}

body.cont_page #nav_main li#contact a{
    background-position: -161px -25px;
}


/* the code below positions for current page, need to give body ID (<body id="portfolio_XXX">) for each page */

body.port_bro #nav_main li#portfolio a{
    background-position: 0 -25px;
}

body.port_pub #nav_main li#portfolio a{
    background-position: 0 -25px;
}

body.port_rep #nav_main li#portfolio a{
    background-position: 0 -25px;
}

body.port_col #nav_main li#portfolio a{
    background-position: 0 -25px;
}

body.port_id #nav_main li#portfolio a{
    background-position: 0 -25px;
}

/* end of current code for portfolio */
    


/* Sub Nav*/
    
#sub_nav_port {
	height: 29px;
	width: 195px;
	padding: 24px 0 0 0 ;
	float: right;
	margin: 0;
}

#sub_nav_port li {
	margin: 0;
	padding: 0;
	list-style-type: none; 
	float: right; 
}
  
 /* you only have to call one time for your image on the a tag and I made a shorthand version for the background-image and background-repeat  properties. And your issue was because you did not set the a tag to display: block. */  
#sub_nav_port li a{
	display: block;
	margin:0;
	padding:0;
	height: 29px;
	text-indent: -9999px;
	background-image: url(../images/port_subnav.jpg);
	background-repeat: no-repeat;
}

#sub_nav_port li#publications a{
	width: 97px;
	background-position: -98px 0;
}

#sub_nav_port li#publications a:hover{
    background-position: -98px -58px;
}

/* the code for current page, need to give body ID (<body id="portfolio_XXX">) for each page */

body.port_pub #sub_nav_port li#publications a{
    background-position: -98px -58px;
}
 
#sub_nav_port li#brochures a{
	width: 98px;
	background-position: 0px 0px;
}

#sub_nav_port li#brochures a:hover{
    background-position: 0 -58px;
}

/* code for current page, need to give body ID (<body id="portfolio_XXX">) for each page */

body.port_bro #sub_nav_port li#brochures a{
    background-position: 0 -58px;
}

#sub_nav_port li#identity a{
	width: 68px;
	background-position: -127px -29px;
}

#sub_nav_port li#identity a:hover{
    background-position: -127px -87px;
}

/* the code for current page, need to give body ID (<body id="portfolio_XXX">) for each page */

body.port_id #sub_nav_port li#identity a{
    background-position: -127px -87px;
}    

#sub_nav_port li#collateral a{
	width: 70px;
	background-position: -57px -29px;
}

#sub_nav_port li#collateral a:hover{
    background-position: -57px -87px;
}

/* the code for current page, need to give body ID (<body id="portfolio_XXX">) for each page */

body.port_col #sub_nav_port li#collateral a{
    background-position: -57px -87px;
}

#sub_nav_port li#reports a{
	width: 57px;
	background-position: 0px -29px;
}

#sub_nav_port li#reports a:hover{
    background-position: 0 -87px;
}

/* the code for current page, need to give body ID (<body class="port_XXX">) for each page */

body.port_rep #sub_nav_port li#reports a{
    background-position: 0 -87px;
}