/* Index

[1]  - Typography
[2]  - Branding
[3]  - Search Facility
[4]  - News Letter Facility
[5]  - Navigation
[6]  - Home Page Styles
[7]  - Content Page Styles
[8]  - Sub Navigation Stylying
[9]  - Footer
[10] - Forms
[11] - Downloads
[12] - Search Results
[*]  - Misc
*/


@font-face {
    font-family: 'PlanerRegular';
    src: url('planer_reg-webfont.eot');
    src: url('planer_reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('planer_reg-webfont.woff') format('woff'),
         url('planer_reg-webfont.ttf') format('truetype'),
         url('planer_reg-webfont.svg#PlanerRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


html, body, #wrapper {height:100%;}
body {
	position:relative;
	background:#fff url(../images/body-shdow.png) no-repeat center 110px;
	font: normal 14px  arial, sans-serif;
	color:#262626; line-height: 160%;
	text-align:center;
}
body > #wrapper {height: auto; min-height: 100%;text-align:left;}
#wrapper {width:954px;margin:0 auto;text-align:left;}

#home-page #content {float:none;width:960px;}


.ie7 #branding {
	position:relative;
	width:954px;
	overflow:hidden;
	height:112px;
	background-position: 833px 0;
	background-repeat: no-repeat;
}
.ie7 #strap {
	height:60px;
	line-height:60px;
	vertical-align: top;
	position:absolute;
	top:18px;
	right:120px;
}


/* [1] Typography 
------------------------------------------- */
#header h1, #heading h2  {font: 400 25px  'PlanerRegular', arial, sans-serif;color:#fff;text-shadow: rgba(0,0,0,0.2) 1px 1px 2px;}
.call-to-action a {text-shadow: rgba(0,0,0,0.2) 1px 1px 2px;}


#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6,
#content a {
	font-weight:600;
	font-family: arial;
	font-size: 15px;
	color:#335D65;
}

#content a {
	font-size:12px;
}

#content.blue h1, 
#content.blue h2, 
#content.blue h3,
#content.blue h4,
#content.blue h5,
#content.blue h6,
#content.blue a {
	color:#1D9DD8;
}

#content.orange h1, 
#content.orange h2, 
#content.orange h3,
#content.orange h4,
#content.orange h5,
#content.orange h6,
#content.orange a {
	color:#f7941e;
}

#content.purple h1, 
#content.purple h2, 
#content.purple h3,
#content.purple h4,
#content.purple h5,
#content.purple h6,
#content.purple a {
	color:#8051A1;
}

#content.green h1, 
#content.green h2, 
#content.green h3,
#content.green h4,
#content.green h5,
#content.green h6,
#content.green a {
	color:#7ec55b;
}

#content.blue h1,
#content.orange h1,
#content.purple h1,
#content.green h1,
#content h1 {
	font-family: 'PlanerRegular',Arial;
    font-size: 40px;
    font-weight: 500;
    left: 237px;
    position: absolute;
    text-transform: none;
    top: 100px;
	line-height:40px;
}
#content h1 + h2 {
	 font-size: 20px;
}
#content h1 + h2 + p,
#content h1 + h2 + p {
	color: #9c9ea1;
	font-size:15px;
}


#strap {font-size:30px;color:#335d65;}

ul#content h3, #sub-newsletter-heading {font-size:15px;color:#335d65;margin:16px 0 6px 0;}
ul#content h4 {font-size:13px;font-weight:600;margin-bottom:14px;}
ul#content h4 span {font-weight:500;margin-right:3px;}
ul#content p {font-size:13px;margin-bottom:6px;}
ul#content #latest-news p {}
#content ul {
	list-style-type: disc;
	list-style-position: inside;
}

/* left Column Text Styles */
.section h3 {font-size:25px;color:#848484;font-weight:500;margin-top:17px;}

/* Special Offer Colour Text */
#special-offers-section div#content h2.blue, dt.blue {color:#59C9E1;margin-top:30px;}
#special-offers-section div#content h2.orange, dt.orange {color:#F7941E;margin-top:30px;}
#special-offers-section div#content h2.green, dt.green {color:#7EC55B;margin-top:30px;}

/* [2] Branding
------------------------------------------- */
#branding {position:relative;margin:0;padding:0;height:110px;background: url(../images/branding-bg.png) no-repeat right 0;}
#logo {float:left;}
#search, #strap {position:absolute;top:10px;right:0;}
#strap {right:120px;}
#strap {top:40px;color:#335d65;font-family: 'PlanerRegular', arial, sans-serif;}


/* Social Media 
------------------------------------------ */
#social-media-bar {
	position:relative;
}
#google,
#twitter,
#facebook,
#linked-in,
#you-tube {
	position:absolute;
	top:-34px;
	right:-5px;
}

#google {
	top: -31px;
	right: 75px;
}
#twitter {
    right: 145px;
    top: -32px;
}
#facebook {
    right: 245px;
    top: -32px;
}
#linked-in {
	right: 70px;
}
#you-tube {}


/* [3] Search Facility
------------------------------------------- */
#search .row {float:left;display:inline-block;}
#search label, #search input {float:left;margin-right:10px;}
#search label {padding-top:3px;color: #9c9ea1;}
#search button {text-indent:-999em;width:20px;height:20px;border:none;background: url(../images/icons/search-icon.png) no-repeat 0 0;}

/* [4] News Letter Signup Facility
------------------------------------------- */
#mc-embedded-subscribe-form {position:relative;}
#mc-embedded-subscribe-form .row {padding-top:20px;}
#newsletter-facility input, #mc-embedded-subscribe-form input {padding:4px;margin:8px 12px 8px 0;}
#newsletter-facility button, #mc-embedded-subscribe-form button {border:none;}
#mce-success-response {margin-top:10px;padding:10px;color:#0BAE4D;}
#mce-error-response {margin-top:10px;padding:10px;color:#f40022;}
#mc-embedded-subscribe {}
div.mce_inline_error {position:absolute;top:0;left:0;color:#f40022;}

#column #newsletter-facility button, #column #mc-embedded-subscribe-form button {position:absolute;right:20px;top:23px;}

/* [5] Navigation
------------------------------------------- */
#navigation, #breadcrumbs {
	margin:0;
	width:960px;
	height:36px;
	background: url(../images/navigation-bg.png) repeat-x 0 0;
}

#navigation li{
	position:relative;
	display:inline-block;
	min-height:36px;
	line-height:36px;
	background: url(../images/navigation-divider.png) no-repeat right 0;
	zoom: 1;
    *display: inline;
    _height: 36px;
	
}

#navigation li:last-of-type {
	background: none;
}

#navigation a {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	display:inline;
	padding:0 20px;
	float:left;
	height:36px;
	line-height:36px;
	color:#9c9ea1;
	text-decoration:none;
	text-align:center;
	text-transform: uppercase;
	font-weight:600;
}
#navigation a:hover, #navigation li.active a {color:#335d65;text-shadow:none;}

a#home {width:64px;padding:0;background: url(../images/sprite.png) no-repeat 0 0;text-indent:-999em;margin-right:1px;}
a#home:hover {background-position: -64px 0;}


#navigation .parent ul {
    display: none;
    line-height: 14px;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: left;
    top: 48px;
    width: 240px;
    z-index: 10;
}

.ie7 #navigation .parent ul {
	top:36px;
	left:0;
	width:250px
}

#navigation a + ul:before {
	content: "";
	position:absolute;
	top:-11px;
	left:0;
	width:130px;
	height:11px;
}

.ie7 #wrapper #navigation {
	position:relative;
	z-index:10;
}



/* Color Setup For the Different Navigation Sections */

/* IT SOLUTIONS */
#navigation .it-solutions ul.sub {
	background-color: #1D9DD8;
}
#navigation .it-solutions a + ul:before {
	background: url(../images/navigation-active-arrow.png) no-repeat 0 0;
}
#navigation .it-solutions ul.sub a:hover {
	background: #34a7dc;
} 

/* BUSINESS SOLUTIONS */
#navigation .business-solutions ul.sub {
	background-color: #F7941E;
}
#navigation .business-solutions a + ul:before {
	background: url(../images/navigation-active-arrow.png) no-repeat 0 -11px;
}
#navigation .business-solutions ul.sub a:hover {
	background: #f89f35;
}

/* TELECOMMS SOLUTIONS */
#navigation .telecomms ul.sub {
	background-color: #8051a1;
}
#navigation .telecomms a + ul:before {
	background: url(../images/navigation-active-arrow.png) no-repeat 0 -22px;
}
#navigation .telecomms ul.sub a:hover {
	background: #8d63ab;
}  


/* DATA COMMS */
#navigation .datacomms ul.sub {
	background-color: #8dc63f;
}
#navigation .datacomms a + ul:before {
	background: url(../images/navigation-active-arrow.png) no-repeat 0 -33px;
}
#navigation .datacomms ul.sub a:hover {
	background: #99cc53;
} 

/* GENERAL PAGES */
#navigation  ul.sub {
	background-color: #335d65;
}
#navigation  a + ul:before {
	background: url(../images/navigation-active-arrow.png) no-repeat 0 -44px;
}
#navigation  ul.sub a:hover {
	background: #3f727c;
} 


#navigation .parent.active ul.sub,
#navigation .parent:hover a:hover + ul.sub,
#navigation .parent a:hover + ul.sub,
#navigation li.parent:hover a + ul.sub {
	display:block;
}  

#navigation ul.sub li {
	potion:relative;
	width:100%;
	background: none;
	border:none;
}
#navigation ul.sub a {
	color: #FFFFFF;
    display: block;
    float: none;
    padding: 0 22px;
    text-align: left;
}

#press-releases-section #column .box,
#search-section #column .box
#search-section #column .box,
#contact-section #column .customer-service,
#news-section #column .support, 
#contact-section #column .consumer-man-0001,
#microsoft-authorised-education-resellers-section .box,
#microsoft-small-business-specialist-section .box,
#microsoft-partner-gold-server-platform-section .box,
#testimonial-boss-design-section .box{
	margin-top:20px;
}

/* [6] Home Page Styles
------------------------------------------- */

#home-page .column-wrapper {
	width:100%;
	position:relative;
	margin:30px 3px 20px;
}

.column-wrapper .column {
	display:inline;
	float:left;
}

.column-wrapper .column.middle {
	margin:0 8px;
	background: url(../images/shade-bg.png) no-repeat 0 180px;
}

.box {
	position:relative;
	border:1px solid #d7d7d7;
	min-height: 158px;height:auto!important;height:158px;
	width: 310px;
	margin-bottom:20px;
}

.box:after {
	content: url("../images/box-drop-shadow.png");
	position:absolute;
	top:100%;
}

.ie7 .ie-shadow {
	position:relative;
	top:-22px;
}

.box h3 {
	color: #335D65;
    font-size: 20px;
    left: 120px;
    position: relative;
    top: 35px;
	line-height: 1.2em;
	text-transform: uppercase;
}
.box p {
	color: #9C9EA1;
    font-size: 15px;
    left: 120px;
    position: relative;
    top: 10px;
}
.box span {
	font-size:18px;
	color:#335d65;
}

.box img {
	position:absolute;
	top:-14px;
	left:0;
}

.box .inner {
	position:relative;
	z-index:1;
	height:157px;
	width:310px;
	overflow:hidden;
}

.box .inner .generic {
	position:absolute;
	bottom:10px;
	right:20px;
}

.box.it h3 {
	top: 15px;
	left:160px;
}
.box.it p {
	top: -5px;
	left:160px;
}	

.box.customer-service h3 {
	top: 10px;
}

.box.customer-service p {
	top: 20px;
}

.box.customer-service span {
	left: 150px;
    position: absolute;
    top: 114px;
}

.consumer-man-0001 a,
.consumer-man-0002 a {
	position:relative;
	display:block;
	width:308px;
	height: 158px;
	font-size: 15px;
	color: #335d65;
	text-decoration:none;
	text-align: center;
	line-height:280px;	
}
.consumer-man-0001 a {
	background: url(../images/boxes/consumer-man-001.jpg) no-repeat 0 0;
}

.consumer-man-0002 a {
	background: url(../images/boxes/consumer-man-002.jpg) no-repeat 0 0;
}

.consumer-man-0001 a:hover,
.consumer-man-0002 a:hover {
	background-position: 0 -158px;
}

/* Latest News Feed */
.latest-news {
	position:relative;
	width: 310px;
}
.latest-news h3, .latest-news h3 a,
.column .careers h3, .column .didyouknow h3,
.column .careers h3 a,
.column .didyouknow h3 a {
	font: Arial, Helvetica, sans-serif;
	font-weight:600;
	font-size: 15px;
	color: #335d65;
	margin:10px 0 0;
	text-decoration: none;
}
.latest-news h3 a:hover {
	text-decoration: underline;
}
.latest-news h3 + span {
	font-style: italic;
	display:block;
	font-size: 13px;
	color: #9c9ea1;
	margin-bottom:10px;
}

.latest-news .item {
	border-bottom: 1px dotted #ccc;
	margin-bottom: 15px;
}


/* MISC Home Page */
.column .module-title {
	font-family: Arial;
	color: #848484;
	font-size: 10px;
	display:block;
	text-transform: uppercase;
}
.shade  {
	position:relative;
	width:280px;
	padding:0 15px;
}
.column .careers,
.column .didyouknow {
	padding-bottom:55px;
	margin-bottom: 15px;
	border-bottom: 1px dotted #ccc;
}


.column .careers a,
.column .didyouknow a {
	position:absolute;
	right:15px;
}

.testimonial-container {
	min-height:43px;
	background: url(../images/testimonail-bg.png) no-repeat center 0;
}
.testimonial-container blockquote {
	margin: 0 auto;
	width:750px;
}
.testimonial-container p {
	font-family: 'PlanerRegular', Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #335d65;
	line-height: 30px;
}
.testimonial-container cite {
	display:block;
	font-size:12px;
	color: #9c9ea1;
}

#home-page ul#content {margin-top:20px;}
#home-page ul#content li {width:33.3%;display:inline;float:left;position:relative;}
#home-page ul#content h3, #home-page ul#content li .article, #column li .article {padding:0 16px 6px;}
#home-page ul#content li .silverbox-text {height:140px;padding:0 1px 9px;}
#latest-news .article hr {background:none;border:none;height:1px;border-bottom:2px dotted #c4c4c4;margin:6px 0;}
#home-page ul#content li .article a {display:block;}


#service {background: url(../images/interface/quote-silver-box.png) no-repeat 0 0px;}
#service .silverbox-text p {text-align:center;padding:0 16px;}
#service .silverbox-text span {display:block;padding:0 16px;margin-top:20px;font-size:18px;color:#335d65;}

.generic {
	display:inline-block;
	width:106px;
	height:36px;
	line-height:36px;
	text-align:center;
	background: url(../images/sprite.png) no-repeat 0 -37px;
	text-decoration:none;
	color:#9c9ea1;
	font-size:12px;
	text-transform: uppercase;
}
.generic:hover {
	color: #335d65;
	background-position: -106px -37px;
}

/* Call to action buttons - ala newsletter sign up */
.action-box, .action {display:inline-block;width:103px;height:36px;line-height:36px;text-align:center;background: url(../images/interface/navigation-btns.png) no-repeat 0 -487px;text-decoration:none;color:#fff;font-size:12px;}
.action-box:hover {background-position:0 -524px;}

.action {background-position:0 -561px;}
#home-page .action:hover {background-position:-104px -561px;}

.section .action {background-position:0px -561px} /* 486 */
.section .action:hover {background-position:-104px -561px}

/* Download Woman Box */
#download-box {background: url(../images/interface/woman-box.jpg) no-repeat 0 0px;position:relative;height:176px;}
#home-page ul#content #download-box h3, #column #download-box h3 {padding:40px 8px 0 108px;font-size:25px;color:#335d65;}
#home-page ul#content #download-box p, #column #download-box p {font-size:18px;padding:0 12px 0 108px;color:#335d65;}
#home-page ul#content #download-box a, #column #download-box a {float:right;margin:15px 16px 0 0;}
#download-box img {position:absolute;top:0;left:0;z-index:10;}

/* Service Box */
#service-box {background: url(../images/interface/quote-silver-box.png) no-repeat 0 0px;height:169px;}
#service-box h3 {padding:25px 6px 0px 16px;font-size:20px;color:#335d65;}
#service-box p {text-align:center;padding:0 16px;color:#335d65;}
#service-box span {display:block;padding:0 16px;margin-top:20px;font-size:18px;color:#335d65;}



/* [7] Content Page Styles
------------------------------------------- */
#content-container {
	position:relative;
	width:960px;
	overflow:hidden;
	margin-bottom:40px;
}

.ie8 #content-container {
	margin-top:-22px;
}

#column {
	position:relative;
	width:325px;
	margin:0;
	padding:0;
	float:left;
}

#content {
	position:relative;
	width:635px;
	margin:0;
	padding:300px 0 0;
	overflow:auto;
	float:left;
}

/* Section Specific Backgrounds */
.blue {
	background: url(../images/page-bgs/it-solutions-bg.jpg) no-repeat 0 0;
}
.orange {
	background: url(../images/page-bgs/business-solutions-bg.jpg) no-repeat 0 0;
}
.purple {
	background: url(../images/page-bgs/telecomms-bg.jpg) no-repeat 0 0;
}
.green {
	background: url(../images/page-bgs/datacomms-bg.jpg) no-repeat 0 0;
}


/* Datacomms BGs */
#cabling-helpdesk-section #content {
	background: url(../images/page-bgs/datacomms-helpdesk-bg.jpg) no-repeat 0 0;
}
#fibre-optic-cabling-section #content {
	background: url(../images/page-bgs/datacomms-fibreoptics-bg.jpg) no-repeat 0 0;
}
#cabling-network-design-section #content {
	background: url(../images/page-bgs/datacomms-networkdesign-bg.jpg) no-repeat 0 0;
}
#using-ethernet-section #content {
	background: url(../images/page-bgs/datacomms-usingethernet-bg.jpg) no-repeat 0 0;
}
#ethernet-cable-categories-section #content {
	background: url(../images/page-bgs/datacomms-ethernetcablecat-bg.jpg) no-repeat 0 0;
}
#ip-cctv-section #content {
	background: url(../images/page-bgs/datacomms-ipcctv-bg.jpg) no-repeat 0 0;
}
#telephone-cabling-section #content {
	background: url(../images/page-bgs/datacomms-telephonecabling-bg.jpg) no-repeat 0 0;
}
#wireless-networks-section #content {
	background: url(../images/page-bgs/datacomms-wirelessnetworks-bg.jpg) no-repeat 0 0;
}


/* TeleComms BGs */
#broadband-section #content {
	background: url(../images/page-bgs/telecomms-broadband-bg.jpg) no-repeat 0 0;
}
#telephone-lines-section #content {
	background: url(../images/page-bgs/telecomms-telephonelines-bg.jpg) no-repeat 0 0;
}
#telephone-calls-section #content {
	background: url(../images/page-bgs/telecomms-phonecalls-bg.jpg) no-repeat 0 0;
}
#telephone-systems-section #content {
	background: url(../images/page-bgs/telecomms-telephonesystems-bg.jpg) no-repeat 0 0;
}
#telecoms-aftercare-section #content {
	background: url(../images/page-bgs/telecomms-telecomms-bg.jpg) no-repeat 0 0;
}

/* Business Solutions */
#photocopiers-section #content {
	background: url(../images/page-bgs/business-photocopiers-bg.jpg) no-repeat 0 0;
}
#printers-section #content {
	background: url(../images/page-bgs/business-printers-bg.jpg) no-repeat 0 0;
}
#independent-document-solutions-section #content {
	background: url(../images/page-bgs/business-ids-bg.jpg) no-repeat 0 0;
}
#flexible-contracts-section #content {
	background: url(../images/page-bgs/business-flexiblecontracts-bg.jpg) no-repeat 0 0;
}

/* It Solutions */
#connect-it-support-overview-section #content,
#connect-it-support-features-section #content {
	background: url(../images/page-bgs/itsolutions-connectit-bg.jpg) no-repeat 0 0;
}
#software-section #content,
#vmware-section #content,
#citrix-section #content,
#hyperv-section #content,
#power-retrieve-section #content,
#spam-intelligence-section #content {
	background: url(../images/page-bgs/itsolutions-software-bg.jpg) no-repeat 0 0;
}
#hardware-information-section #content,
#server-section #content,
#pcs-laptops-section #content,
#monitors-section #content
{
	background: url(../images/page-bgs/itsolutions-hardware-bg.jpg) no-repeat 0 0;
}
#it-security-section #content {
	background: url(../images/page-bgs/itsolutions-security-bg.jpg) no-repeat 0 0;
}
#virtualisation-section #content {
	background: url(../images/page-bgs/itsolutions-virtualisation-bg.jpg) no-repeat 0 0;
}
#web-solutions-section #content {
	background: url(../images/page-bgs/itsolutions-websolutions-bg.jpg) no-repeat 0 0;
}
#consultancy-section #content {
	background: url(../images/page-bgs/itsolutions-consultancy-bg.jpg) no-repeat 0 0;

}

#about-us-section #content,
#careers-section #content,
#accreditations-section #content,
#events-section #content,
#testimonials-section #content,
#special-offers-section #content,

#news-section #content,
.login-section #content,
#content.default {
		background: url(../images/page-bgs/default-bg.jpg) no-repeat 0 0;
}

#blog-listing-section #content {
	margin-bottom:60px;
}
#contact-section #content {
	background: url(../images/page-bgs/contact-us-bg.jpg) no-repeat 0 0;
}
#news-listing-section #content,
#news-article-section #content,
#press-releases-section #content {
	background: url(../images/page-bgs/press-release-bg.jpg) no-repeat 0 0;
}
#blog-listing-section #content,
#blog-post-section #content {
	background: url(../images/page-bgs/press-blog-bg.jpg) no-repeat 0 0;

}


.sub-title {width:640px;}
div#content .gfx {margin:0 20px 20px;}

#section-title {position:relative;margin-bottom:15px;}
#section-title span {position:absolute;top:32px;right:32px;font-size:30px;color:#fff;}
#section-title span.alt {text-align:right;}

div#content h1, div#content h2, div#content h3, div#content p, div#content ul, div#content dl {margin:0 20px 10px;}
div#content ul li, div#content dl dd {margin-bottom:10px;}

/* Column Styles for sub pages */
#column .box {margin-left:7px;}
#column .section {width:286px;padding:0 17px;}
#column #download-box h3, #column #service-box h3  {margin:0;}
#column #download-box p {text-align:left;}
#column #download-box a {margin:0 21px;}

/* Latest News Styling */
#news-listing-section #content {overflow:visible;}
ul#latest-news-posts li {display:block;padding:20px 20px 20px 160px;overflow:hidden;}
#latest-news-posts li img {float:left;width:140px;height:129px;background: url(../images/interface/news-thumbs-bg.png) no-repeat 0 0;border:1px solid #848384;margin:0 23px 0 -145px;}
ul#latest-news-posts li.even {background-color:#f7f7f7;}
#latest-news-posts li a {display:block;margin:5px 0 0 18px;}
#latest-news-posts li span.date {display:block;color:#aaa;font-size:10px;margin:-4px 0 4px 20px;}

/* Latest News Included on the left Column on some pages */
#column li h3 {color:#848484;font-size:25px;margin:16px 0 6px 14px;}

/* Latest News - Article Page */
div#content .article img {float:left;margin:0 0 0 -140px;border:1px solid #848384;}
div#content .article h2 + img {margin-top:-43px;}
div#content .article  {margin:0;padding:20px 20px 20px 160px;}

/* cms p img fix */
div#content .article p img {margin-left:-160px;}
.ie6_body div#content .article,
.ie7_body div#content .article,
.ie8_body div#content .article {margin:0;padding:20px 20px 20px 180px;}

.ie6_body div#content .article img,
.ie7_body div#content .article img,
.ie8_body div#content .article img,
.ie9_body div#content .article img {margin-left:-160px;}

.ie6_body div#content .article p img,
.ie7_body div#content .article p img,
.ie8_body div#content .article p img,
.ie9_body div#content .article p img {margin: -20px 0 -20px -180px;}

/* Special Offers Page */
#email-articles {margin-top:20px;}
#email-articles img {margin:0 20px 10px;}
#email-articles div {margin-bottom:20px;}

/* Contact Page */
#contact-section form {position:relative;margin:0 0 0 5px;padding:10px 40px;}
#contact-section label {display:block;float:left;width:150px;padding-top:3px;font-family:arial; font-size:13px;color:#848484;}
#contact-section input, #contact-page-form textarea, #contact-page-form select {padding:3px;width:310px;}
#contact-section select {width:250px;}
#contact-section textarea {border:1px solid #b3b3b3;width:318px;min-height:100px;}
#contact-section button {margin-left:147px;border:none;}
#contact-section .row {
	position:relative;
	width:100%;
	margin-bottom:15px;
}

#contact-section ul {
	list-style-type: none;
}

#success {display:none;background:none repeat scroll 0 0 #fff;color:#7EC55B;display:none;font-size:16px;margin:0 0 0 5px;padding:20px 0;width:631px;}
#uppss {background:none repeat scroll 0 0 #fff;color:#F7941E;display:none;font-size:16px;margin:0 0 0 5px;padding:20px 0;width:631px;}

#contact-section #map {
	margin-left:20px;
	border: 10px solid #f6f6f6;
	border-radius: 10px;
}
#contact-section .address-section {
	overflow:hidden;
	margin-bottom:20px;
	border-bottom: 1px dashed #cfcfcf;
}
#contact-section .it-solutions-address,
#contact-section .business-solutions-address,
#contact-section .ids-address {
	position:relative;
	float:left;
	width: 33%;
	text-transform: uppercase;
}


#contact-section .ids-address {}
#contact-section .email-signup {
	overflow:hidden;
	clear: both;
}
#contact-section .email-signup input {
	width: auto;
	float: left;
}

/* [8] Sub Navigation
------------------------------------------- */
#sub-navigation {
	margin:20px 0 40px 5px;
	padding:0;
}

ul.menu + .box,
#column > .box {
	margin-top:30px;
}

ul.menu, ul.menu ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
ul.menu li {
	
}
ul.menu li a {
	width: 200px;
	padding-left:90px;
	font-size: 10px;
	font-weight: 600;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	color: #a9abae;
}
ul.menu li a:hover {
	color: #1d9dd8;
}

ul.menu li ul {
	position:relative;
	list-style-type: disc;
	list-style-position: inside;
	margin-left: 90px;
	color: #1d9dd8;
}


ul.menu li ul li a,
ul.menu ul.menu li ul li a {
	padding:0;
	height:25px;
	line-height:25px;
	border:none;
	color: #a9abae;
}




/* IT Solutions Sub Menu Styles */

/* Top Level Navigation On Section Highlight */
#it-solutions-section #it-solutions,
#it-support-information-section #it-solutions,
#connect-it-support-overview-section #it-solutions,
#connect-it-support-features-section #it-solutions,
#it-technicians-section #it-solutions,
#observer-remote-monitiring-section #it-solutions,
#mail-flow-section #it-solutions,
#guardian-disaster-recovery-section #it-solutions,
#software-section #it-solutions,
#vmware-section #it-solutions,
#citrix-section #it-solutions,
#hyperv-section #it-solutions,
#power-retrieve-section #it-solutions,
#spam-intelligence-section #it-solutions,
#hardware-information-section #it-solutions,
#server-section #it-solutions,
#pcs-laptops-section #it-solutions,
#monitors-section #it-solutions,
#it-security-section #it-solutions,
#virtualisation-section #it-solutions,
#web-solutions-section #it-solutions,
#consultancy-section #it-solutions {
	color: #1d9dd8;
}

#sub-navigation li.expand > a,
#it-support-information-section #sub-navigation li ul,
#it-support-information-section #sub-navigation li li a:hover,
#software-section #sub-navigation li ul,
#software-section #sub-navigation li li a:hover,
#hardware-information-section #sub-navigation li ul,
#hardware-information-section #sub-navigation li li a:hover,
#it-security-section #sub-navigation li ul,
#it-security-section #sub-navigation li li a:hover,
#virtualisation-section #sub-navigation li ul,
#virtualisation-section #sub-navigation li li a:hover,
#web-solutions-section #sub-navigation li ul,
#web-solutions-section #sub-navigation li li a:hover,
#consultancy-section #sub-navigation li ul,
#consultancy-section #sub-navigation li li a:hover {
	color: #1d9dd8;
}

#sub-navigation .it-support,
#sub-navigation .software,
#sub-navigation .hardware,
#sub-navigation .it-security,
#sub-navigation .virtualisations,
#sub-navigation .web-solutions,
#sub-navigation .consultancy  {
	display:block;
	position:relative;
	border-bottom: 1px dotted #ccc;
	height:30px;
	line-height:30px;
	background: url(../images/sub-navigation/it-support-sprite.png) no-repeat 0 0;
}
#sub-navigation .it-support {
	background-position: 0 0;
}
#sub-navigation .software {
	background-position: 0 -30px;
}
#sub-navigation .hardware {
	background-position: 0 -60px;
}
#sub-navigation .it-security {
	background-position: 0 -90px;
}
#sub-navigation .virtualisations {
	background-position: 0 -120px;
}
#sub-navigation .web-solutions {
	background-position: 0 -150px;
}

#sub-navigation .it-support.active,
#sub-navigation .software.active,
#sub-navigation .hardware.active,
#it-security-section .it-security, #sub-navigation .it-security.active,
#virtualisation-section .virtualisations, #sub-navigation .virtualisations.active,
#web-solutions-section .web-solutions, #sub-navigation .web-solutions.active,
#consultancy-section .consultancy, #sub-navigation .consultancy.active
 {
	color: #1d9dd8;
}


/* 3rd Level IT SOLUTIONS */
#it-support-information-section .it-support-information,
#connect-it-support-overview-section .connect-it-support-overview,
#connect-it-support-features-section .connect-it-support-features,
#it-technicians-section .it-technicians,
#observer-remote-monitiring-section .observer-remote-monitoring,
#mail-flow-section .mail-flow,
#guardian-disaster-recovery-section .guardian-disaster-recovery,
#software-section .software-information,
#vmware-section .vmware,
#citrix-section .citrix,
#hyperv-section .hyperv,
#power-retrieve-section .power-retrieve,
#spam-intelligence-section .spam-intelligence,
#hardware-information-section .hardware-information,
#server-section .servers,
#pcs-laptops-section .pcs-laptops,
#monitors-section .monitors  {
	color: #1d9dd8;
}



/* Business Support Sub Menu Styles */

/* Top Level Navigation On Section Highlight */
#business-solutions-section #business-solutions,
#photocopiers-section #business-solutions,
#printers-section #business-solutions,
#independent-document-solutions-section #business-solutions,
#flexible-contracts-section #business-solutions,
#print-audit-section #business-solutions {
	color: #F7941E;
}

#business-solutions-section #sub-navigation li ul,
#business-solutions-section #sub-navigation li a:hover,
#photocopiers-section #sub-navigation li ul,
#photocopiers-section #sub-navigation li a:hover,
#printers-section #sub-navigation li ul,
#printers-section #sub-navigation li a:hover,
#independent-document-solutions-section #sub-navigation li ul,
#independent-document-solutions-section #sub-navigation li a:hover,
#flexible-contracts-section #sub-navigation li ul,
#flexible-contracts-section #sub-navigation li a:hover,
#print-audit-section #sub-navigation li ul,
#print-audit-section #sub-navigation li a:hover {
	color: #F7941E;
}

#business-solutions-section #business-solutions,
#photocopiers-section .photocopiers,
#printers-section .printers,
#independent-document-solutions-section .ids,
#flexible-contracts-section .flexible-contracts,
#print-audit-section .print-audit{
	color: #F7941E;
}




#sub-navigation .photocopiers,
#sub-navigation .printers,
#sub-navigation .ids,
#sub-navigation .flexible-contracts,
#sub-navigation .print-audit {
	display:block;
	position:relative;
	border-bottom: 1px dotted #ccc;
	height:30px;
	line-height:30px;
	background: url(../images/sub-navigation/business-support-sprite.png) no-repeat 0 0;
}
#sub-navigation .photocopiers {
	background-position: 0 0;
}
#sub-navigation .printers {
	background-position: 0 -30px;
}
#sub-navigation .ids {
	background-position: 0 -60px;
}
#sub-navigation .flexible-contracts {
	background-position: 0 -90px;
}
#sub-navigation .print-audit {
	background-position: 0 -120px;
}


/* Datacomms Sub Menu Styles */

/* Top Level Navigation On Section Highlight */
#datacomms-section #datacomms,
#data-communications-section #datacomms,
#cabling-helpdesk-section #datacomms,
#cabling-network-design-section #datacomms,
#ethernet-cable-categories-section #datacomms,
#fibre-optic-cabling-section #datacomms,
#ip-cctv-section #datacomms,
#telephone-cabling-section #datacomms,
#using-ethernet-section #datacomms,
#wireless-networks-section #datacomms,
#meraki-wireless-section #sub-navigation #datacomms {
	color: #8DC63F;
}
#datacomms-section #sub-navigation li ul,
#datacomms-section #sub-navigation li a:hover,
#data-communications-section #sub-navigation li ul,
#data-communications-section #sub-navigation li a:hover,
#cabling-helpdesk-section #sub-navigation li ul,
#cabling-helpdesk-section #sub-navigation li a:hover,
#cabling-network-design-section #sub-navigation li ul,
#cabling-network-design-section #sub-navigation li a:hover,
#ethernet-cable-categories-section #sub-navigation li ul,
#ethernet-cable-categories-section #sub-navigation li a:hover,
#fibre-optic-cabling-section #sub-navigation li ul,
#fibre-optic-cabling-section #sub-navigation li a:hover,
#ip-cctv-section #sub-navigation li ul,
#ip-cctv-section #sub-navigation li a:hover,
#telephone-cabling-section #sub-navigation li ul,
#telephone-cabling-section #sub-navigation li a:hover,
#using-ethernet-section #sub-navigation li ul,
#using-ethernet-section #sub-navigation li a:hover,
#wireless-networks-section #sub-navigation li ul,
#wireless-networks-section #sub-navigation li a:hover,
#wireless-network-solutions-section #sub-navigation li ul,
#wireless-network-solutions-section #sub-navigation li a:hover,
#meraki-wireless-section #sub-navigation li ul,
#meraki-wireless-section #sub-navigation li a:hover {
	color: #8DC63F;
}
#data-communications-section #data-communications,
#cabling-helpdesk-section .cabling-helpdesk,
#cabling-network-design-section .cabling-hnetwork-design,
#ethernet-cable-categories-section .ethernet-cable-categories,
#fibre-optic-cabling-section .fibre-optic-cabling,
#ip-cctv-section .ip-cctv,
#telephone-cabling-section .telephone-cabling,
#using-ethernet-section .using-ethernet,
#wireless-networks-section .wireless-networks,
#meraki-wireless-section  .meraki-wireless {
	color: #8DC63F;
}


#sub-navigation .cabling-helpdesk,
#sub-navigation .cabling-network-design,
#sub-navigation .ethernet-cable-categories,
#sub-navigation .fibre-optic-cabling,
#sub-navigation .ip-cctv,
#sub-navigation .telephone-cabling,
#sub-navigation .using-ethernet,
#sub-navigation .wireless-networks,
#sub-navigation .meraki-wireless {
	display:block;
	position:relative;
	border-bottom: 1px dotted #ccc;
	height:30px;
	line-height:30px;
	background: url(../images/sub-navigation/datacomms-sprite.png) no-repeat 0 0;
}

#sub-navigation .cabling-helpdesk {
	background-position: 0 0;
}
#sub-navigation .cabling-network-design {
	background-position: 0 -30px;
}
#sub-navigation .ethernet-cable-categories {
	background-position: 0 -60px;
}
#sub-navigation .fibre-optic-cabling {
	background-position: 0 -90px;
}
#sub-navigation .ip-cctv {
	background-position: 0 -120px;
}
#sub-navigation .telephone-cabling {
	background-position: 0 -150px;
}
#sub-navigation .using-ethernet {
	background-position: 0 -180px;
}
#sub-navigation .wireless-networks {
	background-position: 0 -210px;
}
#sub-navigation .meraki-wireless {
	background-position: 0 0;
}




/* Telecoms Sub Menu Styles */

/* Top Level Navigation On Section Highlight */
#telecomms-section #telecomms,
#telephone-systems-section #telecomms,
#mobile-phones-section #telecomms,
#telephone-calls-section #telecomms,
#telephone-lines-section #telecomms,
#broadband-section #telecomms,
#telecoms-aftercare-section #telecomms {
	color: #9F7EB5;
}

#telecomms-section #sub-navigation li ul,
#telecomms-section #sub-navigation li a:hover,
#telephone-systems-section #sub-navigation li ul,
#telephone-systems-section #sub-navigation li a:hover,
#mobile-phones-section #sub-navigation li ul,
#mobile-phones-section #sub-navigation li a:hover,
#telephone-calls-section #sub-navigation li ul,
#telephone-calls-section #sub-navigation li a:hover,
#telephone-lines-section #sub-navigation li ul,
#telephone-lines-section #sub-navigation li a:hover,
#broadband-section #sub-navigation li ul,
#broadband-section #sub-navigation li a:hover,
#telecoms-aftercare-section #sub-navigation li ul,
#telecoms-aftercare-section #sub-navigation li a:hover {
	color: #9F7EB5;
}

#telephone-systems-section .telephone-systems,
#mobile-phones-section .mobile-phones,
#telephone-calls-section .telephone-calls,
#telephone-lines-section .telephone-lines,
#broadband-section .broadband,
#telecoms-aftercare-section .telecoms-aftercare {
	color: #9F7EB5;
}


#sub-navigation .telephone-systems,
#sub-navigation .mobile-phones,
#sub-navigation .telephone-calls,
#sub-navigation .telephone-lines,
#sub-navigation .broadband,
#sub-navigation .telecoms-aftercare {
	display:block;
	position:relative;
	border-bottom: 1px dotted #ccc;
	height:30px;
	line-height:30px;
	background: url(../images/sub-navigation/telecomms-sprite.png) no-repeat 0 0;
}

#sub-navigation .telephone-systems {
	background-position: 0 0;
}
#sub-navigation .mobile-phones {
	background-position: 0 -30px;
}
#sub-navigation .telephone-calls {
	background-position: 0 -60px;
}
#sub-navigation .telephone-lines {
	background-position: 0 -90px;
}
#sub-navigation .broadband {
	background-position: 0 -120px;
}
#sub-navigation .telecoms-aftercare {
	background-position: 0 -150px;
}



/* ABOUT US SECTION AND GENERAL PAGES */
#news-listing-section #sub-navigation li ul,
#news-listing-section #sub-navigation li a:hover,
#news-article-section #sub-navigation li ul,
#news-article-section #sub-navigation li a:hover,
#about-us-section #sub-navigation li ul,
#about-us-section #sub-navigation li a:hover,
#accreditations-section #sub-navigation li ul,
#accreditations-section #sub-navigation li a:hover,
#careers-section #sub-navigation li ul,
#careers-section #sub-navigation li a:hover,
#events-section #sub-navigation li ul,
#events-section #sub-navigation li a:hover,
#testimonials-section #sub-navigation li ul,
#testimonials-section #sub-navigation li a:hover,
#special-offers-section #sub-navigation li ul,
#special-offers-section #sub-navigation li a:hover
#blog-listing-section #sub-navigation li ul,
#blog-listing-section #sub-navigation li a:hover {
	color: #335d65;
}

/* About Section Page Specific Link Colors 2nd */
#news-listing-section #news,
#news-article-section #news,
#about-us-section #about-us,
#careers-section #about-us, #careers-section #sub-navigation .careers,
#accreditations-section #about-us, #accreditations-section #sub-navigation .accreditations,
#events-section #about-us, #events-section #sub-navigation .events,
#testimonials-section #about-us, #testimonials-section #sub-navigation .testimonials,
#special-offers-section #about-us, #special-offers-section #sub-navigation .special-offers
#blog-listing-section #about-us, #blog-listing-section #sub-navigation .blog {
	color: #335d65;
}

#sub-navigation .careers,
#sub-navigation .accreditations,
#sub-navigation .events,
#sub-navigation .testimonials,
#sub-navigation .special-offers,
#sub-navigation .blog,
#sub-navigation .meet-the-team{
	display:block;
	position:relative;
	border-bottom: 1px dotted #ccc;
	height:30px;
	line-height:30px;
	background: url(../images/sub-navigation/default-sprite.png) no-repeat 0 0;
}
#sub-navigation .blog {
	margin:0;
}

/* no Script section
.acitem {display:none;} */


/* Team Page Styling */
#team-container {
    position: relative;
}
#team-member {
    overflow: hidden;
}
#teamImage {
    margin-top: 20px;
}
#team-member .bio {
    float: right;
    font-size: 14px;
    width: 297px;
}
#team-member ul {
    list-style: none outside none;
}
#team-member li {
    color: #585858;
    margin-bottom: 10px;
}
#team-member li h2 {
	display: block;
    margin: 24px 0 15px;
    font-size: 21px;
    color: #BF0D1D;
}
#team-member li strong {
	color: #585858;
}
#team-member span.role {
    color: #585858;
    font-size: 12px;
    font-weight: 600;
}
#team-member span {
    color: #BF0D1D;
    display: block;
    font-weight: 600;
}
#team-gallery {
    left: 0;
    position: absolute;
    top: 317px;
    width: 280px;
}
#team-gallery li {
    display: block;
    float: left;
    height: 86px;
    width: 86px;
    margin-bottom: 10px;
}

#team-gallery li img.teamThumbs {
    cursor: pointer;
    opacity: 0.4;
}
#team-gallery li img.teamThumbs:hover {
	opacity: 1;
	border: 3px solid #585858;
}
#team-gallery li img {
    border: 3px solid #FFFFFF;
}
#team-gallery li.middle {
    margin: 0 4px;
}



/* [9] Footer
------------------------------------------- */
#footer {
	position: relative;
	overflow:hidden;
	text-align:left;
}

.ie7 #footer {
	position:reltive;
	width: 980px;
}

#footer ul,
#copyright {
	position:relative;
	margin: 20px auto;
	width:980px;
}

#footer ul,
#footer p {
	color:#d7d7d7;
	font-weight:600;
	font-size: 10px;
}
#copyright {
	display:block;
	margin: 0 auto;
	font-size: 12px;
}

#footer li {
	display: inline-block;
}

.ie7 #footer li {
	display:inline;
}

#footer li a {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color:#d7d7d7;
	margin: 0 5px;
	text-decoration: none;
}
#footer li a.first,
#footer li:first-of-type a {
	margin-left:0;
}
#footer li a.last,
#footer li:last-of-type a {
	margin-right:0;
}

#footer a:hover {
	color: #335D65;
}



/* [10] Forms
------------------------------------------- */
#registration-form {
	margin-left: 120px;
    margin-top: -80px;
    padding: 20px;}
#registration-form label {float:left;color:#335D65;width:100px;margin-right:10px;padding-top:3px;}
#registration-form .row {position:relative;display:block;width:100%;clear:both;margin-bottom:10px;}
#registration-form input {padding:3px;vertical-align:middle;margin-right:5px;}
#registration-form a {display:inline-block;width:10px;height:10px;font-size:11px;text-decoration:none;cursor:pointer;}
#registration-form .tip {display:none;}
#registration-form a:hover + span.tip {display:block;position:absolute;top:0;right:60px;padding:5px;border:1px solid #3F656E;color:#335D65;text-align:center;-moz-border-radius: 3px; -webkit-border-radius: 3px;}
#registration-form button {margin-left:110px;}
#registration-form .error {display:block;position:absolute;top:0;right:60px;padding:5px;border:1px solid red;color:red;text-align:center;-moz-border-radius: 3px; -webkit-border-radius: 3px;}

#registration-form.register label {float:left;color:#335D65;margin-right:10px;padding-top:3px;}
#registration-form.register .row {position:relative;display:block;float:left;margin-bottom:10px;}
#registration-form.register input {padding:3px;vertical-align:middle;margin-right:15px;}
#registration-form  button {border:none;}

.ie9 #password {
	width:148px;
}
.ie9 #registration-form button {
	margin-left:111px;
	width:157px;
}


/* [11] Downloads
------------------------------------------- */
#download-list {position:relative;overflow:hidden;margin-bottom:35px;}
#download-list ul {margin:0;padding:0;}
#download-list .download-title {display:block;font-size:14px;color:#365e66;border-bottom:2px solid #999;margin-bottom:10px;}
#download-list ul a {color:#365e66;display:block;margin:4px 0;}
#download-list li span {font-size:16px;margin-bottom:10px;color:#59C9E1;display:block;}
#download-list li+li span {font-size:16px;margin-bottom:10px;color:#f7941E;}
#download-list li+li+li span {font-size:16px;margin-bottom:10px;color:#7EC55B;}
#download-list li ul li span {border-bottom:2px solid #999999;color:#365E66;display:block;font-size:14px;margin-bottom:10px;}

/* [12] Serch Results
------------------------------------------- */
div#content #search-results {position:relative;width:600pxoverflow:hidden;margin:20px 6px 34px;}
div#content #search-results .result {display:block;overflow:hidden;padding:10px 15px;}
div#content #search-results .result h3 {margin:0;}
div#content #search-results .result p {margin:0;}
div#content #search-results .result a {display:block;margin:10px 0;}
div#content #search-results .even {background-color:#f7f7f7;}

.paging{float:right;}
.paging a{text-decoration:none;line-height:14px;color:#335D65;font-weight:bold;border-right:1px dotted;padding-right:4px;}
.paging span.current{color:#000000;font-weight:bold;display:inline-block;border-right:1px dotted;padding-right:4px;line-height:14px;}
.paging a:hover{text-decoration:underline;}
.paging a.lastlink{border:none;padding-right:2px;}
.paging .last{background:url("/images/paging/last.png") no-repeat scroll 0 0 transparent;display:inline-block;height:13px;text-indent:-9999px;width:12px;border:none;padding:0px;}
.paging .first{background:url("/images/paging/first.png") no-repeat scroll 0 0 transparent;display:inline-block;height:13px;text-indent:-9999px;width:12px;border:none;padding:0px;margin-right:4px;}
.paging .prev{background:url("/images/paging/prev.png") no-repeat scroll 0 0 transparent;display:inline-block;height:13px;text-indent:-9999px;width:12px;border:none;padding:0px;}
.paging .next{background:url("/images/paging/next.png") no-repeat scroll 0 0 transparent;display:inline-block;height:13px;text-indent:-9999px;width:12px;border:none;padding:0px;}

/* MISC STYLES LOGIN BOX */
#login-box {position:relative;height:176px;background: url(../images/interface/login-box.jpg) no-repeat 0 0;}
#login-box form {text-align:center;padding:60px 60px 0;}
#login-box label {display:none;}
#login-box input, #login-box button {display:block;margin-bottom:10px;}
#login-box input {width:190px;}
#login-box button {display:block;border:0;margin:0 0 0 46px;padding:0;width:100px;height:34px;background: url(../images/navigation-btns.png) no-repeat -181px -412px;text-align:center;color:#fff;line-height:32px;}
#login-box button:hover {background-position:-181px -447px;}

/* Blog Box */
#column .blog {
	margin-top:30px;
	margin-bottom:30px;
}
#column .blog p {
	width:190px;
}

/* Affiliate Link Page */
#link-system, #link-system #link-form {border-top:2px dotted #cfcfcf;margin:20px;padding:20px 0;}
#link-system #example {font-weight:600;}
#link-system textarea {width:500px;}
#link-system table {}
#link-system table tbody td, #link-system table tbody th {border:1px solid #fff;border:none;margin-bottom:15px;}
#link-system table tbody td {text-align:left;}
#link-system table tbody td input, #link-system table tbody td textarea {padding:3px;border:1px solid #cfcfcf;}
#link-system table tbody td select {padding:3px;}

/* Site Map Styling */
#sitemap-container {width:980px;padding:20px;}
#sitemap {width:33%;float:left;}
#sitemap span{font-weight:600;font-size:14px;}

/* Iframe Styles for Live Support */
#live-view-frame {margin-left:10px;}


#feature-container {
		position:relative;
		margin:0 auto;
		height:300px;
		background:#fff;
		width:960px;
		background: url(../images/feature-container-bg.jpg) no-repeat 0 0;
}

.ie7 #feature-container {
	z-index:-1;
}

.ie7 #navigation,
.ie8 #navigation {
	margin-bottom:-21px;
}

#feature-container:after {
	content: "";
	background: url(../images/feature-container-shadow.png) no-repeat 0 0;
	width:960px;
	height:23px;
	position:relative;
	margin:0 auto;
	display:block;
	top:300px;
}		
	
.ie9 #feature-container:after,
.ie8 #feature-container:after,
.ie7 #feature-container:after  {
	top:-6px;
	bottom:0;
}
	
#holder_images {
		height:300px;
		position:relative;
		margin:-300px auto;
		width:960px;
		overflow:hidden;
	}
	
#holder_images img {
		display: inline-block;
   		vertical-align: bottom;
	}
	
#feature-container.sub span, #feature-container.sub h1  {
		display:block;
		width:965px;
		height:65px;
		margin:0 auto;
		text-align:left;
		color:#f2f2f2;
		text-shadow:none;
		font-size:40px;
		line-height:55px;
		padding-top:25px;
		text-indent:359px;
}

#bounce {
	z-index:0;
	position:relative;
	margin:0 auto;
	width:960px;
	overflow:hidden;
	height:300px;
}

#bounce li {
	position:relative;
	width:409px;
	height:409px;
	float:left;
	display:block;
}

#bounce .orb1 {
	width:124px;
	height:124px;
	background:transparent url(../images/orb1.png) no-repeat 0 0;
}

#bounce .orb2,
#bounce .orb3 {
	width:249px;
	height:249px;
	background:transparent url(../images/orb2.png) no-repeat 0 0;
}

#bounce .orb4,
#bounce .orb5,
#bounce .orb6,
#bounce .orb7{
	width:124px;
	height:124px;
	background:transparent url(../images/orb4.png) no-repeat 0 0;
}

	
#feature-container .title {
    color: #FFFFFF;
    font-family: Helvetica;
    font-size: 30px;
}
#feature-container .link {
    color: #FFFFFF;
    font-family: Arial;
    font-size: 15px;
}
#feature-container .description {
    color: #FFFFFF;
    font-family: Arial;
    font-size: 12px;
}

#feature-container .item-content {
	float:left;
	left:410px;
	margin:84px 0 0;
	line-height:22px;
	position:absolute;
	width:400px;
	text-align:left;
}

#feature-container  #text_1 h2, #feature-container  #text_1 a {
	color: #8dc63f;
}
#feature-container  #text_2 h2, #feature-container  #text_2 a {
	color: #8051a1;
}
#feature-container #text_3 h2, #feature-container #text_3 a {
	color: #1d9dd8;
}
#feature-container  #text_4 h2, #feature-container #text_4 a {
	color: #f7941e;
}

#feature-container .item-content h2 {
	font-family: 'PlanerRegular';
	margin:30px 0 15px;
	color: #8dc63f;
	font-size:30px;
	font-weight: 500;
}

#feature-container .item-content p {
	position:relative;
	color:#424242;
	font-size:15px;
	margin:0 0 15px;
}

#feature-container .item-content a {
	display:block;
	font-weight:600;
	font-size:15px;
	text-decoration: none;
}

#leftarrow {
	position:absolute;
	top:230px;
	left:20px;
	z-index:900;
	cursor:pointer;
	width:29px;
	height:48px;
	background:url(../images/left-arrow.png) no-repeat  0 0;
}

#rightarrow {
	position:absolute;
	top:230px;
	right:22px;
	z-index:900;
	cursor:pointer;
	width:29px;
	height:48px;
	background:url(../images/right-arrow.png) no-repeat 0 0;
}
#leftarrow:hover,#rightarrow:hover {
	background-position: 0 -48px;
}


/* POP UP STYLES */
.ie7 #cpOverlay {
	top:0;
	left:0;
}
#cpOverlay {
	position: fixed;
	height:100%;
	width:100%;
	z-index:9000;
	background: url(../images/bg70.png) repeat 0 0;
}
.lightBox {
	position:absolute;
}

.lightBoxContent {
	background: none repeat scroll 0 0 #000000;
    border: 20px solid #000000;
	border-radius: 10px;
    margin: 145px auto;
    position: relative;
    z-index: 91000;
}
.lightBoxContent:before {
    content: url("/images/close.png");
    cursor: pointer;
    height: 30px;
    position: absolute;
    right: -30px;
    top: -25px;
    width: 30px;
    z-index: 9999;
}

#lightBox iframe {
	position: relative;
	width: 640px;
	height:380px;
}