/* Key styles for: Northern Queensland Audio Visual*/
/* Website designed and developed by Mojito Solutions, Katrina Youngman */
/* Last updated: Joanne Walter, 11 March 2010 */

/*Reset Styles*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}

body{font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; color: #323232; background: #135aa1; }
img, div {behavior: url(iepngfix.htc)}

/*Container Styles*/

.wrapper {margin-left: auto; margin-right: auto; width: 960px; }
#banner{background: #135aa1; height: 120px; overflow: hidden;}
#banner .wrapper {position: relative; z-index: 99;}
#logo {padding: 20px 20px 20px 0; float: left;}
#feature{background: #00488a; margin-top: -20px;}
*html #feature {height: 105px;}
*html #feature .wrapper {margin-top: 20px; height: 310px;}
#feature .wrapper { margin-top: -30px; padding: 20px; width: 920px; position: relative; margin-bottom: -76px; height: 310px; }
#navigation{background: url(images/navigation-bg-sml.png) repeat-x; height:50px; position: relative; margin-bottom: -16px;}
*html #navigation {background: #42b7ec; height: 50px; }
#navigation .wrapper {}

#main-container{background: #fff; min-height: 300px;}
#main-container .wrapper{padding: 20px; width: 920px;overflow: hidden;}

#main-container .col {position: relative; float: left; overflow: hidden; background: #fff;}
#col1 {width: 420px; margin-right: 40px; z-index: 99;}
#col2 {width: 420px; margin-left: 40px; margin-top: 40px;}
#sidebar{width: 200px; margin-right: 20px; padding-top: 20px; padding-bottom: 20px;}
#main {width: 700px; padding-top: 20px; padding-bottom: 20px;}

#footer{background: #135aa1;}
#footer .wrapper{ width: 960px;overflow: hidden;  padding: 30px 0;}

#footer .col {position: relative; float: left;}
#col-3 {width: 460px; margin-right: 20px; }
#col-4 {width: 460px; margin-left: 20px; text-align: right}


#banner-feature {position: absolute; top: 0; right: 0; z-index: 1;}

/*Navigation Styles*/
#navigation ul {padding: 10px 10px;}
#navigation li {margin: 0; display: inline; list-style: none;}
#navigation li a{ margin: 8px; text-decoration: none; color: #fff; font-size: 1.6em; font-weight: bold; text-transform: uppercase; padding: 5px;}
#navigation li a:hover {color: #00488a; border-bottom: none;}
#navigation li.current a{color: #00488a; border-bottom: none;}

#submenu {width: 170px;}
#submenu ul {margin-left: 0 !important; }
#submenu li {border-bottom: 1px dashed #d1d1d1; }
#submenu li a{font-size: 14px; display: block; margin: 10px 0; }
#submenu li a:hover {border-bottom: none;}
#submenu li.current-page a {color: #00488a; font-weight: bold;}


#footer-navigation li {margin: 0; display: inline; list-style: none; border-right: 1px solid #fff;}
#footer-navigation li a{ margin: 8px; text-decoration: none; color: #fff; font-size: 1.2em; }
#footer-navigation li a:hover {color: #b3e7fe; border-bottom: none; }
#footer-navigation li.last {border-right: none;}

/*Link Styles*/
a {color: #135aa1; text-decoration: none;}
a:link{color: #135aa1;}
a:visited {color: #135aa1; }
a:hover {color: #3a3a3a; border-bottom: 1px dashed #d6a02f;}

#footer a{color: #fff;}
#footer a:hover {color: #b3e7fe; border-bottom: none;}

/*Paragraph Styles*/
h1 {font-size: 2.4em; color: #135aa1; padding-bottom: 10px; font-weight: normal;}
h2 {font-size: 2em; color: #135aa1; padding-bottom: 5px; font-weight: normal;}
h3 {font-size: 1.6em; color: #3a3a3a; padding-bottom: 2px; font-weight: bold}
h4 {font-size: 1.3em; color: #3a3a3a; padding-bottom: 2px;}
p {font-size: 1.2em; padding-bottom: 10px; line-height: 1.4em;}
#feature p{color: #fff;}
#footer p{color: #fff;}
p.quote-by {text-align: right; color: #135aa1; font-weight: bold; margin-top: -5px; border-bottom: 1px dashed #135aa1; margin-bottom: 15px; padding-bottom: 15px;}

/*Table Styles*/
table {background: #fff; border: 1px solid #fff; margin-bottom: 10px;}
table td {padding: 5px; background: #fff; color: #323232; border: 1px solid #fff; font-size: 12px}


table.filled {background: #135aa1; border: 1px solid #fff; margin-bottom: 10px;}
table.filled td {padding: 5px; background: #135aa1; color: #fff; border: 1px solid #fff; font-size: 12px}


/*List Styles*/
#main-container ul, #main-container ol {font-size: 12px; margin-left: 30px; padding-bottom: 10px;}
#main-container li {padding-bottom: 2px;}

/*Image Styles*/
img {padding: 0px;}
#content img{padding: 0;}
#main-container img.left{padding: 2px 15px 5px 0px;}
#main-container img.right{padding: 2px 0px 5px 15px;}

/*Class Selectors*/
.right {float: right;}
.left {float: left;}
.clear {clear: both;}
.divider {border-bottom: 1px solid #d1d1d1; margin-bottom: 20px; padding-bottom: 20px;}

.managecontainer {height: 210px; overflow: scroll; background: #fff; padding: 20px;}

/*Search Styles*/
#search {float: right; margin-top: 70px; }
.ajaxSearch_resultsInfo {font-size: 14px; font-weight: bold}
.ajaxSearch_resultLink{font-size: 16px}

#contact { margin-bottom: -60px; float: left; margin-left: 335px; position: relative; font-size: 1.8em; padding-top: 20px;  }
#contact h3 { color: #fff !important; }