/* clear the playing field, reset global padding and margin */
@import "reset.css";

body {
	background-color: #16171C;
	background-image: url(../images/bodyBgStripes.gif);
	background-repeat: repeat;
	margin-top:5px;
	padding: 0;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#000;
	font-size:100%;
	margin: 0 auto;
}

p {
	color:#000000;
	margin-bottom:20px;
	line-height:1em;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}

img {
	border:none;
	margin:0;
	padding:0;
}

h1 {
	background-repeat:no-repeat;
	margin: 12px 0 0 9px;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	color: #FFFFFF;
	font-weight:normal;
}

h1#homeBanner  {
margin-right: 16px;
margin-top: 15px;
color:#FFFFFF;
font-family:"Trebuchet MS", Veradna, sans-serif;
font-size: 1.9em;
font-weight:bold;
float:right;
font-stretch:ultra-condensed;
font-stretch:narrower;
}

h2#homeIntro {
margin-top: 130px;
margin-left: 10px;
color:#FFFFFF;
font-family:"Trebuchet MS", Veradna, sans-serif;
font-size: 1.6em;
font-weight:bold;
float:left;
font-stretch:ultra-condensed;
font-stretch:narrower;
}

h2 {
	margin:0;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #000033;
	font-size: 12px;
	margin: 2px 0 5px 10px;
}

.address{
margin-left: 8px;
padding:3px;
background-image:url(../images/addressBGfade.jpg);
background-repeat:repeat-x;
width: 528px;
}

.address h2 {
}

.starH2 {
margin: 3px 0 0 7px;
padding: 2px 0 0 23px;
font-family:"Trebuchet MS";
letter-spacing: 1px;
font-size:1.1em;
font-weight:normal;
color:#FFFFFF;
background-image:url(../images/h2StarBG.gif);
background-repeat:no-repeat;
}

h3 {
	margin:10px 0 5px 0;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
	color:#000000;
}

h4 {
	margin:28px 0 5px 0;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
	color:#000033;
}

#pageframe {
width: 898px;
margin: 0 auto;
}

#header {
text-align:left;
float:left;
margin-top: 5px;
width: 898px;
height: 115px;
vertical-align: middle;
}

#nav {
float:left;
background-image:url(../images/nav_bg.gif);
background-repeat:no-repeat;
width: 898px;
height: 31px;
margin-top: 5px;
padding:0;
}

#navBtmTrim {
float:left;
width: 890px;
height: 6px;
line-height: 6px;
margin-left: 3px;
margin-top: 0;
background-image:url(../images/navBtmTrimBG.gif);
background-repeat:repeat-y;
}

#mainNav {
margin-left: 12px;
color:#FFFFFF;
}

#mainNav ul {
margin: 14px 0 0 0;
}

#mainNav li {
display:inline;
margin: 0;
background-image:url(../images/mainNavSep.gif);
background-repeat:no-repeat;
background-position: 100% 36%;
padding: 0;
}

#mainNav li a {
color:#FFFFFF;
text-decoration: none;
padding: 5px 20px 5px 20px;
margin:0 6px 0 0;
}

*html #mainNav li a {
margin: 0 0 0 4px;
}

#mainNav li a:hover {
color: #fff200;
}

#mainNav li a#home {
background-repeat:no-repeat;
background-image:url(../images/home_bg.gif);
}

#mainNav li a#services {
background-repeat:no-repeat;
background-image: url(../images/whatwedo_bg.gif);
}

#mainNav li a#about {
background-repeat:no-repeat;
background-image: url(../images/about_bg.gif);
}

#mainNav li a#memberships {
background-repeat:no-repeat;
background-image: url(../images/membership_bg.gif);
}

#mainNav li a#contact{
background-repeat:no-repeat;
background-image: url(../images/contact_bg.gif);
}

#mainNav li.last {
background-image:none;
}

#content {
float:left;
display:block;
width: 898px;
background-image: url(../images/content_bg.gif);
background-repeat:repeat-y;
height: 405px;
padding-left: 4px;
}

#contentContact {
float:left;
display:block;
width: 898px;
background-image: url(../images/content_bg.gif);
background-repeat:repeat-y;
height: 600px;
padding-left: 4px;
}

#contentPortfolio {
float:left;
display:block;
width: 898px;
background-image: url(../images/content_bg.gif);
background-repeat:repeat-y;
height: 505px;
padding-left: 4px;
}

#content_home {
float:left;
display:block;
width: 889px;
background-image:url(../images/content_home_bg.gif);
background-repeat:repeat-y;
height: 545px;
padding-left: 4px;
}

#navBtmTrimContent {
background-image:url(/images/nav_btm_trim.gif); 
background-repeat:repeat-x; 
width:888px; 
height:87px;
}
 

#contentBG {
background-image:url(/portfolio/images/content_bg_fade.gif); 
background-repeat:repeat-x; 
background-position: 5% 100%; 
width:888px; 
height:320px;
}

#contentBGContact {
background-image:url(/portfolio/images/content_bg_fade.gif); 
background-repeat:repeat-x; 
background-position: 5% 100%; 
width:888px; 
height:600px;
}

#contentBGPortfolio {
background-image:url(/portfolio/images/content_bg_fade.gif); 
background-repeat:repeat-x; 
background-position: 5% 100%; 
width:888px; 
height:420px;
}

#contentContainer {
float:right; 
width:560px; 
height:354px;
background-image:url(../images/whatwedoContentBg.gif);
background-repeat:no-repeat;
margin-right: 5px;
position: relative;
top:-65px;
padding: 4px 0px 2px 3px;
}

#contentContainerContact {
float:right; 
width:560px; 
height:554px;
background-image:url(../images/contactContentBg.gif);
background-repeat:no-repeat;
margin-right: 5px;
position: relative;
top:-65px;
padding: 4px 0px 2px 3px;
}


#contentContainer h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:bold;
color:#015790;
margin: 5px 5px 8px 5px;
}


#contentContainerContact h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:bold;
color:#015790;
margin: 5px 5px 8px 5px;
}

#contentContainerContact p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
margin: 10px 15px 0 15px;
}

form {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
margin: 10px 15px 0 15px;
}

#contentContainer p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
margin: 10px 15px 0 15px;
}

#contentContainer ul {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height:11px;
margin: 10px 15px 0 35px;
list-style-image:url(../images/bulletBlueCircle.gif);
}



#contentContainer ul li {
margin: 0 0 5px 0;
}

#contentContainerPortfolio {
float:left; 
width:884px; 
height:500px;
background-repeat:no-repeat;
margin-right: 0px;
position: relative;
top:-95px;
padding: 4px 0px 2px 3px;
}

#contentContainerPortfolio h1 {
	background-repeat:no-repeat;
	margin: 22px 0 0 15px;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color: #FFFFFF;
	font-weight:normal;
}
/* subpage more popup window control  */





#servicesNav {
font-family:"Trebuchet MS";
font-size: 16px;
letter-spacing: .05em;
font-weight: 100;
color:#FFFFFF;
float:left; 
width:311px;
height:250px;
position: relative;
top:-65px;
}

#servicesNav ul {
margin-top: 0px;
}

#servicesNav ul li {
list-style:none;
list-style-type:none;
height: 33px;
margin: 0 0 5px 0;
}

#servicesNav a {
display:block;
padding: 11px 0 0 28px;
text-decoration:none;
color:#FFFFFF;
height:40px;
background-image:url(../images/whatwedo_nav_bg_default.gif);
background-repeat:no-repeat;
}

#servicesNav a:hover {
background-image:url(../images/whatwedoNavBgHover.gif);
background-repeat:no-repeat;
}

#servicesNav a.current {
background-image:url(../images/whatwedoNavBgCurrent.gif);
background-repeat:no-repeat;
}

#servicesNav a:hover.current {
background-image:url(../images/whatwedoNavBgCurrent.gif);
background-repeat:no-repeat;
}

#subpageNav {
height: 40px;
margin: 5px 0 0 5px;
padding:0;
}

#subpageNav ul {
}

#subpageNav ul li {
text-align:center;
margin: 0px;
height: 37px;
width:117px;
text-align:center;
display:inline;
}

#subpageNav a {
text-align:center;
padding: 5px 0 0 0;
font-size:13px;
color:#FFFFFF;
width:117px;
height:37px;
text-decoration:none;
background-image:url(../images/subpageNavItemBGoff.gif);
background-repeat:no-repeat;
display:inline-block;
}

#subpageNav a:hover {
padding: 5px 0 0 0;
font-size:13px;
color: #CCCCCC;
width:117px;
height:37px;
text-decoration:none;
background-image:url(../images/subpageNavItemBGHover.gif);
background-repeat:no-repeat;
display:inline-block;
}

#subpageNav .current {
color:#FFFFFF;
background-image:url(../images/subpageNavItemBGCurrent.gif);
}

#subpageNav a:hover.current {
color:#FFFFFF;
background-image:url(../images/subpageNavItemBGCurrent.gif);
}


#homePhoto {
background-image:url(../images/homeImage1.jpg);
background-repeat:no-repeat;
margin: 5px;
float: left;
width: 631px;
}

.slideshow {
    position:relative;
    height:324px;
}
.slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}
.slideshow IMG.active {
    z-index:10;
}
#slideshow IMG.last-active {
    z-index:9;
}

#homeWelcome {
background-image:url(../images/homeWelcome.gif);
background-repeat:no-repeat;
margin-top: 5px;
float: left;
width: 235px;
height: 324px;
}

#homeWelcome h2 {
margin: 3px 0 0 7px;
padding: 2px 0 0 23px;
font-family:"Trebuchet MS";
letter-spacing: 1px;
font-size:1.1em;
font-weight:normal;
color:#FFFFFF;
background-image:url(../images/h2StarBG.gif);
background-repeat:no-repeat;
}

#homeWelcome p {
margin: 10px 20px 15px 15px;
color: #ffffff;
font-size: .8em;
}

#greenBottomTrim {
float:left;
width: 898px;
background-image:url(../images/green_bottom_trim.gif);
display:block;
margin-left: 4px;
}


#footer {
width: 892px;
margin-top: 5px; }

#footer p {
color:#999999;
font-size:10px;
line-height: 11px;
font-family:Verdana, "Trebuchet MS", Arial, Sans-serif;
}

#footer a {
color: #999999;
}

#footer a:visited {
color: #999999;
}

#footer a:hover {
color:#ffffff;
}



















/* Utility Classes  */

.hide {display:none;}

.indenttext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 20px 15px;
	font-size: 1.3em;
	color:#666;
}

.floatRight {float:right;}

.floatLeft {float:left;}

.strong {font-weight:900;} 

.clear_right {clear:right;}

.printlogo {display:none;}

.skiptocontent {
	display:none;
	padding:0;
	margin:0;
}

#breadcrumbs {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #999999;
	padding: 7px;
	}

#contentContainerPortfolio #breadcrumbs {
margin: 10px 0 0 0;
color: #ffffff;
}
	
#contentContainerPortfolio #breadcrumbs a {
color: #ffffff;
}