/* colours */
/*	home		orange		#E57337
	services	red			#E43E43
	news		purple		#672F94
	about us	blue		#2D3A98
	careers		turquoise	#06AD9C
	contact		green		#119544
*/
/* calculation */
/*
#container height: 560 + 2 x 20px padding = 600px
#heading =  47px
#main    = 493px (padding-top 50 + content 443)
#footer  =  20px
total same as container content: 560px.
*/


html,body{
	background:#FFFFFF;
	color:black;
	font-size:100%;
	padding:0;
	margin:0;
	color:#E43E43;
	font-size: 12px;
	font-family:Arial,sans-serif,Verdana;;
}
ul,ol,li,h1,h2,h3,h4,h5,h6,p,a,form{
	padding:0;
	margin:0;
}

.ulindented {
	padding:5px;
	margin:10px;
}

#Contact-Map ul { margin-left: 20px; }
#Contact-Map li { color:#68696d; }

h1 { width:890px; color:#688037; font-size:32px; font-weight:normal; letter-spacing:2px; font-family: Arial,sans-serif,Verdana; margin: 10px 0 0; margin-bottom:15px; padding-top:50px; }
h2 { color:#DC3D39; font-size:18px; font-weight:normal; letter-spacing:2px; font-family: Arial,sans-serif,Verdana; }
h3 { color:#E43E43; font-size:11px; font-weight:normal; letter-spacing:2px; font-family: Arial,sans-serif,Verdana; }
h4 { color:#68696d; font-size:14px; font-weight:bold; letter-spacing:2px; font-family: Arial,sans-serif,Verdana; }

p { color:#68696d; line-height:13.5pt; margin: 0 0 1em 0; vertical-align:middle; }
p a { color:#E43E43; text-decoration:none; }
p a img { vertical-align:middle; }
p.SolutionsPageBold { width:100%; margin-left:auto; margin-right:auto; font-weight:bold; padding-bottom:10px; padding-top:10px; }
p.SolutionsPageBoldSmallPadding { width:100%; margin-left:auto; margin-right:auto; font-weight:bold; padding-bottom:2px; padding-top:2px; }

#container{
	width:890px; background:#FFFFFF; padding:0px; margin-left:auto; margin-right:auto; margin-top:5px; clear:both;
}
#container a:Link, #container a:Visited { color:#E43E43;  text-decoration:underline; }
#container a:Hover { color:#E43E43; text-decoration:none; }

#head { float:left; width:100%; border-bottom: 1px solid silver; margin:0; padding:0; padding-bottom:2px; /*background:green;*/  }

#topnav { float:left; width:55%; position:relative; text-align:right; height:47px; }
#topnav ul { position:absolute; right:0; bottom:5px; /*border-bottom: 1px solid silver;*/ }
#topnav li { display:inline; list-style:none; } 
#topnav li.separator { display:inline; list-style:none; margin: 6px; }
#topnav li a { font-weight:bold; text-decoration:none; line-height:2em; padding:6px; }
#topnav li a:Link, #topnav li a:Visited { color:#68696d; text-decoration:none; }
#topnav li a:Hover { color:#33B73F; text-decoration:hovunderlineer; }
#topnav span { font-weight:bold; text-decoration:none; line-height:2em; padding:6px; color:#33B73F; } 

#logo { float:left; width:45%; }
#logo img { margin: 0 0 5px 0; }

/* Main body CSS */
#main{ width:100%; margin:0; padding:0; background:white; font-size:15px }
#main #content .left { position:relative; width:156px; top:0; text-align:right; /*background:red*/ }
#main #content .right { position:relative; width:300px; top:0; left:157px;  background:blue; }
#main { height:540px; }
#main p a:Link, #main p a:Visited { color:#119544;  text-decoration:none; }
#main p a:Hover { color:#06AD9C; text-decoration:none; }


body.home #main{ border:none; background:white; }
body.about #main { background:url(../images/eggs_page.png) white no-repeat right bottom; border:none; }
body.contact #main{ background:url(../images/cans_page.png) white no-repeat right bottom; border:none; }
body.news #main{ background:url(../images/megaphone_page.png) white no-repeat right bottom; border:none; }
body.privacy #main{ background:url(../images/privacy_page.png) white no-repeat right bottom; border:none; }
body.legals #main{ background:url(../images/legals_page.png) white no-repeat right bottom; border:none; }
body.solutions #main{ border:none; background:white; }
body.clients #main{ border:none; background:white; }
body.whymdev #main{ border:none; background:white; }
body.benefits #main{ border:none; background:white; }
body.solutionspage #main{ border:none; background:white; }

/* Footer CSS */
#footer { width:100%; margin:5px 0 0 0; float:left; border-top:1px solid silver; }
#footer .left { width:50%; float:left; text-align:left; }
#footer .right { width:50%; float:left;  text-align:right; }
#footer li { display:inline; list-style:none; color:#b0c889; font-weight: bold; font-family:Arial,sans-serif,Verdana; font-size:80%; padding-left:10px; }
#footer li span { color:grey; font-weight: bold; }
#footer span a:Link { color:grey; font-weight: bold; text-decoration:none; }
#footer span a:Hover { color:grey; text-decoration:underline; }
#footer span a:Visited { color:grey; font-weight: bold; text-decoration:none; }

#container a:Link, #container a:Visited { color:#b0c889;  text-decoration:none; }
#container a:Hover { color:#8E9492; text-decoration:none; }

#navmap{ width:100%; margin:10px 0 0 0; padding:0; }
#navmap ul { list-style-type:none; margin:0; padding:0; }
#navmap li{ display:inline; color:grey;  }
#navmap li a { text-decoration:none; padding-right:0px; text-transform:lowercase;}
#navmap li a:link, #navmap li a:visited { color:grey; }
#navmap li a:focus, #navmap li a:hover, #navmap li a:active { color:grey; }
#navmap li.separator { display:inline; list-style:none; margin: 6px; padding-right:2px; padding-left:2px; }

/********** Home Page *************/

#Strapline { width:100%; margin: 0 0 10px 0; line-height:normal; font-weight:normal; text-align:right; font-size:48px; word-spacing:5px; letter-spacing:2px; }
#Strapline .wrap { margin: 0; }
#Strapline .red { color:#DC3D39; }
#Strapline .lime { color:#C5D92C; }
#Strapline .orange { color:#E4712E; }
#Strapline .purple { color:#642987; }
#Strapline .blue { color:#17A8A1; }
#Strapline .green { color:#33B73F; }
#Strapline .sub-title { color:#000; display:block; font-size:16px; letter-spacing:normal; font-weight:normal;  word-spacing:normal; margin:0; padding:0; }

#DefaultMain { float:left; width:100%; margin:0; padding:0; /*background-color:Yellow;*/  }

#LittleAboutUs { width:70%; float:left; margin:0; padding:0;  /*background-color:blue;*/ }
#LittleAboutUs .wrap { padding: 0 0 0 15px; }
#LittleAboutUs p { color:#5F6C65; font-family:Tahoma; font-size:10px; font-weight:normal; }

#TopNews { width:30%; float:left; margin:0; /*background-color:Red;*/ }
#TopNews .wrap { padding:20px 0 0 20px; }
#TopNews p { color:#5F6C65; font-family:Tahoma; font-size:10px; font-weight:bold; font-size:80%; }
#TopNews ul { list-style-type:disc; margin:0; margin-left:20px; padding:0; }
#TopNews li{ color:#8E9492;  }
#TopNews a { font-weight:normal; margin: 3px 0 3px 0; display:block; }
#TopNews a:Link { color:#E43E43; text-decoration:underline; }
#TopNews a:Visited { color:#E43E43; text-decoration:underline; }
#TopNews a:Hover { color:#E43E43; text-decoration:none; }  

#TopClients { width:100%; float:left; margin:0; padding:0; text-align:left; border-top:1px solid silver; /*background-color:pink;*/ }
	#TopClients .wrap { padding: 4px 0 0 0; }
    #TopClients ul { display:inline-block; }
    #TopClients ul li { display:inline; list-style-type:none; padding:0; margin:0; }
    #TopClients ul li img { padding:0; margin:0; }
    #TopClients a img { border:none; margin:0; padding:0; }
    #TopClients a:Link, #TopClients a:Visited  { color:#DC3D39; text-decoration: underline; border:none; }
    #TopClients a:Hover  {  color:#DC3D39; text-decoration: none; border:none; }

/********** Solutions Page *************/

#solutions-loyalty { width:100%; background:url(../images/loyalty_page.png) white no-repeat right bottom; border:none; }
#solutions-travel { width:100%; background:url(../images/travel_page.png) white no-repeat right bottom; border:none; }
#solutions-media { width:100%; background:url(../images/media_page.png) white no-repeat right bottom; border:none; }
#solutions-retail { width:100%;  background:url(../images/retail_page.png) white no-repeat right bottom; border:none; }
#solutions-finance { width:100%; background:url(../images/finance_page.png) white no-repeat right bottom; border:none; }
#solutions-talent { width:100%; background:url(../images/talent_page.png) white no-repeat right bottom; border:none; }
#solutions-talent { width:100%; background:url(../images/talent_page.png) white no-repeat right bottom; border:none; }

#content2{ margin-left:180px; padding-top:10px; margin-right:350px; }
#content2 p{ font-size:75%; line-height:1.5em; margin-bottom:1em; }

/********** News Page *************/

#News { width:890px; margin: 0; }
    #News a { color:#DC3D39; font-weight:normal; margin: 3px 0 3px 0; display:block; }
    #News a:Link, #LatestNews a:Visted { text-decoration:underline; }
    #News a:Hover { text-decoration:none; }
    #News ul { list-style-type:none; margin:0; padding:0; }
    #News li { display:inline; float:left; margin-bottom:5px; }    
    #News .newsitem { width:500px; position:relative; float:left; text-align:left; }
    #News .newsitem .top { width:500px; float:left; }
    #News .newsitem .top .title { width:420px; float:left; }
    #News .newsitem .top .date { width:80px; float: right; font-weight:bold; }
    #News .newsitem .desc { width:500px; float:left;}
 
#AboutUs .newsitem { width:100%; position:relative; text-align:left; }
    #AboutUs .newsitem .top { width:100%; }
    #AboutUs .newsitem .top .title { width:60%; float:left; }
    #AboutUs .newsitem .top .date { color:#68696d; width:40%; float: left; font-weight:bold; text-align:right; }
 
#Pageing { color:#68696d; }
#Pageing ul {  position:relative; list-style-type:none; margin:0; padding:0; }
#Pageing li { position: relative; display:inline; float:left; margin-top:20px; }
#Pageing li.nonlink { padding: 0 15px 0 0; text-transform:lowercase; font-weight:bold; }
#Pageing li a { text-decoration:none; padding: 0 15px 5px 0; text-transform:lowercase;  }
#Pageing li a:link, #Pageing li a:visited { color:#68696d; }
#Pageing li a:focus, #Pageing li a:hover, #Pageing li a:active { color:#8E9492; }

/********** Other Pages *************/

#AboutUs { width:890px;  margin: 0; }
    #AboutUs .wrap { margin-left: 0; }
#AboutUs ul { display:list-item; list-style-type: none;   }
    
#ClientDetails { width:890px; margin: 0; }
    #ClientDetails .wrap { margin-left: 0; } 
    
#Contact { width:890px; margin: 0; }
#Contact .wrap { margin-left: 0; }
#Contact a:Link, #Contact a:Visited { color:#E43E43;  text-decoration:underline; }
#Contact a:Hover { color:#E43E43; text-decoration:none; }

#Clients-table { width:100%;}    
#Clients-table-header { font-family:Arial,sans-serif,Verdana; text-align:center; font-weight:bold; color:#b0b0b0; font-size:20px; width:33%; }
#Clients-table-images { border-color:#b0b0b0; border-width:medium; border-style: solid; }
#Clients { width:890px; margin: 0; /*background-color:red;*/  }
#Clients ul { margin-top:0; }
#Clients ul li { list-style:none; padding-left:1px; float:left; padding: 5px 10px 10px 10px; }
#Clients a img { border:none; margin:0; padding:0; }

#Solutions { width:890px; margin: 0; }
#Solutions table { width:100%; margin: 0 0 30px 0; }
#Solutions ul { margin-top:-4px; display:block; }
#Solutions ul li { list-style:disc; padding-left:25px; padding:2px 0 2px 0; text-align:left; margin-left:20px; color:#68696d; }
#Solutions a { display:block; font-size:12px; font-weight:bold; border:none; text-decoration:none; color:#68696d; }
#Solutions a:Hover { text-decoration:none; color:#DC3D39; }
#Solutions a img { border:none; margin:0; padding:0; }
#Solutions img { border:none; }
#Solutions-bold {font-weight:bold; }

#solutions-item-header { padding-bottom:10px; color:#7e9254; font-weight:bold; }
#solutions-item-header-grey-text { color:#68696d; font-weight:bold; }

#solutions-item-image { padding-right:10px; vertical-align:middle; width:10%; }
#solutions-item-image-top { padding-right:10px; vertical-align:top; width:10%; }
#solutions-item-description { padding-left:20px; font-family:Arial,sans-serif,Verdana; color:#8e8e8e; vertical-align:top; padding-bottom:15px; width:40%;}
#solutions-item-description ul { margin-top:-4px; display:block; }
#solutions-item-description ul li { list-style:disc; padding-left:5px; padding:2px 0 2px 0; text-align:left; margin-left:5px; color:#68696d; }

#Solutions-items { width:890px; margin: 0; }

#solutions-header-bullets { width:100%; margin-left:auto; margin-right:auto; color:red; height:170px; }

#services-header { font-weight:bold; color:gray; padding-bottom:10px; }

#contact-text{ font-weight:normal; color:gray; padding-bottom:10px; }
#contact-cell { padding-top:5px; padding-bottom:5px; padding-right:5px; vertical-align:top;}
#contact-image-cell { padding-top:5px; padding-bottom:5px; padding-right:5px; vertical-align:middle;}

#bold-text { font-weight:bold; }

#aboutus-cell { text-align:center; }
#aboutus-image-cell { vertical-align:bottom; text-align:right; }

#management-header { color:red; font-weight:bold; font-family:Arial,sans-serif,Verdana; height:21px; }
#management-title { font-family:Arial,sans-serif,Verdana; font-weight:bold; color:#b0b0b0; vertical-align:top; height:22px; }
#management-image { vertical-align:top; height:230px;}
#management-description { vertical-align:top;  }
#management-description p { color:#68696d; line-height:13.5pt; margin: 0 0 1em 0; vertical-align:middle; }

#careers { margin-left:auto; }
#careers ul { margin-top:-4px; display:block; }
#careers ul li { font-weight:bold; list-style:disc; padding-left:25px; padding:2px 0 2px 0; text-align:left; margin-left:25px; color:#8e8e8e; }

/********** CSS for javascript scroll *************/

#newsscroll {
/* Typical fixed height and fixed width example */
/*float:left;*/
width: 550px;
height: 417px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
/*background-color: #D5EADE;
margin: 0.3em auto;*/
padding: 5px 5px 5px 0px;
}

#solutionsscroll {
/* Typical fixed height and fixed width example */
/*float:left;*/
width: 470px;
height: 400px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
/*background-color: #D5EADE;
margin: 0.3em auto;*/
padding: 5px;
}

#newsscroll ul
{
	margin:10px;
}

#newsscroll ul li
{
	/*display:list-item;
	list-style-type: disc; 
	list-style-position:outside;*/
}

#solutionsscroll ul
{
	color:#68696d;
	margin:20px;
}

#solutionsscroll ul li
{
	display:list-item;
	list-style-type: disc; 
	list-style-position:outside;
}

.fixedwidth {
/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
width: 550px;
height: auto;
position: relative;
color: black;
padding: 1px;
}

#imageright {
	text-align:right;
	position:relative;
	float:right;
	padding-top:5px; padding-bottom:5px; padding-right:5px; vertical-align:top;
}

#tablefullwidth {
	width:100%;
}

#indexheader {
	text-align:center;
	padding-top:15px;
}

#indexheader h1 { width:890px; color:#688037; font-size:28px; font-weight:normal; letter-spacing:2px; font-family: Arial,sans-serif,Verdana; margin: 10px 0 0; margin-bottom:15px; padding-top:50px; }

#lightbluetext {
	color:aqua;
	font-weight:bold;
}

#yellowtext {
	color:yellow;
	font-weight:bold;
}

#orangetext {
	color:orange;
	font-weight:bold;
}

#darkgreentext {
	color:#33B73F;
	font-weight:bold;
}

#lilactext {
	color:fuchsia;
	font-weight:bold;
}

#lightgreentext {
	color:lime;
	font-weight:bold;
}

#redtext {
	color:red;
	font-weight:bold;
}

#darkbluetext {
	color:navy;
	font-weight:bold;
}

#purpletext {
	color:purple;
	font-weight:bold;
}

#Legals ol { margin-left: 20px; }
#Legals li { color:#68696d; padding-bottom:5px; }
#Legals p { font-family:font-family:Arial,sans-serif,Verdana; font-weight:bold; color:#b0b0b0; font-size:18px; vertical-align:top; height:20px; }