/* CSS Document */
html, body {
	padding: 0;
	margin: 0;
}

body{	
	font-family:"Tahoma",Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#00485a;
	background-image:url(../images/bg-body.jpg);
	background-repeat:repeat-x;
	text-align:center;
	overflow:scroll;
	overflow: -moz-scrollbars-vertical;
}


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

p	{
	padding:0;
	margin:15px 0 0 0;
	color:#747474;
}

select	{
	padding:0;
	margin:3px 0;
	font-family:"Tahoma",Verdana, Arial, Helvetica, sans-serif;
	color:#747474;
	font-size:11px;
}

hr{
	height:1px;
	border-bottom: 1px dashed #666;
	border-left:none;
	border-right:none;
	border-top:none;
	padding:0;
	margin:5px 0;
	
}

/***** Holding Div AKA "The Wrapper" *****/
div#wrapper{
	width:780px;
	margin:0 auto;
	padding:0;
}

div#wrapper2{
	width:1000px;
	margin:0 auto;
	padding:0;
}

/***** Header *****/

div#header{	
	float:left;
	width:771px;
	height:94px;
	margin:0;
	padding:0;
}

div#logo{	
	float:left;
	margin:18px 0 0 0;
	padding:0;
}

div#map{	
	float:right;
	margin:7px 0 0 0;
	padding:0;
}

/***** Left Column *****/

div#left-column{
	float:left;
	width:169px;
	margin:0;
	padding:0;
	background-color:#efefef;
}

.sm-left-img{
	background:#FFF;
	display:block;
	width:100%;
	text-align:center;
	padding:5px 0;
}

.related-list{
	color:#00485a;
	list-style:none;
	padding:5px;
	margin: 0 0 0 10px;
}

.related-list a{
	color:#00485a;
	list-style:none;
	text-decoration:none;
}

.related-list a:hover{
	color:#00485a;
	list-style:none;
	text-decoration:underline;
}

.related-list a:active{
	color:#00485a;
	list-style:none;
	text-decoration:underline;
}


/***** Navigation *****/

div#navigation{
	float:left;
	width:169px;
	margin:0;
	padding:0;
	background-image:url(../images/navigation/nav-bg.gif);
	background-repeat:repeat-y;
}

div#navigation img{
	display:block;
	padding:0;
	margin:0;
}

div#navigation ul{
	margin:0;
	padding:8px 0 8px 10px;
	list-style:none;
	text-align:left;
}

div#navigation ul li a{
	font-family:"Tahoma",Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#8cb0b7;
	text-decoration:none;
}

div#navigation ul li a:hover, a:active{
	font-family:"Tahoma",Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	text-decoration:none;
}

#left-column-holder{
	float:left;
	padding:0;
	margin:0 auto;
	border:none;
}

/***** Accordion *****/

div#accordion-wrapper{
	width:169px;
	margin:25px 0 0 0;
	padding:0;
	text-align:left;
}

div.accordion{
	margin:0;
	padding:0;
	text-align:left;
	color:#747474;
}

h3{
	font-family:"Tahoma", Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	padding:0;
	margin:2px 0 0 24px;
}

.txt-text{
	padding:0;
	margin-left:24px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}

.txt-text a{
	padding:0;
	margin-left:24px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}

.txt-chop{
	height:28px;
	overflow:hidden;
	padding:-5px 0 0 0;
	margin:0;
}

.text-upper{
	text-transform:uppercase;
}

.tester{
	background:url(../images/accordian/case-studys/h3-bg1.gif) no-repeat;
	display:block;
	margin:0;
	padding:4px 0;
	color:#fff;
	text-decoration:none;
}

.tester-left{
	padding:0 10px 10px 10px;
}

.sm-left-grey{
	background:url(../images/sm-left-bg.gif) no-repeat;
	display:block;
	margin:0;
	padding:4px 0;
	color:#fff;
}

.tester-bg{
	background:url(/images/products/benefits-bg.gif) no-repeat;
	display:block;
	margin:0 0 0 5px;
	padding:0;
	color:#fff;
}

.tester-bg:hover{
	display:block;
	margin:0 0 0 5px;
	padding:0;
	color:#fff;
	cursor:pointer;
}

.tester-bg:active{
	display:block;
	margin:0 0 0 5px;
	padding:0;
	color:#fff;
}


/***** Right Column *****/

div#right-column{
	float:left;
	width:579px;
	margin:0 0 0 20px;
	padding:0;
}

/*****Flash Placeholder*****/

div#flash-item{
	float:left;
	width:579px;
	margin:0;
	padding:0;
}

/*****Flash Placeholder*****/

div#main-content{
	float:left;
	width:557px;
	margin:29px 0 0 10px;
	padding:0;
	text-align:left;
}

div#main-content ul{
	color:#747474;
	width:530px;
	margin:0;
	padding:10px 0 10px 20px;
}

div#main-content ul li{
	font-family:"Tahoma", Arial, Helvetica, sans-serif;
	font-size:11px;
	width:530px;
	list-style-image:url(/images/lists/plus-button-li.jpg);
	font-weight:normal;
	margin:5px 0;
	padding:0;
}

div#main-content h2{
	font-family:"Tahoma", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#0674a3;
	margin:0 0 10px 0;
	padding:0;
}

div#dashed-line{
	border-bottom:1px dashed #ccc;
}

.dashed-line{
	border-bottom:1px dashed #ccc;
}



/*Products*/

.product-heading{
	display:block;
	font-family:"Tahoma", Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#fff;
	padding:4px 0 4px 24px;
	margin:10px 0;
	text-decoration:none;
}

/*Case Study*/

#case-study{
	background:url(/images/clients/heading-bg.gif) no-repeat;
	display:block;
}

.case-study-txt{
	padding:0;
	margin:0 0 0 20px;
	display:none;
}

.history-style{
	/*width:500px;*/
	display:block;
	padding: 5px 0 5px 20px;
	margin:0;
}

.top-data{
	padding:15px 0 15px 5px;
	margin:25px 0 0 0;
}

.button{
	background:url(/images/news/more-button.gif) no-repeat;
	display:block;
	margin:10px 0 10px 0;
	text-decoration:none;
	color:#fff;
}

.button2{
	background:url(/images/news/more-button.gif) no-repeat;
	display:block;
	margin:10px 0 0 15px;
}

.spaced {
	margin:15px 0pt 15px 15px;	
}

/* News */

#press{
	background:url(/images/products/benefits-bg.gif) no-repeat;
	display:block;
}

.next-back{
	float:left;
	background:url(/images/news/next-back.gif) no-repeat;
	padding:4px 0 4px 24px;
	margin:25px 0 0 5px;
	width:245px;
	text-decoration:none;
}

.next-back2{
	float:left;
	background:url(/images/news/next-back.gif) no-repeat;
	padding:4px 0 4px 24px;
	margin:25px 0 0 100px;
	width:245px;
	text-decoration:none;
}

.next-back-heading{
	font-family:"Tahoma", Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#fff;
	padding:0;
	margin:0;
	text-decoration:none;
}

div.news-text{
	margin:15px 0 0 0;
}

/* Events */

#events{
	background:url(/images/clients/heading-bg.gif) no-repeat;
	display:block;
}

.event-grey{
	color:#747474;
	padding:5px 0 5px 25px;
	margin:0;
}

div.presentation2{
	padding:0;
	margin:10px 0 10px 15px;
}

/* Enquiries */

.enquiries{
	background:url(/images/clients/heading-bg.gif) no-repeat;
	display:block;
	margin:0 0 0 5px;
	color:#fff;
}

.enquiries a{
	color:#fff;
	text-decoration:none;
}

.enquiries a:hover{
	color:#fff;
	text-decoration:none;
}


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Team */

.team-members{
	float:left;
	margin:10px 0;
	padding:0 0 20px 0;
}

.team-left{
	float:left;
	width:88px;
	height:111px;
	border:2px solid #CCC;
	padding:0;
	margin:0;
}

.team-right{
	float:left;
	width:410px;
	padding:0;
	margin:0 0 0 30px;
}

/* Contact Page */

#contact{
	margin:10px 0;
	padding:0 0 20px 0;
	height:275px;
}

#contact-left{
	float:left;
	width:300px;
	padding:0;
	margin:0;
}

#contact-right{
	float:left;
	width:200px;
	padding:0;
	margin:0;
}

.tester-contact{
	background:url(/images/contact/bg-main.gif) no-repeat;
	margin:5px 0;
	padding:4px 0;
	color:#fff;
}

.tester-contact a{
	background:url(/images/contact/bg-main.gif) no-repeat;
	margin:5px 0;
	padding:4px 0;
	color:#fff;
	cursor:pointer;
}


.tester-contact:hover{
	background:url(/images/contact/bg-main.gif) no-repeat;
	margin:5px 0;
	padding:4px 0;
	color:#fff;
	cursor:pointer;
}

.contact-sub{
	background:url(../images/contact/bg-sub.gif) no-repeat;
	margin:5px 0 0 18px;
	padding:4px 0;
	color:#fff;
}

.contact-sub:hover{
	background:url(../images/contact/bg-sub-roll.gif) no-repeat;
	margin:5px 0 0 18px;
	padding:4px 0;
	color:#fff;
	cursor:pointer;
}

.contact-sub:active{
	background:url(../images/contact/bg-sub-roll.gif) no-repeat;
	margin:5px 0 0 18px;
	padding:4px 0;
	color:#fff;
}

.contact-sub:visited{
	background:url(../images/contact/bg-sub-roll.gif) no-repeat;
	margin:5px 0 0 18px;
	padding:4px 0;
	color:#fff;
}


.contact-sub:active{
	background:url(/images/contact/bg-main.gif) no-repeat;
	margin:0;
	padding:4px 0;
	color:#fff;
}

/***** Form *****/

.chat-box{
	width:549px;
	height:230px;
}

.address{
	width:549px;
}

/***** Login*****/

#username{
	float:left;
	width:150px;
}

#password{
	float:left;
	width:150px;
	padding:0;
}

.login-box{
	width:100px;
	text-align:left;
}

/***** Footer *****/

div#footer{
	float:left;
	color:#999;
	text-align:left;
	border-top:1px dashed #ccc;
	margin:15px 0 0 0;
	padding:5px 0 0 0;
}

div#footer2{
	float:left;
	width:800px;
	color:#999;
	text-align:left;
	border-top:1px dashed #ccc;
	margin:20px 0 0 40px;
	padding:5px 0 0 0;
}

div#footer p{
	color:#999;
}

div#footer a{
	color:#999;
	text-decoration:none;
}

div#footer a:hover{
	color:#999;
	text-decoration:underline;
}


/***** Colors *****/

.white{
	color:#fff;
	text-decoration:none;
}

.white:hover{
	color:#fff;
	text-decoration:none;
}

.grey{
	color:#747474;
	text-decoration:none;
}

.dark{
	color:#00485a;
	text-decoration:none;
}

.no-underline{
	text-decoration:none;
}

.orangelink{
	color:#f37244;
}

/***** Micro Site *****/

#micro-content{
	float:left;
	padding:0;
	margin:0;
	font-family:"Tahoma",Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#00485a;
	text-align:left;
}

#micro-content img{
	border:none;
}

#micro-content-left{
	float:left;
	width:386px;
	padding:20px 0 0 0;
	margin:0 0 15px 0;
}

#micro-content-right{
	float:left;
	width:386px;
	padding:20px 0 0 0;
	margin:0 0 15px 0;
}

#micro-content-left p{
	float:left;
	padding:5px 5px;
	margin:0;
}

#micro-content-right p{
	float:left;
	padding:5px 5px 5px 20px;
	margin:0;
}

/***** Global *****/

.new-bg{
	background:url(../images/new-bg.gif) no-repeat;
	display:block;
	text-decoration:none;
}

#flash-item2{
	float:none;
	padding:0 0 0 100px;
	margin:0 auto;
}

/***** Usergroup CSS *****/

div#user-content{
	float:left;
	width:560px;
	padding:0;
	text-align:left;
}

#usergroup_leftcolumn{
	float:left;
	width:280px;
}

#usergroup_rightcolumn{
	float:right;
	width:220px;
	margin:0 0 0 30px;
}

#login_box{
	width:273px;
	height:139px;
	padding:10px 0 0 20px;
	background:url(../images/usergroups/login/login_bg.gif) no-repeat;
}

#login_form td{
	padding:3px 0 0 0;
}

#forgotten_form{
	padding:10px 0 0 20px;
}

#forgotten_form td{
	padding:5px 0;
}

.submit_button{
	background:url(../images/usergroups/login/submit_bg.gif) no-repeat;
	width:85px;
	height:21px;
	border:none;
	color:#FFF;
	font-style:normal;
	font-weight:bold;
	cursor:pointer;
}

/* Usergroup Registration*/

#usergroup_register{
	background:url(../images/usergroups/register/register_bg.gif) no-repeat;
	padding:0;
	width:579px;
	margin:0 auto;
}

#register_form{
	padding:50px 0 0 30px;
}

#register_form td{
	padding:3px 0;
}


/* User Navigation */

#user_nav{	
	float:left;
	text-transform:uppercase;
	padding:20px 0 20px 10px;
	width:557px;
	margin:0;
}

#user_nav ul{
	display:inline;
	list-style:none;
	margin:0 0 20px 0;
}

#user_nav li, #user_nav li a{
	display:inline;
	list-style:none;
	margin:0 20px 0 0;
	text-decoration:none;
	color:#00485a;
}

.user_widget{
	float:left;
	width:272px;
	height:260px;
	padding:0;
	margin:5px 5px 0 0;
}

.user_widget ul{
	width:242px;
	padding:0 0 0 30px;
	margin:0;
}

.user_widget li{
	padding:0;
	list-style:none;
	margin:0;
}

.view_button{
	margin:15px 0 0 30px;
	background:url(../images/usergroups/login/submit_bg.gif) no-repeat;
	width:85px;
	height:21px;
	border:none;
	color:#FFF;
	font-style:normal;
	font-weight:bold;
	cursor:pointer;
	}
	
.photo_thumb{
	float:left;
	border:2px solid #666;
	margin:0 0 0 15px;
}	

.msg_item{
	width:230px;
	border-bottom:1px dashed #666;
	padding:1px 0;
}

#controls{
	float:left;
	padding:0 0 0 45px;
}

#controls ul{
	list-style:none;
	display:inline;
}

#controls li{
	float:left;
	padding:0;
	margin:0 45px 0 0;
}

.file_entry{
	float:left;
	padding:10px 0 10px 20px;
}

.file_heading{
	float:left;
	width:300px;
	padding:0;
	margin:0;
}

.file_details{
	float:right;
	text-align:right;
	width:200px;
	padding:0;
	margin:0;
}

.file_description{
	float:left;
	width:100%;
	padding:5px 0 10px 0;
	border-bottom:1px dashed #666;
	}

.msg_entry{
	float:left;
	padding:0 0 5px 20px;
}

.msg_heading{
	float:left;
	width:100%;
	padding:0;
	margin:0;
}

.msg_details{
	float:left;
	width:100%;
	padding:0;
	margin:0;
}

.msg_description{
	float:left;
	width:100%;
	padding:0;
	margin:0 0 5px 0;
	border-bottom:1px dashed #666;
	}
	
.msg_constrain{
	height:15px;
	overflow:hidden;
}	

#msg_post{
	padding:15px 0 0 20px;
}

#msg_post td{
	padding:5px 0;
}

.msg_area{
	width:480px;
	padding:10px;
	height:250px;
}

.msg_input{
	width:480px;
	padding:0 0 0 20px;
	}
	
.post_button{
	margin:15px 0 0 0;
	background:url(../images/usergroups/login/submit_bg.gif) no-repeat;
	width:85px;
	height:21px;
	border:none;
	color:#FFF;
	font-style:normal;
	font-weight:bold;
	cursor:pointer;
	}

.user_gallery{
	float:left;
	width:500px;
	padding:10px 0 0 20px;
}

.user_gallery ul{
	display:inline;
	list-style:none;
	padding:10px 0 0 30px;
	margin:10px 0 0 0;
}

.user_gallery li{
	display:inline;
	list-style:none;
	padding:0;
	margin:10px 10px 0 0;
}

.user_list{
	padding:10px 0 0 40px;
}

.input_length{
	width:200px;
}

#pagination_button, #pagination_button a{
	float:left;
	border:none;
	padding:0 0 0 10px;
}

.previous_button{
	float:left;
	width:450px;
	text-align:left;
	margin:0;
	padding:0;
}

.next_button{
	float:left;
	text-align:right;
	margin:0;
	padding:0;
}

.msg_output{
	height:40px;
	overflow:hidden;
	padding:0;
}

.pad-right li{
	padding:5px 0;
}

#comment{
	float:left;
	padding:5px;
	margin:0;
}

#username{
	float:left;
	width:150px;
	padding:0;
	margin:0;
	display:block;
}

#comment_txt{
	float:left;
	width:150px;
	padding:0;
	margin:0;
	display:block;
}