/* Wrapper for fix-width containers */
.wrapper
{
	width: 945px;
	margin: 0px auto;
}

/* Header */
.header
{
	height: 554px;
	background: #f8f8f8 url(../Images/BackgroundWhite.png);
	position: relative;
	z-index: 1001;
}

.header .logo
{
	padding: 80px 0px 0px 0px;
}

.header .logo a
{
	display: block;
	width: 256px;
	height: 60px;
	background: url(../Images/Logo.png) no-repeat;
	text-indent: -9999px;
}

.header .wwd
{
	padding: 68px 0px 0px 0px;
}

.header .wwd span
{
	display: block;
	width: 327px;
	height: 130px;
	background: url(../Images/WWDText.png) no-repeat;
	text-indent: -9999px;
}

.header .mission
{
	padding: 67px 0px 0px 0px;
}

.header .mission span
{
	display: block;
	width: 550px;
	height: 100px;
	background: url(../Images/MissionText.png) no-repeat;
	text-indent: -9999px;
}

/* Content */

.content-dark
{
	background: #212428 url(../Images/BackgroundDark.png);
	padding: 0px 0px 0px 0px;
}

.page-home .content-dark
{
	padding: 0px;
}

.content-light
{
	background: #212428 url(../Images/BackgroundLight.png);
}

.divider
{
	height: 15px;
	background: url(../Images/HWWPageDivider.png) no-repeat 50% 0%;
}

.left-side-wrapper
{
	width: 330px;
}

.right-side-wrapper
{
	width: 615px;
}

/* Footer */

.footer
{
	border-bottom: 25px solid #d77a6e;
}

.footer-logo
{
	margin: 40px 40px 20px 0px;
	background: url(../Images/LogoGray.png) no-repeat;
	width: 170px;
	height: 40px;
}

.footer-snlinks
{
	margin: 40px 0px 0px 0px;
}

.footer-line
{
	background: url(../Images/FooterLine.png);
	height: 15px;
	width: 485px;
}

.footer-nav
{
	margin: 20px 0px 0px 0px;
}

.footer-nav a, .footer-nav span
{
	color: #d77a6e;
	font-family: Vollkorn, Times New Roman, Serif;
	font-style: italic;
	font-size: 14px;
	text-decoration: none;
	display: inline-block;
	margin: 0px 15px 0px 0px;
}

.footer-nav a:hover, .footer-nav span
{
	color: #89929b;
}

.footer-copy
{
	color: #4d5965;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
}

.footer-thinklogo
{
	margin: 40px 5px;
}

a.snlink
{
	background: url(../Images/SocialSprites.png) no-repeat;
	display: inline-block;
	width: 40px;
	height: 40px;
	text-indent: -9999px;
}

a.snlink-fb
{
	background-position: 0px 0px;
}

a.snlink-fb:hover
{
	background-position: 0px -40px;
}

a.snlink-tw
{
	background-position: 0px -80px;
}

a.snlink-tw:hover
{
	background-position: 0px -120px;
}

a.snlink-in
{
	background-position: 0px -160px;
}

a.snlink-in:hover
{
	background-position: 0px -200px;
}

/* Main Page */

.roll-header
{
	display: block;
	position: relative;
	font-family: Signika, Arial, Sans-Serif;
	font-size: 20px;
	line-height: 1.2em;
	cursor: default;
	text-decoration: none;
	color: #36373b;
	border-right: 1px solid #17181c;
	border-bottom: 1px solid #17181c;
	margin: 0px;
	width: 520px;
}

.rh-last
{
	border-bottom: none;
}

.rh-selected
{
	font-family: Vollkorn, Times New Roman, Serif;
	color: #e7e7e9;
	font-style: italic;
	background: url(../Images/RollMenuSelectedBackground.png);
}

.roll-header span
{
	width: 430px;
	display: block;
	padding: 55px 40px 55px 50px;
}

.rh-selected span
{
	background: url(../Images/RollMenuSelectedShadow.png) no-repeat;
	background-position: 100% 100%;
}

.roll-header span.triangle
{
	display: none;
}

.rh-selected span.triangle
{
	display: block; 
	position: absolute; 
	width: 20px; 
	height: 30px; 
	left: 100%; 
	top: 50%; 
	margin: -15px 0px 0px -5px;
	background: url(../Images/RollMenuSelectedTriangle.png) no-repeat;
}

.roll-content
{
	position: absolute;
	top: 554px; /* - header height */
	margin-left: 520px;
	padding: 30px 0px 30px 60px;
	width: 365px;
}

.tenets-wrapper
{
	margin: 30px 0px;
}

.tenets-list
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.tenets-list li
{
	display: inline-block;
	width: 90px;
	margin: 0px;
	padding: 60px 35px 0px 0px;
	background: url(../Images/TenetsSprites.png) no-repeat;
	color: #88919b;
}

.tenets-list li.passion
{
	background-position: 15px 0px;
}

.tenets-list li.partnering
{
	background-position: -120px 0px;
}

.tenets-list li.meeting
{
	background-position: -255px 0px;
	padding-right: 0px;
}

.tenets-topline, .tenets-bottomline
{
	background: url(../Images/TenetsLine.png) no-repeat;
	height: 5px;
	width: 100%;
	margin: 0px 0px 30px 0px;
}

.tenets-bottomline
{
	margin: 30px 0px 0px 0px;
	height: 15px;
	width: 100%;
}

.tec-wrapper
{
	width: 100%;
	padding: 20px 0px 40px 0px;
}

.tec-line
{
	background: url(../Images/TecLine.png) no-repeat;
	width: 100%;
	height: 5px;
}

.tec-header
{
	margin-bottom: 0px;
}

.tec-block1
{
	margin: 5px 20px 0px 0px;
}

.tec-block1 p
{
	margin: 3px;
}

.tec-list
{

}

.tec-list dt
{
	margin: 5px 0px;
	cursor: pointer;
	display: inline-block;
	border-bottom: 1px dashed #ecedef;
}

.tec-list dd
{
	display: block;
	visibility: hidden;
	border: 0px solid gray;
	background: url(../Images/ToolTipBackground.png);
	color: #45505b;
	width: 300px;
	position: absolute;
	margin-left: 0px;
	font-size: 15px;
	padding: 15px;
}

.tec-list dd span.triangle
{
	display: block; 
	position: absolute; 
	width: 26px; 
	height: 13px; 
	left: 50%; 
	top: 100%; 
	margin: 0px 0px 0px -13px;
	background: url(../Images/ToolTipTriangle.png) no-repeat;
}

dd.tec-tt-left span.triangle
{
	left: 20%;
	margin: 0px 0px 0px -1px;
}

.tec-col
{
	width: 20%;
}

.tec-col2
{
	width: 40%;
}

.list-blue li
{
	padding: 23px 0px 18px 70px;
}

.list-blue .bullet1
{
	background: url(../Images/ListBlueBullet1.png) no-repeat;
}

.list-blue .bullet2
{
	background: url(../Images/ListBlueBullet2.png) no-repeat;
}

.list-blue .fix-singlerow
{
	padding-top: 35px;
}

/* What we do Page */

.ways-wrapper
{
	/* text-indent: -9999px; */
	background: url(../Images/WaysBackground.png) no-repeat;
	width: 400px;
	height: 293px;
}

.ways-content
{
	margin: 15px 120px 0px 0px;
	line-height: 1.4em;
	font-size: 22px;
}

.ways-list
{
	list-style-type: none;
	margin: 5px 0px 0px 30px;
	padding: 0px 0px 0px 0px;
	width: 515px;
}

.ways-list li
{
	background: url(../Images/WaysListItemBackground.png) no-repeat;
	padding: 18px 0px;
}

.ways-list li.first
{
	background: none;
}

.page-wwd .content-dark
{
	padding-top: 40px;
}

.page-wwd .section-bottom
{
	margin: 20px 0px 0px 0px;
	padding: 40px 0px 80px 0px;
	background: url(../Images/WWDPageDoubleLine.png) no-repeat;
}

.page-wwd .content-light
{
	height: 400px;
	margin-bottom: 40px;
}

.page-wwd .note
{
	position: absolute;
	margin-top: -40px;
}

.page-wwd .note p
{
	margin: 10px 50px 0px 50px;
}

.page-wwd .note h4
{
	text-indent: -9999px;
	height: 70px;
}

.page-wwd .note1
{
	width: 375px;
	height: 480px;
	background: url(../Images/Note1Background.png) no-repeat;
}

.page-wwd .note1 h4
{
	background: url(../Images/Note1HeaderBackground.png) no-repeat 50% 0%;
}

.page-wwd .note2
{
	width: 560px;
	height: 400px;
	background: url(../Images/Note2Background.png) no-repeat;
	margin-left: 400px;
}

.page-wwd .note2 h4
{
	background: url(../Images/Note2HeaderBackground.png) no-repeat 50% 0%;
}

/* How we work Page */

.page-hww .section
{
	padding: 10px 0px;
	position: relative;
	z-index: 11;
}

.page-hww .section h1
{
	width: 322px;
	margin: 60px 0px;
}

.page-hww .section p
{
	font-size: 22px;
	line-height: 1.3em;
	width: 613px;
	margin: 40px 0px 40px 10px;
}

.page-hww .content-light
{
	height: 120px;
}

.page-hww .background
{
	position: absolute;
	z-index: 10;
	width: 100%;
	height: 600px;
	background: url(../Images/HWWPageBackground.png) no-repeat 50% 0%;
	margin: 130px 0px 0px 0px;
	border: 0px solid red;
}

.page-hww .footer
{
	margin-top: 40px;
}

/* Business value Page */

.page-bv .section1
{
	width: 282px;
	margin: 40px 40px 20px 0px;
}

.page-bv .section2
{
	width: 573px;
	margin: 40px 40px 20px 10px;
}

.page-bv .section3
{
	margin: 40px 40px 0px 0px;
	padding: 0px 0px 40px 332px;
	background: url(../Images/Circles.png) no-repeat;
}

.page-bv .background
{
	background: url(../Images/Pyramid.png) no-repeat 0% 100%;
}

.page-bv h1
{
	margin: 60px 0px 20px 0px;
}

/* Who we are Page */

.page-wwa .content-dark
{
	padding: 40px 0px;
}

.page-wwa .section
{
	padding: 20px 0px;
}

.page-wwa h1
{
	margin: 10px 0px 0px 45px;
}

.page-wwa h2
{
	margin: 0px 0px 20px 45px;
	color: #88ccd4;
}

.page-wwa .left-side-wrapper
{
	padding-top: 40px;
}

.page-wwa .right-side-wrapper ul
{
	margin: 0px 0px 0px 45px;
}

.page-wwa .right-side-wrapper li
{
	background: url(../Images/WWADivider.png) no-repeat;
	padding: 11px 0px 5px 0px;
}

.page-wwa .right-side-wrapper li.first
{
	background: none;
	padding-top: 0px;
}

/* Get in touch Page */

.page-git .content-dark
{
	padding-top: 60px;
}

.form-contact-wrapper
{
	width: 100%;
}

.form-contact-content, .form-contact-complete
{
	background: url(../Images/ContactFormBackground.jpg)  repeat-y;
	padding: 25px;
}

.form-contact-header
{
	color: #737a83;
	font-weight: normal;
	font-size: 24px;
	background: url(../Images/ContactFormHeaderBackground.png) no-repeat 100% 0%;
	margin: 0px 0px 20px 0px;
}

.form-contact-complete .form-contact-header
{
	background: none;
}

.form-contact-item
{
	margin: 0px;
	padding: 20px 0px 10px 0px;
	background: url(../Images/ContactFormDivider.png) no-repeat 50% 0%;
}

.form-contact-item-first
{
	padding-top: 25px;
	background: url(../Images/ContactFormDivider2.png) no-repeat 50% 0%;
}

.form-contact-label
{
	display: block;
	margin: 5px 0px 0px 10px;
	float: left;
	width: 150px;
	color: #88919b;
	font-style: italic;
	font-family: Vollkorn, Times New Roman, Serif;
}

.form-contact-input
{
	width: 340px;
}

.form-contact-captcha-image
{
	float: left;
	margin: 2px 5px 0px 0px;
}

.form-contact-captcha-input
{
	width: 140px;
}

textarea.form-contact-input
{
	height: 160px;
}

.form-contact-footer-wrapper
{
	background: url(../Images/ContactFormBackground.jpg) no-repeat;
	background-position: 0px -450px;
	margin-bottom: 60px;
	padding-right: 25px;
}

.form-contact-footer-content
{
	background: url(../Images/ContactFormPlane.png) no-repeat 100% 0%;
	text-align: right;
	padding: 60px 0px 20px 0px;	
}

.form-contact-button
{
	border: none;
	background: none;
	cursor: pointer;
	font-family: Signika, Arial, Sans-Serif;
	font-size: 27px;
	font-weight: bold;
	color: #66a0ae;
	padding: 0px;
}

.form-contact-button:hover
{
	color: #ecedef;
}

.form-contact-captcha-refresh
{
	position: absolute;
	margin: -10px 0px 0px 180px;
}

.form-contact-captcha-refresh a
{
	color: #89929b;
	text-decoration: underline;
}

.form-contact-validation-message
{
	margin: 20px 0px 0px 160px;
}

.form-contact-error
{
	color: #d77a6e;
}