/*****************************************************************************************
Name:			global.css
Copyright:		2007 Breakthrough Design Group.
Description:	Global Style sheet for gobdg.com
*****************************************************************************************/
/** Link Gray: 8B8B8B, light blue link: 96BFE7 **/
/** OBJECTS **/
html {
	overflow: auto;}
body {
	font-family:arial;
	font-size:11px;
	color:#ffffff;
	padding:0px;
	margin:0px;
	text-align:center;
	background:#000000 no-repeat top center fixed;}	
a {color:#8B8B8B;text-decoration:none}
a:hover {color:#ffffff}
a img {border:0px}
.em {color:#ACEFF5}
.em a {text-decoration:underline}
blockquote {
	font-style:italic;
	font-size:120%;}
blockquote .sm {
	padding:14px;}	
h1,h2,h3,h4,h5 {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;font-weight:normal;}
h1 {font-size:16px;}	
h2 {font-size:16px;}
h3 {font-size:14px;}
h4 {font-size:12px;font-weight:bold}	
	
/** TEMPLATE **/	
.banner1, .banner2{float:left;margin-right:10px}
.bo {border:1px solid #595858}	
#bread {font-size:9px;padding-bottom:10px;margin-bottom:14px;border-bottom:1px dashed gray}	
.chart {width:100%;color:black}	
.chart td, .chart th{background-color:#EBEBEB}	
#click_anywhere	{background:#000000;padding:3px;}
	
.contact-box {text-align:left;margin:37px 0px 37px 0px;	
	padding:5px 0px 5px 0px;border-top:1px dotted gray;border-bottom:1px dotted gray}
.contact-box h3 {margin:0px}
.contact-box p {margin:2px 0px 2px 0px}
.contact-box .mainbutton {font-size:11px}
.contact-box textarea {color:#aaaaaa;width:95%;font-family:arial;font-size:11px}

/** These containers are necessary in order to be able to center while being absolutely positioned.
We are absolutely positioned in order to add the black transparent content bg 'shim' behind the content. **/
.contentContainer, .contentBgContainer{position:absolute;top:0px;left:0px;width:98%;text-align:center;}
.contentContainer {z-index:20}	
.contentBgContainer {z-index:10}
#contentFadeout {z-index:30;position:absolute;left:0px;top:0px;width:99%;height:2000px;background:#000000}
#contentLoading {z-index:40;position:absolute;left:0px;top:300px;width:99%;text-align:center}

#content, #contentBg, #m_navBg, #m_contentBg {width:800px;margin:0px auto 0px auto;text-align:left;}
#m_navBg {margin-bottom:8px}

#page-home-page #m_navBg {margin-bottom:0px}
#page-home-page #m_content {margin-top:-28px}

#content {padding-top:35px;}	
#contentBg {background:#000000;opacity: .82; filter: alpha(opacity=82)}		
.contentProp {float:right; width:1px;}	
#content .contentProp {height:480px;}	
#contentBg .contentProp {height:1125px;}	
.contentBottom {width:726px;height:95px;margin-right:35px;display:inline;float:right;}	
.contentCenterBg, .contentCenter {
	/** unfortunately, this div cannot clear the float from the subnav alone, (it jumps below everything) **/
	float:right;	/** So, nothing short of absolutely positioning the bastage, i floated it with the subnav **/
	height:274px; width:726px; margin:10px 35px 10px 0px; display:inline;}	
.contentCenterBg{ margin-top:125px; background-color:#828282; opacity: .20;	filter: alpha(opacity=20);	border:1px solid #ffffff;}
.contentCenterBg #tab_bg{ width:220px;	height:135px; float:right; margin-top:139px; background-color:#000000;}	

.contentCenter .left{ float:left;padding:15px 15px 0px 15px;}	
.contentCenter .tab_content, .contentCenter .left {width:470px;}	
.contentCenter .left img, .imgnorm{border:1px solid #797878;margin-right:40px;float:left;}	
.contentCenter .left h4{margin-top:0px;text-align:center;}	
.contentCenter li{margin-bottom:15px;}	
.contentCenter .right {height:100%;width:221px;float:left;}	
.contentCenter .right a {position:relative;display:block;text-align:left}	

.contentImg {float:left;margin:0px 10px 10px 10px;}	
.contentImg2 {float:left;margin:0px 20px 10px 20px;}		

.footer {text-align:center;font-size:9px;padding:20px 0px 13px 0px;clear:both;}	
.footer .partners a {font-size:8px;color:#858584}	
.footer a, .footer {color:#656565;}	
.footer a:hover {text-decoration:underline}

.divAsLink {display:block;cursor:pointer;}	

.googapps h2 {color:#ACEFF5}

#heythere {position:absolute;z-index:9999;top:0px;left:0px;text-align:center;width:99%;padding-top:3px}
#heythere p{margin:0px}
#heythere a{color:#96BFE7;text-decoration:underline}

#homeslideshow {border:1px solid white}
.intro {display:none}

img.logo {float:left;margin-left:35px;display: inline; /** Necessary to fix ie float padding/margin bug **/}

.logos a {display:block;float:left;border: 7px solid #333333;margin:5px;padding:0px}
.logos a:hover {border: 7px solid #999999;}
.logos a img {float:none;border:0px;font-size: 0px;margin: 0px;padding: 0px;vertical-align: middle}

.keywordTest a{color:white}	
.main_bg {position:absolute;top:0px;left:0px;z-index:1}	
.m_a, .m_b, .m_c {float:left;padding:12px}

.m_a {width:180px;}
* html .m_a {width:160px}
.m_a h2 {margin-top:0px}	

.m_b {width:380px;font-size:12px;line-height:19px;}	
.m_bbig {width:750px;}
.m_b h1{margin-top:22px;}
.m_b h2{margin-top:22px}
.m_b a{color:#96BFE7;}
.m_b a:hover {text-decoration:underline}
.m_b h2 a{color:white}
.m_b h2 a:hover {text-decoration:none}
.m_b li {margin-bottom:4px;}	
.m_b img {border:1px solid #737376}	

.m_c {width:160px;}
.m_c .order {padding:10px;}	
.m_c h3 {font-size:15px;}
.m_c h5 {margin:0px;font-size:11px}		
.m_c  img {vertical-align:text-bottom}
.m_c ul	{margin-left:0px;padding-left:15px;}
.m_c li {margin-bottom:5px;}		

#m_navBg {height:131px;}	
#m_navBg, #m_contentBg {background:#000000;opacity: .72;filter: alpha(opacity=72)}			

div.message, a.message {-moz-border-radius: 11px;-khtml-border-radius: 11px;-webkit-border-radius: 11px;
	background:#43a6af;color:white;padding:8px 0 5px 10px;margin:10px 0;font-weight:bold;}		
.message img {border:0px;vertical-align: bottom}
a.message {display:block}
a.message:hover {background-color:#5bc0c9;text-decoration: none}

.nav {font-size:10px;float:right;margin-right:35px;display: inline; /** Necessary to fix ie float padding/margin bug **/}
.nav ul{list-style:none;padding:0px;margin:0px;}	
.nav li{float:left;margin-left:11px;}

a.norm {color:white;text-decoration:none}

.portfolio {line-height:normal;font-size:11px;margin-top:18px;border:1px solid gray;padding:10px 10px 0px 10px}	
.portfolio h3 {font-weight:bold;margin-top:0px;text-align:center;text-transform:uppercase;font-size:12px;font-family:arial;}	
.portfolio img {float:left;padding:10px;margin:0px 20px 0px 10px;}	
.portfolio ul {list-style:none}	
.portfolio .desc{clear:left;padding-top:0px;}	

html>body .portfolio p{padding-top:15px;}	/** ie adds a padding below the image, so we only add the padding to mozilla & opera etc. **/	

.portfolio_more img{border:1px solid white;}	
.portfolio_more .piece {margin-bottom:18px}

.propClear {height:1px;clear:both;font-size:0px;}	

a.questionnaire {display:block;width:247px;height:68px;background:url(../images/website-questionnaire.png) left top; }
a.questionnaire img {display:none}
a.questionnaire:hover {background-position:bottom}

#sitemap {display:none}	

#seoclients td{vertical-align:top;border-top:1px solid #888888;padding-bottom:25px}

#services_sub{opacity:0;filter: alpha(opacity=00);position:absolute;width:220px;
	background:#000000 url(../images/services-sub-bg.jpg) no-repeat center right;
	border:1px solid #828282;z-index:60;}	
#services_sub ul{margin:0px;padding:0px;}	
#services_sub li{margin:0px; border-left:4px solid #ffffff;
	padding-bottom:1px; 	/** IE BUG FIX **/
	display:block;float:none;}	
#services_sub a {padding:3px 10px 3px 5px;margin:0px;display:block;position:relative;}	
#services_sub a:hover {background-color:#4C4C4C;}	

#show_bg {margin:0px;padding:0px;font-size:0px;vertical-align:bottom;margin-bottom:2px;}


.subnav {height:14px;float:right;margin-right:35px;margin-top:55px;display:inline;}
.subnav ul{list-style:none;padding:0px;margin:0px;}
.subnav li{float:left;margin-left:19px;}	
.subnav a{display:block;position:relative;}

#testimonials {float:left;height:95px;overflow:hidden;}	
.testimonial blockquote {font-size:11px;margin:13px;border-bottom:1px dashed gray;padding-bottom:15px}

.toc {padding:0px;padding-top:0px}
.toc h2{font-weight:bold;font-size:14px;}
.toc ul{margin:0px;padding:0px;list-style:none;}
.toc li{margin:0px;padding:0px}

* html .toc a{display:inline-block;width:94%;font-size:11px;padding:8px 6px 8px 20px;
	background:url(../images/arrow-white.gif) 4px 12px no-repeat}/** necessary ie hack **/
.toc a{font-size:11px;color:white;text-decoration:none;display:block;position:relative;padding:6px 6px 6px 20px;
	border-bottom:1px dashed gray;background:url(../images/arrow-white.gif) 4px 10px no-repeat}
.toc a:hover {color:black;background:#ffffff url(../images/arrow-black.jpg) 4px 10px no-repeat}