/* CSS RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* CSS */

body {
	background:#f4f4f4 url(images/bg.jpg) repeat-x;
	font-family:Arial, Helvetica, sans-serif, verdana;
	font-size:12px;
}

a:link, a:visited, a:hover {
	color:#009ddc;
	text-decoration:none;
	font-weight:bold;
}

p {
	margin:20px 0px;
}

h1 {
	font-size:15px;
	border-bottom:1px solid #009ddc;
	font-weight:bold;
}

h2 {
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
}

small {
	font-size:85%;
}

.clear {
	clear:both;
}

#container {
	width:798px;
	margin:20px auto 50px auto;
	padding:0px;
	border:1px solid #000;
	background:#fff url(images/sidebarbg.jpg) repeat-y;
}

#header-index {
	background:url(images/headerbg-index.jpg) no-repeat;
	width:798px;
	height:181px;
	overflow:hidden;
}

#header-sector {
	background:url(images/headerbg-sectors.jpg) no-repeat;
	width:798px;
	height:181px;
	overflow:hidden;
}
#header-services {
	background:url(images/headerbg-service.jpg) no-repeat;
	width:798px;
	height:181px;
	overflow:hidden;
}
#header-casestudies {
	background:url(images/headerbg-casestudies.jpg) no-repeat;
	width:798px;
	height:181px;
	overflow:hidden;
}
#header-news {
	background:url(images/headerbg-news.jpg) no-repeat;
	width:798px;
	height:181px;
	overflow:hidden;
}


#news {
	color:#fff;
	padding:77px 0px 0px 111px;
	width:700px;

}

#news a:link, #news a:visited, #news a:hover  {
	color:#fff;


}
.latestnews {
	float:left;
	display:inline;
	width:100px;
	font-weight:bold;
}

.rightnav {
	float:right;
	clear:both;
}

#slider {
	float:left;
	display:inline;
	width:380px;
}

#slider ul li {
	height:15px;
	overflow:hidden;
}

#slider2 li, #slider3 li {
	float:left;
	display:inline;
	width:600px;
	height:350px;
}

#slider2 ul li {
	height:610px;
}
#slider3 ul li {
	width:610px;
	height:350px;
}


#phonenumber {
	text-align:right;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	font-size:13px;
	margin-right:20px;
	float:right;
	display:inline;
	width:200px;

}


#content {
	width:798px;

}

#column {
	width:161px;
	float:left;
	display:inline;
	padding:0px;
	margin:0px;
	font-size:11px;
	line-height:15px;
}

em {
	font-weight:bold;
	color:#009ddc;
	
}

list-index a{
	line-height:35px;
}

#column address {
	margin:15px 15px;
	width:120px;
}

#column p {
	margin:5px 15px;
}



.nav li a, .nav li a:link, .nav li a:visited {
	width:156px;
	background:url(images/navgray.jpg) no-repeat;
	line-height:22px;
	display:block;
	text-decoration:none;
	color:#009ddc;
	margin:1px 0px 0px 0px;
	padding:0px 0px 0px 15px;
	font-size:12px;
}

.nav li a:hover, .nav li a.active  {
	width:161px;
	background:url(images/navblue.jpg) no-repeat;
	line-height:22px;
	display:block;
	text-decoration:none;
	color:#fff;
	margin:1px 0px 0px 0px;
	padding:0px 0px 0px 15px;
	font-size:12px;
}

.nav li.submenu  a, .nav li.submenu  a:link, .nav li.submenu  a:visited {
	font-size:11px;
	color:#666;
	background:url(images/subnav.jpg) no-repeat;
}

.nav li.submenu a:hover, .nav li.submenu a.active  {
	font-size:11px;
	color:#fff;
	background:url(images/navblue.jpg) no-repeat;
}

#maincontent {
	width:600px;
	margin:0px;
	padding:10px;
	line-height:20px;
	float:right;
	display:inline;
	overflow:hidden;
}

#list-index {
	width:174px;
	height:133px;
	float:left;
	display:inline;
	text-align:center;
	background:url(images/listbg.jpg) no-repeat;
	padding:5px;
	margin-right:10px;
}


#footer {
	color:#009ddc;
	margin:50px 0px 0px 0px;
}

.creditiation {
	padding:0px 25px 0px 0px;
	float:right;
	display:inline;
}

.casestudies {
	float:right;
	display:inline;
}


/* jquery tooltips */
#tooltip img {
	background: url(images/tooltips-bg.gif) no-repeat;
	padding: 6px 7px 6px 11px;
}

#screenshot {
	margin: 0;
	padding: 8px;
	position: absolute;
	border: 1px solid #000;
	background: #555557;
	display: none;
	z-index: 200;
}

.left {
	float:left; 
	display:inline;
}
.right {
	float:right;
	display:inline;
}


.sectors-img {
	margin:10px;
	float:right;
	display:inline;
}

ul.pdf li {
	background:url(images/pdf-icon.jpg) no-repeat;
	padding:0px 0px 0px 20px;
	line-height:30px;
}

.arrowlistmenu{
width: 600px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: #009ddc;
background: #f4f4f4 ;
margin-bottom: 5px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(titlebar-active.png);
font: bold 14px Arial;
color: #fff;
background: #009ddc ;
}

div.categoryitems, div.categoryitems1, div.categoryitems2, div.categoryitems3, div.categoryitems4{
	padding:5px 10px 20px 10px;
	border:1px solid #eeeeee;
	margin:0px 0px 5px 0px;
	background:#fbfbfb;
}

h1.padding {
	padding:20px 0px 0px 0px;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
}


fieldset {
	border:1px solid #009ddc;
	padding:0px;
	margin:0px 5px;
}
legend {
	background:#009ddc;
	color:#fff;
	padding:2px 10px;
	margin:0px 20px;
}

table.contact td {
	vertical-align:top;
}

table#brochure, table.contact{
	margin:20px;
}

input.inputlong, textarea.inputlong {
	width:350px;
	margin:2px;
	border:1px solid #009ddc;
}

input.inputshort {
	width:175px;
	margin:2px;
	border:1px solid #009ddc;
}

td.inputshort {
	width:175px;
	margin:2px;
}

input.send {
	background:#009ddc;
	color:#fff;
	padding:2px 10px;
	border:0px;
	cursor:pointer;
}

div.profile {
	float:left;
	display:inline;
	width:295px;
	margin:2px;
}

img.profile{
	float:left;
	display:inline;
	margin:2px 10px 0px 0px;
	border:1px solid #009ddc;
}

div.profile h3 {
	background:#009ddc;
	color:#fff;
	padding:2px 5px;
	font-size:11px;
	
}

h3 {
	font: bold 14px Arial;
	color: #009ddc;
	background: #f4f4f4 ;
	margin-bottom: 5px; /*bottom spacing between header and rest of content*/
	text-transform: uppercase;
	padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.ascendingdiv {
	width: 100%;
	display: none;
}
div.news{
	padding:5px 10px 20px 10px;
	border:1px solid #eeeeee;
	margin:0px 0px 5px 0px;
	background:#e4e9f3;
}

#slider9{
		padding:0px;
	margin:0px;
	float:right;
	width:258px;
	display:inline
}
#slider9 li {
	height:213px;
	padding:0px;
	margin:0px;
}

ul#servicesdropdown{
	padding:0px;
	margin:0px;
}
ul#servicesdropdown li{
	display:inline;
	padding:0px;
	margin:0px;
}

ul#servicesdropdown li.padding {
	margin:0px 3px;
}

p#thanks {
	border:1px solid #5b8554; 
	color:#5b8554;
	padding:5px;
	margin:5px;
	text-align:center;
	background:#d6f3d1;

}

p#fail {
	border:1px solid #810d0d; 
	color:#810d0d;
	padding:5px;
	margin:5px;
	text-align:center;
	background:#f0cbcb;
}

div.infos2 {
	border:1px solid #d4d4d4; 
	padding:5px;
	margin:5px;
	text-align:center;
	background:#f2f2f2;
}

#success-message {
background-color:#CAFFCB;
border:1px dotted #00CC00;
font-weight:bold;
margin-bottom:5px;
padding:5px;
text-align:center;
}

#error-message {
background-color:#ff8c8f;
border:1px solid #000000;
font-weight:bold;
margin-bottom:5px;
padding:5px;
text-align:center;
}