/* -------------------------------------------
project:  INTACT
date:    2008/10/16
------------------------------------------- */

/* Reset
------------------------------------------- */
* {margin: 0; padding: 0; color: #000; font-family: Helvetica, Arial, sans-serif; font-size: 12px; line-height: 1.5em;}
html {height: 100.01%; background: #fff url(../images/top.png) left top repeat-x;}
body {background: url(../images/bottom.png) left bottom repeat-x;}
a, span, strong {font-size: 1em; color:#006699;}
span {color: inherit;}
a, a:visited {text-decoration: none;}
a:hover {text-decoration: underline; color:#FF9900;}
img {border: none;}

/* basic text elements */
h1 {margin-bottom: 0.7em; color: #FFB612; font-size: 1.7em; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal}
h2 {margin: 1em 0 -0.8em 0; color: #0075B0; font-size: 1.1em; font-weight: bold;}
h3 {margin: 1em 0 -0.8em 0; font-size: 1.1em; font-weight: bold;}
h4 {margin: 1em 0 0.8em 0; font-size: 1.2em; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal;}
p {margin: 1.2em 0 1.2em 0;}
ul, ol {margin: 1em 0 1em 0;}

.sitemap li  { font-weight:bold; background-image:url(../images/link_arrow.gif); background-repeat:no-repeat; padding-left:15px;}

.sitemap  li li { font-weight:normal;}

ul li {margin: 0 0 0 20px; }
ol li {margin: 0 0 0 20px; list-style-type:none;}

td ul li {margin: 0 0 0 20px; list-style-type:none;}
td ol li {margin: 0 0 0 20px; list-style-type:none;}

blockquote {position: relative; width: 175px; height: 260px; margin: 20px 0 10px 0; padding-top: 1px; background: url(../images/blockquote2.png) no-repeat; float:left; clear:left;}
strong {color: #007AA5; font-size: 1.1em;}
hr {clear: both; height: 0; margin: 30px 0 50px 0; border: none; border-top: 1px solid #ccc;}

/* basic form elements */

.printbutton {
	border:medium none;
	cursor:pointer;
	height:20px;
	width:160px;
	background-color:#007AA5;
	border-color:#FFFFFF;
	color:#FFFFFF;
	text-transform:uppercase;
}
.error {
    color : #ff0000;
}
fieldset {border: none; }
fieldset ul li {margin: 0 0 0 20px; list-style-type:none;}
fieldset ol li {margin: 0 0 0 20px; list-style-type:none;}
legend {border: none; font-weight: bold; }
label {display: block; float: left; clear: left; width: 150px; margin: 5px;}
input {width: 270px; margin: 5px 0 5px 0; padding: 2px; border: 1px solid #000; background: #fff;}
input.chk, input.radio {width: auto; border: none;}
textarea {width: 270px; height: 50px; margin: 5px 0 5px 0; padding: 2px; border: 1px solid #000; background: #fff;}
select {width: 275px; margin: 5px 0 5px 0; padding: 2px; border: 1px solid #000; background: #fff;}

#submit {
	border:medium none;
	cursor:pointer;
	height:20px;
	margin:0pt 0pt 3pt 5pt;
	width:80px;
	background-color:#FFB612;
	border-color:#FFFFFF;
	color:#FFFFFF;
	text-transform:uppercase;
}




/* layout
------------------------------------------- */
#header {position: relative; width: 995px; height: 195px; margin: 0 auto;}
	#header h1 {margin: 0; padding: 0;}
	#logo {position: absolute; left: 0; top: 14px; overflow: hidden; width: 166px; height: 93px; background: url(../images/logo.png) no-repeat; text-indent: -10001px;}
	#slogan {position: absolute; left: 180px; top: 65px; margin: 0; color: #007AA5; font-family: Helvetica, Arial, sans-serif; font-size: 1.7em; font-style: italic; line-height: 1em;}
	#utils {position: absolute; top: 10px; right: 0; float: right; margin: 0; padding: 0; color: #007AA5; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
		#utils a, #utils a:visited {margin: 0 5px 0 5px; color: #007AA5; font-weight: bold; text-decoration: none;}
		#utils a:hover {color: #FFB612;}
	#mainmenu {position: absolute; left: 15px; top: 124px; margin: 0; padding: 0;}
		#mainmenu li {float: left; list-style: none; margin: 0; padding: 0;}
			#mainmenu a, #mainmenu a:visited {display: block; position: relative; float: left; height: 33px; padding-left: 15px; background: url(../images/mm1.png) left top no-repeat; color: #fff; font-size: 1.2em; line-height: 33px;}
			#mainmenu a span, #mainmenu a:visited span {display: block; position: relative; float: left; height: 30px; padding-right: 15px; padding-bottom: 3px; background: url(../images/mm2.png) right top no-repeat; color: #fff; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; line-height: 30px; cursor: pointer;}
			#mainmenu a:hover, #mainmenu a.current, #mainmenu a.current:visited {background-position: left bottom; color: #007AA5; text-decoration: none;}
			#mainmenu a:hover span, #mainmenu a.current span, #mainmenu a.current:visited span {background-position: right bottom; color: #007AA5; cursor: pointer;}
			
#main ul li {margin: 10px 0 0 20px; padding:0 ;  list-style-image:url(../images/main_bullet.gif); list-style-position:outside;}
		
#main ol li { margin: 10px 0 0 20px;  padding:0 ;list-style-image:url(../images/main_bullet.gif); list-style-position:outside; }
	

	
#search-form {height: 15px; margin-right: 0 ; margin-bottom: 0; float:right; padding-top:30px;}
	#search-form label {width: 40px; color: #007AA5; text-align:right;}
	#search-form input {width: 150px; border: 1px solid #f5f5f5; border-top: 1px solid #848484; border-left: 1px solid #848484; background: #fff; color: #888; height: 14px; float:left;}
	#search-form p {margin-top: 30px; text-align: right;}
			
	#search-form input.submit {
	border:medium none;
	cursor:pointer;
	height:20px;
	margin:3pt 0pt 3pt 5pt;
	width:40px;
	background-color:#FFB612;
	border-color:#FFFFFF;
	color:#FFFFFF;
}


#mainsearch input{
width: 150px; border: 1px solid #f5f5f5; border-top: 1px solid #848484; border-left: 1px solid #848484; background: #fff; color: #888; height: 14px; float:left;

}

#mainsearch input.submit{
border:medium none;
	cursor:pointer;
	height:20px;
	margin:3pt 0pt 3pt 5pt;
	width:40px;
	background-color:#FFB612;
	border-color:#FFFFFF;
	color:#FFFFFF;

}
	
		/*#search-form p a, #login-form p a:visited {float: left; margin-top: 7px; color: #007AA5;} */
		/*#search-form p a:hover {color: #FFB612;} */
	
	
#content {width: 995px; margin: 0 auto;}
	.sidebar {float: right; width: 209px;}
		.sidebar h2 {margin-bottom: 0; margin-top: 0; padding: 0 0 0 10px; color: #fff; font-weight: normal; line-height: 31px;}
		.sidebar ul {margin: 0 0 35px 0; padding: 5px 10px 5px 10px; border: 1px solid #ccc; background: #f8f8f9;}
			.sidebar ul li {list-style: none; margin: 0; padding-left: 10px ; background: url(../images/bullet1.gif); background-repeat:no-repeat;line-height: 1.5em;}
			.sidebar ul li a, .sidebar ul li a:visited {color: #007AA5; font-weight: bold;}
			.sidebar ul li a:hover {color: #FFB612; text-decoration: none;}
	#main {float: left; width: 550px; margin: 0 10px 0 10px; padding: 10px 15px 0 15px; border-right: 1px solid #ccc; border-left: 1px solid #ccc;}
	#main.no-sidemenu {width: 730px; border-left: none;}
	#main.no-sidecols {width: 800px; border-left: none;}
#footer {width: 995px; height: 75px; margin: 0 auto; padding-top: 15px; }
	#footer p {color: #007AA5;}
	#footer #footer-primary-menu {text-transform: uppercase;}
		#footer a, #footer a:visited {margin: 0 3px 0 3px; color: #007AA5;}
		#footer a.credits, #footer a.credits:visited {color: #FFB612;}
		#footer a:hover {color: #FFB612;}
		
		
/* repetitive stuff
------------------------------------------- */
.clear {overflow: hidden; clear: both; height: 0;}
.secret {display: none;}
.hint {color: #0075B0; font-weight: bold;}
.hintfront {color: #0075B0; font-weight: bold; float:left;}
.hintlight {color: #0075B0;}
.movie {text-align: center; }
.utils {margin-bottom: 0; margin-top: 25px; color: #fff;}
	.utils a {padding-left: 15px; color: #007AA5;}
	.utils a:hover {color: #FFB612;}
	.utils a.print {background: url(../images/icons/print.png) left center no-repeat;}
	
.quote {width: 125px; margin: 0 auto; margin-top: 15px; color: #0075B0; font-size: 1em; font-style: italic;}

.homequote {width: 400px; margin: 0 auto; margin-top: 15px; color: #0075B0; font-size: 1.5em; font-style: italic; padding: 0px;}
.homeauthor {width: 350px; margin: 0 auto; margin-top: 5px; color: #0075B0; font-size: 1.1em; font-style: italic; text-align: right; padding:0px;}

	.utils a.tell-a-friend {background: url(../images/icons/letter.png) left center no-repeat;}
.quote {width: 125px; margin: 0 auto; margin-top: 15px; color: #0075B0; font-size: 1em; font-style: italic;}
.author {width: 100px; margin: 0 auto; margin-top: 5px; color: #0075B0; font-size: 1em; font-style: italic; text-align: right;}
a.button, a.button:visited, button {padding: 5px; border: 1px solid #fff; background: #FFB612; color: #fff; text-transform: uppercase;}
a.button:hover, button:hover, button:focus {background: #007AA5; text-decoration: none;}
p.more, a.reaadmore {margin-top: 20px; padding: 0 10px 0 10px; text-align: right;}
p.hint a.more, p.hint a.more:visited {padding-right: 10px; background: url(../images/read-more-arrow.png) right center no-repeat; color: #FFB612; font-weight: bold; text-transform: uppercase;}
p.hint a.more:hover {color: #007AA5; text-decoration: none;}




 a.searcresult {margin-top: 20px; padding: 0 10px 0 10px; text-align: right;}
 a.searcresult, a.searcresult:visited {padding-right: 10px; background: url(../images/read-more-arrow.png) right center no-repeat; color: #FFB612; font-weight: bold; text-transform: uppercase;}
a.searcresult:hover {color: #007AA5; text-decoration: none;}


h1.nospace {margin-bottom: 0;}
.sidebar h2 {color: #fff; font-size: 1.5em; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
.sidebar .side-heading1 {background: url(../images/side-heading4.png) no-repeat;}
.sidebar .side-heading2 {background: url(../images/side-heading2.png) no-repeat;}
.sidebar .side-heading3 {margin-top: 40px; background: url(../images/side-heading3.png) no-repeat;}
.sidebar .side-heading4 { background:url(../images/set.gif) no-repeat;}
.home .sidebar .side-heading3 {margin: 0;}

/* special sections, menus, boxes atc
------------------------------------------- */
#action_showhide span {color:#F90; cursor:pointer; font-size:0.9em; font-weight:bold; padding-top:10px;}
.sidebar ul li#action_showhide {background:none; text-align:right;}
#sidemenu {float: left; width: 175px; margin: 0 0 10px 0; padding: 0;}
	#sidemenu li {list-style: none; margin: 0; border-bottom: 1px solid #fff;}
		#sidemenu a, #sidemenu a:visited {display: block; height: 22px; margin: 0; padding: 0 0 0 20px; background: #eee url(../images/side-menu-bullet.png) left top no-repeat; color: #000; line-height: 22px;}
		#sidemenu a:hover, #sidemenu a.current {background: #FFB612 url(../images/side-menu-bullet.png) left -23px no-repeat; color: #fff; text-decoration: none;}
		
.sidebar .box {width: 205px; margin: 0 0 40px 0; padding: 2px 0 20px 5px; background: url(../images/side-box.png) center bottom no-repeat;}
.home .sidebar .box {height: 208px; }
.home .sidebar .box p.movie {margin-left: 0; margin-right: 0; text-align: center;}

.callushead{ color:#0075B0; font-size:16px;font-style:italic;
}


#main .box-wrapper1 {float: right; width: 209px; min-height: 180px; margin: 0 0 20px 20px; padding: 0; background: url(../images/box-mid.png) center top repeat-y;}
	#main .box-wrapper2 {padding: 0;  background: url(../images/box-top.png) center top no-repeat;}
		#main .box {padding: 1px 0 1px 10px; background: url(../images/box-bottom.png) center bottom no-repeat;}
			#main .box h2 {margin-bottom: 0;}

#home-top {height: 210px; margin: 0 0 10px 0; padding: 0; background: url(../images/home-top-shadow.png) left bottom repeat-x;}
	#mainbox {position: relative; float: left; width: 770px; height: 195px;}
	#quote-wrapper {position: absolute; top: 0; left: 205px; width: 530px; height: 105px; padding: 5px 0 0 40px; background: url(../images/q1.png) left top no-repeat;}
		#quote {padding-right: 40px; background: url(../images/q2.png) right top no-repeat;}
			#mainbox p.quote {width: auto; margin: 0;}
	#demo-box {position: absolute; right: 0; bottom: 10px; width: 463px; height: 60px; padding: 0 10px 0 20px; background: url(../images/demo-box.png) no-repeat;}
		#demo-box .button {float: right; margin: 17px 0 0 10px;}
		#demo-box h2 {margin: 0; font-size: 1.6em; font-family: Helvetica, Arial, sans-serif;}
		#demo-box p {margin: 0; font-size: 0.95em; font-weight: bold; line-height: 1.3em;}
		
#login-form {width: 190px; height: 135px; margin: 0; padding: 20px 10px 0 10px; background: url(../images/side-box.png) bottom no-repeat;}
	#login-form label {width: 70px; color: #007AA5;}
	#login-form input {width: 100px; border: 1px solid #f5f5f5; border-top: 1px solid #848484; border-left: 1px solid #848484; background: #fff; color: #888; float:left;}
	#login-form p { text-align: center;}
		#login-form p a, #login-form p a:visited {float: left; margin-top: 40px; color: #007AA5;}
		#login-form p a:hover {color: #FFB612;}
		
		
#channel {float: left; width: 485px; height: 95px; margin: 0 0 0 10px; padding-right: 10px; border-right: 1px solid #ccc;}
#channel p { padding:0; text-align:left; margin:0 0 13px 0;}
.channel{font-family: Helvetica, Arial, sans-serif; color: #0075B0;  font-weight: bold;}
		
#big-box {float: left; width: 760px; height: 250px; padding: 5px; background: url(../images/big-box.png) no-repeat;}
	#big-box hr {margin: 10px;}
		.col3 {float: left; position: relative; width: 244px; height: 135px; margin-bottom: 10px;} 
		.col3.middle {margin: 0 7px 0 7px; padding: 0 5px 0 5px; border-right: 1px solid #ccc; border-left: 1px solid #ccc;}
			.col3 h2 {margin: 0 0 10px 0; padding: 1px 0 3px 5px; color: #fff; font-size: 1.5em; font-weight: normal; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 31px;}
			.col3 h2.header1 {background: url(../images/heading1.png) no-repeat;}
			.col3 h2.header2 {background: url(../images/heading2.png) no-repeat;}
			.col3 h2.header3 {background: url(../images/heading3.png) no-repeat;}
			.col3 p {margin-left: 5px; margin-right: 5px; font-size: 0.95em;}
			.col3 p.hint {
	position: absolute;
	left: 5px;
	bottom: 0;
	margin: 0;
	font-size: 1.05em;
	width: 230px;
}
.middle p.hint { margin-left:5px; }
.smart{
float:right; padding-bottom:15px; clear:left
}

		#news {width: 205px; height: 155px; margin: 0; padding: 0 0 0 5px; background: url(../images/side-box.png) center bottom no-repeat; position: relative; overflow: hidden;}
			#news div {height: 150px; position: relative; top: 0; margin: 0 10px 0 5px;}
			#news h2 {margin: 0; font-size: 1.3em; font-family: Helvetica, Arial, sans-serif; color:#0066CC; color: #0075B0;  font-weight: bold; padding:10px 0 0 0;}
			#news p {margin: 0;  font-weight: bold;}
			#news p.news-date {color: #007AA5;}
			#news p a.more, #news p a.more:visited {padding-right: 10px; background: url(../images/read-more-arrow.png) right center no-repeat; color: #FFB612; font-weight: bold; text-transform: uppercase;}
		#big-box h3 {margin: 0; padding-bottom: 5px; color: #007AA5; font-size: 1.4em; font-weight: normal; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 1em;}

#newsletter {float: right; width: 244px;}
	#newsletter input {width: 150px; border: 1px solid #f5f5f5; border-top: 1px solid #848484; border-left: 1px solid #848484; background: #fff; color: #888;}
	#newsletter button {background: #007AA5;}
	#newsletter button:hover, #newsletter button:focus {background: #FFB612;}

.case-study h2 { margin:1em 0 -0.5em; color: #FFB612; font-size: 1.7em; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; }
#call-us p { color:#006699; padding-left:10px; margin:8px 0 0; line-height:1em; }
.calltoaction { font-size:1.4em; font-style:italic; font-weight:bold; }

	
div.AZlist-main-container {
margin-top : 5px;
margin-left : 0px;
margin-bottom : 10px;
padding:0px 100px 0px 110px;
float : left;
overflow : visible;
position : relative;
width : 60%;
}
div ol.AZlist-main {
list-style : none;
padding : 0;
margin : 0 0 0 3px;
font-size : 1.3em;
font-weight : normal;
color : #000000;
text-align : center;
float : left;
width : auto;
overflow : visible;
position : relative;
clear:both;
}
div ol.AZlist-main li {
display : inline;
float : left;
width : 19px;
margin : 1px;
padding : 0;
clear : none;
position : static;
}
html > body div ol.AZlist-main li {
margin : 3px;
}
div ol.AZlist-main li a {
	display : block;
	width : 100%;
	padding : 0;
	color:#007AA5;
	text-decoration : none;
	background : #f4f8ff;
	font-weight : bold;
}
div ol.AZlist-main li#active a {
background : #f4f8ff;
color : #0a29a5;
text-decoration : none;
}

ol.AZlist-main a.nocontent {
background-color:#F1F1F2;
color : #E0E0E0;
text-decoration : none;
}

div ol.AZlist-main li a:hover nocontent {
color : #fff;
font-weight : bold;
text-decoration : none;
background-color:#F1F1F2;

}


div ol.AZlist-main li a:hover {
color : #fff;
font-weight : bold;
text-decoration : none;
background-color:#FF9900;
border-color : #aaab9c #fff #fff #ccc;
}
div ol.AZlist-main li#active a:hover {
color : #0a29a5;
font-weight : bold;
text-decoration : none;
background : #ffffff;
border-color : #aaab9c #fff #fff #ccc;
}
div ol.AZlist-main li.activeLetter {
text-decoration : none;
background-color:#FF9900;
color : #fff;
padding : 0;
font-weight : bold;
}
html > body div ol.AZlist-main li.activeLetter {
padding : 0;
}