﻿/* *************************************************************************

References:

1. Internet Explorer float margin bug: http://www.positioniseverything.net/explorer/floatIndent.html

************************************************************************* */

/*
   common style definitions
*/

body
{
	padding: 0;
	margin: 0;
	font-family: verdana,arial,helvetica,sans-serif;
	text-align: center;
	font-size: 0.8em;

	background-image: url('Background.jpg');
	background-repeat: no-repeat;
	background-position: center 110px;
}

/* standard font line spacing */

p, .features, .brochure, .MP-StandardFont, .SolutionFeatures
{
	line-height: 1.8;
	font-size: 0.85em;
}

p
{
	margin-top: 0;
	margin-bottom: 1em;
}

img
{
	border-style: none;
}

h1
{
	margin: 0;
	margin-bottom: 1em;
	font-size: 1.2em;
	font-weight: bold;
}

h2
{
	margin-top: 0;
	font-size: 1em;
	font-weight: bold;
}

h3
{
	margin: 0;
	font-size: 0.85em;
	font-weight: bold;
}

.title
{
	margin-bottom: 1em;
  display: block; 
  font-size: 2.0em; 
  font-style:italic; 
  color:#BBD983; 
  text-align: left;
}


/* 
   Master page style definitions
*/

.headerframe
{
	width: 720px;
	float: left;
	margin-top: 3em;
}

.CSSThinkscapeLogo
{
	float: left;
}

.CSSHeaderLink
{
	float: right;
	color: #999;
	text-decoration: underline;
	margin-top: 3px;
	margin-right: 3px;
}


/*

	Story Bar styling

*/

.CSSStoryBar
{
	float: left;
	margin-top: 25px;
}

.CSSStoryBarDivider1, .CSSStoryBarDivider2, .CSSStoryBarDivider3
{
	float: left;
	width: 1px;
	height: 42px;
	background-image: url('StoryBar/Divider.gif');
}


.CSSStoryBarDiscover
{
	float: left;
	width: 212px;
	height: 42px;
	background-image: url('StoryBar/DiscoverOnlineServices.gif');
}

.CSSStoryBarSucceed
{
	float: left;
	width: 178px;
	height: 42px;
	background-image: url('StoryBar/SucceedWithBizTalk.gif');
}

.CSSStoryBarGrow
{
	float: left;
	width: 178px;
	height: 42px;
	background-image: url('StoryBar/GrowYourBusiness.gif');
}

.CSSStoryBarWho
{
	float: left;
	width: 149px;
	height: 42px;
	background-image: url('StoryBar/WhoAreWe.gif');
}


/* 
   Service page style definitions
*/

.ServiceTitle
{
 margin-top : 45px; 
 margin-left: 20px; 
 float: left; 
 width: 201px; 
 height: 55px; 
 display: block; 
 font-size: 2.0em; 
 font-style:italic; 
 color:#BBD983; 
 text-align: left;
}


/* 
   Landing page style definitions
*/

/* usage: ServiceTitle LandingTitle */

.LandingTitle
{
  margin: 0;
  padding: 0;
  height: 40px;

  width: 100%; 
  margin-top: 75px;
  margin-left: 5px;
  width: 300px;
}

/* usage: content_title_huge biztalk_h1 Landing_h2 */

.LandingH2
{
  margin: 0;
  padding: 0;
}

.LandingRightColumn p
{
	text-align: left;
	margin-top: 20px;
}

.LandingRightColumn h3
{
	font-size: 1.4em;
	font-style: italic;
	color: #BBD983;
}


.LandingRightColumnBase
{
	background-image: url( "rightcolumnbg_bottom.gif" );
	background-repeat: no-repeat;
	background-position: bottom left;
	display: inline;
	height: 20px;
  width: 261px;
	float: right;
	margin-right: 25px;
}



/* 
   Home page style definitions
*/


.adapterlink
{
	background-image: url( "adapterlink.gif" );
	background-repeat: no-repeat;
	background-position: top left;
	Width: 195px;
	Height: 46px;
	margin-top: 15px;
	margin-right:15px;
	float: right;
	display: inline;
}

.adapterlink a
{
	float: left;
	font-size: 0.85em;
	text-align: left;
	line-height: 1.5;
	margin-left: 10px;
	margin-top:3px;
	color: #45ac00;
	padding-top: 1px;
	width: 150px;
	text-decoration: none;
}

.adapterlink a b
{
	text-decoration: underline;
}

.hometitle
{

	margin-top: 25px;
	margin-left:2px;
	float: left;
	display: inline;
	position:relative;
	font-size:0;	
}

.hometitle p
{
    font: bold 9pt Tahoma;
    position: absolute; 
    top: 60px;
    right: 70px;
       
}

.hometitle p a
{
    color: #96810c;
}

.cardtext
{
	float: left;
	font-size: 0.85em;
	text-align: left;
	line-height: 1.5;
	margin-top: 5px;
	margin-left: 30px;
	width: 340px;
	display: inline;
}

.mainhome
{
	width: 100%;
	background-image: url( "waves_top.gif" );
	background-repeat: no-repeat;
	background-position: top left;
}

.middlecardtext
{
	float: left;
	font-size: 0.85em;
	text-align: left;
	line-height: 1.5;
	margin-top: 10px;
	margin-left: 30px;
	width: 340px;
	display: inline;
}

.scriptadapterlink
{
	float: left;
	text-align: left;
	line-height: 1.5;
	margin-top: 10px;
	margin-left: 35px;
	width: 620px;
	display: inline;
}

.homepageleftcolumn
{
	background-position: top left;
	margin-left: 40px;	
	width: 233px;
	float: left;
	display: inline;
}


.homepagerightcolumn
{
	margin-top: 0px;
	margin-right: 10px;
	display: inline;
	width: 427px;
	float: right;		
}

.homepage_aboutthinkscape
{
	background-image: url( "homepage_aboutthinkscape.gif" );
	background-repeat: no-repeat;
	background-position: 1px 0;
	width: 233px;
	height: 314px;
	float: left;	
	margin-left: 0px;
	margin-top: 50px;
	display: inline;
}
.homepage_aboutthinkscape h2
{
  margin-top: 20px;
	text-align:left;
	margin-left: 20px;
	margin-bottom: 0;
}

.homepage_aboutthinkscape p
{
	text-align: left;
	margin: 1em 15px 0 20px;
	font-size: 0.85em;
	line-height: 1.5em;
}

.development_title
{
	width: 290px;
	float: left;
	padding: 0.5em 0px 0.5em 0px;
	color: #68b131;
	padding-left: 30px;
	text-align:left;
	font-weight:600;
}

.support_title:link, .support_title:visited, .development_title:link, .development_title:visited
{
	text-decoration: none;
}


.leftcard
{
	width: 427px;
	float: left;
	margin-top: 45px;
	margin-left: 0px;
	display: inline;
}

.rightcard
{
	width: 427px;
	float: left;
	margin-top: 45px;
	margin-left: 0px;
}

.middlecard
{
	width: 427px;
	float: left;	
	margin-top: 43px;
	margin-left: 0px;
	display: inline;		
}

.spacer
{
	margin-top: 60px;
}

.more2img
{
	margin-top: 10px;
	float: left;
}

.more3img
{
	float: left;
	margin-top: 10px;
}

.homeaboutthinkscape
{
	float: left;
	display: inline;
	margin-top: 10px;
	margin-left: 70px;
	width: 600px;
}

.homeaboutthinkscape p
{
	text-align: left;
	line-height: 1.5;
	margin-top: 10px;
	width: 360px;
	float: left;
}
.rightbottomblock
{
	float: right;
	width: 370px;
	height: 61px;
	margin-top: 30px;
	display: inline;
}

.redvertlineimg
{
	float: left;
}

.biztalk
{
	padding-top: 18px;
	padding-left: 3px;
	color: #5CAC00;
	text-decoration: underline;
	font-weight: bold;
	font-size: 0.9em;
}


.biztalkserverimg
{
	float: left;
	margin-top: 6px;
	margin-left: 15px;
}

.sharepointimg
{
	float: left;
	margin-top: 6px;
	margin-left: 20px;
}

.microsoftpartnerimg
{
	float: left;
	margin-left: 20px;
}

/* ************************************************************************* */

/* 
   About ThinkScape page style definitions
*/

.contacttable
{
	width: 250px;
	margin-left: 20px;
	float: left;
}

.contacttable_corner img
{
	padding: 0;
	margin: 0;
	vertical-align: top;
}

.contacttable_top
{
	height: 8px;
	background-image: url( "u_top.gif" );
	background-repeat: repeat-x;
}

.contacttable_left
{
	width: 8px;
	background-image: url( "u_left.gif" );
	background-repeat: repeat-y;
	
}

.contacttable_bottom
{
	height: 8px;
	background-image: url( "u_bottom.gif" );
	background-repeat: repeat-x;
}


.contacttable_right
{
	width: 8px;
	background-image: url( "u_right.gif" );
	background-repeat: repeat-y;
}

.contacttable_text
{
	padding: 6px;
}

.contacttable_title
{
	color: #000;
	font-weight: bold;
	font-size: 0.9em;
}

.contacttable_img
{
	float: left;
	margin-top: 10px;
	margin-left: 4px;
	display: inline;
}

.phonenumber
{
	color: #000;
	font-size: 0.85em;
	margin-top: 10px;
	margin-left: 5px;
	float: left;
	display: inline;
}

.contact_mail
{
	color: #5CAC00;
	font-size: 0.85em;
	text-decoration: underline;
	margin-top: 10px;
	margin-left: 5px;
	float: left;
}

/* ************************************************************************* */

/* 
   Privacy policy page style definitions
*/

.shadowimg3
{
	width: 100%;
	height: 5px;
	float: left;
	text-align: center;
	margin-top: 2em;
	margin-bottom: 2em;
}

/* ************************************************************************* */

/* 
   unclassified style definitions
*/

.contact_form
{
  margin-left: 10px;
}

.bodyframe
{
	width: 720px;
	padding-left: 20px;
	padding-right: 20px;
	margin-left: auto;
	margin-right: auto;
}

.mainframe
{
	width: 720px;
	float: left;
	margin: 0;
}

.contentblock
{
	width: 600px;
	float: left;
	margin: 8px 0 0 70px;
	padding-bottom: 110px;
	display: inline;
	text-align: left;
}

.thankyouimg
{
	margin: 4px 0 30px 70px;
	float: left;
}

.shadowimgbottom
{
	margin-top: 25px;
}

.succeedimg
{
	float: left;	
}



.textpaneltable
{
	width: 620px;
	margin-left: auto;
	margin-right: auto;
}

.textpaneltable_corner
{
	width: 12px;
	height: 12px;
}

.textpaneltable_top
{
	height: 12px;
	background-image: url( "c_top.gif" );
	background-repeat: repeat-x;
}

.textpaneltable_left
{
	width: 12px;
	background-image: url( "c_left.gif" );
	background-repeat: repeat-y;
}

.textpaneltable_bottom
{
	height: 12px;
	background-image: url( "c_bottom.gif" );
	background-repeat: repeat-x;
}

.textpaneltable_right
{
	width: 12px;
	background-image: url( "c_right.gif" );
	background-repeat: repeat-y;
}

.textpaneltable_title
{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.textpaneltable_text
{
	text-align: left;
	font-size: 0.85em;
	width: 470px;
	margin: 20px 10px 0 10px;
	float: left;
	line-height: 1.4;
}

.phoneimg
{
	float: right;
	padding-top: 20px;
	width: 82;
	height: 89;
}

.returnbutton
{
	height: 24px;
	float: left;
	padding-left: 250px;
	margin-top: 30px;
}

.also_text
{
	padding-top: 20px;
	padding-left: 108px;
}

.handshake
{
	float: left;
	vertical-align: middle;
	padding: 30px 0 100px 48px;
}

.handshake a
{
	float: left;
}

.copyright
{
	font-size: 0.85em;
	padding-bottom: 40px;
	float: left;
	color: #999;
}

.privacylink
{
	float: right;
	color: #999;
	text-decoration: underline;
	font-size: 0.85em;
	padding-bottom: 40px;
	margin-right: 20px;
}

.sitemaplink
{
	float: right;
	color: #999;
	text-decoration: underline;
	font-size: 0.85em;
	padding-bottom: 40px;
}

.clr
{
	clear: both;	
}


.mainsupport
{
	width: 100%;
	background-image: url( "waves_top.gif" );
	background-repeat: no-repeat;
	background-position: top left;
}

.bgsupport2
{
	background: url(  "support_bg2.gif" ) no-repeat;
	width: 265px;
}


a.linkSupport:link, a.linkSupport:visited
{
	color: #5cac00;
	text-decoration: underline;
}

a.linkSupport:hover, a.linkSupport:active
{
	color: #6fcf00;
	text-decoration: underline;
}

.form1
{
	border: 1px solid #54595d;
	width: 250px;
}
.form2
{
	border: 1px solid #54595d;
	width: 530px;
}


/* copied from latest html
*/


.content_title
{
	color: #000;
	font-weight: bold;
	float: left;
}


.content_title_big
{
	font-weight: bold;
	font-size: 1em;
	float: left;
}

.content_title_huge
{
	margin: 0 0 0 0;
	padding-top: 20px;
	font-weight: bold;
	font-size: 1.2em;
	float: left;
	text-align: left;
}

.biztalk_h1
{
	margin: 0 0 1em 0;
	padding: 0;
	margin-top: 30px;
	margin-left: 11px;
	display: inline;
}

.trainingEm
{
  font-weight: bold;
}

.biztalk2_h1
{
	margin-top: 25px;
	margin-left: 11px;
	display: inline;
}

.content_title_middle
{
	color: #000;
	font-weight: bold;
	font-size: 0.85em;
	float: left;
}

.arrow1img
{
	margin-top: 20px;
	margin-left: 11px;
	float: left;
}

.arrow1_h1
{
	margin-top: 27px;
}


.mainsupportleftcolumn
{
	margin-left: 55px;
	margin-top: 9px;
	width: 371px;
	float: left;
	display: inline;
}

.mainsupportleftcolumn p
{
	text-align: left;
	margin-left: 11px;
	margin-right: 11px;
}

.mainsupportrightcolumn
{
	background-image: url( "rightcolumnbg.gif" );
	background-repeat: no-repeat;
	background-position: top left;
	margin-top: 14px;
	margin-right: 25px;
	display: inline;
	width: 261px;
	float: right;
}

.inner_column
{
	margin: 15px 10px 10px 15px;
	display: inline;
	float: left;
}

.downarrowimg
{
	float: left;
	width: 229px;
	height: 37px;
	background-image: url( "down_arrow.gif" );
	background-repeat: no-repeat;
}

.downarrowimg a
{
	margin-top: 11px;
	margin-left: 45px;
	font-size: 0.85em;
	color: #5cac00;
	text-decoration: underline;
	float: left;
}

.downarrowimg a:hover
{
	color: #6fcf00;
	text-decoration: underline;
}

/* the Microsoft Certified Partner & BizTalk logos */

.logo_strap
{
  float: left; 
  margin-top: 10px
}

.citate
{
	margin: 0;
	float: left;
	display: inline;
	margin-left: 10px;
	margin-top: 15px;
	width: 215px;
}

.citate_text
{
	line-height: 1.5em;
	margin: 0;
    margin-bottom: 1em;
	float: left;
	text-align: justify;
	color: #96810C;
	font-size: 0.9em;
}

.citate_author 
{
	text-align: right;
	font-size: 0.85em;
	color: #463C07;
}

.citate_open
{
	margin-right: 5px;
	vertical-align: baseline;
}

.citate_close
{
	margin-left: 5px;
	vertical-align: text-bottom;
}

.key1, .key2
{
	width: 215px;
	height: 25px;
	background-image: url( "KeyBenefit.gif" );
	background-repeat: no-repeat;
	margin-top: 25px;
	margin-left: 10px;
	float: left;
	display: inline;
}

.key1_title
{
	text-align: left;
	margin-left: 20px;
	margin-top: 6px;
	float: left;
	display: inline;
}

.key_text
{
	width: 215px;
	margin-left: 10px;
	background-color: #F2F9CB;
	float: left;
	display: inline;
	background-image: url( "key_footer.gif" );
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-top: 0.7em;
	padding-bottom: 1.4em;
}

.key_text p
{
	margin: 0px 11px 4px 11px;
	text-align: left;
	line-height: 1.5;
	display: inline;
	float: left;
}

.keyfooterimg
{
	float: left;
	margin-left: 10px;
	display: inline;
}

.brochure
{
	float: left;
	padding: 0;
	margin: 1.5em 10px 0 10px;
	text-align: left;
	display: inline;
}

.brochure img
{
	vertical-align: middle;
	margin-right: .2em;
}

.features
{
	float: left;
	padding: 0 10px 2em 10px;
	border: 1px #E2E2E2 solid;
	margin-top: 45px;
}

.features h1
{
	margin: 0;
	padding: 0;
	display: inline;
}

.features ul
{
	clear: left;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: left;
}

.features li
{
	margin: 0;
	padding: 1.5em 0 0 0;
}

.features span
{
	float: left;
	width: 42px;
	height: 34px;
	background-image: url( "feature.gif" );
}

.features em
{
	color: #5CAC00;
	font-style: normal;
}


.biztalklogoimg
{
	float: left;
  width: 121px;
  height: 120px;
  padding-top: 4px;
	background-image: url( "ServiceLogoBackground.gif" );
	background-repeat: no-repeat;
}

.biztalksupportimg
{
	float: left;
	margin-top: 61px;
}

.biztalkdevelopmentimg
{
	float: left;
	margin-top: 45px;
}

.biztalkconsultimg
{
	float: left;
	margin-top: 45px;
}

.greenbg_text
{
	float: left;
	background-color: #F6FBDD;
	margin-top: 1em;
	padding-bottom: 1em;
	width: 100%;
}

.shadowimg
{
	padding-top: 0px;
}

.shadowimg4
{
	margin-left: 13px;
	margin-top: 10px;
	float: left;
}

.shadowimg5
{
	float: left;
}

.requestform
{
	margin-top: 47px;
	margin-left: 61px;
	width: 583px;
	float: left;
	display: inline;
}

.requestformtitle
{
	float: left;
	background-image: url( "RequestFormTitle.gif" );
	width: 583px;
	height: 48px;
}

.requestformimg
{
	float: left;
}

.requestformblock
{
	background-image: url( "requestformbg.gif" );
	background-repeat: repeat-y;
	padding-bottom: 25px;
	width: 100%;
	float: left;
}

.requestformfields
{
	margin-top: 16px;
	margin-left: 20px;
	float: left;
	display: inline;
	width: 529px;
}

.requestformfields p
{
	text-align: left;
}

.requestform_field
{
	width: 250px;
	float: left;
	text-align: left;
	font-size: 0.85em;
	color: #000;
	margin-top: 10px;
}

.requiredfield
{
	color: #f00;
}

.requestform_field input
{
	width: 100%;
	height: 18px;
	border: 1px #54595D solid;
	background-color: #fff;
}

.rightfields
{
	float: right !important;
}

.requestform_bigfield
{
	width: 100%;
	float: left;
	text-align: left;
	font-size: 0.85em;
	color: #000;
	margin-top: 10px;
}

.requestform_bigfield textarea
{
	width: 100%;
	height: 50px;
	border: 1px #54595D solid;
	background-color: #fff;
}

.requestbutton
{
	float: left;
	margin-top: 20px;
	margin-left: 150px;
	display: inline;
}

.requiredinfo
{
	float: left;
	margin-top: 20px;
	color: #f00;
	font-size: 0.85em;
}

.aboutthinkscape
{
	float: left;
	display: inline;
	margin-top: 10px;
	margin-left: 70px;
	width: 600px;
}

.aboutthinkscape p
{
	text-align: left;
}

.aboutthinkscape h1
{
	margin-bottom: 1em;
}

.bottom_banners
{
	margin-left: 65px;
	margin-top: 2em;
	float: left;
	display: inline;
	padding-bottom: 50px;
}

.bottom_banners img
{
	float: left;
	margin-left: 15px;
	display: inline;
}

.rightbottombanners
{
	margin-left: 155px !important;
	margin-top: 4px;
}

.bkgTeam
{
	float: left;
	width: 140px;
	height: 19px;
	background-image: url( "bkg_team.gif" );
	background-repeat: no-repeat;
	font-weight: bold;
	color: #5eb31f;
	text-align: center;
	font-size: 11px;
	vertical-align: middle;
}
