/**
 * html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
 * v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark
 * html5doctor.com/html-5-reset-stylesheet/
 */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 12px;
  vertical-align: baseline;
  color:#21549E;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

blockquote, q { quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }
strong{font-weight:700;}
/** end of the css reset **/


*
{
margin: 0px;
padding: 0px;
font-family:  Verdana, Arial, Helvetica, sans-serif;
}

#globalcontainer{
text-align:center;
margin: 0px auto;
width:960px;
position:relative;
}

p{font-family: arial;}
ul{font-family: arial;}
body
{
background-color:#ffffff;
text-align: center;
margin: 0px 0px;
font-size:12px;
}

#topbanner
{
	height:171px;
	width:960px;
	border-bottom:5px solid white;
	overflow:hidden;
	text-align:left;
	position:relative;
}

#topmain{z-index:8888;position:absolute;margin-left:0px;margin-top:0px;}
#top2{z-index:7777;position:absolute;margin-left:0px;margin-top:0px;}
#top3{z-index:9999;position:absolute;margin-left:0px;margin-top:0px;}

#topmenu
{
	height:23px;
	width:960px;
	overflow:hidden;
	text-align:left;
	background-image:url(../images/menubk.gif);
	text-align:right;
	border-bottom:5px solid white;
}

#topmenu ul {list-style-type: none;}
#topmenu li {display:inline;line-height:23px;padding-left:20px;}
#topmenu li a {text-decoration: none;color:black;font-weight:700;font-size:12px;color:#21549e;}
#topmenu li a:hover {color:#ec7416;}

.menupopup {text-align:left;padding:10px;}
.menupopup a{color:#21549E;}
.menupopup ul{float:left;margin-right:20px;color:#21549E;}
.menupopup li{list-style-type:none;}
.menupopup li a{text-decoration:none;font-size:10px;}
.menupopup li a:hover{color:#ec7416;}
.menupopup li.head a{text-decoration:none;font-size:12px;border:0px;}
.menupopup .head{font-size:14px;font-weight:700;margin-bottom:5px;font-family: arial;}

#socialmedia{position:absolute;margin-left:900px;margin-top:-60px;z-index: 9999;height:15px;float:right;}
.twitter-follow-button{width:100px;}
.ui-accordion-header{background-color:#C8D6E1;margin-bottom:5px;}

#imagepanel
{
width:960px;
height:297px;
border-bottom:5px solid white;
z-index:1;
}

.menupopup
{
width:180px;
position:absolute;
z-index:9999;
background-color: #ffffff;
background-color: rgba(255,255,255,0.8);
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
display:none;
}

.ie6 .menupopup{background-color:#ffffff;}
.ie7 .menupopup{background-color:#ffffff;}

#menuabout
{
margin-left:332px;
margin-top:200px;
}

#menunews
{
margin-left:417px;
margin-top:200px;
}

#menuproducts
{
margin-left:522px;
margin-top:200px;
}

#menuevo
{
margin-left:686px;
margin-top:200px;
}

#menuconsultancy
{
margin-left:772px;
margin-top:200px;
}

#menuservices
{
margin-left:606px;
margin-top:200px;
}

.menuseparator {width:565px;float:left;}
#menudesign .menuseparator {width:630px;float:left;}

#products
{
width:565px;
position:absolute;
margin-left:300px;
margin-top:200px;
z-index:9999;
background-color: rgba(255,255,255,0.8);
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
display:none;
}

#bodycontainer
{
background-color: #ffffff;
width:960px;
border-bottom:5px solid white;
overflow:hidden;
}

#centerbody
{
	text-align: left;
	float:left;
	width:960px;
	overflow:hidden;
}

#adbuttonpanel {width:144px;height:410px;float:left;border-right:5px solid white;background-color:#c4d3df;}
#adbuttonpanel li{margin-bottom:-3px;}
#iconpanel {width:228px;height:330px;float:left;border-right:5px solid white;background-color:#eaf0f4;}
#blogmenu {width:228px;float:left;border-right:5px solid white;background-color:#eaf0f4;}
#blogmenu ul{padding-left:5px;padding-bottom:0px;margin-bottom:0px;}
#contentpanel {width:727px;float:left;}
#iconpanel ul{float:left;}
#iconpanel li{list-style-type:none;margin-bottom:-3px;}

#accreditations{width:960px;height:50px;text-align:right;}

.footer
{
	text-align: left;
	color: white;
	height:190px;
	width:920px;
	padding:20px;
	background-image:url('/images/footer.jpg');
	overflow:hidden;
}
.footer .head
{
color:white;
}

.footerblock
{
width:920px;
height:150px;
display:block;
float:left;
}

.footer a{color:white;}

.footer ul{float:left;color:white;margin-right:20px;}
.footer li{list-style-type:none;}
.footer li a{text-decoration:none;font-size:10px;}
.footer li.head{font-size:14px;font-weight:700;margin-bottom:5px;font-family:arial;}
.footer li.head a {font-size:14px;font-weight:700;margin-bottom:5px;font-family:arial;}

#copyright
{
	font-size: 9px;
	text-align:right;
	background-color: #21549e;
	text-align: right;
	color: white;
	height:15px;
	width:950px;
	overflow:hidden;
	text-decoration: none;
	padding-right:10px;
}

#copyright a{color:white;}
li.last {margin-bottom:10px;}

h1
{
font-size:16px;
font-weight:700;
font-family: "trebuchet MS", verdana, arial;
}
#contentpanel h1
{
	background-color:#C8D6E1;
	background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0.42, rgb(200,214,225)),
    color-stop(0.8, rgb(255,255,255))
);
padding:5px;margin-bottom:10px;
background-image: -moz-linear-gradient(
    left center,
    rgb(200,214,225) 42%,
    rgb(255,255,255) 80%
);
}

h2
{
font-size:14px;
font-weight:700;
font-family: "trebuchet MS", verdana, arial;
padding-left:5px;
padding-bottom:5px;
}

h3
{
font-size:13px;
font-weight:700;
font-family: "trebuchet MS", verdana, arial;
padding-left:5px;
}

h3 a{text-decoration:none;color:#21549E;}

h4
{
font-size:12px;
font-weight:700;
font-family: "trebuchet MS", verdana, arial;
padding-left:5px;
}

#contentpanel p{padding-left:5px;margin-bottom:10px;}
#contentpanel ul{padding-left:17px;padding-bottom:10px;}
#contentpanel ol{padding-left:22px;padding-bottom:10px;font-family:arial;}
.ui-accordion-content{padding-top:10px;}
/**
 * Media queries for responsive design.
 *
 * These follow after primary styles so they will successfully override.
 */

@media all and (orientation:portrait) {
  /* Style adjustments for portrait mode goes here */

}

@media all and (orientation:landscape) {
  /* Style adjustments for landscape mode goes here */

}

/* Grade-A Mobile Browsers (Opera Mobile, Mobile Safari, Android Chrome)
   consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-width: 480px) {
#topbanner{background-color:red;}

  /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you: j.mp/textsizeadjust */
  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}

/**
 * Print styles.
 *
 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
 */
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}