/*-----------------------------------------------------
Style sheet for Sense Worldwide 2008

version: 1
author: Philipp Kienzler
email: info@senseworldwide.com
website: www.senseworldwide.com
------------------------------------------------------*/

/*Template setup*/

*{
	margin: 0;
	padding: 0;
	outline: none;
	font-family: arial, sans-serif;
}

body{
	text-align: center;
}

.masthead{
	height: 85px;
	background: url(../graphics/senseLogo.gif) no-repeat 40px 20px;
	text-align: left;
}

.masthead div{
	float:left;
}

.masthead h2 {
	color:#848383;
	padding-top: 40px;
}

.masthead img{
	border: none;
}

.wrapper {
	margin: 0px auto;
	width:960px;
	height:650px;
	text-align: center;
	/*border: 1px solid #ccc;*/
	overflow: hidden;
}

.content{
    margin: auto;
    border-top: 2px solid #666;
	/*padding: 20px 40px;*/
	text-align: left;
	height:500px;
	width: 880px;
	border-bottom: 2px solid #666;
}

.content a {
	color:white;
	text-decoration: underline;
}

.footer {
	height: 65px;
	text-align: left;
	padding-left: 40px;
	padding-top: 10px;
}

.footer h3 {
	font-size: 1em;
	padding-right: 0.5em;
	float:left;
	color: #494949;
}

.footer p {
	float:left;
	padding-right: 0.5em;
	font-weight: bold;
	color: #848383;
}

.footer a {
	color: #848383;

}

.footer a:hover {
	color: #494949;
}

.copyright {
	font-size: 0.6em;
	color:#494949;
	display: none;
}
/*--------------------------------------------------end of template setup*/

/*general fonts and other things*/

a {
 text-decoration: none;
 color: #494949;

}

p {
	color:white;
	font-size: 14px;
}

h1 {
	font-size: 81px;
	color:   #848383;
	letter-spacing:-0.05em;
	/*word-spacing: 0.1em;*/
}

h3 {
	color: #848383;
	font-size: 24px;
}

h4 {
	font-weight: bold;
	color:white;
	padding-bottom: 0.5em;
}

img {
	border: 0px;
}

/*-----------------------------------------*eo fonts and other things*/

/*form styling*/

fieldset {
	font-size: 1em;
	margin: 1em 0;
	/*padding: 1em;*/
	border: 0px;
	background: #fff;
}

legend {
	font-weight: bold;
	color: #494949;
	margin-left: 8em;
	padding-bottom: 1em;
}

label {
	float:left;
	width: 9em;
	font-size: 1em;
}

input {
	width: 250px;
	height: 20px;
	color: #494949;
}

textarea{
	width: 250px;
	height: 100px;
}

input:focus, textarea:focus {
	background: #ffc;
}

.fieldz {
	background: #fff;
}

.submit_btn{
	margin-left: 9em; 
}

input[type="text"], textarea {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.feedback {
	font-size: 2em;
	color: #96BD0D;
	text-align: center;
}

.accesskeys {
	text-decoration: underline;
}

/*------------------------------------------------------------end of form styling*/

/*list styling*/

ul li {
	list-style-type:none;
}

/*-------------------------------------------------------eo list styling*/


/*coloured link section*/ 

.purple:hover{
	color: #92117E;
}

.orange:hover{
	color: #F19300;
}

.green:hover{
	color: #96BD0D;
}

.blue:hover{
	color: #0099FF;
}

.magenta:hover{
	color: #FF0099;
}

.purpleSpan{
	color: #92117E;
}

.orangeSpan{
	color: #F19300;
}

.magentaSpan{
	color: #FF0099;
}

.blueSpan{
	color: #0099FF;
}

.greenSpan{
	color: #96BD0D;
}

.greySpan {
	color: #494949;
}


/*--------------------------------------------------------------end of link section*/

/*content*/
.content ul{
	float:left;
	list-style: none;
}

.content ul li{
	float:left;
	margin-right: 3px;
}

/*--------------------------------------eo content*/

/*contact area*/

/*.contact_info {
	float:right;
	margin-top: 1em;
}*/

.contact_info p{
	color: #494949;
	margin-bottom: 1em;
}

.contact {
	width:400px;
}

.contact a {
	color: #848383;
	font-size: 24px;
	margin-left: 5.9em;
}

.contact a:hover {
	color: #494949;
}

.contact p {
	margin-bottom: 0.5em;
	color: #494949;
}

.button {
	width:75px;
	height:25px;
}

.contactMap {
	float:right; 
	 
	height: 420px; 
	width: 440px;

}

/*-----------------------------------------------*eo contact*/

/*Sense Network bit*/

.greybox {
	background-color: #858484;
	width: 67px;
	height: 82px;
	float:left;
	margin-bottom: 15px;
	list-style: none;
}

.profiles{
	padding-top:15px;
	margin-left: 10px;
}

.profiles ul li {
	margin-right: 12px;
}

/*--------------------------------------------------------------end of sense network section*/


.sticker {
	position:relative;
	left: 720px;
	top: -360px;
	z-index: 2;
	width:170px;
}



.stickerMP {
	position:relative;
	left: 20px;
	top: -210px;
	z-index: 3;
	width:170px;
}

.stickerNews {
		position:relative;
	left: 705px;
z-index: 4;
	width:177px;
	height:146px;
	background: url(../images/postItNews.png) no-repeat 0px 0px;
	top:-50px;
	padding:10px;
}

.stickerNews a{
	color:black;
	text-decoration: none;

}


/*.welcome {
margin-top:105px;
_margin-top:120px;

}
*/


.welcome a{
	color: #494949;
	text-decoration: none;
}



.welcome2 { 
	margin-top: 200px;

}

.we{
	padding-top: 1em;
	padding-left: 0em;
	overflow: hidden;
	height: 390px;
}

/*vertical center*/
#outer {height: 500px; overflow: hidden; position: relative;}
#outer[id] {display: table; position: static;}

#middle {position: absolute; top: 50%;} /* for explorer only*/
#middle[id] {display: table-cell; vertical-align: middle; position: static;}

#inner {position: relative; top: -50%} /* for explorer only */
/* optional: #inner[id] {position: static;} */
/*-------------------------------------------------------------eo vertical center*/

/*other stuff*/
.fadeOut{
	color: #ccc;
}

.clear {
	clear:both;
}

/*----------------------------------------------------------------------------------PAGES START*/

/*wePage*/
.wePage {
		height:490px;
	width: 880px;
}

.purpleBox{
 	float:right; 
 	width:260px; 
 	background-color:#92117E;
 	padding: 10px;
 	display: block;
 	margin-top: 30px;
 	margin-right: 10px;
}

/*.purpleBox p{
	color:white;
	font-size: 0.9em;

}*/

/*wePage*/

/*clientPage*/
.clientPage {
	/*background: url('../images/understand1.png') no-repeat 0px 18px;*/
	height:490px;
	width: 880px;
}





.orangeBox{
 	float:right; 
 	width:280px; 
 	background-color:#F19300;
 	padding: 10px;
 	display: block;
 	margin-top: 30px;
 	margin-right: 10px;
}

.orangeBox a{
	font-weight:bold;
}

.purpleBox a{
	font-weight:bold;
}

/*clientPage*/

/*rightPage*/
.rightPage {
	/*background: url('../images/understand1.png') no-repeat 0px 18px;*/
	height:490px;
	width: 880px;
}

.magentaBox{
 	float:left;
 	width: 250px; 
 	background-color:#FF0099;
 	padding: 10px;
 	display: block;
 	margin-top: 30px;
 	margin-left: 10px;
 	}


.magentaBox a{
	font-weight:bold;
}

.magentaBox ul li{
	float:left;
	list-style: none;
	width: 300px;
	
}

/*for 2 column text in coloured boxes*/
.rightLi {
	margin-left: 30px;

}


/*rightPage*/

/*understandingPage*/
.understandingPage {
	/*background: url('../images/understand1.png') no-repeat 0px 18px;*/
	height:490px;
	width: 880px;
}


.holder {
	height:480px;
	padding:30px 10px 10px 10px;
}


.holder a {
	color:white;
	text-decoration: underline;
	font-weight: bold;
}


/*.blueBox{
 	float:right; 
 	background-color:#0099FF;
 	padding: 10px;
 	display: block;
 	margin-top: 205px;
 	margin-right: 10px;
}*/

.blueBox{
 	float:right; 
 	width:285px; 
 	background-color:#0099FF;
 	padding: 10px;
 	display: block;
 	margin-top: 30px;
 	margin-right: 10px;
}


.blueBox a{
	font-weight:bold;
}

.blueBox ul li{
	float:left;
	list-style: none;
	width: 220px;
	}

/*understandingPage*/

/*sitemap*/

.sitemap {
	text-align: center;
}

/*----------------sub pages*/

.left_column {
	width: 410px;
	float:left;
	
	height:475px;
	padding: 10px 0px 0px 0px;
}

.right_column {
	float:right;
	width: 440px;
	height:495px;
	/*padding-top: 17px;*/
}


/*masterplanning*/

.masterPlanning h4{
	color: #FF0099;
}

.masterPlanning p{
	color: #FF0099;
}

.masterPlanning ul{
	float:none;
	list-style: none;
	margin-top: 60%;
}

.masterPlanning ul li{
	color: #FF0099;
	float:none;
	font-weight: bold;
}

.masterPlanning a {
	color: #f7acc4;
}

.masterPlanning a:hover {
	color: #FF0099;
}

.masterPlanning .right_column {
	/*background: url(../images/masterplanning1.png) no-repeat 0px 5px;*/
}

/*caseStudies*/


.caseStudy h4{
	color: #F19300;
}

.caseStudy p{
	color: #F19300;
}

.caseStudy ul{
	float:none;
	list-style: none;
	margin-top: 80%;
}

.caseStudy ul li{
	color: #F19300;
	float:left;
	font-weight: bold;
}

.caseStudy a {
	color:  #F19300;
}

.caseStudy a:hover {
	color: #F19300;
}

.caseStudy .right_column {
	/*background: url(../images/masterplanning1.png) no-repeat 0px 5px;*/
}

.left_column a {
  font-weight:bold;
}

/*senseTools*/
/*masterplanning*/

.senseTools h4{
	color: #0099FF;
}

.senseTools p{
	color: #0099FF;
}

.senseTools ul{
	float:none;
	list-style: none;
	margin-top: 60%;
}

.senseTools ul li{
	color: #0099FF;
	float:none;
	font-weight: bold;
}

.senseTools a {
	color: #ABE0F9;
}

.senseTools a:hover {
	color: #0099FF;
}

.senseTools .right_column {
	/*background: url(../images/masterplanning1.png) no-repeat 0px 5px;*/
}

/*senseNetwork*/

.senseNW {
	/*background: url('../images/understand1.png') no-repeat 0px 18px;*/
		/*background: url('../images/understand1.png') no-repeat 0px 18px;*/
	height:490px;
	width: 880px;
}

.greenBox{
 	float:left; 
 	width:285px; 
 	background-color:#96BD0D;
 	padding: 10px;
 		display: block;
 	margin-top: 30px;
 	margin-left: 10px;
}

.greenBox a{
	font-weight:bold;	
}

.top {
	height: 460px;
}

.caseStudy .subNav p {
	float:left;
	color: #FFCC99;
	margin-right: 1em;
	font-weight: bold;
}

.caseStudy .subNav a {
	color: #F19300;
}

.masterPlanning .top {
	height:395px;
}

.senseTools .top {
	height:395px;
}

.subNav p {
	font-weight: bold;
}

.clientLogo {
	height: 70px;
	padding-top: 10px;

} 

.peoplePageLink {
	float:right;
}

.peoplePageLink h1{
	font-size: 1em;
	margin-top: 60px;
}

.peoplePageLink a{
	color: #848383;
	text-decoration:none;
}

.peoplePageLink a:hover{
	color: #494949;

}

#peoplePageLinkLeft {
	float:left;
}

.we ul{
margin-bottom:-1px;

}
h3.main {
	color:#5ca41f;
}
h3.sub {
	color:#b2d187;
}