/* Developed by eXia Web Solutions 

http://www.exia.com.au */

body {
	font: 100% Arial, Helvetica, sans-serif;

	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background:url(../images/bg.jpg) #d9e4eb repeat-x;
	
}
.clr {clear:both;}
h1,h2,h3,h4,h5 {padding:0px; margin:0px;}
img {border:none;}
:focus { outline: none; }
#container {
	width: 957px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

/* Header Banner - Front Page */

div#front_banner {background:url(../images/front_banner.jpg); height: 298px; width:957px;}
/* Normal Banner */ 
div#banner {background:url(../images/banner.jpg); height: 200px; width:957px;}
#header {float:left; position:relative; left:190px; top:70px; color:white;}
#header h2 {font-size:24px; font-weight:normal;}
/* top nav */ 
#top_nav {position:relative; top:15px; left:420px; float:left;}
#top_nav ul {margin:0px; margin:0px;}
#top_nav ul li {float:left; list-style:none; padding-left:10px; padding-right:10px;}


#top_nav ul li .home,.solutions,.history,.contact,.support  {margin-top:30px;}
.home {display:block; background:url(../images/home.jpg) top center no-repeat; width:55px; height:17px; text-decoration:none; }
a:hover.home, a.home_active {display:block; background:url(../images/home.jpg) bottom center no-repeat; width:55px; height:17px; text-decoration:none; }

.solutions {display:block; background:url(../images/solutions.jpg) top center no-repeat; width:66px; height:17px; text-decoration:none; }
a:hover.solutions, a.solutions_active {display:block; background:url(../images/solutions.jpg) bottom center no-repeat; width:66px; height:17px; text-decoration:none; }

.history {display:block; background:url(../images/history.jpg) top center no-repeat; width:49px; height:17px; text-decoration:none; }
a:hover.history, a.history_active {display:block; background:url(../images/history.jpg) bottom center no-repeat; width:49px; height:17px; text-decoration:none; }

.contact {display:block; background:url(../images/contact.jpg) top center no-repeat; width:55px; height:17px; text-decoration:none; }
a:hover.contact, a.contact_active {display:block; background:url(../images/contact.jpg) bottom center no-repeat; width:55px; height:17px; text-decoration:none; }

.support {display:block; background:url(../images/support.jpg) top center no-repeat; width:56px; height:17px; text-decoration:none; }
a:hover.support, a.support_active {display:block; background:url(../images/support.jpg) bottom center no-repeat; width:56px; height:17px; text-decoration:none; }

/* Front Content */
#front_content, #content {width:100%; background:#fff;}

.front_box {background:url(../images/f_content_bg.jpg); width:215px; height:388px; float:left; margin-left:19px; margin-bottom:20px; font-size:10px;}
.front_box img {padding-top:10px; padding-left:8px;}
.front_box h1 a {font-size:15px; color:#336699; margin-left:10px; margin-top:5px; text-decoration:none; display:block;}
.front_box ul {margin:0px; padding:0px; margin-left:20px; padding-top:10px; padding-right:5px; line-height:140%; list-style:none; list-style-image:url(../images/bullet.jpg);}
.front_box .f_padded {margin-left:15px;}

.more {color:#336699; display:block; margin-top:10px; margin-left:20px;}

/* General */

.no_bullet {list-style:none; list-style-image:none;}

/* Solutions Page */

#solutions_left {float:left; width:320px; margin-left:23px; font-weight:bold; color:#666666; margin-top:20px;}
#solutions_right {float:left; width:530px; margin-left:70px; color:#333333; font-size:12px; margin-top:20px;}

/* IPC Page */ 

.ipc {font-size:12px; color:#333333; float:left; width:645px;}
.ipc {margin-right:30px; line-height:140%;}
.ipc span {color:#557caa; font-size:18px;}

/*Footer */



#footer {width:100%; background:#557caa; color:#fff; font-size:11px; line-height:140%; padding-top:20px;}
#footer a {color:#fff; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer ul {padding:0px; margin:0px;}
#footer ul li {list-style: none;}
#footer_left {width:410px; float:left; }
#footer_right {width:510px; float:left; }
/* Left */ 
#footer_l_left { float:left;padding-left:30px; }
#footer_l_left ul {float:left; }
#footer_l_right { float:left; border-left:1px solid #7697b9; margin-left:50px; padding-left:40px;}
#footer_l_right ul {float:left; }
/* right */
#footer_r_left { float:left; border-left:1px solid #7697b9; margin-left:50px; padding-left:40px;}
#footer_r_right { float:left; border-left:1px solid #7697b9; margin-left:50px; padding-left:40px;}
/* NULLING */

ul#drop_down,li.mnu,li.mnu a { padding: 0px; margin: 0px; }
ul#drop_down li { list-style: none; list-style-image: none; }

/* drop down menu */
ul#drop_down { float: left; position: absolute; top: 26px; display: none; width: 240px; z-index:4; }
ul#drop_down li {width: 255px; position: relative; left: -20px; }
li.mnu a {  color:#6699cc; font-weight:bold; text-decoration:none; font-size:14px; background-color: #fff; display: block; padding: 0px 0px 7px 6px; text-indent: 3px;}
li.mnu a:hover {text-decoration:underline; color:#18166a;}
li.mnu a.last { background: url('../images/nav_bg.png') no-repeat bottom; }
li.blockme a { text-decoration: none; }


/* Recorders Page Update */
#recorder_content ul li {margin-left:15px; padding:0px;}
#recorder_content ul {padding:0px; margin:0px;}
#top_recording_ul { position:relative; left:15px;}