/****HTML****/
body { margin: 0 auto; font: 12px Helvetica, Arial, sans-serif; line-height: 1.7; color: #FFFFFF; background: #000000;  text-align: center;}
/* 
	Setting the body font-size to 62.5% means that 1em = 10px 
	so we can easily calculate dimensions for a flexible layout. 
*/
/*border: 1px solid green;*/ 
:focus { outline: none; /* prevent annoying outline on FF bkgnd image links */ }

.clear { clear: both; }

#mstr-cntnr-l { margin: 0 auto; width: 607px; overflow: visible; text-align: left;  /*border: 1px solid green;*/   }
#mstr-cntnr-r { margin: 0 auto; width: 367px; height: 441px; overflow: visible; background: url("../images/logo-PBP.gif") repeat-y #FFFFFF; float: left; }

/****HEADER****/
#hdr-cntnr { margin: 0 auto; width: 607px; height: 106px; text-align: left; float: left; }
#logo { margin: 0 auto; width: 170px; height: 106px; text-align: left; float: left; }


/****NAVIGATION****/
#nav { margin: 0 auto; width: 430px; float: left; }
#nav ul { overflow: hidden; list-style: none; padding: 40px 0 0 0; }
#nav li { padding: 0 3px 0 3px; display: inline;}

#nav a { color: #FFFFFF; font-size: 10px; text-decoration: none; text-transform: uppercase; }
#nav a:visited, nav a:active { COLOR: #FFFFFF; font-size: 10px; text-decoration: none; text-transform: uppercase; }
#nav a:hover { COLOR: #f195bf; font-size: 10px; text-decoration: none; text-transform: uppercase; }

body.gallery #nav-gallery a { COLOR: #f195bf; font-size: 10px; text-decoration: none; text-transform: uppercase; }
body.models #nav-models a { COLOR: #f195bf; font-size: 10px; text-decoration: none; text-transform: uppercase; }
body.about #nav-about a { COLOR: #f195bf; font-size: 10px; text-decoration: none; text-transform: uppercase; }
body.services #nav-services a { COLOR: #f195bf; font-size: 10px; text-decoration: none; text-transform: uppercase; }
body.contact #nav-contact a { COLOR: #f195bf; font-size: 10px; text-decoration: none; text-transform: uppercase; }


/****CONTENT****/
#cntnt-cntnr { margin: 0 auto; width: 607px; overflow: hidden; float: left;  }
#copy-home { margin: 0 0 0 75px; width: 275px; overflow: hidden; float: left;  }
#copy { margin: 0 auto; width: 607px; overflow: hidden; float: left;  }
#copy ul { margin: 0 auto; overflow: hidden; float: left;  }
#copy li { margin: 0 12px 0 12px; width: 125px; overflow: hidden; float: left;  text-align: center; display: inline; }

#founder { margin: 0 auto; padding: 0 15px 15px 0; overflow: hidden; float: left;  }


#gallery { margin: 0 0 0 50px; width: 500px; overflow: hidden; float: left;  }
#gallery img { margin: 0 20px 20px 0;  float: left;  }
#gallery p { font-size:12px; color:#FFFFFF; float: left; }
#gallery p.stats { font-size:10px; color:#f195bf; margin: 0 0 10px 0; text-transform: uppercase;   }
#gallery p.gallery { font-size:10px; color:#f195bf; margin: 0 0 10px 0; text-transform: uppercase; clear: left;  }
#gallery h1 { font-size:14px; color:#f195bf; margin: 0 auto; font-weight: bold; text-transform: uppercase;}

/****TABLES****/
th { width: 200px; border:1px solid #2a1c23; padding: 5px; text-align: left; font-weight: bold; }
td { padding: 5px; font-weight: normal; }
table { padding: 0 0 15px 0; }



/****FOOTER****/
#footer-cntnr { margin: 0 auto; width: 607px; }

#footer-nav { margin: 0 0 25px 0; width: 607px; float: left; }
#footer-nav ul { overflow: hidden; list-style: none; padding: 40px 0 0 0; }
#footer-nav li { padding: 0 10px 0 0; display: inline;}

#footer-nav a { color: #FFFFFF; font-size: 10px; text-decoration: none; text-transform: uppercase; }
#footer-nav a:visited, nav a:active { COLOR: #FFFFFF; font-size: 10px; text-decoration: none; text-transform: uppercase; }
#footer-nav a:hover { COLOR: #f195bf; font-size: 10px; text-decoration: none; text-transform: uppercase; }
