/*
Timezone

MWISMedia New Media Design & Development

Author: David Goadby

 */


/* ---------------------------------------------------------------*/
/* Forces vert scrollbar on all pages*/
/* Removes unpredictable 'browser default' settings */
/* Body tag settings */

html { height: 100%; margin-bottom: 1px; }  

html,body{height:100% !important}

p, td, li, ul,ol, h1, h2, h3 ,h4 ,h5 ,h6, label, input {
	margin: 0; 
	padding: 0; 
}
body {
	margin: 0;
	padding: 0;
	font: normal 12px "Arial";
	color:#6B84A3;
    text-align:center;
	background-color:#F0F2E3;
}

/* ---------------------------------------------------------------*/
acronym {
	border-bottom: 1px dotted #999999;
	cursor: help;
}


/* Div Containers*/

#main_container {
	width: 820px;
	margin: auto;
	position:relative;
	background-color:#FFFFFF;
	background-image:url(../img/tz_bg.jpg);
	text-align:left;

}
/* ---------------------------------------------------------------*/
#header {
width:792px;
height:107px;
background: no-repeat url(../img/tz_header.jpg);
}

#top_nav p {
font: 9px Verdana, Helvetica, sans-serif;
color:#FFFFFF;
text-align:right;
padding: 5px 10px 5px 0;
}

#top_nav a {
color:#FFFFFF;
text-decoration:none;
}

#top_nav a:hover {
color:#FFFFFF;
text-decoration:underline;
}

/* ---------------------------------------------------------------*/

#sub {
width: 792px;
margin: 0 0 0 16px;
}



/* ---------------------------------------------------------------*/
#col_one {
width: 525px;
float:left;
text-align:left;
padding: 10px 0 0 15px;
line-height: 18px;
background: repeat-y url(../img/col_one_bg.jpg);
}

#col_one h1 {
font: bold 18px Arial, Helvetica, sans-serif;
margin: 5px 0 15px 0;
padding-bottom: 1px;
width: 480px;
}

#col_one h2 {
font: bold 17px Arial, Helvetica, sans-serif;
margin: 5px 0 1px 0;
padding-bottom: 1px;
width: 480px;
}

#col_one p {
	font: normal 12px Arial, Helvetica, sans-serif;
	width: 480px;
	margin: 10px 0 10px 0;
	line-height: 20px;
	color: #666666;
}

#col_one ul {
	margin-bottom: 20px;
}

#col_one li {
list-style:none;
background: no-repeat url(../img/li_arrow_bg.jpg);
padding: 0 0 0 25px;
margin: 5px 0 5px 0;
}

#col_one li a {
text-decoration:none;
}

#col_two {
width: 235px;
float:left;
text-align:left;
padding: 10px 0 0 10px;

}

#col_two h2 {
font: bold 14px Arial, Helvetica, sans-serif;
margin: 3px 0 5px 0;

}

#col_two li {
margin: 5px 0 5px 25px;
list-style: square;
color:#6B84A3;
}

#col_two p {
margin: 5px 0 5px 15px;
}

#col_one a:hover {
text-decoration:underline;
}


h3.bg_img {
font: bold 12px Arial, Helvetica, sans-serif;
line-height: 24px;
margin: 3px 0 3px 0;
padding: 0 0 0 45px;
height: 24px;
background: no-repeat url(../img/icon.jpg);
}

h2.more {
background: no-repeat url(../img/more_cs.jpg);
margin: 10px 0 3px 0;
padding: 10px 0 20px 45px;
height: 28px;
}

a.case {
font-size: 10px;
}

a:hover.case {
text-decoration:none;
}

a.more2 {
text-decoration:none;
}

a:hover.more2 {
text-decoration:underline;
}

/* ---------------------------------------------------------------*/


#case_study p {
width: 350px;
}

.brd {
border: 1px solid #CCCCCC;
padding: 1px;
margin: 10px 10px 5px 5px;
float:left;
}

.case_s {
float: left;
}

/* ---------------------------------------------------------------*/


#header_bar {
width: 792px;
height: 71px;
}

#header_bar h3, #header_bar h4 {
display:inline;
}


a {
	color:#6B84A3;
}

#foot a {
	font-size: 10px;
	text-decoration: none;
}
/* ---------------------------------------------------------------*/

#footer {
background: no-repeat url(../img/footer.jpg);
height: 66px;
margin: 5px 0 0 0;

}

#footer p {
color:#999999;
text-align:right;
padding: 25px 25px 0 15px;
}

#footer a {
font: 10px Verdana, Arial, Helvetica, sans-serif;
color:#999999;
text-decoration:none;
}

#footer a:hover {
font: 10px Verdana, Arial, Helvetica, sans-serif;
color:#999999;
text-decoration:underline;
}

#col_one li {
	margin-left: 25px;
}
.envirostyle {
text-align: center;
font-size: 10px;
padding: 0 0 0 20px;
}

#col_two .webaccess {
	border:solid 1px #6B84A3;
	color: #000;
	background-color: #D8DEE7;
	margin: 0 0 30px 0;
	padding: 5px;
}

#col_two .webaccess p{
	margin: 0 0 10px 0;
}

/*#col_two .webaccess a{
	font-weight:bold;
}*/

#col_two .webaccess a:hover{
	text-decoration:none;
}

#col_two .webaccess img {
	border: 0;
	padding: 5px 0 5px 0;
}