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

TITLE : Armada/Corporate Sign Industries

AUTHOR : Binarix
AUTHOR URL : http://www.binarix.com.au

DESCRIPTION : Full Site Styles
 
------------------------------------------ */

.clear {
	clear: both;
	height: 0;
	margin: 0;
	font-size: 0;
	}

/* ------------------------------------------
 TEXT STYLES
------------------------------------------ */

h1 {
	border-bottom: 1px dotted #C8C8C8;
    color: #9FB224;
    font: 24px/27px Arial,Helvetica,Sans-serif;
    margin: 0 0 20px;
    padding: 0 0 8px;
}

h2 {
	color: #48525B;
	font: bold 17px/26px Arial,Helvetica,Sans-serif;
	margin: 0;
	padding: 0 0 5px 0;
}

h3 {
   font: bold 17px/24px Arial, Helvetica, Sans-serif;
   color: #DCE348;
   margin: 0 0 10px 0;
}
			
p, td, li {
	font: 12px/19px Arial, Helvetica, Sans-serif;
	color: #606467;
}

li {  margin: 0 0 3px 0; }
p, table {  margin: 0 0 10px 0; }
ul { margin-top: 0; padding-top: 0; }

a { 
	color: #FFF;
	text-decoration: none;
}

a:hover {  text-decoration: underline; }

hr {
	border-top: 1px dotted #E4E4E4;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
	color: #fff;
	margin: 19px 0;
	height: 0;
	padding: 0;
	clear: both;
}
	
.introTxt {
	font: 16px/24px Arial, Helvetica, Sans-serif; 
	color: #767676; 
	margin: 0 0 10px 0; 
}

.floatLeft { 
	float: left; 
	margin: 0 15px 0 0; 
	border: 1px solid #E4E4E4; 
	padding: 2px; 
}

.imgRight {
     float: right;
     border: 1px solid #e5e5e5;
     margin: 0 0 20px 20px;
}

.imgLeft {
     float: left;
     border: 1px solid #e5e5e5;
     margin: 0 20px 20px 0;
}

/* ------------------------------------------
 GLOBALS AND LAYOUT ELEMENTS
------------------------------------------ */

html, body {
	margin: 0;
	padding: 0;
    background: #222a30 url(../templateimages/main-bg-tile.jpg) top left repeat;
}

input {
	background: #FFFFFF;
	border: 1px solid #9CB22B;
}

textarea {
	font: 12px/19px Arial,Helvetica,Sans-serif;
    height: 60px;
    width: 265px;
	border: 1px solid #9CB22B;
}

select {
	font: 12px/19px Arial,Helvetica,Sans-serif;
	border: 1px solid #9CB22B;
	width: 267px;
}

#wholeSiteWrapper { 
	background: url(../templateimages/top-bg-tile.jpg) top left repeat-x; 
}

.text {
	font: 12px/19px Arial,Helvetica,Sans-serif;
    width: 265px;
}

.code {
	height: 18px;
    vertical-align: top;
    width: 60px;
}

.antispam_text {
	vertical-align: top;
}

/* ------------------------------------------
 NAV BAR
 ----------------------------------------- */
 
#navWrap {
	border-bottom: 1px dotted #6F7C85;
    border-top: 1px dotted #6F7C85;
    float: right;
    height: 40px;
    margin: 70px 0 0;
    padding: 0 0 0 0px;
    width: 740px;
	
 }
 
 #navWrapInner {
	text-align: right;
	display: block;
	width: 575px;
	float: right;
	}
 

        #nav, #nav ul {
        	list-style: none;
        	padding: 0;
			margin: 0;
        	}
        
        #nav li {
        	cursor: pointer;
			float: left;
        	margin: 0;
        	}
        	
        #nav li a {
			color: #DAE3EA;
			display: block;
			font: 15px/40px Arial,Helvetica,Sans-serif;
			margin: 0;
			padding: 0 15px;
			text-decoration: none;
        	}
            
            #nav li.last a { border: 0; }
            #nav li a img { border: 0; padding: 3px 0 0 0; }
        	
        #nav li a:hover { 
        	color: #EAEAEA;
        	text-decoration: none;
        	}
        		
        #nav li ul a, #nav li ul a:visited {	
        	font: normal 11px/14px arial, helvetica, sans-serif;
        	display: block;
        	text-decoration: none;
        	text-align: left;
        	padding: 5px 5px 5px 10px;
        	border-bottom: 1px solid #ebebeb;
        	border-right: 1px solid #ebebeb;
        	border-left: 1px solid #ebebeb;
        	color: #999;
        	width: 160px;
        	background-color: #f6f6f6;
        	text-transform: none;
        	margin: 0;
        	}
        	
        #nav li ul a:hover { 
        	background-image: none;
        	color: #001647;
        	background-color: #ebebeb;
        	}
        	
        #nav li ul li {}
        
        #nav li ul {
        	position: absolute;
        	border-bottom: 0;
        	left: -999em;
        	height: auto;
        	width: 160px;
        	margin: 0;
        	padding: 0;
        	}
        
        #nav li li {
        	width: 150px;
        	background-image: none;
        	}
        
        #nav li ul ul { margin: -26px 0 0 186px; }
        
        #nav li:hover ul ul,
        #nav li:hover ul ul ul,
        #nav li.sfhover ul ul {
        	left: -999em;
        	}
        
        #nav li:hover ul,
        #nav li li:hover ul,
        #nav li li li:hover ul,
        #nav li.sfhover ul,
        #nav li li.sfhover ul {
        	left: auto;
        	z-index: 500;
        	}
        
        #nav li:hover, #nav li.sfhover {
        	color: #001647;
        	position: static;
        	}
        
        #nav li ul li:hover, #nav li ul li.sfhover { 
        	background-image: none;
        	background-color: #ebebeb;
        	}


#topBar_FW {
	border-bottom: 8px solid #bdd32e;
	height: 424px;
	width: 100%;
	background: url(../templateimages/bnnr-bg.jpg) top center no-repeat;
}

#topBar {
	border-bottom: 8px solid #bdd32e;
	height: 215px;
	width: 100%;
	background: url(../templateimages/bnnr-bg.jpg) top center no-repeat;
}
        
#topInner {
	width: 980px;
	margin: 0 auto;
	height: 112px;
	padding: 0;
}
	
#topInner img { 
	border: 0; 
}

#logoBar {
	float: left;
	width: 221px;
	height: 112px;
}

#bottomInner, #followOnBottomInner {
	width: 980px;
	margin: 0 auto;
	padding: 0;
}

#bottomInner #flashWrap {
    width: 980px;
    height: 346px;
	border: 0;
	margin: 8px 0 0 0;
	position: absolute;
}

#followOnBottomInner img.leftBottomInner {
	position: relative;
	float: left;
	border: 0;
	margin: 45px 0 0 20px;
}

#followOnBottomInner img.rightBottomInner {
	position: relative;
	float: right;
	border: 0;
	margin: 40px 30px 0 0;
}

#contentBar_FW {
	width: 100%;
	background: #f2f3f3 url(../templateimages/bg-tile.png) top center repeat-y;
}

#contentInner {
	height: auto;
	width: 980px;
	margin: 0 auto;
	padding: 0;
	background: #EFEFF1;
	
}

#homeContentTop {
	height: auto;
    margin: 0;
    padding: 30px;
	width: 920px;
}

.homeContentTopSec {
	float: left;
    height: auto;
    margin: 10px 20px 0 0;
    width: 286px;
}

.topLast { margin: 0;margin-top: 10px; }

.homeContentTopSec img {
	float: right;
	border: none;
}

.homeContentTopSec ul {
	margin: 0;
	padding: 0 0 0 15px;
	list-style: square;
}

.homeContentTopSec li {
	padding: 0 0 6px 0;
	margin: 0;
}

#homeContent {
	height: auto;
	padding: 30px;
	background: #FFF;
}

#homeContent img {
	border: none;
}

#homeContentLeft {
	float: left;
    height: auto;
    margin: 0 30px 0 0;
    padding: 0;
    width: 590px;
}

#homeContentLeft p {
	color: #CDD6DD;
}

#homeContentLeft a {
	color: #D4E247;
}

#homeContentLeftTop {
	margin: 0 0 30px 0;
	padding: 0;
}

#homeContentLeftTop img {
	float: left;
}

#postPanel {
	float: left;
	background: #455660;
	height: 145px;
	margin: 0;
	padding: 25px 30px;
	width: 247px;
}

.homeContectLeftSecL {
	float: left;
	width: 279px;
	margin: 0 20px 20px 0;
	padding: 0;
	background: #455660;
}

.homeContectLeftSecR {
	float: right;
	width: 290px;
	margin: 0 0 20px 0;
	padding: 0;
	background: #455660;
}

.homeContectLeftSecL img, .homeContectLeftSecR img {
	float: left;
}

.homeContectLeftSecL h3, .homeContectLeftSecR h3 {
	color: #DCE348;
    font: bold 12px/24px Arial,Helvetica,Sans-serif;
    margin: 10px 0 0;
    padding: 0 0 0 140px;
}
 
.homeContectLeftSecL p, .homeContectLeftSecR p { 
	 padding: 0 5px 0 140px;
	 margin: 0;
}

#homeContentRight {
	width: 293px;
	height: auto;
	padding: 0;
	margin: 0;
	float: right;
}

.homeContentRightSec {
	margin: 30px 0 0 0;
	border-top: 1px dotted #C8C8C8;
	padding: 20px 0 0 0;
}

.homeContentRightSec img {
	float: left;
	margin: 0 10px 0 0;
}

.homeContentRightSec h2 {
	font: bold 12px/19px Arial,Helvetica,Sans-serif;
	margin: 0;
    padding: 0 0 0 81px;
}

.homeContentRightSec p {
	color: #727272;
	padding: 0;
    margin-left: 80px;
}

.homeContentRightSec a {
	color: #44ADC3;
}

#content {
	height: auto;
	padding: 40px 30px;
	background: #FFF;
}

#content a {
	color: #9CB22B;
}

#content a.link {
	color: #44ADC3;
	font-weight: bold;
}

#LHSMenu {
	float: left;
	width: 185px;
	margin: 0 35px 0 0;
	padding: 0;
}

#LHSMenu h2 {
	color: #9CB22B;
	font: 15px/19px Arial, Helvetica, Sans-serif;
	padding: 0 0 15px 0;
	margin: 0;
	border-bottom: 1px dotted #C8C8C8;
	width: 100%;
}

#LHSMenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#LHSMenu li {
	padding: 10px;
	border-bottom: 1px dotted #C8C8C8;
}

#LHSMenu li a {
	color: #495C6A;
	text-decoration: none;
	font-weight: bold;
}

#LHSMenu li a:hover {
	text-decoration: underline;
}

#LHSMenu li ul {
	display: none;
}

#LHSMenu li li {
	border: none;
	padding: 10px 0 5px;
	margin: 0;
}

#LHSMenu li li a {
	font-weight: normal;
}

#contentMid {
	float: left;
	width: 370px;
	height: auto;
	padding: 0;
	margin: 0 35px 0 0;
}

#contentMid p {
	color: #606467;
}

#contentMid ul {
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
}

#contentMid img {
	float: left;
}

#contentMid h2 a {
	font: 12px/19px Arial,Hevetica,Sans-serif;
}

#contentRight {
	float: left;
	width: 293px;
	height: auto;
	padding: 0;
	margin: 0;
}

.topRightImg {
	margin: 0 0 15px 0 !important;
	border: none !important;
}

#contentRight img, #contactContentRight img {
	float: left;
	border: 1px solid #C8C8C8;
	margin: 0 0 10px 0;
}

.middleImg {
	margin: 0 7px 10px 7px !important;
	padding: 0;
}

.bottomRightImg {
	border: none !important;
}

#contentRight p {
	color: #8D8D8D;
}

#contactContentMid {
	float: left;
    height: auto;
    margin: 0 35px 0 0;
    padding: 0;
    width: 410px;
}

#contactContentRight {
	width: 253px;
	height: auto;
	padding: 0;
	margin: 0;
	float: right;
}

#form td {
	vertical-align: top;
}

.confirmation {
	color: #D8372D;
}

#footerBar_FW {
	width: 100%;
	height: 50px;
	background: url(../templateimages/footer-bg.png) top center no-repeat;
}
        
#footerInner {
	width: 980px;
	margin: 0 auto;
}

.amarda {
	float: left;
	font: 10px Arial, Helvetica, Sans-serif;
	margin: 0;
    padding: 15px 0 0 30px;
	color: #FFF;
}

.armada a {
	text-decoration: none;
}

p.armada a:hover {
	text-decoration: underline;
}

.binarix {
	float: right;
	color: #717E87;
	padding: 15px 30px 0 0;
	font: 10px Arial, Helvetica, Sans-serif;
}

.binarix a {
	color: #717E87;
}

/* -------------------------------------------
JQUERY IMAGEBOX STYLES
------------------------------------------- */
#ImageBoxOverlay { background-color: #000; }

#ImageBoxCaption { background-color: #F4F4EC; }

#ImageBoxContainer
{
	width: 250px;
	height: 250px;
	background-color: #F4F4EC;
}

#ImageBoxCaptionText {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-bottom: 5px;
	font-size: 13px;
	color: #000;
}

#ImageBoxCaptionImages {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	margin: 0;
}

#ImageBoxNextImage {
	background-image: url(../templateimages/imagebox/spacer.gif);
	background-color: transparent;
}

#ImageBoxPrevImage {
	background-image: url(../templateimages/imagebox/spacer.gif);
	background-color: transparent;
}

#ImageBoxNextImage:hover {
	background-image: url(../templateimages/imagebox/next_image.jpg);
	background-repeat:	no-repeat;
	background-position: right top;
}

#ImageBoxPrevImage:hover {
	background-image: url(../templateimages/imagebox/prev_image.jpg);
	background-repeat:	no-repeat;
	background-position: left bottom;
}

img { border: none; }