*{margin:0;padding:0;}

body{
font-size:62.5%;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
margin-top:25px;
background:#14c0e6 url(../images/bg.jpg) top left no-repeat;
color:#666
}

#global{
border:3px solid #19b3d6;
width:782px;
padding:8px;
margin:0 auto;
background:#fff;
z-index:2;
font-size:1.2em;
text-align:left;
}


/* ELEMENTS*/

img{border:0px;}
h1,h2,h3,h4,h5,h6{margin-bottom:0.3em; padding:0px; position:relative;}
h1{font-size:1.66em; text-align:center;}
h2{font-size:1.25em; }
h3{font-size:1.10em;}
h4{font-size:1em;}
h5{font-size:0.91em;}
h6{font-size:0.83em;}

p{ 
margin:3px 0px;
padding:0px 0px 5px;
}

ul,
ol{margin:5px 2em;}
dl{margin-bottom:0.5em}
dt{font-weight:bold;}
dd{margin:3px 0px 3px 20px;}

blockquote {
  background: transparent url(../images/quoleft.png) left top no-repeat;
  margin-bottom:0.5em;
}
blockquote p { padding: 0 48px;background: transparent url(../images/quoright.png) right bottom no-repeat;}


kbd{
border:1px solid #ddd; 
border-color:#ddd #333 #333 #ddd;
padding:0.2px 0.4em;
background:#f8f8f8;
color:#14c0e6;
font-weight:bold;
font-family:Verdana;
font-size:0.9em;
}

/* ----code */
div.code {
display: block;
margin-bottom:0.5em;
padding:10px;
border:1px solid #8CACBB;
background:#DEE7EC;
max-height:100px;
overflow:auto;
}
* html div.code {height:100px;}
/* ---- pull quote */
div.pullquote {
display: block;
float:right;
padding:0px 10px;
border-left:5px solid #DEE7EC;
width:40%;
margin:5px 0 5px 10px;
color:#FFA500;
}

.success,.msginfo,.msgerror{
background-position:10px 50%;
background-repeat:no-repeat;
text-align:left;
padding: 5px 20px 5px 35px;
border-width:2px 0px;
border-style:solid;
margin:0.5em 0px;
}
.msgerror{
background-color:#fff6bf ;
background-image:url(../images/exclamation.gif);
border-color:#ffd324;
}
.msginfo {
background-color:#F8FAFC ;
background-image:url(../images/information.gif);
border-color:#B5D4FE;
}
.success{
background-color: #ebf4e6;
background-image:url(../images/accept.gif);
border-color:#72B95B;
}
.hidden{display:none !important;}

a{color:#14c0e6}
a:hover{color:#000}

/* STRUCTURE */
#header{
background:url(../images/header.jpg) 15px top no-repeat;
text-align:right;
min-height:100px;
position:relative;
}
* html #header{height:100px;}
#header h1,#header h2{display:none;}

/* TOP LINKS */
#toplinks{
list-style:none;
margin:0px 0px 0.5em ;
font-size:0.83em;
padding:5px 0 0;
}

#toplinks li{display:inline;
padding:5px 0;
padding-left:0.5em;
}
#toplinks a{color:#000; text-decoration:none;}
#toplinks a:hover{color:#00bbe4;}

#toplinks #account{
background:url(../images/user_icon.gif) left  no-repeat;
padding-left:20px;
}
#toplinks #signout{
background:url(../images/logout_icon.gif) left  no-repeat;
padding-left:20px;
}

/*  Live Search */
#livesearch{
background:#00bbe4 url(../images/search.gif) 5px 3px no-repeat;
padding:4px 8px;
width:230px;
margin:1em 0px 0px auto;
border:1px solid #ccc;
color:#fff;
position:relative;
}
#livesearch p{padding:0}
#livesearch_field{width:120px; border:1px solid #333}

#livesearch_results{
visibility:hidden;
text-align:left;
position:absolute;
padding:0px;
width:260px;
right:245px;
top:-1px;
background:#000;
border:1px solid #ccc;
}
#livesearch_results #search_title{
padding:5px;
color:#fff;
border-bottom:1px solid #fff;
background:#14C0E6 url(../images/gradient_bg.gif) repeat-x scroll left bottom;
font-weight:bold;
font-size:1.08em;
cursor:pointer;
}
#livesearch_results p{margin:0;}
#livesearch_results p.noresult{padding:1em;color:#fff;}
#livesearch_results #search_title span{float:right;font-size:10px;vertical-align:middle; }
#livesearch_results #search_title span img{vertical-align:middle; margin-left:5px;}
#results dl{
padding:3px 0.5em; 
margin:0}
#results a{
color:#fff; 
text-decoration:none;
display:block;
background:#000;
}
#results a:hover{color:#14c0e6; background:#333;}
#results a.odd{background:#585858 }
#results dd{margin-bottom:0.5em}
div.more a{padding:5px; border-top:1px solid #ccc}
/* TOP NAV*/
#topnav{
margin:4px 0px;
background:#14c0e6 url(../images/gradient_bg.gif) bottom left repeat-x;
font-family:Arial, Helvetica, sans-serif;
}
#topnav ul{list-style:none; margin:0}
#topnav li{float:left;}
#topnav a{
color:#fff;
padding:8px 10px;
display:block;
text-decoration:none;
font-weight:bold;
border-right:1px solid #fff;
}
#topnav a:hover{background:#14c0e6 url(../images/gradient_bg2.gif) top left repeat-x;}

#topnav:after{ content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden; } 
#topnav{display: inline-block;} 
/* Hides from IE Mac \*/ 
* html #topnav {height: 1%;} 
#topnav{display:block;} 
/* End Hack */ 


#footer{
font-size:0.83em;
background:#14bce0;
padding:5px;
color:#333;
margin:0;
clear:both;
}
#footer a{color:#000;}
#footer a:hover{color:#fff}



/* BANNER  */
#banner{
/*height:231px;
background: url(../images/banner.jpg) no-repeat;*/

padding:0;
}

/* CONTENT AREA*/
#content{
margin-top:3px;
width:782px;
background:url(../images/content_bg.gif) repeat-y top left;
margin-bottom:4px;
float:left;
}
/* SIDE MENU*/
#menu{
float:left;
width:226px;
padding-bottom:180px;
color:#fff;
background:url(../images/nav_bg.jpg) top left repeat-x;
}
#menu h2,h2.main{
background:#14c0e6 url(../images/gradient_bg.gif) bottom left repeat-x;
font-size:13px;
padding:8px;
margin:0;
color:#fff;
}
#menu ul{margin:0;}
#menu ul a{
color:#fff; 
display:block; 
padding:7px 5px; 
text-decoration:none;
}
#menu ul a:hover{background:#333}

/* First List*/
#menu ul{list-style:none;}
#menu ul li{
border-top:1px solid #fff; 
background:#000;
padding:0;
}
/* 2nd List*/
#menu ul li ul{
margin:0;
background:#585858;
}
#menu ul li ul li{border:0; background:#585858;}
#menu ul li ul li a{padding:6px 0px 6px 10px;}
#contact{text-align:center;border-top:1px solid #fff;padding-top:0.5em; }
#logos {text-align:center; margin-top:10px; background:#fff; margin:5px 10px; padding:5px 0px; border:1px solid #CCC;}
#logos img {margin-bottom:5px;}

/* MAIN CONTENT*/
#maincontent{
float:right;
width:548px;
padding-left:5px;
}

body.home #maincontent{ 
padding:0;
width:552px;
}

* html #maincontent{ width:550px;}


#maincontent h1{
font-size:1.66em;
font-weight:normal;
padding:0px;
color:#14c0e6;
margin-bottom:0.5em;
text-align:center;
}


p.description{font-weight:bold;}

/* Latest*/
#casestudies{
margin-top:4px;
margin-bottom:0.4em; 
border-bottom:dashed 1px #14c0e6; 
padding-bottom:0.5em;
background:#fff url(../images/latest_bg.gif) top left repeat-x;
}
#casestudies dl{margin:8px 0px 0px 5px;}
#casestudies dt{
float:left;
margin-right:10px;
}

#casestudies dt img{border:1px solid #333}
#casestudies dd{margin-left:90px;}
dd.title{font-weight:bold;color:#00bbe4; margin-bottom:5px}

#casestudies dl:after{ content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden; } 
#casestudies dl{display: inline-block;} 
/* Hides from IE Mac \*/ 
* html #casestudies dl {height: 1%;} 
#casestudies dl{display:block;} 
/* End Hack */ 

#latestnews ul{
list-style:none;
margin:0px 0px 0.3em;
border:1px solid #cddee1;
border-bottom:0;
font-size:0.9em;
}
#latestnews li{
color:#14c0e6;
font-weight:bold;
padding:6px;
border-bottom:1px solid #cddee1; 
background-color:#fff}
#latestnews li.odd{background-color:#e8f9fd}
#latestnews strong{display:block; color:#777; margin-bottom:3px;}

/* TEXT EDITOR */
body.maincontent{
background:#fff;
text-align:left;
font-size:12px !important;
margin:5px !important;
width:auto !important;
float:none !important;
}

/* Pages */
#breadcrumbs{margin-bottom:10px;}

/* Media Centre */
p.back,
p.more{
margin-top:1em;
clear:both;
}
p.date{
font-size:0.9em;
border-bottom:1px solid #E0E0D6;
padding:2px 15px;
margin-bottom:1em;
background:url(../images/icon_date.gif) left 3px no-repeat;
}
a.viewmore
{
text-decoration:none;
padding-left:15px;
background:url(../images/arrow_right.gif) left top no-repeat;
}

.imageArticle{
float:right;
margin:0px 5px 10px;
border:1px solid #000
}

.box h2{font-size:1.4em;}
.box h2 a{text-decoration:none;}
.box h2 a:hover{text-decoration:underline;}

.box:after{ content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden; } 
.box{display: inline-block;} 
/* Hides from IE Mac \*/ 
* html .box{height: 1%;} 
.box{display:block; margin-bottom:10px;} 
/* End Hack */