
body {
	background-color: #000;
    background: url(background.jpg) center top no-repeat ; 
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: center; 
	width: 100%;
	height:70%;
	min-width: 750px; /* works for  IE only */
}

body#homepage a#homeMenu,
body#thoughtweb a#twMenu,
body#solutions a#solutionsMenu,
body#newthinking a#newthinkingMenu,
body#aboutus a#aboutusMenu,
body#contact a#contactMenu {
	color: #ba9cd3;
	background: none;
}

.hovermenu ul{
background: none;
font:  bold 11px arial;
margin-top: 0px;
margin-left: 229px ;
margin-right: auto ;
height: 25px;
width: 550px;

}

.hovermenu ul li{
list-style: none;
display: inline;

}

.hovermenu ul li a{
padding: 5px 9px 0px 10px;
text-decoration: none;
float: left;
color: white;
/* background-color: #000; You Can Change this color */
/* border: 2px solid #e1e1e1; You can change this color */
}

.hovermenu ul li a:hover{
/* background-color: #e5e5e5; You Can Change This Color */
/* border-style: outset;				*/
color: #dcbcf5;

}


#wrap {
margin:0 auto;
padding-top:0px;
width:1000px;
}

.leftBox {
float: left;
width: 280px;
height: 200px;
}


.fullContents{
font:  12px arial;
float: left;
width: 702px;
color: black;
margin-top: 75px;  
margin-right: auto;
text-align: left;
margin-bottom: 0px;

}

.scrollContents{
height: 60% !important; /*IE doesn't understands this*/
height /**/: 288px; /*Internet Explorer hack. Only IE understands this*/
width: 700px;
padding-right: 25px;
overflow: auto;

}

.mainContents{
font:  12px arial;
float: left;
width: 450px;
color: black;
margin-top: 75px;  
margin-right: auto;
text-align: left;
}

.wideContents{
font:  12px arial;
float: left;
width: 685px;
color: black;
margin-top: 0px;  
margin-right: auto;
margin-bottom: 10px;
text-align: left;

}

.TSContents{
font:  12px arial;
float: left;
width: 550px;
color: black;
margin-top: 0px;  
margin-right: auto;
margin-bottom: 10px;
text-align: left;

}


.Nav,
.Nav a {
font:  10px arial;
text-decoration:none;
color: #3b60af;
text-align: left;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
}


.Nav a:hover{
font:  10px arial;
text-decoration:none;
color: #a67dc8;
text-align: left;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
}


.PageTitle {
font:  bold 16px arial;
color: #a67dc8;
text-align: left;
margin-top: 25px;
margin-left: auto;
margin-right: auto;
}

.rightBox{

float:right;
padding-right: 40px;
margin-top: 92px !important;
margin-top: 80px;
width: 200px;
}

.pdfLinks, .pdfLinks a, 
.flashlink a{
text-align:left;
font:   12px arial;
color: #889ed0;
text-decoration: none;
}

.contactlink a{
color:#889ed0;
text-decoration: none;
}

.pdfLinks a:hover, 
.flashlink a:hover,
.contactlink a:hover{
color: #a67dc8;
text-decoration: none;
}


.footer {
clear: both;
font:   12px arial;
color: #3b60af;
text-align: left;
margin-left: auto;
margin-right: auto;
padding-left: 280px;
padding-top: 4px !important;
padding-top: 5px;

}


.footerLeft,
.footerLeft a
{
font:   12px arial;
color: #3b60af;
text-decoration:none;
text-align: left;
}

.footerRight,
.footerRight a
{
font:   12px arial;
color: #3b60af;
text-decoration:none;
text-align: right;

}

.footerLeft a:hover,
.footerRight a:hover{
color: #a67dc8;
}

.clientsName {
display: inline;
font: 12px arial;
font-style: italic;
color: gray;

}


.sideNote {
font: bold 16px arial;
font-style: italic;
color: gray;

}

