/*
---------------------------------------------------------------------
Spectrum Interactive - Screen Stylesheet
Developed by Beyond Design 2010
---------------------------------------------------------------------
*/

/*
Define Tags
-------------------------------------------------------------------*/

html,
body {
	height: 100%;
}

body {
	background: url(../images/bg_fixed_faux_column.gif) #fdfdfd center top no-repeat fixed;
	color: #4a4a4a;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	text-align: left;
}

h1 {
	font-size: 2.3em;
}

h2 {
	margin: 0 0 .3em 0;
	font-size: 1.7em;
	color: #0d2b49;
	text-transform: uppercase;
	line-height: 1.2em;
}

h3 {
	margin: 1em 0 .8em 0;
	padding: 0 0 .8em 0;
	font-weight: bold;
	line-height: 1.5em;
	color: #2b3043;
	border-bottom: 1px solid #c9ccd7;
}

h4 {
	margin: 1em 0 -.5em 0;
	padding: 0 0 0 0;
	line-height: 1em;
	font-weight: bold;
}

h5 {
	margin: 1em 0 .4em 0;
	padding: 0 0 .4em 0;
	font-weight: bold;
	font-size: .9em;
	line-height: 1.3em;
	color: #7a7a7a;
	text-transform: uppercase;
	letter-spacing: .1em;
	border-bottom: 1px solid #c9ccd7;
}

p {
	margin: 1em 0;
	line-height: 1.7em;
	font-size: .9em;
}

a {
	color: #2b3043;
	font-weight: bold;
}

a:hover {
	color: #444e73;
}


/*
Common Classes
--------------------------------------------------------------------*/

.content_divider {
	display: none;
}

.left {
	clear: both;
	float: left;
	margin: 0 1em 0 0;
}

.right {
	clear: both;
	float: right;
	margin: 0 0 0 1em;
}

.highlight {
	display: block;
	background: #d9dbe3;
	padding: .4em .8em;
}

.image_container,
.main_content_image {
	display: block;
	background: #fff;
	border: 2px solid #cdcfd6;
	overflow: hidden;
	line-height: 0;
	font-size: 0;
}

.image_container_no_crop {
	display: block;
	background: #fff;
	border: none;
	overflow: hidden;
	line-height: 0;
	font-size: 0;
}

.content_feature {
	background: #d9dbe3;
	margin: 20px 0;
	padding: 20px;
	overflow: hidden;
}

.feature_info {
	float: left;
	width: 240px;
	overflow: hidden;
}

.feature_info h5 {
	margin: 0 0 .6em 0;
	padding: 0 0 .8em 0;
	line-height: 1em;
	border-bottom: 1px solid #a6aab6;
}

.feature_info p {
	margin: .4em 0 0 0;
	padding: 0;
}

.main_content_image {
		margin: 0 0 24px 0;
}

.secondary_content,
.secondary_navigation,
.secondary_case_study,
.related_content_container {
	clear: both;
	margin: 16px 0;
	font-size: .9em;
	overflow: hidden;
}

.secondary_content h5 {
	margin: 0 0 .8em 0;
	padding: 0 0 .8em 0;
	text-transform: lowercase;
}

.secondary_navigation h5,
.related_content_container h5 {
	background: url(../images/toggle_ud_closed.gif) #dadce3 98% 50% no-repeat;
	margin: 0;
	padding: .8em  20px .8em .7em;
	font-weight: normal;
	letter-spacing: 0 !important;
	text-transform: lowercase;
	color: #2b3043;
	line-height: 1.2em;
	cursor: pointer;
}

.secondary_navigation.open h5,
.related_content_container.open h5 {
	background: url(../images/toggle_ud_open.gif) #dadce3 98% 50% no-repeat;
}

.secondary_navigation ul li {
	font-size: .9em;
	line-height: 1.3em;
	border-bottom: 1px solid #c9ccd7;
	text-transform: lowercase;
}

.secondary_navigation ul li a {
	display: block;
	background: #f5f5f5;
	padding: .7em;
}

.related_content_container {
	background: #f5f5f5;
}

.related_content_container .related_content h5,
.related_content_container.open .related_content h5 {
	background: none;
	border: none;
	margin: .8em .7em 0 .7em;
	padding: 0;
	font-weight: bold;
	cursor: default;
	color: #4a4a4a;
}

.related_content ul {
	list-style: outside;
	list-style-type: disc;
	margin: .3em .7em .8em .7em;
	padding: 0 0 .6em 0;
	line-height: 1.4em;
	border-bottom: 1px solid #c9ccd7;
}

.related_content ul li {
	background: url(../images/sub_nav_bullet.gif) .3em .9em no-repeat;
	margin: 0;
	padding: .2em 3em .2em 1.1em;
	font-size: .9em;
	text-transform: lowercase;
}

.related_content ul li a {
	font-weight: normal;
}

.subnav_instruction {
	margin: 24px 0 0 0;
}

.subnav_instruction p {
	background: url(../images/toggle_ud_closed.gif) left 3px no-repeat;
	padding: 0 0 0 22px;
}


/*
Define Page Structure
--------------------------------------------------------------------*/

#site_wrapper {
	position: relative;
	background: url(../images/bg_faux_column.png) left top repeat-y;
	margin: 0 auto;
	padding: 0;
	width: 960px;
	min-height: 100%;
	overflow: hidden;
}

#header_container {
	float: left;
	width: 259px;
	padding: 0 0 40px 0;
	overflow: hidden;
}


/*
Define Header
-------------------------------------------------------------------*/

#accessibility_nav {
	position: absolute;
	top: -9999px;
	left: 0;
}

#company_id_container{
	margin: 40px 0 0 80px;
}

#company_id_container h1 {
	width: 164px;
	height: 73px;
}

#company_id_container h1 a {
	display: block;
	background: url(../images/spectrum_logo_white.png) no-repeat;
	width: 164px;
	height: 73px;
	text-indent: -9999px;
}


/*
Define Navigation
-------------------------------------------------------------------*/

#main_nav_container {
	margin: 40px 0 0 20px;
	width: 239px;
	color: #fff;
}

#main_nav_container ul,
#main_nav_container ul li {
	width: 233px;
	overflow: hidden;
}

#main_nav_container ul li { /* Hack for IE7 to remove whitespace */
	float: left; 
	clear: left;
	line-height: 1em;
}

#main_nav_container ul li div.nav_container {
	float: right;
	width: 223px;
	overflow: hidden;
}

#main_nav_container ul li.current div.nav_container  {
	width: 233px;
}

#main_nav_container ul li div.nav_container ul {
	clear: both;
	float: right;
	display: block;
	background: url(../images/navigation_background.png) right top repeat-y;
	width: 162px;
	padding: 0px 13px 7px 22px;
}

#main_nav_container ul li div.nav_container ul li {
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #454852;
	width: 162px;
	text-transform: uppercase;
	font-size: .9em;
	line-height: 1.2em;
}

#main_nav_container ul li div.nav_container .nav_button {
	float: right;
	display: block;
	background-image: url(../images/navigation_all.png);
	background-repeat: no-repeat;
	width: 223px;
	height: 31px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
}

.sub_nav_list li a {
	display: block;
	padding: .4em 0;
	font-weight: normal;
}

.sub_nav_list li.here a {
	background: url(../images/current_page_nav_bullet.gif) 1px 7px no-repeat;
	padding: .4em 0 .4em 10px;
}

#main_nav_container ul li div.nav_container ul li.sub_level_0 ul {
	margin: -.3em 0 0 0;
	padding: 0;
	border: none;
}

#main_nav_container ul li div.nav_container ul li.sub_level_0 ul li.sub_level_1 {
	padding: 0;
	margin: 0;
	border: none;
}

#main_nav_container ul li div.nav_container ul li.sub_level_0 ul li.sub_level_1 a {
	display: block;
	background: none;
	padding: .4em 0;
	color: #a3b2c2;
}

#main_nav_container ul li div.nav_container ul li.sub_level_0 ul li.here.sub_level_1 a {
	background: url(../images/current_page_nav_bullet.gif) 1px center no-repeat;
	padding: .4em 0 .4em 10px;
}

#main_nav_container ul li div.nav_container ul li.sub_level_0 ul li.sub_level_1 a:hover {
	color: #ccd7e2;
}

li#home_button div.nav_container {
	background: #e20026;
}

li#home_button a.nav_button {
	background-position: 100% 0;
}

li#home_button a.nav_button:hover,
li#home_button.current a.nav_button {
	background-position: 100% -31px;
}

li#sector_button div.nav_container {
	background: #e79f0f;
}

li#sector_button a.nav_button {
	background-position: 100% -62px;
}

li#sector_button a.nav_button:hover,
li#sector_button.current a.nav_button {
	background-position: 100% -93px;
}

li#sector_button .sub_nav_list li a {
	color: #dfb155;
}

li#sector_button .sub_nav_list li a:hover {
	color: #eed6a5;
}

li#solutions_button div.nav_container {
	background: #e9e000;
}

li#solutions_button a.nav_button {
	background-position: 100% -124px;
}

li#solutions_button a.nav_button:hover,
li#solutions_button.current a.nav_button {
	background-position: 100% -155px;
}

li#solutions_button .sub_nav_list li a {
	color: #ece87b;
}

li#solutions_button .sub_nav_list li a:hover {
	color: #f4f3d7;
}

li#experience_button div.nav_container{
	background: #91bd10;
}

li#experience_button a.nav_button {
	background-position: 100% -186px;
}

li#experience_button a.nav_button:hover,
li#experience_button.current a.nav_button {
	background-position: 100% -217px;
}

li#experience_button .sub_nav_list li a {
	color: #aac363;
}

li#experience_button .sub_nav_list li a:hover {
	color: #cfdcaa;
}

li#company_button div.nav_container {
	background: #27a22d;
}

li#company_button a.nav_button {
	background-position: 100% -248px;
}

li#company_button a.nav_button:hover,
li#company_button.current a.nav_button {
	background-position: 100% -279px;
}

li#company_button .sub_nav_list li a {
	color: #76b679;
}

li#company_button .sub_nav_list li a:hover {
	color: #bbe2bd;
}

li#news_resources_button div.nav_container {
	background: #00848d;
}

li#news_resources_button a.nav_button {
	background-position: 100% -310px;
}

li#news_resources_button a.nav_button:hover,
li#news_resources_button.current a.nav_button {
	background-position: 100% -341px;
}

li#news_resources_button .sub_nav_list li a {
	color: #56a7ad;
}

li#news_resources_button .sub_nav_list li a:hover {
	color: #aadee1;
}

li#support_button div.nav_container {
	background: #006ab3;
}

li#support_button a.nav_button {
	background-position: 100% -372px;
}

li#support_button a.nav_button:hover,
li#support_button.current a.nav_button {
	background-position: 100% -403px;
}

li#support_button .sub_nav_list li a {
	color: #679dc2;
}

li#support_button .sub_nav_list li a:hover {
	color: #adcee5;
}

li#contact_button div.nav_container {
	background: #362c57;
}

li#contact_button a.nav_button {
	background-position: 100% -434px;
}

li#contact_button a.nav_button:hover,
li#contact_button.current a.nav_button {
	background-position: 100% -465px;
}

li#contact_button .sub_nav_list li a {
	color: #a497d1;
}

li#contact_button .sub_nav_list li a:hover {
	color: #c7bee5;
}


/*
Define Body Content
-------------------------------------------------------------------*/

		/* Homepage Banner & Marketing Boxes */

		#main_banner {
			background: url(../images/work_play_connect_banner.png) no-repeat;
			width: 700px;
			height: 230px;
			margin: -43px 0 10px -26px;
			text-indent: -9999px;
			overflow: hidden;
		}
		
		#sector_highlights {
			width: 665px;
			height: 250px;
			margin: 0 0 20px 0;
		}
		
		#highlight_container {
			position: relative;
			width: 665px;
			height: 250px;
		}
		
		#highlight_container li {
			float: left;
			display: block;
			background-repeat: no-repeat;
			/* width: 161px; required for four sliding elements*/
			width: 217px;
			height: 250px;
			margin-right: 7px;
			text-indent: -9999px;
		  overflow: hidden;
			cursor: pointer;
		}
		
		h4.highlight_header a {
			position: absolute;
			top: 0;
			left: 0;
			display: block;
			width: 100%;
			height: 250px;
		}
		
		li#highlight_1 {
			background-image: url(../images/slide_hospitality.jpg);
			background-position: 75% 0;
		}
				
		li#highlight_2 {
			background-image: url(../images/slide_travel.jpg);
			background-position: 90% 0;
		}
		
		li#highlight_3 {
			background-image: url(../images/slide_advertising.jpg);
			background-position: 83% 0;
		}
		

#body_container {
	float: left;
	padding: 43px 10px 0 26px;
	width: 665px;
	overflow: hidden;
}

#body_content {
	background: url(../images/bg_content_gradient.jpg) #fdfdfd left top repeat-x;
	width: 617px;
	padding: 24px;
	overflow: hidden;
}

#home #body_content {
	background: url(../images/bg_home_content_gradient.gif) #fdfdfd left top repeat-x;
}

#featured_item_1,
#featured_item_2 {
	display: inline;
	width: 300px;
	overflow: hidden;
}

#featured_item_1 {
	float: left;
}

#featured_item_2 {
	float: right;
}

#featured_item_1 h5,
#featured_item_2 h5 {
	margin: .2em 0 .5em 116px;
}

#featured_item_1 p,
#featured_item_2 p {
	margin: 0 0 .4em 116px;
}

.featured_pic {
	width: 100px;
	height: 100px;
	margin: 0;
}

#primary_content_container {
	float: left;
	padding: 0 0 1em 0;
	width: 400px;
	overflow: hidden;
}

#primary_content_container.single_column {
	width: 615px;
}

#primary_content_container ol {
	list-style: outside;
	list-style-type: decimal;
	margin: 1em 0;
	line-height: 1.5em;
}

#primary_content_container ul {
	list-style: outside;
	list-style-type: disc;
	margin: 1em 0;
	line-height: 1.5em;
}

#primary_content_container li {
	margin-left: 2em;
	padding: .2em 3em .2em 0em;
	font-size: .9em;
}

#primary_content_container a {
	padding: 0 0 .1em 0;
	font-weight: normal;
	border-bottom: 1px solid #c9ccd7;
}

#primary_content_container .content_list {
	margin: .3em 0 1em 0;
	padding: 0 0 1em 0;
	border-bottom: 1px solid #c9ccd7;
	overflow: hidden;
	list-style: none;
}

#primary_content_container .entry_container {
	display: block;
	padding: .5em 0;
	overflow: hidden;
}

#primary_content_container .content_list_entry {
	margin: 0 0 0 116px;
}

#primary_content_container .content_list_entry.sans_image {
	margin: 0;
}

#primary_content_container .article_entry h5,
#primary_content_container .content_list_entry h5 {
	margin: .2em 0 .5em 0;
}

#primary_content_container .article_entry p,
#primary_content_container .content_list_entry p {
	margin: 0 0 .4em 0;
}

#primary_content_container .content_feature a,
#primary_content_container .content_list a {
	padding: 0;
	font-weight: bold;
	border: none;
}

#primary_content_container ul.pagination {
	margin: 1em 0 1em 0;
	padding: 1.1em 0 0 0;
	font-size: .9em;
	border-top: 1px solid #c9ccd7;
	list-style: none;
}

#primary_content_container ul.pagination li {
	float: left;
	background: #ededed;
	margin: 0 1px 0 0;
	padding: .6em 1em;
}

#primary_content_container ul.pagination li.page_total {
	float: right;
}

.gallery_thumbs {
	float: left;
	display: inline;
	margin: 0 0 3px 3px;
	border: 2px solid #cdcfd6;
	overflow: hidden;
	line-height: 0;
	font-size: 0;
}

.image_1, .image_4 {
	clear: left;
	margin: 0 0 3px 0;
}

#primary_content_container a.gallery_thumbs {
	float: left;
	display: inline;
	margin: 0 4px 4px 0;
	border: 2px solid #cdcfd6;
	overflow: hidden;
	line-height: 0;
	font-size: 0;
}

#secondary_content_container {
	float: right;
	width: 180px;
	overflow: hidden;
}


/*
Define News Lists
--------------------------------------------------------------------*/

.article_date {
	float: left;
	background: #a6b0bc;
	margin: 4px 0 0 0;
	width: 55px;
	height: auto;
	overflow: hidden;
}

#body_content .article_date p {
	margin: 0;
	padding: 1em .7em .7em .7em;
	font-size: 1.1em;
	color: #fff;
	text-align: center;
	line-height: 1.2em;
}

.article_date span {
	display: block;
	margin: 0 0 .2em 0;
	font-size: 2em;
}

.article_entry {
	margin: 0 0 0 65px;
}

/*
Define FAQs
-------------------------------------------------------------------*/

.expand_container {
	display: block;
	margin: 0 0 .7em 0;
	position: relative;
	overflow: hidden;
}

#body_content h3.faq_group a {
	border: none;
	font-weight: bold;
}

#body_content .expand_container h4 {
	display: block;
	background: url(../images/toggle_ud_closed.gif) #dadce3 8px 7px no-repeat;
	cursor: pointer;
	margin: 2px 0;
	padding: .8em 26px;
	font-size: .9em;
	font-weight: normal;
	line-height: 1.3em;
}

#body_content .expand_open h4 {
	background: url(../images/toggle_ud_open.gif) #dadce3 8px 7px no-repeat;
}

#body_content .expand_text {
	display: block;
	margin: 0;
	padding: 0 26px;
	overflow: hidden;
}

#body_content .expand_text p {
	margin: .5em 0 1em 0;
}


/*
Define Sitemap List
--------------------------------------------------------------------*/

#primary_content_container #site_map {
	list-style: none;
	margin: 0;
	padding: 0;
}

#primary_content_container #site_map h4 {
	background: #dadce3;
	margin: .5em 0;
	padding: .6em .8em;
}

#primary_content_container #site_map a {
	border: none;
	font-weight: bold;
}

#primary_content_container #site_map li {
	margin: 0;
	padding: 0;
}

#primary_content_container #site_map li ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#primary_content_container #site_map li ul {
	margin: .5em 0 1.2em 0;
	font-size: 1.1em;
	list-style: outside;
	list-style-type: disc;
	line-height: 1.4em;
}

#primary_content_container #site_map li ul li {
	margin-left: 2em;
	padding: 0;
	font-size: .9em;
}

#primary_content_container #site_map li ul li ul {
	list-style: none;
	margin: 0 0 .5em 0;
	line-height: 1.4em;
}

#primary_content_container #site_map li ul li ul li {
	background: url(../images/sub_nav_bullet.gif) .3em .8em no-repeat;
	margin: 0;
	padding: 0 0 0 1.1em;
}

#primary_content_container #site_map li ul li ul li a {
	font-weight: normal;
}


/*
Define Enquiry Form
--------------------------------------------------------------------*/

#form_container legend {
	position: absolute;
	top: -9999px;
	left: 0;
}

#form_container input[type=text],
#form_container textarea,
#form_container select {
	margin: .3em 0 0 0;
}

#form_container input[type=text],
#form_container textarea {
	padding: 3px;
}

.text_field {
	width: 386px;
}

#form_container div {
	display: block;
	margin: 0;
	overflow: hidden;
}

#form_container label {
	display: block;
}

#form_container label.highlight {
	background: #f5f5f5;
	margin: .4em 0;
	padding: .5em .8em;
	overflow: hidden;
}

#form_container em.error {
	background: url(../images/error.png) left center no-repeat;
	padding: 4px 10px 4px 22px;
	height: 16px;
	line-height: 16px;
	color: #cc0000;
	font-style: normal;
	font-weight: bold;
}

#form_container em.valid {
	background: url(../images/accept.png) left center no-repeat;
	padding: 4px 10px 4px 12px;
	color: #2b3043;
}

/*
Define RSS Feed Button
--------------------------------------------------------------------*/

#rss_signup,
#rss_signup h5,
#rss_signup h5 a {
	display: block;
	margin: 1em 0;
	padding: 0;
	width: 180px;
	height: 38px;
	border: none;
}

#rss_signup h5 a {
	background: url(../images/rss_feeds.png) no-repeat;
	margin: 0;
	padding: 0;
	text-indent: -999em;
	overflow: hidden;
}


/*
Define Footer
-------------------------------------------------------------------*/

#footer_container {
	clear: both;
	width: 960px;
	height: 50px;
	position: relative;
	overflow: visible;
}

#footer_nav_container {
	position: absolute;
	left: 78px;
	bottom: 16px;
	width: 200px;
	font-size: .9em;
}

#footer_nav li {
	margin: .7em 0;
}

#footer_nav a {
	color: #a3b2c2;
}

#footer_nav a:hover {
	color: #ccd7e2;
}

#copyright {
	position: absolute;
	right: 7px;
	bottom: 12px;
	width: 617px;
	padding: .6em 26px;
	font-size: .9em;
	border-top: 1px #dadbdc solid;
}

#copyright p {
	float: left;
	margin: 0;
}

#copyright p.beyond_url {
	float: right;
}

#copyright p a {
	font-weight: normal;
}

/*
Define Partner Portal
-------------------------------------------------------------------*/

#partner_portal_container {
	position: absolute;
	width: 701px;
	top: 0;
	right: 0;
	color: #dadce3;
}

#partner_portal_container p {
	margin: 0;
	padding: 0;
}

#partner_portal_container .btn-slide {
	float: right;
	display: inline;
	background-image: url(../images/partner_portal_button.png);
	background-position: left top;
	background-repeat: no-repeat;
	width: 152px;
	height: 26px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
}

#partner_portal_container .active {
	background-position: left bottom;
}

#partner_portal_form {
	float: right;
	background: url(../images/bg_login_form.gif) #2b3043 left top repeat-x;
	width: 671px;
	height: 120px;
	padding: 15px;
	overflow: hidden;
	text-align: right;
	display: none;
}

#partner_portal_form h4 {
	font-size: 1.2em;
	color: #dadce3;
}

#partner_portal_form p {
	margin: .5em 0;
}