@charset "utf-8";
/* CSS Document for Mitchell Communications Group */
/* created by mike@spitshine.com.au */

body {
	margin: 0px;
	background-color: #ffffff;
/*	background-image: url(images/bg-all.jpg);*/
}
.top {
	background-image: url(images/head_bg.gif);
	background-repeat: repeat-x;
	height: 118px;
	width: 805px;
}
.menu {
	background-image: url(images/menu_bg.gif);
	background-repeat: repeat-x;
	vertical-align: top;
	height: 61px;
	margin: 0px;
}
.mid1 {
	background-image: url(images/bg1b.jpg);
	background-repeat: no-repeat;
	width: 714px;
	height: 460px;
	vertical-align: top;
}
.mid_splash {
	background-image: url(images/index_bg.jpg);
	background-repeat: no-repeat;
	background-repeat: repeat-x;
	vertical-align: top;
}
.mid_index {
	background-image: url(images/bg1c.jpg);
	background-repeat: no-repeat;
	width: 805px;
	height: 460px;
	vertical-align: top;
}
.mid_main {
	background-image: url(images/mid_main.jpg);
	background-repeat: no-repeat;
	width: 805px;
	height: 460px;
	vertical-align: top;
}
.mid_main2 {
	background-image: url(images/index_bg2.jpg);
	background-repeat: repeat-x;
	width: 100%;
	vertical-align: top;
}
.mid_main3 {
	background-image: url(images/mid_main2.png);
	background-repeat: no-repeat;
	width: 805px;
	height: 460px;
	vertical-align: top;
}
.mid_blank {
	width: 805px;
	height: 460px;
	vertical-align: top;
}
.mid_explore {
	background-image: url(images/bg_explore.jpg);
	background-repeat: no-repeat;
	width: 805px;
	height: 460px;
	vertical-align: top;
/*	margin-left: 315px; /* this aligns text on right based on the pdf layout but when minimized, keeps the margin-left :: 011812 flashmike */
}
.mid_explore2 {
	background-image: url(images/bg_explore2.jpg);
	background-repeat: no-repeat;
	width: 805px;
	height: 425px;
	vertical-align: top;
/*	margin-left: 315px; /* this aligns text on right based on the pdf layout but when minimized, keeps the margin-left :: 011812 flashmike */
}
.mid_exp_lead {
	background-image: url(images/bg_leadership.jpg);
	background-repeat: no-repeat;
	width: 805px;
	height: 460px;
	vertical-align: top;
/*	margin-left: 315px; /* this aligns text on right based on the pdf layout but when minimized, keeps the margin-left :: 011812 flashmike */
}
.mid_exp_comm {
	background-image: url(images/bg_commercial.jpg);
	background-repeat: no-repeat;
	width: 805px;
	height: 460px;
	vertical-align: top;
/*	margin-left: 315px; /* this aligns text on right based on the pdf layout but when minimized, keeps the margin-left :: 011812 flashmike */
}
.mid_exp_plan {
	background-image: url(images/bg_planning.jpg);
	background-repeat: no-repeat;
	width: 805px;
	height: 460px;
	vertical-align: top;
/*	margin-left: 315px; /* this aligns text on right based on the pdf layout but when minimized, keeps the margin-left :: 011812 flashmike */
}
.mid_exp_govt {
	background-image: url(images/bg_government.jpg);
	background-repeat: no-repeat;
	width: 805px;
	height: 460px;
	vertical-align: top;
/*	margin-left: 315px; /* this aligns text on right based on the pdf layout but when minimized, keeps the margin-left :: 011812 flashmike */
}
.mid_exp_fin {
	background-image: url(images/bg_finance.jpg);
	background-repeat: no-repeat;
	width: 805px;
	height: 460px;
	vertical-align: top;
/*	margin-left: 315px; /* this aligns text on right based on the pdf layout but when minimized, keeps the margin-left :: 011812 flashmike */
}
.mid_exp_em {
	background-image: url(images/bg_emitch.jpg);
	background-repeat: no-repeat;
	width: 805px;
	height: 460px;
	vertical-align: top;
/*	margin-left: 315px; /* this aligns text on right based on the pdf layout but when minimized, keeps the margin-left :: 011812 flashmike */
}
.mid_focus {
	background-image: url(images/bg_focus.jpg);
	background-repeat: no-repeat;
	width: 805px;
	height: 460px;
	vertical-align: top;
/*	margin-left: 315px; /* this aligns text on right based on the pdf layout but when minimized, keeps the margin-left :: 011812 flashmike */
}
.mid_create {
	background-image: url(images/bg_create.jpg);
	background-repeat: no-repeat;
	width: 805px;
	height: 460px;
	vertical-align: top;
/*	margin-left: 315px; /* this aligns text on right based on the pdf layout but when minimized, keeps the margin-left :: 011812 flashmike */
}
.mid_activate {
	background-image: url(images/bg_activate.jpg);
	background-repeat: no-repeat;
	width: 805px;
	height: 460px;
	vertical-align: top;
/*	margin-left: 315px; /* this aligns text on right based on the pdf layout but when minimized, keeps the margin-left :: 011812 flashmike */
}
.mid_learn {
	background-image: url(images/bg_learn.jpg);
	background-repeat: no-repeat;
	width: 805px;
	height: 460px;
	vertical-align: top;
/*	margin-left: 315px; /* this aligns text on right based on the pdf layout but when minimized, keeps the margin-left :: 011812 flashmike */
}
.bottom {
	background-image: url(images/bg_bot.jpg);
	height: 30px;
	padding: 0px;
}
.footer {
	background-image: url(images/footer.jpg);
	background-repeat: no-repeat;
	width: 818px;
	height: 93px;
	padding-top: 50px;
}
.style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000;
	margin-left: 5px;
	margin-right: 5px;
}
.text1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #364966;
/*	margin-top: 10px;*/
	margin-left: 5px;
	margin-right: 5px;
	font-style: italic;
	text-align: justify;
}
.text2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	text-align: justify;
	margin-left: 5px;
	margin-right: 5px;
}
.text2b {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	text-align: justify;
	font-style: italic;
}
.text2c {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	text-align: justify;
	font-style: italic;
	padding-left: 180px;
	padding-right: 180px;
	margin-left: 180px;
	margin-right: 180px;
}
.text3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
/*	text-indent: 12px;*/
	color: #000;
	padding: 3px 3px;
	text-align: justify;
}
.text3b {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	text-align: justify;
	padding-left: 125px;
}
.text3c {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	text-align: justify;
	padding-left: 3px;
	padding-right: 8px;
}
.text3d {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	padding-left: 10px;
	padding-top: 3px;
	text-align: justify;
}
.text4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	color: #000;
	text-align: justify;
	margin-left: 15px;
	padding: 8px;
}
.text4b {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	text-align: justify;
	padding: 5px;
}
.text4c {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	color: #000;
	text-align: left;
	margin-left: 15px;
	padding: 8px;
}
.text5 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #000;
}
.text5b {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #000;
	padding: 5px 3px;
}
.text5c {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #000;
	font-style: italic;
}
.text5d {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #ff0000;
	font-style: italic;
	padding-left: 180px;
	padding-right: 180px;
	margin-left: 180px;
	margin-right: 180px;
}
.text6 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #000;
}
.text7 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	text-align: left;
}
.text7b {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	text-align: left;
	text-decoration: line-through;
}
.text8 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;
	color: #002161;
	text-align: center;
}
.text8b {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #002161;
	text-align: center;
}
.credits {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
/*	color: #3399ff;*/
	color: #666666;
}
.centered {
	padding: 0px;
	margin: 0px;
	vertical-align: top;
}
#navcontainer ul {
	padding-left: 40px;
	margin: 0px;
	margin-top: 6px;
	color: #fff;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#navcontainer ul li {
	display: inline;
}
#navcontainer ul li a {
	padding: 0.2em 0.6em 0.2em 10px;
	color: White;
	text-decoration: none;
	float: left;
	border-right: 1px solid #fff;
}
#navcontainer ul li a:hover {
	background-color: #000;
	text-decoration: underline;
	color: #fff;
}
#navlist li a#current {
	background: #7c0417;
	text-decoration: underline;
}
#botnavcontainer ul {
	padding: 0px;
	padding-top: 5px;
	margin: 0px;
	margin-top: 4px;
	color: #99ccff;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#botnavcontainer ul li {
	display: inline;
}
#botnavcontainer ul li a {
	padding: 0.1em 0.6em;
	color: #99ccff;
	text-decoration: none;
	border-right: 1px solid #99ccff;
}
#botnavcontainer ul li a:hover {
	text-decoration: underline;
	color: #fff;
}
#botnavlist li a#botcurrent {
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
}
#list_container ul {
	padding: 10px;
	list-style-type: none;
	background-color: #bd0926;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	color: #fff;
	text-align: center;
}
#list_container ul li {
	display: inline;
}

ol {
  font-family: Arial, Helvetica, sans-serif;
  color: #000000;
}

.class1 a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-style: normal;
	font-weight: bold;
	padding: 0px 5px 0px;
	text-decoration: none;
}
.class1 a:visited {
	color: #7c0417;
	font-style: normal;
	font-weight: bold;
}
.class1 a:hover {
	color: #000000;
	text-decoration: underline;
}
.class1 a:active {
	color: #7c0417;
	font-style: normal;
	font-weight: bold;
}

/******gallery**********/
a, a:visited {
	color:#000;
}
/* common styling for all galleries */
a.gallery, a.gallery:visited {
	display:block;
	display:inline-block;
	color:#000;
	text-decoration:none;
	border:1px solid #000;
	width:75px;
	height:47px;
	float:left;
	margin:4px;
	z-index:50;
}
a.slidea {
	background:url(content/thumbs/barb-fence.jpg);
}
a.slideb {
	background:url(content/thumbs/chain-barb.jpg);
}
a.slidec {
	background:url(content/thumbs/commercialfence.jpg);
}
a.slided {
	background:url(content/thumbs/customfence.jpg);
}
a.slidee {
	background:url(content/thumbs/electric-fence.jpg);
}
a.slidef {
	background:url(content/thumbs/electric-security.jpg);
}
a.slideg {
	background:url(content/thumbs/palisade.jpg);
}
a.slideh {
	background:url(content/thumbs/perthsecurityelectricgate.jpg);
}
a.slidei {
	background:url(content/thumbs/securitygate.jpg);
}
a.slidej {
	background:url(content/thumbs/securitypad.jpg);
}
a.gallery em, a.gallery span {
	display:none;
}
a.gallery:hover {
	border:1px solid #fff;
}
a.slidea em {
	background:url(content/mid/barb-fence.jpg) 0px 0px no-repeat;
}
a.slideb em {
	background:url(content/mid/chain-barb.jpg) 0px 0px no-repeat;
}
a.slidec em {
	background:url(content/mid/commercialfence.jpg) 0px 0px no-repeat;
}
a.slided em {
	background:url(content/mid/customfence.jpg) 0px 0px no-repeat;
}
a.slidee em {
	background:url(content/mid/electric-fence.jpg) 0px 0px no-repeat;
}
a.slidef em {
	background:url(content/mid/electric-security.jpg) 0px 0px no-repeat;
}
a.slideg em {
	background:url(content/mid/palisade.jpg) 0px 0px no-repeat;
}
a.slideh em {
	background:url(content/mid/securitygate.jpg) 0px 0px no-repeat;
}
a.slidei em {
	background:url(content/mid/security-gate.jpg) 0px 0px no-repeat;
}
a.slidej em {
	background:url(content/mid/securitypad.jpg) 0px 0px no-repeat;
}
/* styling for BOTTOM gallery */
#container_bottom {
	position:relative;
	width:425px;
	height:425px; /*bg box size*/
	background:#fff;
	border:1px solid #bd0926;
	margin:1px auto; /*overall spacing on all sides - clockwise count */
}
#container_bottom img {
	border:0;
}
#container_bottom .thumbs {
	position:absolute;
	left:0;
	bottom:20px;
	height:114px;
}
#container_bottom a.gallery:hover span {
	display:block;
	position:absolute;
	width:402px;
	height:10px; /*controls span of clickable scope, keep this current size :mikeflash */
	top:-15px; /*text hover position*/
	left:5px;
	padding:5px;
	font-style:italic;
	color:#fff;
	z-index:100;
}
#container_bottom a.gallery:hover span:first-line {
	font-style:normal;
	font-weight:bold;
	font-size:1.1em;
	color:#000;
}
#container_bottom a.gallery:active, #container_bottom a.gallery:focus {
	border:1px solid #000;
}
#container_bottom a.gallery:active em, #container_bottom a.gallery:focus em {
	display:block;
	position:absolute;
	width:402px;
	height:250px; /* distance between large box and thumbs */
	top:-280px; /*spacing */
	left:5px;
	color:#000;
	padding:5px;
	border:1px solid #3d330f;
	z-index:50;
}
#container_bottom h1 {
	clear:both;
	margin:0;
	padding-top:80px;
	padding-bottom: 0px;
	text-align:center;
	font-family: georgia, "times new roman", serif;
	font-size:3em;
	font-weight:normal;
	color:#fff;
}
#container_bottom h1 em {
	font-size:0.6em;
	color:#000;
}
/************contact form******************/
div.contact_form form, div.contact_form table, div.contact_form td, div.contact_form th {
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	text-align: left;
}
div.contact_form table {
	border-collapse: collapse;
}
div.contact_form th {
	padding: 0px 10px 3px 0px;
}
div.contact_form td {
	padding: 0px 0px 3px 0px;
}
div.contact_form img {
	margin-left: 5px;
}
div.contact_form em {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-style:  normal;
	font-size: 14px;
	font-weight: 900;
	color: #000;
}
div.contact_form em.error, div.contact_form form em {
	color: #FF0000;
}
div.contact_form div.error {
	margin-bottom: 15px;
}
div.contact_form div.input {
	float:  left;
}
div.contact_form select {
	width: 250px;
}
/* ***** Graphics *********************************************************** */

div.contact_form div.input {
	line-height: 1px;
	background: white no-repeat url('images/input.png');
}
div.contact_form div.input input, div.contact_form div.input textarea {
	margin:  0px;
	border:  1px solid black;
	padding: 1px 1px 1px 3px;
	background: none;
}
div.contact_form input.submit {
	margin:  0px;
	border:  0px;
	padding: 0px;
	width:  83px;
	height: 30px;
	background: url('images/submit.gif');
}
div.contact_form input.reset {
	margin:  0px;
	border:  0px;
	padding: 0px;
	width:  83px;
	height: 30px;
	background: url('images/clear.gif');
}
/*********SCROLLER*****************************/
.scrollbox {
/*	SCROLLBAR-ARROW-COLOR: #a5a098;*/
	padding-bottom: 0px;
	padding-left: 1px;
	width: 270px;
	padding-right: 1px;
/*	SCROLLBAR-DARKSHADOW-COLOR: #666666;
	SCROLLBAR-BASE-COLOR: #000000;*/
/*	FONT-FAMILY: Tahoma, Helvetica, Arial, Verdana;*/
	height: 400px;
/*	SCROLLBAR-HIGHLIGHT-COLOR: #000000;*/
	color: #000000;
/*	SCROLLBAR-SHADOW-COLOR: #000000;
	FONT-SIZE: 11px;*/
	overflow: auto;
/*	SCROLLBAR-3DLIGHT-COLOR: #a5a098;*/
	padding-top: 1px;
}
.scroll_testi {
	width: 240px;
	height: 365px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 4px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
	text-align: justify;
	overflow: auto;
	scrollbar-highlight-color: #000000;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-shadow-color: #000000;
	scrollbar-darkshadow-color: #999999;
	scrollbar-base-color: #cccccc;
	scrollbar-arrow-color: #000000;
}
ul {
	list-style-type: disc;
/*	list-style-image: url(bullet.gif);*/
	list-style-position: inside;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 3px 10px;
}
ol {
/*	list-style-position: inside;*/
	list-style-position:outside;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 2px 22px;
}