/* CSS Document */

/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset {
        margin: 0;
        padding: 0;
        font: 100%/120% Verdana, Arial, Helvetica, sans-serif;
}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
        margin: 1em 0;
        padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
        margin-left: 1em;
}

/* Miscellaneous conveniences: */
form label {
        cursor: pointer;
}
fieldset {
        border: none;
}
input, select, textarea {
        font-size: 100%;
		font-family: inherit;
}

body
{
  margin: 0px;
  background: url(/images/bg_page.gif) top left repeat-x #FFFFFF;
  color: #666666;
  FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
  min-width: 894px;
  text-align: center;
}

a:link {text-decoration: underline; color: #990000;}
a:visited {text-decoration: underline; color: #990000;}
a:hover {text-decoration: none; color: #990000;}

/*-- GENERAL BITS --*/
.container {margin: 0 auto; width: 894px; padding: 0; border: 0; position: relative; text-align: left;}

/*-- HEADER AREA --*/
.headerLogo {position: relative; float: left; display: inline; margin: 33px 0 0 0; width: 202px; height: 32px;}
.headerStrapline {position: relative; float: right; display: inline; margin: 42px 0 0 0; width: 159px; height: 22px;}
.headerphonemail {position: relative; float: right; display: inline; margin: 5px 0 0 90px; width: 240px; height: 59px; text-align:left;}
#sitephone{float:left;background:url(/images/phone-icon.gif) top left no-repeat; background-position:1px 0px;float:left;width:240px; height:25px;font:16px Arial, Helvetica, sans-serif;color:#333333;margin:3px 0px;padding:2px 0px 0px 30px;}
#siteemail{background:url(/images/email-icon.gif) top left no-repeat; background-position:0px 0px;float:left;height:25px; font:16px Arial, Helvetica, sans-serif;color:#333333;margin:2px 0px;padding:4px 0px 0px 30px}
	#siteemail a{color:#333333; text-decoration:none;}
	#siteemail a:hover{color:#333333; text-decoration:underline;}

.headerMainNav {position: relative; float: left; display: inline; height: 36px; margin: 0; padding: 0; width: 900px; background-color: #cc0000;}
	.headerMainNav ul {display: inline; float: left; list-style: none; margin: 0 0 0 6px; padding: 0;}
	.headerMainNav li {display: inline; margin: 0; padding: 0; font-size: 13px; font-weight: bold; list-style-type: none;}
	/*--.headerMainNav li a {display: inline; float: left; line-height: 36px;}--*/
	/*--.headerMainNav li span {display: none;}--*/
	.headerMainNav a:link {float: left; text-decoration: none; color: #BFCAD7; background-color: transparent; padding: 7px 25px 0 25px;}
	.headerMainNav a:visited {float: left; text-decoration: none; color: #BFCAD7; background-color: transparent; padding: 7px 25px 0 25px;}
	.headerMainNav a:hover, .headerMainNav a:link.active, .headerMainNav a:visited.active {color: #FFFFFF; background: url(/images/main_nav_tab.gif) top center no-repeat;}
	

.headerNavBar {position: relative; float: left; display: inline; width: 894px; height: 40px; margin: 5px 0 15px 0; background: url(/images/nav_bar_bg.gif) top left no-repeat;}

.headerNavBar ul {display: inline; float: left; list-style: none; margin: 1px 0 0 15px; padding: 0;text-align:center;}
	.headerNavBar li {display: inline; margin: 0;font-size: 13px; font-weight: bold; list-style-type: none; font:bold 12px Verdana, Arial, Helvetica, sans-serif;padding: 0px;}
	.headerNavBar a:link {float: left; text-decoration: none; color:#FFFFFF; background-color: transparent; padding: 10px 20px 0 20px;}
	.headerNavBar a:visited {float: left; text-decoration: none; color:#FFFFFF; background-color: transparent;padding: 10px 20px 0 20px;}
	.headerNavBar a:hover, .headerNavBar a:link.active, .headerNavBar a:visited.active{color: #FFFFFF; background: url(/images/main_nav_tab.gif) top center no-repeat;}


#nav a {background: url(/images/nav_home_off.gif) top left no-repeat;}
#nav a:hover {background: url(/images/nav_home_hov.gif) top left no-repeat;}
#navon a {background: url(/images/nav_home_hov.gif) top left no-repeat;}

/*-- FOOTER --*/
.footerArea {position: relative; float: left; display: inline; background: url(/images/footer_bar.gif) top left no-repeat; width: 894px; margin: 0; padding: 14px 0 10px 0;}
.footerLinks {position: relative; float: right; display: inline; margin: 0;}
.footerLinks p {margin: 5px 6px 5px 0px; font-size: 11px; color: #333333; display: inline; float: left;}
.footerAreaLeft {position: relative; float: left; display: inline; width: 324px; margin: 0;}
	.footerAreaLeft p {margin: 5px 0 0px 6px; font-size: 11px; color: #333333; display: inline; float: left;}
.footerAreaRight {position: relative; float: left; display: inline; width: 670px; margin: 0;}
	.footerAreaRight p {margin: 5px 7px 10px 6px; font-size: 9px; color: #666666; display: inline; float: left; text-align:left;}
.footerserviceslinks {position: relative; float: left; display: inline; width: 100%; margin: 0; border-bottom:1px solid #CCCCCC;}
	.footerserviceslinks p {margin: 5px 0 0px 6px; font-size: 11px; color: #333333; display: inline; float: left;}

.footerlinkCol{float:left;min-width:280px;margin:0px;padding:0px;min-height:260px;}
	.footerlinkCol p{margin:0px;padding:0px;}
	.footerlinkCol h2{font:bold 14px Arial, Helvetica, sans-serif; color:#333333;margin:16px 5px 5px 10px;padding:0px; }
	.footerlinkCol h5{font:bold 14px Arial, Helvetica, sans-serif; color:#333333;margin:16px 5px 5px 10px;padding:0px; }
	.footerlinkCol ul{margin:0px;padding:5px; list-style:none;}
	.footerlinkCol li{background-image: url(/images/bullet_red.gif); background-position: 7px 9px; background-repeat: no-repeat;margin:0px;padding:2px 5px 2px 22px; font:11px Arial, Helvetica, sans-serif;}
	/*.footerlinkCol li:hover{ background:#EFEFEF;}*/
	.footerlinkCol li a{margin:0px;padding:0px; text-decoration:none;}

.footerlinkCol2{float:left;min-width:220px;margin:0px;padding:0px;min-height:260px;}
	.footerlinkCol2 p{margin:0px;padding:0px;}
	.footerlinkCol2 h2{font:bold 14px Arial, Helvetica, sans-serif; color:#333333;margin:16px 5px 5px 10px;padding:0px; }
	.footerlinkCol2 h5{font:bold 14px Arial, Helvetica, sans-serif; color:#333333;margin:16px 5px 5px 10px;padding:0px; }
	.footerlinkCol2 ul{margin:0px;padding:5px; list-style:none;}
	.footerlinkCol2 li{background-image: url(/images/bullet_red.gif); background-position: 7px 9px; background-repeat: no-repeat;margin:0px;padding:2px 5px 2px 22px; font:11px Arial, Helvetica, sans-serif;}
	/*.footerlinkCol li:hover{ background:#EFEFEF;}*/
	.footerlinkCol2 li a{margin:0px;padding:0px; text-decoration:none;}

.footerlinkCol3{float:left;min-width:240px;margin:0px;padding:0px; min-height:260px;}
	.footerlinkCol3 p{margin:0px;padding:0px;}
	.footerlinkCol3 h2{font:bold 14px Arial, Helvetica, sans-serif; color:#333333;margin:16px 5px 5px 10px;padding:0px; }
	.footerlinkCol3 h5{font:bold 14px Arial, Helvetica, sans-serif; color:#333333;margin:16px 5px 5px 10px;padding:0px; }
	.footerlinkCol3 ul{margin:0px;padding:5px; list-style:none;}
	.footerlinkCol3 li{background-image: url(/images/bullet_red.gif); background-position: 7px 9px; background-repeat: no-repeat;margin:0px;padding:2px 5px 2px 22px; font:11px Arial, Helvetica, sans-serif;}
	/*.footerlinkCol2 li:hover{ background:#EFEFEF;}*/
	.footerlinkCol3 li a{margin:0px;padding:0px; text-decoration:none;}

.footerlinkCol4{float:right;min-width:80px;margin:0px;padding:0px; min-height:260px;}
	.footerlinkCol4 p{margin:0px;padding:2px 5px 2px 6px;}
	.footerlinkCol4 h2{font:bold 14px Arial, Helvetica, sans-serif; color:#333333;margin:16px 5px 5px 3px;padding:0px; }
	.footerlinkCol4 h5{font:bold 14px Arial, Helvetica, sans-serif; color:#333333;margin:16px 5px 5px 3px;padding:0px; }
	.footerlinkCol4 ul{margin:0px;padding:5px; list-style:none;}
	/*.footerlinkCol2 li:hover{ background:#EFEFEF;}*/
	.footerlinkCol4 a{margin:0px;padding:0px; text-decoration:none;}


/*-- HOME PAGE --*/
.homeIntroArea {position: relative; display: inline; float: left; width: 894px;margin: 0px; background:#FFFFFF;}

.homeIntroSlides {position: relative;display: inline; float: left; width: 894px; margin: 0px 76px 0px 0; padding: 0px; background:#FFFFFF;}
.featuredHeader{float:left;width: 894px; margin: 0px 76px 0px 0px; padding: 0px; text-align:right;height:36px;}

.homeBottomHalfHolder {position: relative; display: inline; float: left; width: 894px; margin: 0px 0 30px 0; padding: 0px; background:#FFFFFF;}
	#featuredProjectHeader{float:right;padding:0px;margin:12px 0px 0px 0px;}
	#internetMarketingHeader{float:left;padding:0px;margin:0px;}
	
.homeIntroTextArea{float:left; width:894px;margin: 10px 0px 0px 0px; padding: 0px;}
	.homeIntroTextArea h2{font:14px Arial, Helvetica, sans-serif; color:#333333;}
	.homeIntroTextArea p{margin:0px; padding: 5px 0px 10px 0px; font:14px Arial, Helvetica, sans-serif; color:#333333;}

.homeLeftArea{float:left; width:690px; background:#FFFFFF;margin: 0px; padding: 0px;}

.homeBannersArea {position: relative; display: inline; float: left; display: inline; width: 204px; margin: 10px 0px 0px 0px; padding: 0px;}
	.homeBannersArea img {border: 0;}
#homeBanner1 {margin: 0 0 9px 0;}
#homeBanner2 {margin: 0;}

.homeTabPanelHolder{position: relative; display: inline; float: left; width: 430px; margin: 0 28px 0 2px;}
/*-- PANEL STYLE --*/
.panelStyle {position: relative; float: left; display: inline; border-left :1px solid #CCCCCC; border-right :1px solid #CCCCCC; width:418px; height: 160px; padding: 5px;}
.panelBottom {position: relative; display: inline; float: left; width: 430px;}

/*-- TABS --*/
.homeTabMenu{ font: bold 13px Arial; width: 430px; z-index: 0; background: url(/images/home_tab_panel_top.gif) bottom left no-repeat; padding: 0 0 4px 0;}
.homeTabMenu ul{margin: 0 0 0 15px; padding: 0; float: left; display: inline;}
.homeTabMenu ul li{ display: inline; float: left; margin: 0 2px 0 0;}
.homeTabMenu ul li a{float: left; color: #CC0000; padding: 5px 11px; text-decoration: none; border-top: 1px solid #ABABAB; border-bottom: 1px solid #ABABAB; border-left: 1px solid #ABABAB; border-right: 1px solid #ABABAB; background: url(/images/tab_off_bg.gif) top left repeat-x;}
.homeTabMenu ul li a:visited{color: #CC0000;}
.homeTabMenu ul li a.selected{color: #333333 !important; padding-top: 6px; padding-bottom: 4px; background: url(/images/tab_on_bg.gif) top center repeat-x; border-bottom: 1px solid #FFFFFF;}

.homeTabContent{display: none; font-family: Arial, Helvetica, Verdana, sans-serif; width: 400px; background-color: #FFFFFF; float: left; margin: 5px 0 0 10px;} 

	.homeTabContent h3 {font-size: 14px; color: #CC0000; line-height: 1.5em;}
	.homeTabContent p {font-size: 12px; color: #666666; line-height: 1.5em;}

@media print {
.tabcontent {
display:block !important;
}
}

/*-- PORTFOLIO MAIN PAGE --*/
.mainAreaPortfolio {position: relative; float: left; display: inline; width: 890px; margin: 0 0 0 2px; padding: 0 0 20px 0;}
	.mainAreaPortfolio h1 {margin: 0 0 5px 0; font:24px Verdana, Arial, Helvetica, sans-serif; line-height: 1em;}
	.mainAreaPortfolio h3 {font-size: 14px; font-weight: normal; color: #666666; line-height: 1.5em; margin: 0 0 0.1em 0; padding: 0;}

.portfolioWrapper{position: relative; float: left; display: inline; width: 650px; margin: 0px 28px 0px 2px; padding: 0px;}

.portfolioCategory{position: relative; float: left; display: inline; width: 650px; margin: 10px 0px 5px 0px; padding: 0px; background:#FFFFFF;}
	.portfolioCategory h1 {margin:0px;padding:6px 0px 0px 10px; font:13px Verdana, Arial, Helvetica, sans-serif;color:#FFFFFF; line-height: 1em; width:662px;height:28px;background:url(/images/black-bar.gif) top left no-repeat;}
	.portfolioCategory h1 a#tleft{float:left;margin:0px;padding:0px;font:13px Arial, Helvetica, sans-serif;color:#FFFFFF;}
	.portfolioCategory h1 a#tright{float:right;margin:0px 20px 0px 0px;padding:0px;font:13px Arial, Helvetica, sans-serif;color:#FFFFFF;}
	.portfolioCategory p {font:12px Arial, Helvetica, sans-serif;color:#333333; line-height:1.6em;padding:5px;margin:0px;}
	.portfolioCategory a {font:12px Arial, Helvetica, sans-serif;color:#333333; line-height:1.6em;padding:5px;margin:0px;}
	.portfolioCategory p em {font-style: normal; background-color: #FFE9E9; color: #454545;}
	.portfolioCategory h5 {margin:10px 0 0 0;padding:6px 0px 0px 10px; font:12px Verdana, Arial, Helvetica, sans-serif;color:#990000;width:662px;height:28px; border-top:1px solid #999999;}
	.portfolioCategory h5 a{margin:0px;padding:0px;font:12px Arial, Helvetica, sans-serif;color:#990000;}

.portfolioItem{position: relative; float: left; display: inline; width: 320px;margin: 10px 5px 5px 0px; padding: 0px;}
	.portfolioItem h1 {margin:0px;padding:5px; font:18px Verdana, Arial, Helvetica, sans-serif; line-height: 1em;}

.portfolioImage{float: left;width: 150px; margin: 0px 0px 0px 10px; padding: 0px;}
.portfolioSummary{float: left;width: 150px; margin: 0px; padding: 0px;}
	.portfolioSummary h2{margin: 0px; padding: 0px 0px 3px 10px; font:11px Arial, Helvetica, sans-serif; color:#333333;}
	.portfolioSummary p{margin: 0px; padding: 0px;}
	.portfolioSummary a{margin: 0px; padding: 0px;font:12px Arial, Helvetica, sans-serif;color:#333333;}
	.portfolioSummary ul{margin: 0px; padding: 0px; list-style:none;}
	.portfolioSummary li{margin: 0px; padding: 0px 0px 0px 20px; font:11px Arial, Helvetica, sans-serif;background-image: url(/images/bullet_red.gif); background-position: 10px 6px; background-repeat: no-repeat; line-height:1.5em;}

	#portfolioItem_header{float:left;width:319px;margin:0px;padding:0px;}
	#portfolioItem_bottom{float:left;width:319px;margin:0px;padding:0px;}
	.portfolioItem_back{float:left;width:319px; height:150px;margin:0px;padding:0px; background:url(/images/portfolio-item-summary-mid.gif) top left repeat-y;}
	
/*-- ABOUT US PAGE --*/
.mainAreaAboutUs {position: relative; float: left; display: inline; width: 894px; margin: 0px 0px 0px 2px; padding: 0px 0px 20px 0px;}
	.mainAreaAboutUs h1 {margin: 0 0 5px 0; font:24px Verdana, Arial, Helvetica, sans-serif; line-height: 1em;}
	.mainAreaAboutUs h3 {font-size: 14px; font-weight: normal; color: #666666; line-height: 1.5em; margin: 0 0 0.1em 0; padding: 0;}


/*-- CONTENT SECTION --*/
.contactLeftColumn {position: relative; float: left; display: inline; width: 658px; margin: 0px 28px 0px 2px; padding: 0px;}
	.contactLeftColumn h1 {margin: 0 0 5px 0; font:24px Verdana, Arial, Helvetica, sans-serif; line-height: 1em;}
	.contactLeftColumn h2 {margin: 20px 0 5px 0; font:bold 15px Arial, Helvetica, sans-serif; line-height: 1.4em;color:#666666;}
	.contactLeftColumn h3 {font-size: 14px; font-weight: normal; color: #666666; line-height: 1.5em; margin: 0 0 0.1em 0; padding: 0;}
	.contactLeftColumn p {font-size: 13px; line-height: 1.5em; color: #666666;}
	.contactLeftColumn ul {margin: 5px 0 5px -10px; padding: 0; font-size: 13px; line-height: 1.5em; list-style: none; color: #666666;}
	.contactLeftColumn li {position: relative; background-image: url(/images/bullet_red.gif); background-position: 0px 9px; background-repeat: no-repeat; padding: 3px 0 3px 12px;}

	
/*-- SERVICES MAIN PAGE --*/	
.mainAreaServices {position: relative; float: left; display: inline; width: 894px; margin: 0px 0px 0px 2px; padding: 0px 0px 20px 0px;}
	.mainAreaServices h1 {margin: 0 0 5px 0; font:24px Verdana, Arial, Helvetica, sans-serif; line-height: 1em;}
	.mainAreaServices h3 {font-size: 14px; font-weight: normal; color: #666666; line-height: 1.5em; margin: 0 0 0.1em 0; padding: 0;}

.serviceWrapper{position: relative; float: left; display: inline; width: 668px; margin: 0px 15px 0px 0px; padding: 0px;}

.serviceItem{position: relative; float: left; display: inline; width: 333px; margin: 0px 0px 2px 0px; padding: 0px;}

	.servicesItem_header{float:left;width:333px;margin:0px;padding:0px;}
	.servicesItem_bottom{float:left;width:333px;margin:0px;padding:0px;}
	.servicesItem_back{float:left;width:333px; height:250px;margin:0px;padding:0px; background:url(/images/white-box-long-mid.gif) top left repeat-y;}
		.servicesItem_back h1 {margin:0px;padding:5px 15px 5px 15px; font:18px Verdana, Arial, Helvetica, sans-serif; line-height: 1em;}
		.servicesItem_back p {font:12px Arial, Helvetica, sans-serif;color:#333333; line-height:1.6em;padding:5px 15px 5px 15px; margin:0px; height:170px; overflow:auto;}
		.servicesItem_back a {font:12px Arial, Helvetica, sans-serif;color:#333333; line-height:1.6em;padding:5px 15px 5px 15px; margin:0px;}
		.servicesItem_back p em {font-style: normal; background-color: #FFE9E9; color: #454545;}
	
		.servicesItem_back_short{float:left;width:333px;margin:0px;padding:0px; background:url(/images/white-box-long-mid.gif) top left repeat-y;}
		.servicesItem_back_short h1 {margin:0px;padding:0px 15px 5px 15px; font:14px Arial, Helvetica, sans-serif; line-height: 1em;color:#000000;}
		.servicesItem_back_short h1 a{color:#000000;}
		.servicesItem_back_short p {font:12px Arial, Helvetica, sans-serif;color:#333333; line-height:1.6em;padding:5px 15px 5px 15px; margin:0px;}
		.servicesItem_back_short a {color:#CC0000;padding:0px; margin:0px; text-decoration:none;}
		.servicesItem_back_short a:hover {color:#333333;padding:0px; margin:0px;text-decoration:underline;}
		.servicesItem_back_short p em {font-style: normal; background-color: #FFE9E9; color: #454545;}
		.servicesItem_back_short ul {margin: 5px 0 5px 10px; padding: 0; font-size: 13px; line-height: 1.5em; list-style: none; color:#333333;}
	  .servicesItem_back_short li {position: relative; background-image: url(/images/bullet_red.gif); background-position: 0px 9px; background-repeat: no-repeat; padding: 3px 0 3px 12px;}


	
.breadcrumbs_wrapper{position: relative; float: left; display: inline; width: 658px; margin: 0px 0px 0px 2px; padding: 0px 0px 20px 0px; font:11px Arial, Helvetica, sans-serif;}

/*-- PORTFOLIO DETAIL PAGE --*/
.mainCasestudyWrap {position: relative; float: left; display: inline; width: 658px; margin: 0; padding: 10px 0 20px 0; }
.mainCasestudyDetail{float:left; width:308px; margin:0px;padding:0px;}
	.mainCasestudyDetail h1 {margin:0px;padding:0px 5px 10px 5px; font:22px Verdana, Arial, Helvetica, sans-serif; line-height: 1em; color:#333333;}
	.mainCasestudyDetail h2 {margin:0px;padding:10px 5px 5px 5px; font:bold 12px Verdana, Arial, Helvetica, sans-serif; line-height: 1em; color:#333333;}
	.mainCasestudyDetail p{font:12px Arial, Helvetica, sans-serif;color:#333333; line-height:1.6em;padding:5px 10px 5px 5px;margin:0px;}
	.mainCasestudyDetail ul {margin: 5px 0 5px -10px; padding: 0; font-size: 12px; line-height: 1.5em; list-style: none; color:#333333;}
	.mainCasestudyDetail li {position: relative; background-image: url(/images/bullet_red.gif); background-position: 5px 9px; background-repeat: no-repeat; padding: 3px 0 3px 18px;}
.mainCasestudyImageArea{float:left; width:350px; height:284px; margin:0px;padding:0px;background:url(/images/screenshot-default.jpg) top left no-repeat;}
	.mainCasestudyImageArea img{position: relative; width:321px; height:190px; margin:26px 5px 5px 16px;padding:0px;background:#CC0000;} 

.otherCasestudyWrap{float: left; width: 658px; margin: 0px 0px 20px 0px; padding: 2px 0 2px 0;}
	.otherCasestudyWrap h1 {margin:5px 0px 40px 0px;padding:0px;font:22px Verdana, Arial, Helvetica, sans-serif; line-height: 1em; color:#333333;}


.rightColumnHolder {position: relative; float: left; display: inline; width: 204px; margin: 0;}
	.rightColumnHolder img {border: 0;}
.rightColumnTop {position: relative; float: left; display: inline; width: 204px; background: url(/images/right_col_204_top.gif) top left no-repeat; margin: 0;}
.rightColumnBottom {position: relative; float: left; display: inline; width: 204px; background: url(/images/right_col_204_bottom.gif) top left no-repeat; margin: 0 0 20px 0;}
.rightColumnMain {position: relative; float: left; display: inline; width: 204px; background: url(/images/right_col_204_bg.gif) top left repeat-y; background-color: transparent;}
	.rightColumnMain h4 {text-indent: -9999px; height: 20px; margin: 5px 0 5px 17px; font-size: 10px; line-height: 1em;}
	.rightColumnMain h5 {margin: 5px 20px 5px 20px; font-size: 14px; line-height: 1em; font-weight:bold; color:#FFFFFF; background-color: transparent;}
	.rightColumnMain ul {margin: 5px 0 10px 8px; padding: 0; font-size: 12px; line-height: 1.5em; list-style: none; color: #FFFFFF; background-color: transparent;}
	.rightColumnMain li {position: relative; background-image: url(/images/bullet_white.gif); background-position: 0px 9px; background-repeat: no-repeat; padding: 4px 0 4px 12px; background-color: transparent;}
	.rightColumnMain p {font-size: 12px; line-height: 1.5em; margin: 0.5em 20px 0.5em 32px; color: #FFFFFF; background-color: transparent;}
	.rightColumnMain a:link {text-decoration: underline; color: #FFFFFF; background-color: transparent;}
	.rightColumnMain a:visited {text-decoration: underline; color: #FFFFFF; background-color: transparent;}
	.rightColumnMain a:hover {text-decoration: none; color: #FFFFFF; background-color: transparent;}
	.rightColumnMain hr {color:#FFFFFF; height:1px; border:0; border-top: 1px dashed #FFFFFF; margin:0 20px 0 20px; background-color: transparent;}
	.rightColumnMain span {position: relative; background-image: url(/images/bullet_white.gif); background-position: 22px 9px; background-repeat: no-repeat; padding: 4px 0 4px 33px; background-color: transparent; font:bold 13px Arial, Helvetica, sans-serif; color:#FFFFFF;}


	
/*-- NEWS MAIN PAGE --*/
.mainAreaNews {position: relative; float: left; display: inline; width: 894px; margin: 0px 0px 0px 2px; padding: 0px 0px 20px 0px;}
	.mainAreaNews h1 {margin: 0 0 5px 0; font:24px Verdana, Arial, Helvetica, sans-serif; line-height: 1em;}
	.mainAreaNews h3 {font-size: 14px; font-weight:bold; color: #666666; line-height: 1.5em; margin: 0 0 0.1em 0; padding: 0;}

.newsLeftColumn {position: relative; float: left; display: inline; width: 660px; margin: 0px 5px 0 2px; padding: 0;}
	.newsLeftColumn h3{font-size: 14px; font-weight: bold; color: #666666; line-height: 1.5em; margin: 0 0 0.1em 0; padding: 0;}	

.newsLeftHolder {border-top: 1px solid #CCCCCC; margin: 15px 0 0 0;}
	.newsLeftHolder p {padding:0px; margin:10px 0px 0px 0px; font:12px Arial, Helvetica, sans-serif; color:#666666;}
	.newsLeftHolder ul {padding:0px; margin:10px 0px 0px 0px; list-style:none;}
	.newsLeftHolder li {padding:0px; margin:0px 0px 0px 20px; font:12px Arial, Helvetica, sans-serif; color:#666666; background-image: url(/images/red-bullet.gif); background-position: 0px 9px; background-repeat: no-repeat; padding: 0px 0 0px 12px; background-color: transparent; line-height: 1.8em; }
	.newsLeftHolder a:link {position: relative; text-decoration: underline; color:#666666; background-color: transparent;}
	.newsLeftHolder a:visited {text-decoration: underline; color: #666666; background-color: transparent;}
	.newsLeftHolder a:hover {text-decoration: none; color:#CC0000; background-color: transparent;}

.newsRightColumn {position: relative; float: left; display: inline; width: 204px; margin: -2px 0 0 0; padding: 0;}

.newsHeadline {cursor: pointer; cursor: pointer; font: bold 14px Arial, Helvetica, Verdana, sans-serif; margin: 0; padding: 20px 0 15px 0; width: 660px;}
	.newsHeadline img {float: right; margin: 0 15px 0 0;}

.newsHeadlineClosed {color: #CC0000; border-bottom: 1px solid #CCCCCC;}
.newsHeadlineOpen {color: #333333; border-bottom: 0;}

.newsStory {font-family: Arial, Helvetica, Verdana, sans-serif; width: 660px; border-bottom: 1px solid #CCCCCC;}
	.newsStory p {font-size: 13px; color: #666666; line-height: 1.6em;}
	.newsStory h5 {font-size: 12px; color: #333333; font-weight: bold; line-height: 1.5em;}


.bannerWrapper{float:left;margin:0px;padding:0px; height:100px;}


/*---SLIDER-----*/

#main {
width: 620px;
margin: 0 auto;
}

#content-slider {
width: 790px;
height: 1px;
margin: 5px;
background:#666666;
position: relative;
}

.ui-slider-handle {
width: 83px;
height: 28px;
position: absolute;
top: -13px;
background:url(/images/drag-me-black.gif) top left no-repeat;
}

#content-scroll {
width: 880px;
height: 160px;
margin-top: 30px;
overflow: hidden;
border:1px solid #CCCCCC;
}
#content-scroll p{
font:11px Arial, Helvetica, sans-serif; margin:0px;padding:0px;
}
#content-scroll a{
font:11px Arial, Helvetica, sans-serif; margin:0px;padding:0px;
}

#content-holder {
width: 2000px;
height: 270px;
}

.content-item {
width: 180px;
height: 270px;
padding: 5px;
float: left;
text-align:center;
}

/*-------Home Tab---------s*/

#featured{ 
	float:left;
	width:632px; 
	padding:0px 250px 0px 0px; 
	position:relative; 
	border:5px solid #333333;
	height:270px; 
	background:#FFFFFF;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:759px; 
	list-style:none; 
	padding:0px; margin:0px; 
	width:123px; 
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; padding-left:13px;  
	font-size:12px; 
	color:#666; 
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:4px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:11px; font-family:Verdana; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:63px; 
	color:#333;  background:#fff; 
	line-height:20px;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#f2f2f2; 
}
#featured li.ui-tabs-selected{ 
	background:url('images/selected-item.gif') top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#333333;
}
#featured .ui-tabs-panel{ 
	width:773px; height:270px; padding:0px;margin:0px;
	background:#999; position:relative;
	border-right:11px solid #333333;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:245px; left:0; 
	height:25px;
	width:773px;
	background:#000000;
	/*filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;*/
}
#featured .info h2{ 
	font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#fff; padding:3px; margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}

/*------ FORMS -------------*/

.formDefault {position: relative; display: inline; float: left; width: 620px;}
	.formDefault fieldset {border: 0; }
	.formDefault legend {font-size: 14px; font-weight: bold; color: #333333;}
	.formDefault span {font-size:11px; width:220px; float:left; font-family:Arial, Helvetica, sans-serif;}
	.formDefault p{width:620px; padding:0px 0px 5px 0px;margin:0px 0px 5px 0px;}
	.checkboxHolder {font-size:11px; width:450px; float:left; margin:0 0 10px 0;}

.formDefaultField {width: 469px; height:25px; color: #666666; border-width:0px;background:url(/images/textbox-backimage.gif) top left no-repeat; padding: 6px 0 4px 15px; font-size: 12px; FONT-FAMILY:Arial, Helvetica, sans-serif;}
.formDefaultFieldOnfocus {width: 469px; height:25px; color:#000000; border-width:0px;background:url(/images/textbox-backimage-onfocus.gif) top left no-repeat; padding: 6px 0 4px 15px; font-size: 12px; FONT-FAMILY:Arial, Helvetica, sans-serif;}
.formDefaultFieldOnblur {width: 469px; height:25px; color: #666666; border-width:0px;background:url(/images/textbox-backimage.gif) top left no-repeat; padding: 6px 0 4px 15px; font-size: 12px; FONT-FAMILY:Arial, Helvetica, sans-serif;}

.formDefaultTextArea {width: 462px; color: #666666; border:none; background:#faf3f3; margin:0px 0px 0px 4px;padding: 6px 0 4px 0px; font-size: 12px; FONT-FAMILY:Arial, Helvetica, sans-serif;}
.formDefaultTextAreaOnfocus {width: 462px; color:#000000; border:none;background:#fad2d2; margin:0px 0px 0px 4px;padding: 6px 0 4px 0px; font-size: 12px; FONT-FAMILY:Arial, Helvetica, sans-serif;}
.formDefaultTextAreaOnblur {width: 462px; color: #666666; border:none;background:#faf3f3; margin:0px 0px 0px 4px;padding: 6px 0 4px 0px; font-size: 12px; FONT-FAMILY:Arial, Helvetica, sans-serif;}

.formDefaultLabel {width: 100px; display: inline; float: left; font-weight: normal; font-size: 12px; color: #333333; font-family:Arial, Helvetica, sans-serif;}	

.formButtonLeft {margin:0px 12px 0px 153px; color: #FFFFFF; font-size: 12px; padding: 0px; width: 103px; height:29px; border-width:0px; background:url(/images/button-red.gif) top left no-repeat;}
.formButton {margin:10px 0px 0px 0px; background:url(/images/button-red.gif) top left no-repeat; color: #FFFFFF; font-size: 12px;border-width:0px; padding: 0px; width: 103px; height:29px;}	


.formHome {position: relative; display: inline; float: left; width: 200px; margin:25px 0px 0px 5px;}
	.formHome fieldset {border: 0; }
	.formHome legend {font-size: 14px; font-weight: bold; color: #333333;}
	.formHome span {font-size:11px; width:220px; float:left; font-family:Arial, Helvetica, sans-serif;}
	.formHome p{width:200px; padding:0px 0px 2px 0px;margin:0px 0px 2px 0px;}
	.formHome h2{font:bold 14px Arial, Helvetica, sans-serif;color:#333333;padding:0px 0px 5px 3px;margin:0px;}

.formHomeField {width: 188px; height:15px; color: #666666; border-width:0px;background:url(/images/textbox-small-backimage.gif) top left no-repeat; padding: 4px 0 4px 12px; font-size: 11px; FONT-FAMILY:Arial, Helvetica, sans-serif;}
.formHomeOnfocus {width: 188px; height:15px; color:#000000; border-width:0px;background:url(/images/textbox-small-backimage-onfocus.gif) top left no-repeat; padding: 4px 0 4px 12px; font-size: 11px; FONT-FAMILY:Arial, Helvetica, sans-serif;}
.formHomeOnblur {width: 188px; height:15px; color: #666666; border-width:0px;background:url(/images/textbox-small-backimage.gif) top left no-repeat; padding: 4px 0 4px 12px; font-size: 11px; FONT-FAMILY:Arial, Helvetica, sans-serif;}

.formHomeTextArea {float:left;width: 179px; color: #666666; border:none; background:#faf3f3; padding: 0px 0 4px 2px; font-size: 11px; FONT-FAMILY:Arial, Helvetica, sans-serif; margin:0px 0px 0px 2px;}
.formHomeTextAreaOnfocus {float:left;width: 179px; color:#000000; border:none;background:#fad2d2; padding: 0px 0 4px 2px; font-size: 11px; FONT-FAMILY:Arial, Helvetica, sans-serif; margin:0px 0px 0px 2px;}
.formHomeTextAreaOnblur {float:left;width: 179px; color: #666666; border:none;background:#faf3f3; padding: 0px 0 4px 2px; font-size: 11px; FONT-FAMILY:Arial, Helvetica, sans-serif; margin:0px 0px 0px 2px;}

.textAreaback{float:left;width: 188px; color: #666666; margin:0px;padding:0px;background:url(/images/text-area-backrepeat.gif) top left repeat-y; }
.textAreaTop{float:left;width: 188px; height:15px; color: #666666; margin:0px;padding:0px;background:url(/images/text-area-top.gif) bottom left no-repeat; }
.textAreaBotom{float:left;width: 188px; height:15px; color: #666666; margin:0px;padding:0px;background:url(/images/text-area-bottom.gif) top left no-repeat; }

.textAreaLongWrap{float:left;width: 468px; margin:0px;padding:0px;}
.textAreaLongback{float:left;width: 468px; color: #666666; margin:0px;padding:0px;background:url(/images/text-area-long-back.gif) top left repeat-y; }
.textAreaLongTop{float:left;width: 468px; height:13px; color: #666666; margin:0px;padding:0px;background:url(/images/text-area-long-top.gif) bottom left no-repeat; }
.textAreaLongBottom{float:left;width: 468px; height:13px; color: #666666; margin:0px;padding:0px;background:url(/images/text-area-long-bottom.gif) top left no-repeat; }


.formHomeButtonLeft {margin:0px 12px 0px 10px; color: #FFFFFF; font-size: 12px; padding: 0px; width: 103px; height:29px; border-width:0px; background:url(/images/button-red.gif) top left no-repeat;}
.formHomeButton {margin:10px 0px 0px 0px; background:url(/images/button-red.gif) top left no-repeat; color: #FFFFFF; font-size: 12px;border-width:0px; padding: 0px; width: 103px; height:29px;}	


/*-----------CONTACT US PAGE FORM SLIDES--------------*/

p.intro { border-bottom: 1px solid #ccc; margin-bottom: 20px; padding: 20px 0 30px 0; text-align: center; width: 100% }

p#cross-links { text-align: center }

p#cross-links { border-bottom: 1px solid #ccc; margin:0px; padding-bottom: 10px }

noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
noscript a { color: #a00; text-decoration: underline }
noscript ol { margin-left: 25px; }


.stripViewer .panelContainer .panel ul {
	text-align: left;
	margin: 0 15px 0 30px;
}

.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	margin: 0px 0;
	position: relative;
	width: 100%;
}

/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
.csw .loading {margin: 200px 0 300px 0; text-align: center}

.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden; 
	/*border: 5px solid #000;  this is the border. should have the same value for the links */
	margin: auto;
	width: 650px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 730px;
	clear: both;
	background: #fff;
}

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0; top: 0;
	width: 100%;
	list-style-type: none;
	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 100%;
	position: relative;
	width: 650px; /* Also specified in  .stripViewer  above */
}

.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
	padding: 10px;
}

.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
	margin: auto;
}

.stripNav ul { /* The auto-generated set of links */
	list-style: none;
}

.stripNav ul li {
	float: left;
	margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
}

.stripNav a { /* The nav links */
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	line-height: 32px;
	background: #c6e3ff;
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 0 15px;
}

.stripNav li.tab1 a { display:none;}
.stripNav li.tab2 a { display:none;}
.stripNav li.tab3 a { display:none;}
.stripNav li.tab4 a { display:none;}
.stripNav li.tab5 a { display:none;}

.stripNav li a:hover {
	background: #333;
}

.stripNav li a.current {
	background: #000;
	color: #fff;
}

.stripNavL, .stripNavR { /* The left and right arrows */
	position: absolute;
	top: 230px;
	text-indent: -9000em;
}

.stripNavL a, .stripNavR a {
	display: block;
	height: 40px;
	width: 40px;
}

.stripNavL {
	left: 0;
}

.stripNavR {
	right: 0;
}



/*CASE STUDY POP UP*/
#pic {
	position: relative;
	
}

#pic a .large {
	border: 0px;
	display: block;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 1px;
	
}


#pic a.p1:hover .large {
	border: 2px solid #000000;
	display: block;
	height: 190px;
	left: -338px;
	position: absolute;
	top: -165px;
	width: 321px;
}