/* NOTE: Official PMS colors mention PMS 630 as #8cccd3 and PMS 631 as #54b7c6 */
body  {
	font: 12px/16px TradeGothic, Georgia, "Times New Roman", Times, serif;
	background: #ffffff;
	margin: 0;
	padding: 0;
	color: #000000;
	behavior: url(scripts/csshover3.htc);
}

img, div, a { 
	behavior: url(scripts/iepngfix.htc); border: 0;
	 }
	 
a:link {
	color: #54b7c6;
	text-decoration: underline;
}

a:visited {
	color: #54b7c6;
	text-decoration: underline;
}

a:hover {
	color: #54b7c6;
	text-decoration: none;
}

a:active {
	color: #54b7c6;
	text-decoration: underline;
}

.master #container {
	width: 939px;
	background: #ffffff url(images/bg.gif) repeat-y;
	text-align: left;
	padding: 0;
	margin: 0;
	} 
	
.master #header {
	margin: 0;
	padding: 0;
	vertical-align: top;
	}
	
.master #sidebar1 {
	float: left;
	width: 126px;
	background-color: #88c2d7;
	margin: 0;
	padding: 0;
	}

.master #sidebar2 {
	float: right;
	width: 133px;
	background: #ffffff;
	padding-top: 122px;
	margin: 0;
	padding: 0;
	}

.master #mainContent { 
	/* width: 627px; */
	margin: 0 149px 0 160px;
	padding: 0;
}

.master #projectsProgress { 
	/* width: 627px; */
	margin: 0 149px 0 160px;
	padding: 0;
}

#projectsProgress strong {
	font-size: 13px;
	}

#ccSignup {
	margin-top: 25px;
}

.fltrt {
	float: right;
	margin-left: 8px;
}

.fltlft {
	float: left;
	margin-right: 15px;
}

.fltlft2 {
	float: left;
}

.fltPortfolio {
	float: left;
	margin-right: 15px;
	background: url(images/portfolio_bg.gif) repeat-y;
	height: 233px;
	}

.fltPortfolio2 {
	float: left;
	background: url(images/portfolio_bg.gif) repeat-y;
	height: 233px;
	}
	
p.introduction:first-letter {
	float : left;
	color : #54b7c6;
	display: block;
	font: 44px/25px "ITC Fenice", Georgia, "Times New Roman", Times, serif;
	margin: 0 5px 0 0;
	padding: 0;
	}
	
.fltPortfolio p, .fltPortfolio2 p {
	margin-top: 3px;
	margin-left: 4px;
	padding: 0;
	font-size: 12px;
	text-transform: uppercase;
	line-height: 13px;
	font-family: "ITC Fenice", Georgia, "Times New Roman", Times, serif;
	}

.fltPortfolio strong, .fltPortfolio2 strong {
	font-size: 13px;
	}

.fltPortfolio a:link, .fltPortfolio2 a:link {
	color: black;
	text-decoration: none;
	}
	
.fltPortfolio a:visited, .fltPortfolio2 a:visited {
	color: black;
	text-decoration: none;
	}

.fltPortfolio a:hover, .fltPortfolio2 a:hover {
	color: black;
	text-decoration: underline;
	}
	
.fltPortfolio a:active, .fltPortfolio2 a:active {
	color: black;
	text-decoration: underline;
	}
	
.fltlftP {
	float: left;
	margin-right: 15px;
	width: 199px;
	padding: 0;
	}

.fltlftP2 {
	float: left;
	width: 199px;
	margin: 0;
	padding: 0;
	}
	
.fltlftP p, .fltlftP2 p {
	font-size: 11px;
	line-height: 15px;
	width: 186px;
	}

.footer {
	margin-top: 19px;
	}

.header {
	margin-left: 34px;
	}

.photoBrdr {
	margin-bottom: 6px;
	}

#monoSlideshow {
	/* height: 162px;
	width: 624px; */
	margin: 0;
	padding: 0 0 11px;
	}

#portfolioDetail {
	width: 524px;
	/* height: 706px; */
	}

#photoArray {
	width: 72px;
	height: 671px;
	background-color: #88c2d7;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 127px;
	left: 714px;
	}

#photoArray img {
	padding: 0;
	margin-bottom: 2px;
	}

#photoDetail {
	width: 524px;
	height: 426px;
	background: url(images/portfolio/detail_bg.gif) repeat-y;
	padding: 0;
	margin-bottom: 27px;
	}
	
#photoDetail p {
	margin: 0;
	padding: 9px 0 0 7px;
	font: 16px/21px "ITC Fenice", Georgia, "Times New Roman", Times, serif;
	}
	
#photoDetail strong {
	font: bold 18px "ITC Fenice", Georgia, "Times New Roman", Times, serif;
	}

span.quote {
	color: #54b7c6;
	vertical-align: bottom;
	font: 45pt/1px "ITC Fenice", Georgia, "Times New Roman", Times, serif;
	padding: 0;
	}

.testimonialQuote {
	background: url(images/quote.gif) no-repeat left top;
	text-indent: 24px;
	padding-top: 8px;
	}

.progress {
	color: #54b7c6;
	font: 28px "ITC Fenice", Georgia, "Times New Roman", Times, serif;
	margin: 21px 0 0;
	padding: 0;
	}

.testimonial {
	text-align: right;
	font-style: italic;
	}

.about strong, .contact strong, .detail strong {
	font-size: 14px;
	}

.column {
	float: left;
	width: 310px;
}

.credit {
	font-style: italic;
	font-size: 11px;
	}

.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	margin: 0;
	padding: 0;
	}

#navigation {
	padding: 0;
	margin: 0;
	/* display: inline; */
	/* position: relative; */
	}



/* @group Navigation Specifics */

ul.IR li {
  position: relative;
  /*overflow: hidden;
  commented out for this example */
  font-size: 0.9em;
}

.IR em {
  display: block;
  /*position: absolute;*/ /* this might be important for testing issues */
  top: 0; left: 0;
  z-index: 1;
}

.IR strong {
  display: block;
  position: absolute;
  top: 0; left: 0;
  z-index: 1;
}

.nav { 
    list-style: none;
	margin: -3px 0 0;
	padding: 0;
	}

.nav li { 
	padding: 0;
	margin: 0;
	}

.nav li, .nav li em, .nav li strong { height: 28px; 
	}

.link1 {
	width: 107px;
	background: url(images/nav/home.gif) no-repeat;
  	background-position: -107px 0;
	}

.link2 {
	width: 107px;
  	background: url(images/nav/about_us.gif) no-repeat;
    background-position: -107px 0;
	}

.link3 {
	width: 107px;
  	background: url(images/nav/services.gif) no-repeat;
    background-position: -107px 0;
	}

.link4 {
	width: 107px;
  	background: url(images/nav/portfolio.gif) no-repeat;
    background-position: -107px 0;
	}

.link5 {
	width: 107px;
  	background: url(images/nav/testimonials.gif) no-repeat;
    background-position: -107px 0;
	}

.link6 {
	width: 107px;
  	background: url(images/nav/contact_us.gif) no-repeat;
    background-position: -107px 0;
	}

.link1 em, .link1 strong {
	width: 107px;
    background: url(images/nav/home.gif) no-repeat;
    cursor: pointer;
	}

.link2 em, .link2 strong {
	width: 107px;
    background: url(images/nav/about_us.gif) no-repeat;
    cursor: pointer;
	}

.link3 em, .link3 strong {
	width: 107px;
    background: url(images/nav/services.gif) no-repeat;
    cursor: pointer;
	}

.link4 em, .link4 strong {
	width: 107px;
    background: url(images/nav/portfolio.gif) no-repeat;
    cursor: pointer;
	}

.link5 em, .link5 strong {
	width: 107px;
    background: url(images/nav/testimonials.gif) no-repeat;
    cursor: pointer;
	}

.link6 em, .link6 strong {
	width: 107px;
    background: url(images/nav/contact_us.gif) no-repeat;
    cursor: pointer;
	}

.link1 { left: 0px; }
.link1 em {
  background-position: 0 0;
	}
.link1:hover em {
  background-position: -107px 0;
	}
	
.link2 { left: 0px; }
.link2 em {
  background-position: 0 0;
	}
	
.link2 a:hover {
	text-decoration: none;
	}
	
.link2:hover em {
  background-position: -107px 0;
	}
	
.link3 { left: 0px; }
.link3 em {
  background-position: 0 0;
	}
	
.link3 a:hover {
	text-decoration: none;
	}
		
.link3:hover em {
  background-position: -107px 0;
	}

.link4 { left: 0px; }
.link4 em {
  background-position: 0 0;
	}
.link4:hover em {
  background-position: -107px 0;
	}

.link5 { left: 0px;
	}
.link5 em {
  background-position: 0 0;
	}
.link5:hover em {
  background-position: -107px 0;
	}
	
.link6 { left: 0px;
	}
.link6 em {
  background-position: 0 0;
	}
.link6:hover em {
  background-position: -107px 0;
	}
	
.link1 strong, .link2 strong, .link3 strong, .link4 strong, .link5 strong, .link6 strong {
  background-position: -107px 0;
	}

.nav a { display: block;
	}
/* The Holly Hack */
* html .nav a { height: 1%; }

.nav li:hover ul { left: auto; }

/* @end */