/*
Blue Water Media Portfolio
11.14.2006
*/
h2 {
	color: #000;
	font-size: 1.4em;
  margin-top: -15px;
  margin-bottom: 15px;
  margin-left: 15px;
}
#portnav {
	float: left;
	width: 155px;
	margin: 0;
  padding-left: 20px;
  padding-top: 20px;
}

#portnav a {
	color: #00529b;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
#portnav a.cat { color: #f8730a;	display: block; border-bottom: 1px solid #c5cdcf; }
#portnav a.subcat { display: block; }
#portnav a.client { font-weight: normal; }

#portnav .subcats {
	margin: 0px 0px 5px 5px;
	line-height: 16px;
}

#portnav .f-ie-line {
	margin: 5px 0px 5px 0px;
  display: none;
}

#portnav .clients {
	margin: 0px 0px 10px 20px;
	padding: 0;
	list-style-image: url('/portfolio/images/portbullet.gif');
}
#portnav .clients li {
	margin: 2px;
	padding: 0;
  background-image: none;
}

#portmain {
	float: left;
	margin-left: 25px;
	font-size: 11px;
	width: 600px;
}

#portmain .big {
  border: 1px solid #c5cdcf; 
}

#portmain h2.title {
	font-size: 1.3em;
	padding-bottom: 10px;
}

#portmain a.portfolio-lightbox img {
	margin: 0px 20px 10px 0px;
	border: solid 1px #c5ced1;
}

#portmain #boxes {
	width: 40px;
	text-align: right;
	margin: 5px;
  float: right;
  padding-right: 96px;
}

#portmain a.box {
	height: 10px;
	width: 10px;
	margin: 2px;
	background: #c5ced1;
	border: solid 1px #919aa3;
	text-decoration: none;
  line-height: .1em;
  display: block;
  float: left;
}
#portmain a.box:hover {
	background: #919aa3;
	text-decoration: none;
}

/* note */
#subcat1 {
	float: left;
	margin-left: 25px;
	font-size: 11px;
	width: 600px;
}

#subcat1 .big {
  border: 1px solid #c5cdcf; 
}

#subcat1 h2.title {
	font-size: 1.3em;
	padding-bottom: 10px;
}

#subcat1 a.portfolio-lightbox img {
	margin: 0px 20px 10px 0px;
	border: solid 1px #c5ced1;
}

#subcat1 #boxes {
	width: 40px;
	text-align: right;
	margin: 5px;
  float: right;
  padding-right: 96px;
}

#subcat1 a.box {
	height: 10px;
	width: 10px;
	margin: 2px;
	background: #c5ced1;
	border: solid 1px #919aa3;
	text-decoration: none;
  line-height: .1em;
  display: block;
  float: left;
}
#subcat1 a.box:hover {
	background: #919aa3;
	text-decoration: none;
}

/* note */
#subcat2 {
	float: left;
	margin-left: 25px;
	font-size: 11px;
	width: 600px;
}

#subcat2 .big {
  border: 1px solid #c5cdcf; 
}

#subcat2 h2.title {
	font-size: 1.3em;
	padding-bottom: 10px;
}

#subcat2 a.portfolio-lightbox img {
	margin: 0px 20px 10px 0px;
	border: solid 1px #c5ced1;
}

#subcat2 #boxes {
	width: 40px;
	text-align: right;
	margin: 5px;
  float: right;
  padding-right: 96px;
}

#subcat2 a.box {
	height: 10px;
	width: 10px;
	margin: 2px;
	background: #c5ced1;
	border: solid 1px #919aa3;
	text-decoration: none;
  line-height: .1em;
  display: block;
  float: left;
}
#subcat2 a.box:hover {
	background: #919aa3;
	text-decoration: none;
}

/* note */
#subcat3 {
	float: left;
	margin-left: 25px;
	font-size: 11px;
	width: 600px;
}

#subcat3 .big {
  border: 1px solid #c5cdcf; 
}

#subcat3 h2.title {
	font-size: 1.3em;
	padding-bottom: 10px;
}

#subcat3 a.portfolio-lightbox img {
	margin: 0px 20px 10px 0px;
	border: solid 1px #c5ced1;
}

#subcat3 #boxes {
	width: 40px;
	text-align: right;
	margin: 5px;
  float: right;
  padding-right: 96px;
}

#subcat3 a.box {
	height: 10px;
	width: 10px;
	margin: 2px;
	background: #c5ced1;
	border: solid 1px #919aa3;
	text-decoration: none;
  line-height: .1em;
  display: block;
  float: left;
}
#subcat3 a.box:hover {
	background: #919aa3;
	text-decoration: none;
}


/* note */
#subcat4 {
	float: left;
	margin-left: 25px;
	font-size: 11px;
	width: 600px;
}

#subcat4 .big {
  border: 1px solid #c5cdcf; 
}

#subcat4 h2.title {
	font-size: 1.3em;
	padding-bottom: 10px;
}

#subcat4 a.portfolio-lightbox img {
	margin: 0px 20px 10px 0px;
	border: solid 1px #c5ced1;
}

#subcat4 #boxes {
	width: 40px;
	text-align: right;
	margin: 5px;
  float: right;
  padding-right: 96px;
}

#subcat4 a.box {
	height: 10px;
	width: 10px;
	margin: 2px;
	background: #c5ced1;
	border: solid 1px #919aa3;
	text-decoration: none;
  line-height: .1em;
  display: block;
  float: left;
}
#subcat4 a.box:hover {
	background: #919aa3;
	text-decoration: none;
}

/* note */
#subcat5 {
	float: left;
	margin-left: 25px;
	font-size: 11px;
	width: 600px;
}

#subcat5 .big {
  border: 1px solid #c5cdcf; 
}

#subcat5 h2.title {
	font-size: 1.3em;
	padding-bottom: 10px;
}

#subcat5 a.portfolio-lightbox img {
	margin: 0px 20px 10px 0px;
	border: solid 1px #c5ced1;
}

#subcat5 #boxes {
	width: 40px;
	text-align: right;
	margin: 5px;
  float: right;
  padding-right: 96px;
}

#subcat5 a.box {
	height: 10px;
	width: 10px;
	margin: 2px;
	background: #c5ced1;
	border: solid 1px #919aa3;
	text-decoration: none;
  line-height: .1em;
  display: block;
  float: left;
}
#subcat5 a.box:hover {
	background: #919aa3;
	text-decoration: none;
}

/* note */
#subcat6 {
	float: left;
	margin-left: 25px;
	font-size: 11px;
	width: 600px;
}

#subcat6 .big {
  border: 1px solid #c5cdcf; 
}

#subcat6 h2.title {
	font-size: 1.3em;
	padding-bottom: 10px;
}

#subcat6 a.portfolio-lightbox img {
	margin: 0px 20px 10px 0px;
	border: solid 1px #c5ced1;
}

#subcat6 #boxes {
	width: 40px;
	text-align: right;
	margin: 5px;
  float: right;
  padding-right: 96px;
}

#subcat6 a.box {
	height: 10px;
	width: 10px;
	margin: 2px;
	background: #c5ced1;
	border: solid 1px #919aa3;
	text-decoration: none;
  line-height: .1em;
  display: block;
  float: left;
}
#subcat6 a.box:hover {
	background: #919aa3;
	text-decoration: none;
}

/* note */
#subcat7 {
	float: left;
	margin-left: 25px;
	font-size: 11px;
	width: 600px;
}

#subcat7 .big {
  border: 1px solid #c5cdcf; 
}

#subcat7 h2.title {
	font-size: 1.3em;
	padding-bottom: 10px;
}

#subcat7 a.portfolio-lightbox img {
	margin: 0px 20px 10px 0px;
	border: solid 1px #c5ced1;
}

#subcat7 #boxes {
	width: 40px;
	text-align: right;
	margin: 5px;
  float: right;
  padding-right: 96px;
}

#subcat7 a.box {
	height: 10px;
	width: 10px;
	margin: 2px;
	background: #c5ced1;
	border: solid 1px #919aa3;
	text-decoration: none;
  line-height: .1em;
  display: block;
  float: left;
}
#subcat7 a.box:hover {
	background: #919aa3;
	text-decoration: none;
}

/* note */
#subcat8 {
	float: left;
	margin-left: 25px;
	font-size: 11px;
	width: 600px;
}

#subcat8 .big {
  border: 1px solid #c5cdcf; 
}

#subcat8 h2.title {
	font-size: 1.3em;
	padding-bottom: 10px;
}

#subcat8 a.portfolio-lightbox img {
	margin: 0px 20px 10px 0px;
	border: solid 1px #c5ced1;
}

#subcat8 #boxes {
	width: 40px;
	text-align: right;
	margin: 5px;
  float: right;
  padding-right: 96px;
}

#subcat8 a.box {
	height: 10px;
	width: 10px;
	margin: 2px;
	background: #c5ced1;
	border: solid 1px #919aa3;
	text-decoration: none;
  line-height: .1em;
  display: block;
  float: left;
}
#subcat8 a.box:hover {
	background: #919aa3;
	text-decoration: none;
}

/* note */
#subcat9 {
	float: left;
	margin-left: 25px;
	font-size: 11px;
	width: 600px;
}

#subcat9 .big {
  border: 1px solid #c5cdcf; 
}

#subcat9 h2.title {
	font-size: 1.3em;
	padding-bottom: 10px;
}

#subcat9 a.portfolio-lightbox img {
	margin: 0px 20px 10px 0px;
	border: solid 1px #c5ced1;
}

#subcat9 #boxes {
	width: 40px;
	text-align: right;
	margin: 5px;
  float: right;
  padding-right: 96px;
}

#subcat9 a.box {
	height: 10px;
	width: 10px;
	margin: 2px;
	background: #c5ced1;
	border: solid 1px #919aa3;
	text-decoration: none;
  line-height: .1em;
  display: block;
  float: left;
}
#subcat9 a.box:hover {
	background: #919aa3;
	text-decoration: none;
}