/*-----------------------------------------------------------------------------------
Filenames: style.css, index.html
Developed for New Urban West
Developed by: Robert Tirsbier & Co., Inc.
Last Updated: April 1, 2009
-------------------------------------------------------------------------------------*/

/* MAIN LAYOUT */

html, body {
   font-size: x-small;
   padding: 0;
   background-color: rgb(121,145,132);
   font-family: Verdana, Arial, Helvetica, san-serif;
   text-align: center;        /* ie hack to center container */
   }
   
/* links */
a {text-decoration: none;}
A:link, A:visited {color: rgb(255,255,255);}
A:hover	{color: rgb(253, 198, 35);}
a img {border: none;}
a.doctitle {line-height: 1.25em;}

/* headings and p */
h1, h2, h3, h4, h6, p {
   margin: 0 0 0.125em 0;
   padding: 0;
   }
h1 {
   font-size: 1.6em;
   font-family: "Century Gothic", Verdana, sans-serif;
   color: rgb(255,255,255);
   letter-spacing: 2px;
   text-transform: uppercase;
   font: bold;
   }
h2 {
   font-size: 1.5em;
   font-family: Verdana, sans-serif;
   }
h3 {
   font-size: 1em;
   margin-top: 1em;
   }
h4 {
   font-size: 1.4em;
   font-family: "Century Gothic", Verdana, sans-serif;
   color: rgb(255,255,255);
   }
h6 {
   font-size: 1.2em;
   font-family: "Century Gothic", Verdana, sans-serif;
   color: rgb(255,255,255);
   padding: 1px 8px 1px 5px;
   display:block;
   background-color: #444444;
   margin: 3px 0 2px -5px;
   }
p  {
   padding: 0 0 0 0;
   }
p.project_text {
   padding: 3px 8px 3px 8px;
   color:rgb(255,255,255);
   font-style: italic;
   font-size: 1.2em;
   }


/* TABLES */
/* main table */
table {
   width: 710px;
   margin: 0px;
   } 
td {
   font-size: 11px;
   text-align: left;
   vertical-align: top;
   padding: 30px 0 30px 20px;
   border:  none;
   }

table.team {
 width: auto;
 margin: 15px 15px 20px 15px;
 text-align: center;
 background:rgb(255,255,255);
 border-bottom:   1px solid rgb(180,180,180);
 border-left:  1px solid rgb(0,0,0);
 border-right:  1px solid rgb(180,180,180);
 border-top: 1px solid rgb(0,0,0);
 padding: 0;
 }
 
 table.comproject {
 width: auto;
 margin: 0px 15px 20px 15px;
 text-align: center;
 background:rgb(255,255,255);
 border-bottom:   1px solid rgb(180,180,180);
 border-left:  1px solid rgb(0,0,0);
 border-right:  1px solid rgb(180,180,180);
 border-top: 1px solid rgb(0,0,0);
 padding: 0;
 }
 
table.team td {
   font-size: 11px;
   text-align: left;
   padding: 3px 20px 5px 20px;
   border:  none;
   }
   
table.comproject td {
   font-size: 11px;
   text-align: left;
   padding: 5px 20px 5px 20px;
   border:  none;
   }
   
table.team td.last {
   font-size: 11px;
   text-align: left;
   padding: 5px 20px 30px 20px;
   border:  none;
   }

table.team td.heading {
   font-size: 11px;
   text-align: left;
   padding: 1px 20px 1px 17px;
   border-top:  none;
   border-right: none;
   border-left: none;
   border-bottom: 1px solid rgb(0,0,0);
   background: rgb(31,31,31);
   }

table.comproject td.heading {
   font-size: 11px;
   text-align: left;
   padding: 1px 20px 1px 20px;
   border-top:  none;
   border-right: none;
   border-left: none;
   border-bottom: 1px solid rgb(0,0,0);
   background: rgb(31,31,31);
   }

table.projects {
   width: 875px;
   }
   
table.projects td {
   margin: 0;
   padding: 2px; 
   }
   
table.port_table {
   margin: 0px;
   } 
   
table.port_table td {
   font-size: 11px;
   text-align: center;
   padding: 0;
   border:  none;
   }
  
table.port_table td.label {
   font-size: 10px;
   color:#FFFFFF;
   text-align: center;
   padding: 5px 0 20px 0;
   border:  none;
   }


/* IMAGES */

img {
   padding: 0;
   margin: 0;
   border: none;
   }
img.floatright {
   float: right;
   margin: 0 0 1.25em 1.25em;
   border: 1px solid gray; 
   }
img.floatleft{
   float: left;
   margin: 0 1.25em 1.25em 0;
   border: 1px solid gray; 
   }   
img.port{
  border: 1px solid gray;
  margin: 0 3px 0 3px;
  }
img.portlabel{
  margin: 0 3px 0 3px;
  }
img.projectimg{
  border: 1px solid gray;
  margin: 8px 25px 15px;
  }

   
/* CONTAINER */
/*Contains entire site - centers site on page */

#container {
   margin: 0px auto 0px auto;
   padding: 0px;
   width: 951px;
   border-bottom: 1px solid black;
   border-top: 1px solid rgb(85,85,85);
   border-left: 1px solid rgb(85,85,85);
   border-right: 1px solid black;
   background: #FFF;
   text-align: left;          /* over-rides parent (body) centering - ie hack */
   position: relative;
   background: url('images/portfolio_pg_bgnd.jpg') repeat-y 0 0;
   }

/* MASTHEAD */

#pageheader {
   height: 120px;
   width: auto;
   background: url('images/stripe.gif') repeat-x 0 120px;
   }

   
#logo {
	position: absolute;
	left: 15px;
	top: 5px;
	bottom: auto;
	}
	
#advlogo {
	position: absolute;
	left: 224px;
	top: 293px;
	bottom: auto;
	}
	
#advtext{
	position: absolute;
	left: 18px;
	top: 135px;
	width: 440px;
	}
	
#advtext h1 {
   font-size: 18px;
   font-family: Arial, Helvetica, san-serif;
   color: rgb(255,255,255);
   margin-bottom: 13px;
   }

#advtext h2 {
   font-size: 13px;
   font-family: Arial, Helvetica, san-serif;
   color: rgb(114,207,248);
   margin-bottom: 2px;
   }

#advtext p  {
   color: rgb(255,255,255);
   font-size: 12px;
   margin-bottom: 10px;
   font-family: Arial, Helvetica, san-serif;
   }
   
#advtext p.no_space  {
   color: rgb(255,255,255);
   font-size: 12px;
   padding: 0;
   margin: 0;
   font-family: Arial, Helvetica, san-serif;
   font-face: normal;
   }
   
#advtext b  {
   color: rgb(255,255,255);
   font-size: 13px;
   font-face: bold;
   }
   
/* NAVIGATION */
 
#nav { 
   position: absolute;
   left: 8px;
   top: 98px;
   bottom: auto;
   right: auto;
   margin: 0;
   padding: 0;
   }

#nav li {
   list-style: none;
   float: left;
   width: auto;
   white-space: nowrap;
   font-size: 10px; 
   line-height: 20px;
   }
#nav a {
   display: block;
   font-weight: bold;
   font-family: Arial, sans-serif;
   float: left;
   color: #FFF;
   padding: 0 10px 0 10px;
   text-align: center;
   }

#nav a:hover {
   color: rgb(197,207,32);
   }  
   
#nav #current a{
  /* background: rgb(253, 198, 35); */
   color: rgb(114,207,248);
   }

#port_nav { 
   position: absolute;
   left: auto;
   top: 98px;
   bottom: auto;
   right: 0;
   margin: 0;
   padding: 0;
   }

#port_nav li {
   list-style: none;
   float: left;
   width: auto;
   white-space: nowrap;
   font-size: 10px; 
   line-height: 20px;
   }
#port_nav a {
   display: block;
   font-weight: bold;
   font-family: Arial, sans-serif;
   float: left;
   color: #FFF;
   padding: 0 10px 0 10px;
   text-align: center;
   }

#port_nav a:hover {
   color: rgb(197,207,32);
   }    
#port_nav #current a{
  /* background: rgb(253, 198, 35); */
   color: rgb(114,207,248);
   }

/* MAIN CONTENT AREA */

#content {
   clear: left;
   }

#portcontent {
   padding: 0;
   margin: 0;
   }

#team_link {
   position: absolute;
   left: 125px;
   top: 125px;
   bottom: auto;
   right: auto;
   margin: 0;
   padding: 0;
   }

#team_link a {
       font-family: Arial, Helvetica, san-serif;
       font-size: 12px;
       }

#adv_link {
   position: absolute;
   left: 18px;
   top: 168px;
   bottom: auto;
   right: auto;
   margin: 0;
   padding: 0;
   }
   
#adv_link a {
    font-family: Arial, Helvetica, san-serif;
    font-size: 12px;
    color: rgb(114,207,248);
       }

#adv_link a:hover {
   color: rgb(253, 198, 35);
   }  
      
#footer { 
 width: auto;
 height: 20px;
 clear: both;
 color: #FFF;
 padding: 15px 0 10px 0;
 margin: 0px;
  }
#footer a {
   font-weight: bold;
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 12px;
   color: #FFF;
   }
#footer p {
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 9px;
   }
 
#footer a:hover {
   color: rgb(197,207,32);
   }  
   
   /* section spacers */
.spacer {
   border-left:0px solid rgb(204, 204, 204); border-right:0px solid rgb(204, 204, 204); border-top:1px solid rgb(204, 204, 204); border-bottom:0px solid rgb(204, 204, 204); padding:0; margin-left:0; margin-right:0; margin-top:2em; margin-bottom:0
   }
   
#portbottom {
 text-align: center;
 color: #FFFFFF;
 font-family: Arial, Helvetica, san-serif;
 font-size: 12px;
 margin: 0;
 padding: 0;
 font-weight:bold;
 }
 
 #portbottom a {
    color: rgb(114,207,248);
       }

#portbottom a:hover {
   color: rgb(253, 198, 35);
   }