/* IQC CSS */

body, html 	{margin: 0; padding: 0px; border: 0; font-family: Arial, Helvetica, sans-serif; color: #545454; height: 100%;}
body		{background: #ecf1f4 url('../images/bgr_page.jpg') repeat-x; font-size: 12px;}

a 			{text-decoration: none; color: #0068b1;}
a:hover 	{color: #1b88f1; text-decoration: underline;}

p 			{margin: 0 0 1.1em 0; padding: 0;}
td 			{vertical-align: top;}
b, strong 	{font-weight : bold;}
img 		{border: 0;}
.clear		{clear: both;}

h1, h2, h3, h4, h5 {font-family: Arial, Helvetica, sans-serif; color: #0068b1; line-height: 1.1em;}
h1 {font-size : 20px; font-weight: normal; margin:0 0 7px 0; padding:0; }
h2 {font-size : 18px; font-weight: normal; margin:0 0 7px 0; padding:0;}
h3 {font-size : 16px; margin:0 0 6px 0; padding:0;}
h4 {font-size : 14px; margin:0 0 5px 0; padding:0;}
h5 {font-size : 12px; margin:0 0 4px 0; padding:0;}

/* Images */
.imgLeft 	{float: left; margin: 0 20px 15px 0;}
.imgRight 	{float: right; margin: 0 0 15px 20px;}

/* General */
.center	{text-align: center;}

/* Basic layout */
#header,
#topNav,
#pageContent,
#footer {width: 960px; margin: 0 auto 0 auto; clear: both;}

/* Themes */
#web,
#print,
#seo,
#hosting,
#services,
#clients,
.sectionBackground {background: url('../images/bgr_home.jpg') no-repeat center top; height: 100%; }

/* Header */
#header 					{height: 95px; position: relative;}
#header #logo 				{float: left; margin: 0; padding: 15px 0 0 0;}
#header #topLinks 			{position: absolute; top: 70px; right: 0px;}
#header #topLinks ul 		{margin: 0; padding: 0; list-style: none;}
#header #topLinks li 		{float: left; border-right: 1px solid #bfced7; padding: 0 4px 0 4px;}
#header #topLinks li.last	{border-right: none;}
#header #topLinks a 		{display: block; padding: 1px 6px 2px 6px; font-weight: bold; -moz-border-radius: 5px; border-radius: 5px;}
#header #topLinks a.selected,
#header #topLinks a:hover 	{background: #7c8c9d; color: #fff; text-decoration: none;}

#socialMediaBar 		{padding: 15px 0 5px 0; float: right; font-size: 11px;}
#socialMediaBar div		{float: left;}
#socialMediaBar span.o 	{padding: 2px 10px 0 0; display: block;}
#socialMediaBar span.o a:hover	{color: #1b88f1;}
#socialMediaBar a 		{color: #525252;}
#socialMediaBar a:hover {color: #fff; text-decoration: none;}
#socialMediaBar img 	{vertical-align: middle;}

#logoPrint 					{display: none;}

/* Top Navigation */
#topNav 			{height: 35px; background: url('../images/bgr_topnav.png') no-repeat 0 0;}
#topNav ul 			{margin: 0; padding: 0; list-style: none; overflow: auto;}
#topNav li 			{float: left; margin: 0; padding: 0; margin: 2px 0 0 0; border-left: 1px solid #fff; border-right: 1px solid #e2e7e9;}
#topNav li.first	{border-left: none;}
#topNav li.last		{border-right: none;}
#topNav a 			{color: #004990; font-weight: bold; font-size: 12px; text-decoration: none; padding: 8px 13px 8px 12px; display:block;}
#topNav a.selected,
#topNav a:hover 	{color: #1b88f1; font-weight: bold; font-size: 12px;}


/**
HOME PAGE
**/

/* Main Banner */
#mainBanner 				{height: 355px; position: relative; background: url('../images/bgr_main_banner.png') no-repeat top left;}
.leftPanel 					{float: left; width: 280px; height: 290px; margin: 40px 0 0 20px; padding: 0 20px 0 0; font-size: 14px; border-right: 1px solid #FFF;} /* border-right: 1px solid #FFF; */
.leftPanel h1				{font-size: 22px; line-height: 1.0em; margin: 0 0 20px 0; font-weight: bold;}
.rightPanel 				{float: left;}
.largeText 					{font-size: 14px; font-weight: bold; padding: 0 0 10px 0;}

/* Slideshow */
#slideshow 					{position: relative; width: 635px; height: 328px; overflow: hidden; margin-top: 12px;}
#slideshow ul 				{margin: 0; padding: 0; list-style: none;}
#slideshow li 				{position: absolute; top: 0; left: 0; z-index:1;}
#slideshow li.selected 		{z-index:3;}
#slideshow li.lastSelected 	{z-index:2;}
.slideshow,
.slideshow li				{width: 635px; height: 328px;}

#thumbnails 				{position: absolute; top: 270px; left: 320px; z-index: 99; width: 625px; border-top: 1px solid #fff;} /* border-top: 1px solid #fff; */
#thumbnails ul 				{margin: 0; padding: 0; list-style: none; overflow: hidden;}
#thumbnails li 				{float: left; margin: 10px 0 0 0; border-left: 1px solid #fff;}
#thumbnails li.first 		{border-left: none; margin-left: 15px;}
#thumbnails a 				{display: block; padding: 5px 25px 5px 65px;}
#thumbnails a:hover 		{text-decoration: none;}
#thumbnails .icoPrint 		{background: url('../images/featured_print.png') no-repeat top left;}
#thumbnails .icoWeb 		{background: url('../images/featured_web.png') no-repeat top left;}
#thumbnails .icoSEO 		{background: url('../images/featured_seo.png') no-repeat top left;}

/* Sections */
.sections 			{overflow: hidden;}
.sections .section 	{width: 313px; float: left; margin: 0 0 0 10px;}
.sections .first 	{margin-left: 0;}	
.sections .innerPadding {padding: 0 20px 0 0px;}

#featuredPanel .section 	{background: url('../images/bgr_mini_panel.png') no-repeat top left; height: 144px;}
#featuredPanel h2 			{font-size : 14px; margin:0 0 5px 0; padding:0; font-weight: bold;}
#featuredPanel .description {font-size: 11px; padding: 18px 15px 0 0;}
#featuredPanel p 			{margin: 0 0 0.8em 0;}
#featuredPanel .icon 		{float: left; padding: 13px 0 0 0;}

.section h4			{font-size : 20px; font-weight: normal; margin:0 0 7px 0; padding:0; }
.newsList 			{margin: 0; padding: 0; list-style: none; border-top: 1px solid #bbc2c5;}
.newsList li 		{margin: 0; padding: 5px 0 5px 25px; border-bottom: 1px solid #bbc2c5; background: url('../images/icon_news.png') no-repeat 0 7px;}
.newsList a 		{color: #545454;}
.newsList a:hover 	{text-decoration: none; color: #1b88f1;}

.quote 		{background: url('../images/quote_open.png') no-repeat 0 0; font-size: 14px; font-weight: bold;}
.quoteClose {padding: 0px 20px 20px 35px; background: url('../images/quote_close.png') no-repeat right bottom;}
.quote .author {font-size: 12px; font-weight: normal; padding: 5px 0 0 0;}

/**
PAGE
**/

/* Page Banner */
#pageBanner 			{height: 90px; position: relative; margin: 0 0 0 0;}
#pageBanner h2 			{font-size: 30px; padding: 40px 0 0 0; margin: 0;}
#pageBanner .banner 	{}

/* Page Content */
#pageContent 		{}
#mainCopy 			{padding: 30px 20px 30px 20px; background: url('../images/bgr_main_copy.png');}

.twoColumnContent  				{background: url('../images/bgr_left_column.png') repeat-y 0 0;}
.twoColumnContent .leftColumn 	{width: 185px; float: left;}
.twoColumnContent .rightColumn 	{width: 705px; float: right;}

.leftColumn .innerPadding		{padding: 0 10px 0 0;}

.threeCellGrid 				{background: url('../images/bgr_3col_separators.png') repeat-y 0 0; margin: 0 0 40px 0; clear: both;}
.threeCellGrid .cell 		{float: left; width: 234px;}
.threeCellGrid .icon 		{float: left;}
.threeCellGrid .description {float: right; width: 145px; padding: 0 10px 0 0;}
.threeCellGrid h2 			{margin: 0 0 4px 0;}
.threeCellGrid p 			{margin: 0 0 0.8em 0;}
.threeCellGrid .cellPaddingOne 		{padding: 0 25px 0 0;}
.threeCellGrid .cellPaddingTwo 		{padding: 0 25px 0 25px;}
.threeCellGrid .cellPaddingThree 	{padding: 0 25px 0 30px;}
.threeCellGrid .noBullets a 		{} /* color: #666; */
.threeCellGrid .noBullets a:hover 	{} /* text-decoration: none; color: #1b88f1; */

.twoCellGrid 				{background: url('../images/bgr_2col_separators.png') repeat-y 0 0; margin: 0 0 40px 0; clear: both;}
.twoCellGrid .cell 			{float: left; width: 350px;}
.twoCellGrid .icon 			{float: left;}
.twoCellGrid .description 	{float: right; width: 250px; padding: 0 10px 0 0;}
.twoCellGrid h2 			{margin: 0 0 4px 0;}
.twoCellGrid p 				{margin: 0 0 0.8em 0;}

.alignRight		{float: right; margin-left: 25px;}

.compare1Columns 				{background: url('../images/bgr_compare_1col.png') repeat-y 0 bottom;}
.compare1Columns .column 		{width: 217px; float: left;}
.compare1Columns .colHeading 	{color: #FFF; height: 95px;}
.compare1Columns .icon 			{float: left; margin: 12px 10px 0 0;}
.compare1Columns h2 			{color: #FFF; margin: 0; padding: 12px 0 0 0;}
.compare1Columns .colBody 		{padding: 5px 15px 25px 15px;}
.compare1Columns .colOne .colHeading		{background: #6a7f94 url('../images/bgr_hd_col1.png') no-repeat 0 0;}

.compare2Columns 				{background: url('../images/bgr_compare_2col.png') repeat-y 0 bottom;}
.compare2Columns .column 		{width: 217px; float: left;}
.compare2Columns .colHeading 	{color: #FFF; height: 95px;}
.compare2Columns .icon 			{float: left; margin: 12px 10px 0 0;}
.compare2Columns h2 			{color: #FFF; margin: 0; padding: 12px 0 0 0;}
.compare2Columns .colBody 		{padding: 5px 15px 25px 15px;}
.compare2Columns .colOne		{margin: 0 18px 0 0;}
.compare2Columns .colOne .colHeading		{background: #6a7f94 url('../images/bgr_hd_col1.png') no-repeat 0 0;}
.compare2Columns .colTwo .colHeading		{background: #6a7f94 url('../images/bgr_hd_col2.png') no-repeat 0 0;}

.compare3Columns 				{background: url('../images/bgr_compare_3col.png') repeat-y 0 bottom;}
.compare3Columns .column 		{width: 217px; float: left;}
.compare3Columns .colHeading 	{color: #FFF; height: 95px;}
.compare3Columns .icon 			{float: left; margin: 12px 10px 0 0;}
.compare3Columns h2 			{color: #FFF; margin: 0; padding: 12px 0 0 0;}
.compare3Columns .colBody 		{padding: 5px 15px 25px 15px;}
.compare3Columns .colOne,
.compare3Columns .colTwo 					{margin: 0 18px 0 0;}
.compare3Columns .colOne .colHeading		{background: #6a7f94 url('../images/bgr_hd_col1.png') no-repeat 0 0;}
.compare3Columns .colTwo .colHeading		{background: #6a7f94 url('../images/bgr_hd_col2.png') no-repeat 0 0;}
.compare3Columns .colThree .colHeading		{background: #6a7f94 url('../images/bgr_hd_col3.png') no-repeat 0 0;}

#compareBlogPackages				{margin-bottom: 10px;}
#compareBlogPackages .checkMarkList {height: 205px;}
#compareWebPackages .checkMarkList	{height: 250px;}


/* Lists */
ul 	{margin: 0 0 10px 15px; padding: 0;}
li 	{}

ul.noBullets {list-style: none; margin: 0 0 10px 0;}

.checkMarkList 		{list-style: url('../images/checkmark.png'); margin-left: 20px;}
.checkMarkList li 	{padding: 5px 0 5px 0; border-bottom: 1px dotted #8f9da1;}

/* Side Banners */
.sideBanners {text-align: center; padding: 0 15px 20px 0;}

/* Sub Navigation */
ul.subNav 					{list-style: none; margin: 0 0 40px 0; padding: 0;}
ul.subNav li 				{}
ul.subNav a 				{display: block; padding: 6px 15px 6px 5px; font-weight: bold;}
ul.subNav a.selected:hover,
ul.subNav a.selected		{text-decoration: none; background: url('../images/bgr_leftnav_selected.png') no-repeat right center; color: #FFF;}
ul.subNav a:hover 			{text-decoration: none; background: url('../images/bgr_leftnav_hover.png') no-repeat right center; color: #1b88f1;}
ul.mgmt	h4	{color: #000; padding-left: 6px;}

/* Footer */
#footer 			{font-weight: normal; line-height: 0.9em; padding: 12px 0 5px 0; font-size: 11px;}
#footer #certs      {padding: 0; float: left; display: block; width: 300px;}
#footer #copyright 	{padding: 0; float: left; font-size: 10px;}
#footer #bottomnav 	{padding: 0; float:right; text-align: right; line-height: 150%;}
#footer a 			{padding: 0 2px 0 2px;}
#footer a:hover 	{text-decoration: none;}
#footer #compliance {margin-top: 4px;}


/* Forms */
form 					{padding: 0px; margin: 0px;}
input, textarea 		{padding-left:4px; padding-right:2px; border: 1px solid #9e9e9e; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.button 				{font-weight: bold; font-family: Arial, Helvetica, sans-serif; background: #5189c4; border: 1px solid #5189c4; color: #FFF; padding: 1px 5px 1px 5px;}
input.noborder 			{border: none;}

/* Company */
.companyQuote		{background: #dceaf3; padding: 20px 20px 0 20px; -moz-border-radius: 12px; border-radius: 12px;}

/* Careers */
.careersTbl					{background: #dceaf3; padding: 20px 20px 10px 20px; -moz-border-radius: 12px; border-radius: 12px;}
.careersGrid				{}
.careersGrid .careerCell	{width: 315px; padding-right: 22px; border-right: dotted 1px #333; float: left;}
.careersGrid .careerCell h3	{font-weight: bold; font-size: 16px;}
.careersGrid .last			{border-right: none; padding-left: 22px;}
.careersGrid .innerPadding	{width: 210px; float: right; text-align: left;}

/* Contact */
.contactGrid		{background: url('../images/bgr_left_column.png') 25px 0 repeat-y;}
.contactCellLeft	{float: left; padding-right: 25px; width: 190px;}
.contactCellLeft p	{margin-bottom: 0;}
.contactCellLast	{padding-left: 25px; background: none;}

.infoPanel 					{}
.infoPanel .tabs 			{clear: both; border-bottom: none; height: 100%; overflow: hidden; background: url('../images/tabs_bgr.gif') repeat-x bottom;}
.infoPanel .tabs ul			{margin: 0; padding: 0; list-style: none;}
.infoPanel .tabs li			{float: left; margin-left: 5px; border: 1px solid #cdd9dd; border-bottom: none;
							 -moz-border-radius: 5px; -moz-border-radius-bottomleft: 0; -moz-border-radius-bottomright: 0;
							 border-radius: 5px;  border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.infoPanel .tabs li.first	{margin-left: 10px;}
.infoPanel .tabs a 			{padding: 8px 15px 6px 15px; height: 16px; display: block; color: #0068b1; line-height: 1em; 
							font-size: 12px; font-weight: bold; outline: none;  border: 1px solid #FFF; border-bottom: 1px solid #cdd9dd;; 
							background: #eee url('../images/tab_bgr.gif') repeat-x top;
							-moz-border-radius: 5px; -moz-border-radius-bottomleft: 0; -moz-border-radius-bottomright: 0;
							border-radius: 5px; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.infoPanel .tabs a:hover 	{color: #1b88f1; text-decoration: none;}
.infoPanel .tabs a.selected {background: #FFF url('../images/tab_selected.gif') 0 0 repeat-x; color: #666; text-decoration: none;  border-bottom: 1px solid #FFF;}
.infoPanel .tabContent 		{min-height: 100px; clear: both; padding: 20px; padding-top: 10px; border: solid 1px #cdd9dd; border-top: none; background: #FFF url('../images/tab_content_bgr.gif') repeat-x bottom right;}

.submit {
   border: 1px solid #6699cc;
   background-color: #6699cc;
   border-radius: 4px;
   box-shadow: inset 0 1px 3px #cdd9dd, inset 0 -5px 15px #0068b1, 0 2px 1px black;
   -o-box-shadow: inset 0 1px 3px #cdd9dd, inset 0 -5px 15px #0068b1, 0 2px 1px black;
   -webkit-box-shadow: inset 0 1px 3px #cdd9dd, inset 0 -5px 15px #0068b1, 0 2px 1px black;
   -moz-box-shadow: inset 0 1px 3px #cdd9dd, inset 0 -5px 15px #0068b1, 0 2px 1px black;
   color: white;
   text-shadow: 0 1px 1px black;
   padding: 3px 20px;
   font-weight: bold;
}

#contactFrm .rowCol01		{text-align: right; vertical-align: middle;}
#contactFrm .inputText,
#contactFrm .inputTextarea	{border: solid 1px #cdd9dd; background: url('../images/bgr_input.jpg') no-repeat top left; padding: 3px 5px;}
#contactFrm .inputText:hover,
#contactFrm .inputTextarea:hover {border: solid 1px #1b88f1;}

/* Clients */
/* Selector */
#projectNav {background: url("../images/bgr_dropdown_menu.png") repeat-x scroll center bottom; border: 1px solid #CDD9DD; border-radius: 5px 5px 5px 5px; padding: 0; width: 690px; margin: 0 0 20px 0; overflow: hidden;}
#projectMenu {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color #CDD9DD #CDD9DD;
    border-right: 1px solid #CDD9DD;
    border-style: none solid solid;
    border-width: medium 0px 0px;
    display: none;
	padding: 10px 15px 15px 0px;
	overflow: hidden;
    /*position: absolute;*/
}

#projectNav .selector 					{position: relative; z-index: 1000;}
#projectNav #selectorButton 			{background: #fff url("../images/bgr_dropdown_bar.png") no-repeat left top; color: #0068b1; cursor: pointer; display: block; font-weight: bold; padding: 6px 28px; }
#projectNav #selectorButton.selected	{background: #fff url("../images/bgr_dropdown_bar2.png") no-repeat left top;}

#projectMenu ul {margin: 0; padding: 0; list-style: none; width: 215px; float: left;}
#projectMenu li {}
#projectMenu a 	{display: block; padding: 2px 10px; background: none;}

.projectTbl						{background: #dceaf3; padding: 18px 20px; -moz-border-radius: 8px; border-radius: 8px;}
.projectTbl .cell 				{float: left; width: 220px;}
.projectTbl .cell ul			{margin-bottom: 0;}
.projectTbl .cell ul li			{padding: 2px 0;}

.noMargin,
.noMargin ul	{margin-bottom: 0; padding-bottom: 0;}

.imagesWithTooltips 			{padding: 0 0 20px 0;}
.imagesWithTooltips ul 			{margin: 0; padding: 0; list-style-type: none;}
.imagesWithTooltips li 			{float: left; margin: 0 0 15px 18px; width: 159px; height: 95px; position: relative; overflow: hidden;}
.imagesWithTooltips li.first 	{margin-left: 0;}
.imagesWithTooltips img 		{border: 1px solid #e5ecf2;}
.imagesWithTooltips .caption 	{position: absolute; top: 95px; left: 0; height: 70px; font-size: 11px; color: #FFF; background: #002844; opacity: .9; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; }
.imagesWithTooltips .caption .p {padding: 10px; display: block;}
.imagesWithTooltips li 			{-webkit-box-shadow: 1px 1px 2px #dae4ec; -moz-box-shadow: 1px 1px 2px #dae4ec; box-shadow: 1px 1px 2px #dae4ec; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#dae4ec')"; }