/*---------------------------------
	IMPORTS
-----------------------------------*/

@import url(http://fonts.googleapis.com/css?family=Arimo:400,700);
@import url(base.css);


/*---------------------------------
	OVERRIDES
-----------------------------------*/

h1,h2,h3,h4,h5,h6{
font-family: "Arimo", arial, verdana, sans-serif;
font-weight:bold;
}

/*---------------------------------
	GLOBAL
-----------------------------------*/

body{
margin:0;
padding:0;
color:#333;
background:#fff;
font-family: "Arimo", arial, verdana, sans-serif;
font-size:15px;
text-shadow: 0px 0px 1px transparent; /* google font pixelation fix */
}
#nav-wrap {width:100%; height:50px; position:relative; z-index:20; background:#000; box-shadow:0 0 5px #000; -moz-box-shadow:0 0 5px #000; -webkit-box-shadow:0 0 5px #000;}
.nav {width:960px; height:45px; margin:0 auto;  }
#bluewrap {width:100%; height:550px; background:#004789; position:relative; z-index:10;}
#bluewrap-inner {width:100%; height:150px; background:#004789; position:relative; z-index:10;}
.header {clear:both; width:960px; height:85px; margin:0 auto; padding:25px 0 30px 0;}
.logo {float:left; margin:0 0 0 30px;}
.phone {float:right; margin:39px 30px 0 0; height:36px; background:url(../images/phone.png) no-repeat left center; padding:0 0 0 70px; font-size:21px; color:#eee; text-shadow:0 1px 0 #000;}
.slideshow {width:950px; margin:0 auto; clear:both; height:380px; }

.telstra {display:one;}


.img_r { padding:4px; border:1px solid #ccc; float:right; margin:0 0 0 50px;}
.removetop {margin:0 0 10px 0;}
.clear {clear:both; min-height:2em;}
.img {width:98%; padding:1%; border:1px solid #ccc;}
.upper {text-transform:uppercase;}
.blue {color:#018fc7;}

/*---------------------------------
	GRIDS
-----------------------------------*/

.container {width:960px; margin:0 auto; padding:0 0 0 0;}
.container-inner {width:960px; clear:both; margin:0 auto; padding:40px 0 0 0;}
.col_1 {width:300px; float:left; margin:0 30px 0 0; padding:0 0 0 0; }
.col_1_last {width:290px; padding:30px 0 50px 30px; float:right; margin:0 0 0 0 !important; background:#eee;}
.col_1_last_inner {width:290px; height:450px; padding:30px 0 50px 30px; float:right; margin:0 0 0 0 !important; background:#eee;}
.col_2 {width:600px; float:left; margin:30px 30px 0 0; padding:0 0 0 0; }
.col_2_last {margin:0 0 0 0 !important;}
.col_3 {width:100%; padding:30px 0 0 0; clear:both}
.col_50 {width:275px; padding:0px; float:left;  margin:0 40px 0 0; }
.col_50_last {width:300px; padding:0px; float:left;  margin:0 0 0 0 !important; }
.col_55 {width:590px; padding:0px; float:left;  margin:0 40px 0 0; }
.col_23 {width:800px; float:left; margin:30px 30px 0 0; padding:0 0 0 0; }
.col_05 {width:150px; float:right;}

.prod2 {padding:20px 0 0 0;}
.prod2 label {float:left; width:100px; clear:both; margin:0 0 10px 0;}
.prod2 input[type="text"] {width:350px; float:right; padding:6px 6px; margin:0 0 10px 0;}
.prod2 textarea {width:350px; float:right; padding:8px; height:120px; margin:0 0 10px 0;}
.prod2 .submit {width:100px; background:#666; color:#fff; text-shadow:1px 1px 1px #111; clear:both; float:right; border:none; padding:5px;}
.prod2 .submit:hover {background:#444; color:#fff; text-shadow:1px 1px 1px #111;}
.req {color:red;}
/*---------------------------------
	NAVIGATION BAR
-----------------------------------*/

#menu {
		margin: -6px 0 0 0;
		padding: 0;
		list-style: none;
		}
	
	
	#menu li {
		float: left;
		position: relative;
		margin:0;
	}
	
	#menu a {
		float: left;
		padding: 15px 20px 14px 20px;
		color: #fff;
		text-decoration: none;
				
	}
	
	#menu li:hover > a {
		background:#00529f;
	}
	#menu li a.current {
		background:#00529f; 
	}
	
	
	

/*---------------------------------
	SLIDESHOW
-----------------------------------*/

.bxslider {margin:0; width:100%;}
.bxslider img  {width:100%;}

/*---------------------------------
	FOOTER
-----------------------------------*/

#footer{
padding:0 0 20px 0;
margin:-30px 0 0 0;
height:35px;
color:#999;
background:#000;
}
.footer {width:960px; margin:0 auto; padding:0 0 0 0;}
.copy {float:left; padding:8px; font-size:11px;}
.designer {float:right; padding:8px; font-size:11px;} 
.designer a {text-decoration:none; color:#999;}



/* Tables
-------------------------------------------------------------- */

/*
  Because of the need for padding on TH and TD, the vertical rhythm
  on table cells has to be 27px, instead of the standard 18px or 36px
  of other elements.
 */
table         { margin-bottom: 1.4em; width:100%;  }
th            { font-weight: bold;   }
tr.th {background: #fff; font-weight:bold;}
thead th      {  }
th,td,caption { padding: 4px 10px 4px 5px; }
/*
  You can zebra-stripe your tables in outdated browsers by adding
  the class "even" to every other table row.
 */
tbody tr:nth-child(even) td,
tbody tr.even td  {
  background: #e5ecf9;
}
tfoot       { font-style: italic; }
caption     { background: #eee; }