/*					81G.org master.css				*/

/*																			Reset				*/

* {margin:0px;padding:0px;font-size:100%;font-family:verdana,sans-serif;color:black;text-decoration:none;font-weight:normal;color:#E3E3E3;}
ul {list-style-type:none;}
strong {font-weight:bold;}
body {background:url(../images/backgrounds/background.jpg) top right repeat;padding:10px 0px 0px 0px;margin:0px;}

p.clear {display:block;clear:both;padding-bottom:0px;}
a img {border:none;}

div.container {width:940px;margin:0px auto}

/*																			Header				*/

div#header {margin-top:15px;}
div#header ul#breadcrumbs {padding-top:30px;float:left;} 
div#header ul#breadcrumbs li {float:left;margin-right:3px;}
div#header ul#breadcrumbs li span {font-size:55%;}
div#header ul#breadcrumbs li a:hover span {text-decoration:underline;}

div#header img#logo {clear:both;float:right;}

/*																			Page Graphic		*/

div#titles {background:white;height:285px;}
div#titles div.container {height:285px;}
div#titles div.positioning {width:450px;padding-top:70px;}
div#titles div.positioning h1 {font-family:"Century Gothic",sans;color:#0869A9;font-size:2em;letter-spacing:-1px;}
div#titles div.positioning h1 strong {font-family:"Century Gothic",sans;color:#0869A9;}
div#titles div.positioning h2 {font-family:"Century Gothic",sans;color:#A9ACAE;margin-top:12px;font-size:1em;}
div#titles div.positioning h2 strong {font-family:"Century Gothic",sans;color:#A9ACAE;margin-top:12px;font-size:1.05em;}

div#titles div.positioning h3 {font-family:"Century Gothic",sans;color:#A9ACAE;margin-top:12px;font-size:0.85em;}

/*																			Menu				*/

div#menu {border-top:2px solid white;height:30px;background:url(../images/structure/menu_states.png) top left repeat-x;margin-top:15px;}

ul#main_navigation {}
ul#main_navigation li {float:left;border-right:2px solid #9FAEBD;height:30px;background:url(../images/structure/menu_states.png) top left repeat-x;}
ul#main_navigation li#menu_login {float:right;border-left:2px solid #9FAEBD;}
ul#main_navigation li:first-child {border-left:2px solid #9FAEBD;}
ul#main_navigation li a {height:30px;line-height:23px;display:block;padding:0px 10px;}
ul#main_navigation li span {font-family:Tahoma;font-size:0.65em;text-transform:uppercase;}

ul#main_navigation li.current {background-position:bottom left}
ul#main_navigation li.current:hover {background-position:bottom left}
ul#main_navigation li.current span {}
ul#main_navigation li#login {float:right;}

ul#main_navigation li:hover {background-position:center left;}

/*																			Sub Menu			*/

ul#sub_navigation {width:190px;}
ul#sub_navigation li {margin-bottom:4px;}

ul#sub_navigation li div {background-color:rgba(106,139,191,0.32);}

ul#sub_navigation li div a {display:block;background:url(../images/structure/content_arrow.png) 5px 5px no-repeat;padding-top:2px;}
ul#sub_navigation li div a span {font-family:Tahoma,Arial,verdana;font-size:60%;font-weight:bold;margin-left:30px;display:block;padding:3px 10px 6px 0px;}

ul#sub_navigation li div:hover {background-color:rgba(106,139,191,0.40);}
ul#sub_navigation li.current div {background-color:rgba(106,139,191,0.60);}
ul#sub_navigation li.parent.current div a {background-image:url(../images/structure/content_arrow_down.png);}

ul#sub_navigation li.parent ul.navigation {margin-top:4px;}
ul#sub_navigation li.parent ul.navigation li div {background:none;}
ul#sub_navigation li.parent ul.navigation li a {background:none;background:url(../images/menu/second_level_submenu_arrow.png) 25px 10px no-repeat;}
ul#sub_navigation li.parent ul.navigation li a span {margin-left:35px;}
ul#sub_navigation li.parent ul.navigation li:hover a span {color:#EBEBEB;}
ul#sub_navigation li.parent ul.navigation li.current a span {color:#fff;}

ul#sub_navigation li.menu_image {background:url(../images/structure/left_image.jpg);}

/*																			Content Layout		*/

div#content {margin-top:30px;}
div#page_columns div.column {float:left}
div#page_columns div#navigation_column {width:230px;}
div#page_columns div#content_column {width:380px;margin-right:50px;}
div#page_columns div#info_column {width:260px;}

div#content_column ul.copy_columns > li {}
div#content_column ul.copy_columns > li {width:48%;float:left;}
div#content_column ul.copy_columns > li:last-child {margin-right:0px;}

div#content_column ul#news_list li {margin-bottom:10px;}
div#content_column ul#news_list h2 {background-color:rgba(106,139,191,0.40);border-bottom:1px dotted #329BC1;border-top:1px dotted #329BC1;padding:10px;margin-bottom:0px;}
div#content_column ul#news_list h2 span.title {color:#679EC4;font-size:0.9em;}
div#content_column ul#news_list h2 span.date {font-size:0.7em;float:right;font-weight:bold;color:#627675;padding-top:4px;}
div#content_column ul#news_list div.news_intro {padding:5px 10px;background-color:rgba(106,139,191,0.40)}
div#content_column ul#news_list div.news_details {padding:0px 10px 10px;background-color:rgba(106,139,191,0.40);}

/*																			Map		*/

div#content_column div#map {width:378px;height:350px;border:1px solid gray;}

/*																			Form		*/

div#content_column form.generic_form p {width:380px;clear:both;margin-bottom:15px;}
div#content_column form.generic_form p span.clear {display:block;height:0px;}
div#content_column form.generic_form p label {font-family:verdana;}
div#content_column form.generic_form label.error {color:red;font-weight:bold;display:none;width:150px !important;margin:5px 0px;}

div#content_column form p.text {padding-left:0px;}
div#content_column form p.text label {width:130px;display:block;float:left;}
div#content_column form p.text input {width:220px;color:#000}

div#content_column form p.checkboxes span.question {display:block;width:350px;margin-bottom:6px;font-family:verdana;}
div#content_column form p.checkboxes span.checkbox {display:block;clear:both;margin-bottom:5px;height:16px;}
div#content_column form p.checkboxes input {margin:0px 5px 0px 0px;float:left;}
div#content_column form p.checkboxes label {display:block;width:260px;float:left;}

div#content_column form p.select label {width:170px;display:block;float:left;height:22px;}
div#content_column form p.select select {width:180px;float:left;color:#000;}
div#content_column form p.select select option {color:#000;}

div#content_column form p.textarea textarea {color:#000;width:355px;}
div#content_column form p.submit input {color:#000;}

/*																			Page Copy & Decoration		*/

div#content p {font-size:68%;margin-bottom:15px;line-height:135%;font-family:verdana;}

div#content p a {margin-bottom:15px;line-height:135%;font-family:verdana;border-bottom:1px dotted;}
div#content p a:hover {color:#8FC6DF;}

div#content_column > p:first-child {font-weight:bold;}

div#content_column h3 {font-weight:bold;font-size:70%;margin-bottom:8px;text-transform:capitalize}

div#content ul.bullet_list {list-style-image:url(../images/menu/second_level_submenu_arrow.png);padding-left:15px;width:350px;padding-bottom:15px;} 
div#content ul.bullet_list li {margin-bottom:6px;} 
div#content ul.bullet_list li p {display:inline;}


div#content ul.boxed_list {border:1px solid rgba(255,255,255,0.39);padding:15px;width:248px;}
div#content ul.boxed_list > li:first-child {border-bottom:1px solid rgba(255,255,255,0.39);margin-bottom:15px;}
div#content ul.boxed_list > li:last-child {border-bottom:none;}

div#content ul.boxed_list#solutions > li {border-bottom:1px solid rgba(255,255,255,0.39);margin-bottom:15px;}
div#content ul.boxed_list#solutions > li:last-child {border-bottom:none;}


div#content ul.boxed_list h3 {background:url(../images/structure/content_arrow.png) bottom left no-repeat;padding-left:22px;font-size:60%;margin-bottom:8px;line-height:20px;font-weight:bold;}
div#content ul.boxed_list h4 {border-top:1px solid rgba(255,255,255,0.39);font-size:0.7em;margin-bottom:8px;line-height:20px;font-weight:bold;}

div#content div#info_column ul.boxed_list p {color:#8FC6DF;}

div#content ul.article_list > li {border-top:1px dotted rgba(225,225,225,0.39);}
div#content ul.article_list li h3 {border-bottom:1px dotted rgba(225,225,225,0.39);color:#9FDDF9;font-size:62.5%;padding:17px 0px 17px 22px;background:url(../images/structure/content_arrow.png) center left no-repeat;margin-bottom:20px;}
div#content ul.article_list li h3 span.date {color:rgba(255,255,255,0.67);float:right;}
div#content ul.article_list li img.article_image {border:1px dotted rgba(225,225,225,0.39);float:left;padding:10px;margin:0px 10px 10px 0px;}

div#content_column ol {list-style-type:decimal;font-size:70%;padding-left:15px;margin-bottom:15px;}
div#content_column ol li {margin-left:5px;color:#E3E3E3;margin-bottom:5px;}
div#content_column ol li p {font-size:90%;display:inline;}

/*																			Info Column Items	*/

div#info_column p {padding:0px 0px 0px 20px;font-size:80%;}

div#info_column a.logo_link {border:1px solid rgba(225,225,225,0.39);display:block;width:280px;}
div#info_column a.logo_link img {margin:10px;}

div#info_column div.info_box {background:url(../images/structure/8_agent_box.png) no-repeat top left;overflow:hidden;padding:20px 20px 10px 20px;margin-bottom:45px;margin-top:15px;width:240px;}
div#info_column div.info_box div.inner h2:first-child {background:url(../images/structure/content_arrow.png) top left no-repeat ;padding-left:30px;font-size:0.7em;margin-bottom:0px;font-weight:bold;padding-top:2px;}
div#info_column div.info_box div.inner h2 {bottom left no-repeat;padding-left:0px;padding-bottom:10px;font-size:0.7em;font-weight:bold;}
div#info_column div.info_box div.inner p {padding-left:0px !important;font-size:75%;}
div#info_column div.info_box div#info_column div.info_box p a:hover {color:#8FC6DF;}

/*																			Footer				*/

body.home div#footer {margin-top:0px;}
div#footer {margin-top:100px;padding-top:10px;}
div#footer div.container {background:rgba(106,139,191,0.32);padding:5px 0px;width:auto;}
div#footer div.container div#footer_container {width:940px;margin-left:auto;margin-right:auto;}
div#footer ul li {float:left;font-size:8.5px;margin-right:10px;}
div#footer ul li span {}
div#footer ul li div#footer ul li a {}
div#footer ul#footer_contact_list {float:left;}
div#footer ul#footer_site_links {float:right;}
div#footer ul#footer_contact_list li {margin-right:0px;margin-left:10px;}
div#footer div#footer_bottom {height:205px;background:rgba(7,14,19,0.32);margin-bottom:0px;padding-bottom:0px;}
div#footer div#footer_bottom_content {width:940px;margin-left:auto;margin-right:auto;font-family:verdana;font-size:60%;}
div#footer div#footer_bottom_content div#bottom_line {padding-top:17px;clear:both;}
div#footer div#footer_bottom_content ul {padding-top:10px;}
div#footer div#footer_bottom_content ul a {color:#878C92;}
div#footer div#footer_bottom_content a:hover {color:#718eac;}
div#footer div#footer_bottom_content ul li.vertical_section {width:118px;float:left;display:block;}
ul li.vertical_section ul.sub_section li {float:none !important;}

div#footer div#footer_bottom_content div#bottom_line p {color:#878C92;}

div#footer div#footer_bottom_content div#bottom_line span {padding-left:18px;color:#878C92;}

div#footer div#footer_bottom_content:hover div#bottom_line p {color:#718eac;}

div#footer div#footer_bottom_content:hover div#bottom_line span {color:#718eac;}



/*																			Homepage			*/

body.home h2{font-family:"Century Gothic",sans;color:#fff;font-size:2em;letter-spacing:-1px;margin-top:50px;}
body.home h3 {font-family:"Century Gothic",sans;color:#A9ACAE;margin-top:12px;font-size:1em;}																			
body.home h2.white {color:#ffffff;}
body.home h3.white {color:#ffffff;width:500px;}
body.home p.white {color:#ffffff;font-size:72%;line-height:135%;font-weight:bold;}
body.home p.blue {color:#0869a9;font-size:72%;line-height:135%;font-weight:bold;}
body.home p.white span {font-weight:normal;color:#ffffff;}
body.home p.blue span {font-weight:normal;color:#0869a9;}
body.home h2.blue {color:#0869a9;}
body.home h3.blue {color:#0869a9;width:500px;}																			
																			
div#homepage-anim {display:block;height:285px;border-bottom:solid #fff 1px;margin:0 auto;}
div.slide {display:block;height:285px;background:white;width:100%;background:top center no-repeat;}


body.home div#flash {width:490px;height:285px;float:right}
body.home div#flash_inner {width:490px;height:285px;}

body.home div#titles div.positioning {padding-top:90px;}
body.home div#titles div.positioning h1 {font-size:2.3em;}

/*	Homepage - Copy under homepage graphic	*/

body.home div#page_columns {padding-top:10px;}
body.home div#page_columns div#content_column {background:url(../images/structure/uk_map.png) top right no-repeat;width:738px;float-left;margin-right:23px;height:320px;}
body.home div#page_columns div#content_column p {margin-bottom:15px !important;padding-left:0px;width:447px;line-height:135%;font-family:verdana;margin-top:25px;}
body.home div#page_columns div#content_column h1 {font-family:"Century Gothic",sans ;color:#fff;font-size:210%;}
body.home div#page_columns div#content_column h2 {margin-bottom:15px !important;padding-left:0px;width:500px;font-size:107%;line-height:135%;font-family:"Century Gothic",sans ;margin-top:5px;color:#97ABD1;}
body.home div#page_columns div#content_column h3 {font-family:"Century Gothic",sans ;color:#97ABD1;font-size:133%;width:390px;font-weight:normal;text-transform:none;margin-top:25px;}
body.home div#page_columns div#content_column h3 span {font-weight:bold;color:#ffffff;}
	
body.home div#page_columns div#info_column {font-family:Arial,verdana;width:179px;}
body.home div#page_columns div#info_column div.call_to_action h1 {font-family:"corbel";font-size:120%;width:232px;line-height:120%;padding-bottom:3px;margin-top:35px;}
body.home div#page_columns div#info_column div.call_to_action h1 span {color:#0869A9;font-weight:bold;}

body.home div#page_columns div#info_column div.info_box {width:205px;margin-bottom:10px;margin-top:0px;padding-bottom:15px;}
body.home div#page_columns div#info_column div.info_box h2 {background:url(../images/structure/content_arrow.png) top left no-repeat;border-bottom:1px dotted rgba(255,255,255,0.60);margin-bottom:7px;}

body.home div#page_columns div#info_column div.info_box ul.bullet_list {width:180px;padding-bottom:0px;}
body.home div#page_columns div#info_column div.info_box ul.bullet_list li {margin-bottom:0px;}
body.home div#page_columns div#info_column div.info_box ul.bullet_list li p a {border:none;}

body.home div#footer div.container {background:rgba(106,139,191,0.32);padding:5px 0px;}

div.slides_container {height:285px;}

/*	Homepage - Quote boxes	*/
	
div.quote_boxes {width:177px;}
div#quote-boxes-one, div#quote-boxes-two {background:url(../images/structure/quote-box-top.png) top left no-repeat;}
div#quote-one, div#quote-two {padding-top:1px;position:relative;bottom:-16px;top:18px;}
div#quote-one p, div#quote-two p {padding-top:0px;padding-bottom:0px;border:solid;border-width:1px;border-color:#417288;border-top:none;border-bottom:none;margin-top:0px;margin-bottom:0px;}
div#quote-boxes-one p#quote-name, div#quote-boxes-two p#quote-name {color:#97ABD1;padding-left:0px;}
div#quote {background:url(../images/structure/quote-box-bottom.png) bottom left no-repeat;padding-bottom:0px;position:relative;}
div#quote p {padding-top:7px !important;margin-bottom:29px !important;}

div#info_column p {font-size:67%;padding-right:20px;padding-top:20px;}
div#info_column p#quote-name {padding-top:0px;margin-top:-20px;margin-bottom:20px;}

.slide h2 {margin-top:0px !important;}
#homepage-anim {height:285px;}
.slide .container {padding-top:30px;height:255px;}


div#slide-it-working		{background-image:url(../images/homepage-animation/clock.jpg);}

div#slide-best-it-support	{background-image:url(../images/homepage-animation/sailboat.jpg);}
div#slide-installation  	{background-image:url(../images/homepage-animation/penknife.jpg);}
div#slide-professional  	{background-image:url(../images/homepage-animation/balls.jpg);}
div#slide-ad-hoc        	{background-image:url(../images/homepage-animation/signs.jpg);}
div#slide-on-demand     	{background-image:url(../images/homepage-animation/turbine.jpg);}
div#slide-repair			{background-image:url(../images/homepage-animation/rings.jpg);} 



/* 					Pagination				 */

.pagination {margin:0px auto 0;width:200px;z-index:200;}

.pagination li {float:left;margin:0 2px;list-style:none;}

.pagination li a {display:block;width:13px;height:0;padding-top:14px;background-image:url(../images/homepage-animation/pagination.png);background-position:0 0;float:left;overflow:hidden;}

.pagination li.current a {background-position:0 -13px;}

ul.pagination {position:absolute;top:374px;left:161px;}


/*																			Page Images			*/

body.about_us div#titles  div.container {background:#fff url(../images/backgrounds/about_us.png) top right no-repeat;}
body.about_us div#titles  div.positioning {width:520px;}

body.solutions div#titles div.positioning {width:520px;}
body.solutions div#titles h1 {color:#fff}
body.solutions div#titles h2 {color:#fff}

body.solutions div#titles {background:url(../images/homepage-animation/sailboat.jpg) top center no-repeat;}
body.working_it_fully_managed_services div#titles {background:url(../images/homepage-animation/clock.jpg) top center no-repeat;}
body.g div#titles {background:url(../images/homepage-animation/sailboat.jpg) top center no-repeat;}
body.installation div#titles {background:url(../images/homepage-animation/penknife.jpg) top center no-repeat;}
body.professional_services div#titles {background:url(../images/homepage-animation/balls.jpg) top center no-repeat;}
body.ad_hoc_support div#titles {background:url(../images/homepage-animation/signs.jpg) top center no-repeat;}
body.on_demand_flexible_resources div#titles {background:url(../images/homepage-animation/turbine.jpg) top center no-repeat;}
body.hardware_maintenance div#titles {background:url(../images/homepage-animation/rings.jpg) top center no-repeat;}

body.installation div#titles h1, body.working_it_fully_managed_services div#titles h1 {color:#0869A9;}
body.installation div#titles h2, body.working_it_fully_managed_services div#titles h2 {color:#A9ACAE;}

body.case_studies div#titles {background:url(../images/backgrounds/case_studies_london_chamber_of_commerce_and_industry.jpg) top center no-repeat;}
body.case_studies div#titles div.container {background:none;}
body.case_studies div#titles div.container div.positioning {width:520px;}

body.case_studies div#titles div.container h1 {color:#fff;}
body.case_studies div#titles div.container h2 {color:#fff;}
body.case_studies div#titles div.container h2 strong {color:#fff;}

body#picsolve div#titles {background:url(../images/backgrounds/case_studies_picsolve.jpg) top center no-repeat;}
body#picsolve div#titles div.positioning {width:520px;}
body#picsolve div#titles div.container {background:none;}
							  
body#london_chamber_of_commerce_and_industry div#titles {background:url(../images/backgrounds/case_studies_london_chamber_of_commerce_and_industry.jpg) top center no-repeat;}
body#london_chamber_of_commerce_and_industry div#titles div.positioning {width:520px;}
body#london_chamber_of_commerce_and_industry div#titles div.container {background:none;}

body#energy_saving_trust div#titles {background:url(../images/backgrounds/case_studies_repeat.png);}
body#energy_saving_trust div#titles div.positioning {width:520px;}
body#energy_saving_trust div#titles div.container {background:url(../images/backgrounds/case_studies.png) top right no-repeat;}

body.careers div#titles {background:url(../images/backgrounds/careers_repeat.png) repeat;}
body.careers div#titles div.container {background:url(../images/backgrounds/careers.png) top right no-repeat;}
body.careers div#titles h1 {color:white;}
body.careers div#titles h2 {color:rgb(220,220,220);}

body.news div#titles {background:#000;}
body.news div#titles  div.container {background:url(../images/backgrounds/news.png) top right no-repeat;}

body.contact_us div#titles  div.container {background:url(../images/backgrounds/contact_us.png) top right no-repeat;}

body.corporate div#titles div.container {background:url(../images/backgrounds/about_us.png) top right no-repeat;}
body.privacy div#titles div.container {background:url(../images/backgrounds/about_us.png) top right no-repeat;}
body.legal div#titles div.container {background:url(../images/backgrounds/about_us.png) top right no-repeat;}
body.accessibility div#titles div.container {background:url(../images/backgrounds/about_us.png) top right no-repeat;}
body.sitemap div#titles div.container {background:url(../images/backgrounds/about_us.png) top right no-repeat;}