@charset "utf-8";
/* CSS Document */


html{margin:0; padding:0;}
body{margin:0; padding:0; text-align:center; color:#5f5f5f; background:url(../images/main-bg.jpg) no-repeat; font:16px Georgia, "Times New Roman", Times, serif;
	line-height:22px;}
body.subpage {font-size:14px; line-height:20px; background:url(../images/subpage-main-bg.jpg) no-repeat;}
body a {color:#009288;}
h1{margin-top:0; margin-bottom:10px; line-height:25px; color:#005d42; font-size:28px; font-weight:normal;}
h1.home {margin: 15px 0 20px 0;}
h2{margin:0; font-weight:normal; color:#462360;}
h3{font-weight:bold; color:#005940;}
h3sub{font:14px "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight:bold; color:#7d2179;}
blockquote{margin:20px; font-size:12px; line-height:normal;}
p{margin-bottom:15px;}
#transparent {background:url(../images/transparency.png) no-repeat;}
.subhead {font-size:18px; color:#666}
#clear, .clear{clear:both;}
#left{float:left;}
#right{float:right;}
.validator{color:#F00;}


/* --- Layout ------------------------------------------------------------------------------------------------------------------------------------------------------- */
#container {width:960px; margin:0 auto; text-align:left; margin-top:-46px;}
#header {height:217px;} 
#header.subpage {width:960px; height:171px; position:relative}
#mainNav{width:960px; margin:0 auto; height:46px; position:relative; z-index:1;}
#nav-container {width:960px; height:46px; float:left;}
#header h1 {margin:0; padding:10px 0;}
#sidebar1 {float:left; width:228px; padding:80px 10px 15px; height:487px;}
#sidebar2 h2 {color:#462360;}
#topBar{width:100%; height:46px; background:url(../images/header-bg.png) repeat-x;} 
#mainContentHome {margin:0; padding:0 0 0 40px; position:relative; width:669px; float:left;}
#mainContent.subpage {margin:0 329px 0 0; padding:50px 0 0; position:relative; width:631px;} 
#colRight {width:295px; padding-left:10px;float:right;}
#colLeft {width:295px; padding-left:15px; float:left;}
#colCenter {width:100%; float:left; height:15px;}
.portfolio_content{margin:0 329px 0 0; padding:50px 0 0; position:relative; width:970px;}
.fltrt {float:right; margin-left:8px;}
.fltlft {float:left; margin-right:8px;}
.clearfloat {clear:both; height:0; font-size:1px; line-height:0;}
.selected {background:url(../images/menu-ovr.png);}
.twoColFixHdr #container {width:960px; margin:0 auto; text-align:left; margin-top:-46px; margin-bottom:33px;} 
.twoColFixHdr #sidebar2 {float:right; width:305px; padding:45px 10px 0px 10px;}
.twoColFixHdr #sidebar2 h2 {color:#462360;}
.twoColFixHdr #mainContent {margin:0 329px 0 0; padding:50px 0 0 0; position:relative; width:631px;} 
.twoColFixHdr  #footermainContent {padding:0 15px; position:relative; background:url(../images/subpage-ftr-dots.png) no-repeat center bottom; width:930px; 
	line-height:normal; margin:0;}
.twoColFixHdr li {background:url(../images/bullet.png) no-repeat 0 .4em; padding-left:1em; margin-top:0; line-height:normal;}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------ */



/* --- List --------------------------------------------------------------------------------------------------------------------------------------------------------- */
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;}

ul.portfolio{list-style:none; display:block; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
ul.portfolio li{background:none; border:1px solid #CCC; text-align:right; display:block; margin:3px 0; padding:0;}
ul.portfolio li a{text-decoration:none; color:#727272; padding:4px 7px; display:block;}
ul.portfolio li a:hover{color:#fff; background:#BEBEBE; display:block;}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------ */


 
/* --- Main Navigation ---------------------------------------------------------------------------------------------------------------------------------------------- */
#nav {width:960px; height:46px; float:left; overflow:hidden; z-index:50; background-image:url(../images/menu2.png); 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.png); text-indent: -5000px;}

#nav-home a {background-position: 0 0; width: 66px;}
#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: -66px 0; width: 65px;}
#nav-about a:hover {background-position: -66px -100px;}
#nav-about a:active {background-position: -66px -100px;}
#nav-about a.current {background-position: -66px -100px;}

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

#nav-graphic a {background-position: -262px 0; width: 129px;}
#nav-graphic a:hover {background-position: -262px -100px;}
#nav-graphic a:active {background-position: -262px -100px;}
#nav-graphic a.current{background-position: -262px -100px;}

#nav-web a {background-position: -391px 0; width: 101px;}
#nav-web a:hover {background-position: -391px -100px;}
#nav-web a:active {background-position: -391px -100px;}
#nav-web a.current {background-position: -391px -100px;}

#nav-im a {background-position: -492px 0; width: 165px;}
#nav-im a:hover {background-position: -492px -100px;}
#nav-im a:active {background-position: -492px -100px;}
#nav-im a.current {background-position: -492px -100px;}

#nav-video a {background-position: -657px 0; width: 68px;}
#nav-video  a:hover {background-position: -657px -100px;}
#nav-video  a:active {background-position: -657px -100px;}
#nav-video  a.current{background-position: -657px -100px;}

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

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

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

#aboutdrop {position:absolute;width:152px;height:54px;z-index:1;left: 66px;top: 46px;visibility: hidden;}
#brandingdrop {position:absolute;width:169px;height:124px;z-index:1;left: 133px;top: 46px;visibility: hidden;}
#graphicdesigndrop {position:absolute;width:154px;height:156px;z-index:1;left: 263px;top: 46px;visibility: hidden;}
#webdesigndrop {position:absolute;width:150px;height:55px;z-index:1;left: 392px;top: 46px;visibility: hidden;}
#internetmarketingdrop {position:absolute; width:191px; height:72px; z-index:1; left:493px; top:46px; visibility:hidden;}
#videodrop {position:absolute;width:126px;height:40px;z-index:1;left: 658px;top: 46px;visibility: hidden;}

.menu {font-family: “Lucida Grande”, “Lucida Sans Unicode”, “Trebuchet MS”, Helvetica, Arial, Verdana, sans-serif;font-size: 13px;line-height: 16px;padding: 0;background-color: #FFF;text-align: left;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: 536px;}
.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: 17px;}
.menu a {color:#009288;text-decoration: none;display:block;	}
.menu a:hover {color:#666;text-decoration: none;background-image: url(../images/arw.png);background-repeat: no-repeat;background-position: -3px .2em;padding-left: 1em;}
.menuHeading {color: #ff9205;}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------ */



/* --- Misc --------------------------------------------------------------------------------------------------------------------------------------------------------- */
#mainTitle{float:left; height:190px; width:90%; background:url(../images/subpage-title-dots.png) no-repeat; position:relative;}
#apDiv1{position:absolute; width:200px; height:115px;  z-index:2; left:747px; top:718px;}
#employment{position:absolute; width:134px; height:36px; z-index:2; left:807px; top:-44px;}
#sp-content {visibility: visible;position:absolute;width:402px;height:225px;z-index:1;left: 39px;top: 6px;font-size: 13px;line-height: 15px;}
#2-content {position:absolute;width:402px;height:225px;z-index:3;left: 39px;top: 6px;font-size: 13px;line-height: 15px;visibility: hidden;}
#3-content {position:absolute;width:402px;height:225px;z-index:2;left: 39px;top: 6px;font-size: 13px;line-height: 15px;visibility: hidden;}
#flashHolder {position:absolute;width:458px;height:631px;z-index:10;}
#homelogo {width: 480px;height: 171px;}
#homelogo-ie6 {display: none;}
#addthisBox {width: 210px;height: 33px;float: left;margin-top: 8px;}
#RSS-feed{width:222px; height:500px; padding:0; float:left;}
#rss{width:243px; float:right; /*height:609px;*/}
#javascriptbanners {height:450px;width:895px;margin:15px 30px 15px 30px;text-align:center;border:0px solid #333;}
#wowbanners {height:321px;width:895px;margin:15px 30px 15px 30px;border:0px solid #333;}
#service-tabs {width: 409px;height: 141px;margin-left: 15px;margin-bottom: 0px;margin-right: 15px;margin-top: 0px;float: right;}
#headerRight {width:480px;height:171px;margin:0px;float:right;}
#pageHeaderSubhead {
	margin-left: 15px;
	margin-top: 30px;
	height: 156px;
}
#intranet_menu{margin-left: 15px;margin-top: 30px;	}
#pageHeader {margin-left: 15px;margin-top: 20px;padding-bottom: 10px;}
#cta {clear: both;margin-bottom: 20px;}
#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;}
#illustrations {width: 345px;border: 1px solid #A29DCC;margin: 0px auto;padding-left: 2px;background: #FFF;}
#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;}
#shadow.home { position:absolute; width:961px; height:15px; z-index:5; left: -8px; top: -14px; background-image: url(../images/shadow.png); background-repeat: no-repeat; }
#shadow-subpage {position:absolute;width:975px;height:15px;z-index:5;left: -7px;top: 29px;}
#titleArt {position:absolute;width:200px;height:164px;z-index:1;left: 413px;top: 37px;}
.rightUnderFormText {width: 222px;padding-left: 40px;font-family: Georgia, "Times New Roman", Times, serif;font-size: 14px;color: #5F5F5F;text-align: center;}
.white Box {background: #FFFFFF;border: 1px solid #CCC;padding: 20px 20px 0px 20px;margin: 0 0 10px 0;}
.move {position: absolute;left: -9000px;}
.yellow {color: #ffce1f;}
.smallTitle {background-image: none;height: 100px;}
.more {font-weight: bold;color: #30C;}
.menuHeading {color: #ff9205;}
.centerImage {width: 250px;margin: 0px auto;}
.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;}
.w-dtd-border-lft {border-left: 1px dotted #BFBFBF;}

#peerIndex{background:#FFF533; color:#333; text-align:center; font-size:46px; font-weight:bold; padding:10px; height:72px; width:85px;}
	.peerIndexTitle{font-size:14px; margin:0 0 15px 0;}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------ */



/* --- SEO Check-Up ------------------------------------------------------------------------------------------------------------------------------------------------- */
.red{color:#F00;}
.alt{padding-left:47px; list-style-type:none;}
.tableTop{vertical-align:top;}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------ */



/* --- Footer ------------------------------------------------------------------------------------------------------------------------------------------------------- */
#footer{clear:both; background:#373737 url(../images/footer-bg.jpg) repeat-x; margin-top:50px; color:#c7c7c7; font-size:14px; padding:40px 0; text-align:left;} 
#footerContainer{width:960px; margin:0 auto; position:relative;}
#footer a, .smm{color:#c7c7c7; text-decoration:none;}
#footer a:hover, .smm{color:#DD7520;}
#footerContact{position:absolute; width:224px; height:33px; top:-73px; left:44px;}
#footerClear{clear:both; height:10px;}

#footerLeft{float:left; margin-right:70px; width:280px;}
	.rss{border:2px solid #EA8030; background:#fff; overflow:hidden; height:263px;}
#footerMid{float:left; margin-right:50px; width:280px;}
	.twitterFeed{border:2px solid #078EB9; background:#078EB9;}
#footerRight{float:left; width:280px;}
	.facebookLikeBox{border:2px solid #3B5997; background:#fff; overflow:hidden; height:357px;}
	
#footerNav{background:url(../images/footr-brdr.gif) no-repeat; padding:20px 40px; position:relative; margin-top:40px; width:880px; line-height:normal;}
	#address{float:left; margin-right:30px; width:200px;}
		#address .gplus{float:left; width:50px; height:90px; padding-right:20px;}
		#address iframe{float:left; border:none; overflow:hidden; width:50px; height:90px;}
	.valid{margin:10px 0; border:0;} 
	#links{float:left; margin-right:30px; width:576px; font:11px Verdana, Arial, sans serif;}
	#images{float:right; width:40px;}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
.highlight-box { margin: 10px; padding: 10px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; background-color:#f1f1f1; border: 1px solid #999; }