@charset "utf-8";

html {
	
	margin: 0px;
	padding: 0px;
}

body  {
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #5f5f5f;
	background-image: url(../images/subpage-main-bg.jpg);
	background-repeat: no-repeat;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 20px;	
}

body a {
	color: #009288;

	
}

h1 {
 margin-top: 10px;  margin-bottom: 10px;line-height: 25px;	
 color: #462360;
 font-size: 24px;
 font-weight: normal;
	
}

.subhead {
	font-size:18px;
	color: #7d2179
}

.largeSubhead {
	font-size:24px;
	color: #7d2179
	}

h2 {
	font-size: 24px;
	font-weight: normal;
	color: #5f5f5f;
	margin: 0px;
	line-height: 30px;
}

h3 {
font-size: 18px;
font-weight: normal;
color: #ff9205;
margin: 0px;

	
}
.h3sub {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #7d2179;
	margin-bottom: 0px;
	
}
.highlight {
	font-family: "Lucida Sans Regular", "Lucida Grande", sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #7d2179;
	
}

.highlight2 {
	font-family: "Lucida Sans Regular", "Lucida Grande", sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #666699;
	
}

p {
	margin-bottom: 15px;
	color: #5f5f5f;
}

.closeup {margin-top: 0px}
#containerBackground {
	background-image: url(../images/main-bg.jpg);
	background-position: 0px -46px;
	background-repeat: no-repeat;


}

#transparent {
	background-image: url(../images/transparency.png);
	background-repeat: no-repeat;
}

 #topBar {
	background-image: url(../images/header-bg.png);
	background-repeat:repeat-x;

} 

#mainNav {
	width: 960px;
	margin: 0px auto;
	height: 46px;
	position: relative;
}

#nav-container {
width: 960px;
height: 46px;
float: left;
	}

#menu {
	font-family: “Lucida Grande”, “Lucida Sans Unicode”, “Trebuchet MS”, Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 16px;
	top:-172px;
	left: 157px;
	width:180px;
	position:absolute;
	padding: 0;
	background-color: #FFF;
	text-align: left;
	z-index: 30;
	visibility: hidden;
	border-top: 1px none #888;
	border-right: 1px solid #888;
	border-bottom: 1px solid #888;
	border-left: 1px solid #888;
	filter:alpha(opacity=92);
	-moz-opacity:.92;
	opacity:.92;
	height: 500px;
	
}





#menu p {color: #000000; font-family: “Lucida Grande”, “Lucida Sans Unicode”, “Trebuchet MS”, Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 16px; }

#menu ul{
	list-style-type: none;
	padding: 0px 0;
	margin: 0px 0;
	color: #009288;
	list-style: none;
	
}

#menu li{
background-image: none;	
padding-left: 5px;
margin-top: 0em;
text-indent: 0px;
line-height: 16px;

}
#menu a:link {
	color:#009288;
	text-decoration: none;
	
}
#menu a:visited {
	color:#009288;
	text-decoration: none;
	
}
#menu a:hover {
	background-image: url(../images/arw.png);
    background-repeat: no-repeat;
    background-position: -3px .2em;
    padding-left: 1em;
	color:#009288;
	text-decoration: none;
	display:block;
}
#menu a:active {color:#009288;  text-decoration: none;  }



#header {width: 960px; height: 171px; position: relative}
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; 
}

.move {
	position: absolute;
	left: -9000px;
	
}

ul
{
list-style-type: none;
padding: 0;
margin: 0;
}


 li
{
background-image: url(../images/bullet.png);
background-repeat: no-repeat;
background-position: 0 .4em;
padding-left: 1em;
margin-top: .6em;

}


#nobg li {
	background-image: none;
	padding-left: .5em;
	margin-top: .6em;
	}
#nobg2 li {
	background-image: none;
	padding-left: .5em;
	margin-top: .6em;
	}

 #footer {
	padding: 0px;
	height: 317px;
	background-image:url(../images/subpage-ftr.jpg);
	background-repeat: repeat-x;
	color: #c7c7c7;
	clear: both;
	float: left;
	width: 100%;
} 

#footer a {color: #c7c7c7; text-decoration: none;}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}



/* Footer Styles ************/

#footerContainer {
	width: 960px;
	margin: 0 auto;
	text-align: left; 	
}

#footersidebar1 {
	float: left;
	width: 218px;
	padding: 20px 10px 15px 20px;
}
 #footersidebar2 {
	float: right; 
	width: 240px; 
	padding: 20px 0px 0px 10px; 
	font-size: 12px; 
	line-height: 16px;	 
}

 #footermainContent {
	margin: 0 250px;
	padding: 48px 8px 20px 18px;
	position: relative;
	width: 432px;
	line-height: normal;
}

.sep {
	margin-left: -20px
	}
	
#footerNav {
	width: 960px;
	clear: both;
	float: left;
	height: 100px;
	font-family: Lucida Sans Unicode, Lucida Grande, Verdana, Arial,  sans-serif;
	font-size: 11px;
	line-height: normal;
	background-repeat: no-repeat;
	background-position: top;	
}
	
	

/********************************/
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.yellow {
	color: #ffce1f;
}

/* styles for two column layout accessed by using the class in the body tag per page******************************************************************/

.twoColFixHdr #container {
	width: 960px;
	margin: 0 auto;
	text-align: left; 
} 

.twoColFixHdr #sidebar2 {
	float: right;
	width: 305px;
	padding: 45px 10px 0px 10px;
	
	 
}
.twoColFixHdr #sidebar2  p {
	
}
.twoColFixHdr #sidebar2 h2 {
	color: #462360;

}

.twoColFixHdr #mainContent {
	margin: 0 329px 0px 0;
	padding: 50px 0px 0;
	position: relative;
	width: 631px;
} 
.portfolio_content{
	margin: 0 329px 0px 0;
	padding: 50px 0px 0;
	position: relative;
	width: 970px;
	
}


.twoColFixHdr  #footermainContent {
	padding: 0px 15px;
	position: relative;
	width: 930px;
	line-height: normal;
	margin: 0px;
	background-image: url(../images/subpage-ftr-dots.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

.twoColFixHdr   li
{
background-image: url(../images/bullet.png);
background-repeat: no-repeat;
background-position: 0 .4em;
padding-left: 1em;
margin-top: 0em;
line-height: normal;

}

.nine_point {
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}.boxRightDottedLeft {
	float:left;
	padding-left:10px;
	border-left: 1px dotted #666;
}
#mainTitle {
	float: left;
	height: 190px;
	width: 100%;
	background-image: url(../images/subpage-title-dots.png);
	background-repeat: no-repeat;
	position: relative;
}
#colRight {
	width: 295px;
	padding-left: 10px;
	float: right;
}
#colLeft {
	width: 295px;
	padding-left: 15px;
	float: left;
}
#footerContact {
	width: 224px;
	float: left;
	margin-top:0px;
}
#footerTop {
	width: 100%;
	clear: left;
	float: left;
	margin-top:10px;
	height: 110px;
}
#footerMiddle {
	width: 100%;
	clear: left;
	float: left;
	height: 50px;
}
#footerTopLeft {
	width: 50%;
	float: left;
	height: 80px;
	margin-top: 20px;
}
#middleLeft {
	width: 280px;
	margin-top: 15px;
	float: left;
}
#middleMiddle {
	width: 415px;
	float: left;
	margin-top: 15px;
}
#middleRight {
	width: 200px;
	float:right;
	margin-top: 15px;
	text-align: right;
}
#footerTopRight {
	width: 50%;
	float:right;
	text-align: right;
	margin-top: 10px;
}
#pageHeaderSubhead {
	margin-left: 15px;
	margin-top: 30px;
	height: 76px;
}
#intranet_menu{
	margin-left: 15px;
	margin-top: 30px;
	
	
}
	

#shadow-subpage {
	position:absolute;
	width:975px;
	height:15px;
	z-index:5;
	left: -7px;
	top: 29px;
}
.smallTitle {
	background-image: none;
	height: 100px;
}
#pageHeader {
	margin-left: 15px;
	margin-top: 20px;
	padding-bottom: 10px;
}
#cta {
	clear: both;
	margin-bottom: 20px;
}
.centerImage {
	width: 250px;
	margin: 0px auto;
}
blockquote {
	margin: 20px;
	font-size: 12px;
	line-height: normal;
}
.purple {color: #7d2179}


.content-box-with-bg {
	width: 260px;
	padding-left: 10px;
	padding-right: 20px;
	height: 320px;
	font-size: 11px;
	font-family: Verdana, sans-serif;
	line-height: normal;
	
}

#portfolio-content {
	margin-left: 15px;
	width: 600px;
	
}

#tlcBox {
	width: 600px;
	background-image:url(../images/headerv2.jpg);
	background-repeat: no-repeat;
	margin-left: 10px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	line-height: normal;
	border: 1px solid #BFBFBF;
}
.w-dtd-border-lft {
	border-left: 1px dotted #BFBFBF;
}
#illustrations {
	width: 345px;
	border: 1px solid #A29DCC;
	margin: 0px auto;
	padding-left: 2px;
	background: #FFF;
}
.more {
	font-weight: bold;
	color: #30C;
}
.menuHeading {
	color: #ff9205;
}

#ServiceLinks {display: none}
	
	
#serviceIE6 {
	display: none;
	position:absolute;
	width:170px;
	height:30px;
	z-index:2;
	top: -246px;
	background-color: #E1ECE8;
}

#flashHolder {
	position:absolute;
	width:458px;
	height:631px;
	z-index:10;
}
#shadow {
	position:absolute;
	width:961px;
	height:15px;
	z-index:5;
	left: -250px;
	top: 50px;
}
#titleArt {
	position:absolute;
	width:200px;
	height:164px;
	z-index:1;
	left: 413px;
	top: 37px;
}
#colCenter {
	width: 100%;
	float: left;
	height: 15px;
}
.rightUnderFormText {
	width: 222px;
	padding-left: 40px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #5F5F5F;
	text-align: center;
}
.whiteBox {
	background: #FFFFFF;
	border: 1px solid #CCC;
	padding: 20px 20px 0px 20px;
	margin: 0 0 10px 0;
}

#nav {
	width: 960px;
	height: 46px;
    float: left;
	overflow: hidden;
	z-index: 50;
	background-image: url(../images/menu2.gif);
	background-repeat: no-repeat;
	}
	
#nav ul {
list-style: none;
padding: 0px;
margin: 0px;
}

#nav li {
display: inline;
background-image: none;
float: left;
padding-left: 0;
margin-top: 0;
}

#nav a {
	display: block;
	height: 46px;
	background-image: url(../images/menu2.gif); 
	text-indent: -5000px;
}


#nav-home a {background-position: 0 0; width: 75px;}
#nav-home a:hover {background-position: 0 -100px;}
#nav-home a:active {background-position: 0 -100px;}
#nav-home a.current {background-position: 0 -100px;}

#nav-about a {background-position: -75px 0; width: 80px;}
#nav-about a:hover {background-position: -75px -100px;}
#nav-about a:active {background-position: -75px -100px;}
#nav-about a.current {background-position: -75px -100px;}

#nav-services a {background-position: -155px 0; width: 76px}
#nav-services a:hover {background-position: -155px -100px;}
#nav-services a:active {background-position: -155px -100px;}
#nav-services a.current {background-position: -155px -100px;}

#nav-tlc a {background-position: -231px 0; width: 81px;}
#nav-tlc a:hover {background-position: -231px -100px;}
#nav-tlc a:active {background-position: -231px -100px;}
#nav-tlc a.current{background-position: -231px -100px;}

#nav-portfolio a {background-position: -312px 0; width: 88px;}
#nav-portfolio a:hover {background-position: -312px -100px;}
#nav-portfolio a:active {background-position: -312px -100px;}
#nav-portfolio a.current {background-position: -312px -100px;}

#nav-awards a {background-position: -400px 0; width: 72px;}
#nav-awards a:hover {background-position: -400px -100px;}
#nav-awards a:active {background-position: -400px -100px;}
#nav-awards a.current {background-position: -400px -100px;}

#nav-clients a {background-position: -472px 0; width: 158px;}
#nav-clients  a:hover {background-position: -472px -100px;}
#nav-clients  a:active {background-position: -472px -100px;}
#nav-clients  a.current{background-position: -472px -100px;}

#nav-newsletters a {background-position: -630px 0; width: 103px;}
#nav-newsletters a:hover {background-position: -630px -100px;}
#nav-newsletters a:active {background-position: -630px -100px;}
#nav-newsletters a.current {background-position: -630px -100px;}

#nav-blog a {background-position: -733px 0; width: 52px;}
#nav-blog a:hover {background-position: -733px -100px;}
#nav-blog a:active {background-position: -733px -100px;}
#nav-blog a.current {background-position: -733px -100px;}

#nav-contact a {background-position: -785px 0; width: 79px;}
#nav-contact a:hover {background-position: -785px -100px;}
#nav-contact a:active {background-position: -785px -100px;}
#nav-contact a.current {background-position: -785px -100px;}

#nav-sitemap a {background-position: -864px 0; width: 96px;}
#nav-sitemap a:hover {background-position: -864px -100px;}
#nav-sitemap a:active {background-position: -864px -100px;}
#nav-sitemap a.current {background-position: -864px -100px;}#homelogo {
	width: 480px;
	height: 171px;
	position: relative;
}