@charset "UTF-8";

/* GLOBAL */
html {
	background-color:#c3d000;
	color:#000;
}

body {
	width:1000px;
	height:550px;
	margin:50px auto 0 auto;
	font-family:"DIN", Arial, Sans-Serif;
	font-size:10px;
	color:#464646;
	background-attachment: fixed;
	background-color: #fff;
	background-image: url(../images/design.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#container {
	width:1000px;
	height:500px;
	overflow:auto;
	background-color:#fff;
	overflow:hidden;
	top: 0px;
	bottom: 40px;	

}
#wrapper {
	width:1015px;
	height:650px;
	overflow:auto;
	background-color:#c3d000;
	overflow:hidden;
}

.home {
	width:1000px;
	height:500px;
	background: url(../images/homePic.jpg) bottom right no-repeat;	
}
.ourvision {
	width:1000px;
	height:500px;
	background: url(../images/ourvisionPic.jpg) bottom right no-repeat;
	}
.ourprofile {
	width:1000px;
	height:500px;
	background: url(../images/ourprofilePic.jpg) bottom right no-repeat;
}
.design {
	width:1000px;
	height:500px;
	background: url(../images/designPic.jpg) bottom right no-repeat;	
}
.assets {
	width:1000px;
	height:500px;
	background: url(../images/compuAssets.jpg) 330px 320px no-repeat;	
}
.print {
	width:1000px;
	height:500px;
	background: url(../images/printPic.jpg) bottom right no-repeat;	
}
.logistics {
	width:1000px;
	height:500px;
	background: url(../images/logisticPic.jpg) bottom right no-repeat;	
}
.editions {
	width:1000px;
	height:500px;
	background: url(../images/EditionPic.jpg) bottom right no-repeat;	
}
.forms {
	width:1000px;
	height:500px;
	background: url(../images/formPic.jpg) bottom right no-repeat;	
}
.environmental {
	width:1000px;
	height:500px;
	background: url(../images/environmentalPic.jpg) bottom right no-repeat;	
}
.noPicBg {
	width:1000px;
	height:500px;	
}

/* NAVIGATION */

#header {
	width:997px;
	height:104px;
	font-family:"DIN", Arial, Sans-Serif;
	font-size:10px;
	overflow:hidden;
}

#nav {
	width: 960px;
	margin: 50px 0 0 25px;
	font-size:9px;
}

#nav2 {
	width: 960px;
	margin: 50px 0 0 25px;
	font-size:9px;
}
#nav3 {

	margin: 50px 0 0 25px;
	font-size:9px;

}
#nav4 {
	width: 960px;
	margin: 20px 0 0 25px;
	font-size:9px;
}

/* CONTENT */

h1 {
	font-size:19px;
	text-transform:uppercase;
	line-height:1.2em;
	margin: 15px 0 0 40px;	
}
#content h2 {
	width:450px;
	height:184px;
	font-size:20px;
	letter-spacing:-0.02em;
	color:#370E62;
	margin: 160px 0 0 40px;
	text-indent: -999999px;
	background:#fff url(../images/willInspire.jpg) 0 2px no-repeat;
}
#content h3 {
	font-family: "DIN", Arial, Sans-Serif;
	font-size:14px;
	letter-spacing:0.01em;
	color:#464646;
	margin: 20px 0 10px 40px;
	font-weight:400;
}
#content h4 {
	font-family: "DIN", Arial, Sans-Serif;
	font-size:12px;
	letter-spacing:0.01em;
	color:#330066;
	margin: 20px 0 10px 40px;
	text-transform:uppercase;
	font-weight:400;
}
#content p {
	font-size:14px;
	line-height:150%;
	margin: 12px 0 0 40px;
	width:550px;
}
#content span {
	color: #330066;
	font-size:12px;
	text-transform:uppercase;
}
#content a:link {
	font-size:13px;
	color: #330066;
	border:none;
}
#content a:hover {
	color:#660099;
	border:none;
}
#content a:visited {
	color:#330099;
	border:none;
}
#content .office {
	margin-top:30px;
}
#content .office p {
	font-size:14px;
}
#content .office p a {
	font-size:13px;
}
.flip {
	margin: 35px 0 0 42px;
	border:none;
}

.flip img{
	margin: 15px 0 0 0;
	border:none;
}


/* FOOTER */

#footer {
	width:700px;
	height:86px;
	clear:both;
}
#footer img {
	margin: 2px 0 0 -16px;	
}

.CopyRight {
	font-size:11px;
	color: #FFF;
}
	
/* FORM */

#TrioOnlineLogin {
	margin: 8px 30px 0 650px;
	width:300px;
}
.enterBtn {
	display:inline;  
	background:#340050;
	color:#FFF;
	border:none;
	height:12px;
	margin: 4px 4px 0 0;
	padding: 5px 6px 5px 6px;
	float:right;
}

.enterBtn a {
	font-family: "DIN", Arial, Sans-Serif;	
	text-transform:uppercase;
	letter-spacing:-0.01em;
	font-size:9px;
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	color:#FFF;
	display:block;

}


/* COPYRIGHT */

.CopyRight {
	margin: 72px 0 0 70px;
	font-size:8px;
	text-transform:uppercase;
	letter-spacing: 0.12em;
	float:left;
}

/* ANIMATIONS */

#flashLogo{
	width:163px;
	height:90px;
	float:left;
	margin: -13px 0 0 26px;
}
#flashLogoContent {
	
	height:90px;
	margin:15px 0 0 -1px;
}

#flashCleverLogo {
	width:159px;
	height:74px;
	float:left;
	margin: 18px 0px 0 20px;
	border:none;
}
#flashComputer {
	margin: 30px 0 0 60px;
}


#logoStatic {
	margin: 40px 0px 0 0px;
	border:none;
}
#logoStatic a {
	border:none;
}
#logoStatic a img {
	border:none;
}


#flashCleverLogoContent {
	margin: -15px 0 0 13px;
	float: left;	
}
#flashTeamContent {
	margin: 12px 0 0 40px;

}
#animationTeam {
	margin:  15px 0 0 50px;
	overflow:auto;
	padding-top: 10px;
}
#assetsAnimation {
	margin: 15px 0 0 60px;
	
	
}
/* BREADCRUMBS */

.activeFix {
	list-style:none;
	margin-top:-20px;
	margin-left: 3px;
}
.technologies{
	margin-top:-20px;
	margin-left: 287px;
}

#MenuBar2 .active {
	margin: 0 -3px 0 -3px;
	list-style:none;
}
#MenuBar3 {
	list-style:none;
	list-style-image:none;
	list-style-type:none;

}
#MenuBar3 .active {
	margin: 0 -3px 0 -3px;
}
.active a {
	background-color: #ededa9;
}
#visionCrumbs {
	width: 600px;
	margin-left: -35px;

}
#digitalCrumbs{
	width:900px;
	margin-left: -30px;
}

#MenuBar2 .selected a{
	color:#340050;
}
#MenuBar3 .selected a{
	color:#340050;
}
#noDot {
	list-style:none;
	list-style-image:none;
	list-style-type:none;
}

/* FONT REPLACEMENT */


#cleverSolutionsTitle {
	text-indent: -99999px;
	width: 420px;
	height: 42px;
	background:url(../images/cleverSolutions.gif) no-repeat;
}

#ourTeamTitle {
	text-indent: -99999px;
	width: 90px;
	height: 16px;
	background:url(../images/ourTeam.gif) no-repeat;
}

#ourVisionTitle {
	text-indent: -99999px;
	width: 98px;
	height: 15px;
	background:url(../images/OurVision.gif) no-repeat;
}

#ourProfileTitle {
	text-indent: -99999px;
	width: 120px;
	height: 15px;
	background:url(../images/OurProfile.gif) no-repeat;
}

#ourDesignTitle {
	text-indent: -99999px;
	width: 120px;
	height: 15px;
	background:url(../images/Design.gif) no-repeat;
}
#PrintTitle {
	text-indent: -99999px;
	width: 720px;
	height: 15px;
	background:url(../images/PrintManagement.gif) no-repeat;
}
#logisticsTitle {
	text-indent: -99999px;
	width: 720px;
	height: 15px;
	background:url(../images/Logistics.gif) no-repeat;
}
#assetsTitle {
	text-indent: -99999px;
	width: 720px;
	height: 15px;
	background:url(../images/DigitalAsset.gif) no-repeat;
}

#EditionsTitle {
	text-indent: -99999px;
	width: 720px;
	height: 15px;
	background:url(../images/DigitalEditions.gif) no-repeat;
}
#formsTitle {
	text-indent: -99999px;
	width: 720px;
	height: 15px;
	background:url(../images/DigitalForms.gif) no-repeat;
}
#environmentalTitle {
	text-indent: -99999px;
	width: 720px;
	height: 15px;
	background:url(../images/EnvironAwareness.gif) no-repeat;
}
#careersTitle {
	text-indent: -99999px;
	width: 720px;
	height: 15px;
	background:url(../images/Careers.gif) no-repeat;
}
#contactUsTitle {
	text-indent: -99999px;
	width: 720px;
	height: 15px;
	background:url(../images/ContactUs.gif) no-repeat;
}