/*
 * This CSS file has been generated by fontsquirrel.com and is based on the work of Paul Irish. 
* 
*/

/*
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * @vendor:     ES Typography
 * @licenseurl: http://www.fontsquirrel.com/license/Beautiful-ES
 *
 *
 */

@font-face {
	font-family: 'BeautifulESRegular';
	src: url('Beautiful-ES.eot');
	src: local('Beautiful ES Regular'), local('BeautifulES'), url('Beautiful-ES.woff') format('woff'), url('Beautiful-ES.ttf') format('truetype'), url('Beautiful-ES.svg#BeautifulES') format('svg');
}

/*
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * @vendor:     The Royal National Institute for the Blind
 * @licenseurl: http://www.fontsquirrel.com/license/Tiresias-Infofont
 *
 *
 */

@font-face {
	font-family: 'TiresiasInfofontRegular';
	src: url('Tiresias_Infofont.eot');
	src: local('Tiresias Infofont Regular'), local('TiresiasInfofont'), url('Tiresias_Infofont.woff') format('woff'), url('Tiresias_Infofont.ttf') format('truetype'), url('Tiresias_Infofont.svg#TiresiasInfofont') format('svg');
}

/* ------------------------------------ 
=reset all style 
http://meyerweb.com/eric/tools/css/reset/
v1.0 | 20080212
------------------------------------ */
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;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ------------------------------------ 
=link
------------------------------------ */
a:link, a:visited {
	color: #666;
}

a:hover {
	color: #333;
	text-decoration: none;
}

/* ------------------------------------ 
=general elements
------------------------------------ */
body, h1, h2 {
	font-family: Arial, Helvetica, sans-serif;
}

p {
	font-size: 90%;	
}

#content-main .enlarge {
	font: Verdana, Geneva, sans-serif;
	font-style: italic;
	font-size:0.7em;
	line-height: 1em;
	display: inline;
	font-weight: normal;
}

.warranty {
	float: left;
	padding-right: 10px;
	padding-top: 5px;
}

.clear {
	clear: both;
	padding-top: 30px;
}

.warranty-heading {
	padding-top: 25px;	
}

/* ------------------------------------ 
=layout
------------------------------------ */
body {
	text-align: center;
}

#wrapper {
	text-align: left;
	margin: 0 auto;
	width: 990px;
	background: #FFF url(../images/bg.jpg) repeat-y top center;
}

#header {
	background: #FFF url(../images/header.jpg) no-repeat top center;
	width: 990px;
	height: 39px;
	/display: inline;
}

#branding {
	clear: both;
	display: inline;
}

#footer {
	clear: both;
	background: url(../images/footer.jpg) no-repeat center bottom;
	width: 990px;
	height: 39px;
	padding-bottom: 20px;
}

#branding img{
	margin: 53px 0 0 45px;
	float: left;
}

#free-measure-banner {
	position: relative;
}

#free-measure-banner img{
	margin: 53px 45px 0 0;
	float: right;
}

.free-quote-lady {
left:728px;
position:absolute;
top:-4px;
}

.fireman {
left:3px;
position:absolute;
top:145px;
}


#nav-main {
	width: 897px;
	margin: 8px auto;
	clear: both;
}

ul#nav {
	width: 897px;
	border-top: 5px solid #004b8d;
	float: left;
	margin: 8px auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.75em;
}

ul#nav li {
	display: inline;
}

ul#nav li a {
	color: #666;
	text-decoration: none;
	margin: 0 22px 0 22px;
	padding-top: 10px;
	display: block;
	float: left;
}

ul#nav li a:hover {
	color: #333;
	background: url(../images/nav_arrow.gif) no-repeat center top;
}

#homepage ul#nav li a#home, #about ul#nav li a#about, #the-system ul#nav li a#the-system, #products ul#nav li a#products, #distributors ul#nav li a#distributors, #important-information ul#nav li a#important-information, #faq ul#nav li a#faq, #gallery ul#nav li a#gallery, #contact-us ul#nav li a#contact, #why-ultraguard ul#nav li a#about, #alum-mesh ul#nav li a#products, #metalguard ul#nav li a#products, #metalguard ul#nav li a#products, #plastic-gutter ul#nav li a#products, #dealers ul#nav li a#distributors, #resellers ul#nav li a#distributors, #bushfire-information ul#nav li a#important-information, #regulations ul#nav li a#important-information,
#the-traps ul#nav li a#important-information, #insect-prevention ul#nav li a#important-information, #installation ul#nav li a#important-information,
#product-selector ul#nav li a#important-information{
	background: url(../images/nav_arrow.gif) no-repeat center top;
}

#front-banner {
	width: 990px;
	margin: 0 auto;
	float: left;
	text-align: center;
	position: relative;	
}

a#great-deal-link{
position:absolute;
left:566px;
top:307px;
width:232px;
height:28px;
z-index:9999;
text-indent: -9999px;
display: block;
cursor: pointer;
background: url(../images/more-info.png) no-repeat top left;
}

#close-link {
	position: absolute;
	top: 63px;
	right: 179px;
	width: 45px;
	height: 20px;
	z-index: 9999;
	display: block;
	cursor: pointer;
	text-indent: -9999px;
}

#system-banner {
	display: none;
	position: absolute;
	top: 0;
	left: 32px;
	z-index: 9900;
}

#great-deal{
left:150px;
position:absolute;
top:40px;
}

#top-banner {
	width: 990px;
	margin: 5px auto;
	float: left;
	text-align: center;
}

.sidebar-one {
	position: absolute;
	top: 135px;
	left: 18px;
	font-size: 82%;
}

#content {
	width: 900px;
	float: left;
	padding: 0 47px;
	clear: both;
}

#nav-secondary {
	float: left;
	width: 190px;
	margin-top: 10px;
}

#nav-secondary ul {
	float: left;
}

#nav-secondary ul li {
	display: inline;
}

#nav-secondary ul li a {
	display: block;
	text-decoration: none;
	color: #333;
	width: 180px;
	padding: 9px 0 9px 13px;
	background-color: #CCC;
	font-size: 80%;
	margin-top: 5px;
	letter-spacing: -0.5px;
}

#nav-secondary ul li a:hover, #about #nav-secondary ul li a#about, #why-ultraguard #nav-secondary ul li a#why-ultraguard,
#products #nav-secondary ul li a#products, #alum-mesh #nav-secondary ul li a#alum-mesh, #metalguard #nav-secondary ul li a#metalguard,
#plastic-gutter #nav-secondary ul li a#plastic-gutter, #dealers #nav-secondary ul li a#dealers, #resellers #nav-secondary ul li a#resellers,
#contact-us #nav-secondary ul li a#contact-us, #faq #nav-secondary ul li a#faq, #the-system #nav-secondary ul li a#the-system,
#important-information #nav-secondary ul li a#competitor-comparison, #bushfire-information #nav-secondary ul li a#bushfire-information,
#regulations #nav-secondary ul li a#regulations, #the-traps #nav-secondary ul li a#the-traps, #insect-prevention #nav-secondary ul li a#insect-prevention,
#installation #nav-secondary ul li a#installation, #product-selector #nav-secondary ul li a#product-selector, #gallery #nav-secondary ul li a#gallery {
	color: #fff;
	background: #004B8D url(../images/nav_arrow_white.gif) no-repeat right center;
}

#content-main {
	float: left;
	width: 450px;
	margin: 0 15px;
	background: url(../images/content_seal_bg.gif) no-repeat right bottom;
}

#content-main h1 {
	margin: 35px 0 15px 0;
	padding-bottom: 4px;
	border-bottom: 6px solid #CCC;
	font: 30px/50px 'TiresiasInfofontRegular', Arial, sans-serif;
	letter-spacing: -1px;
}

#content-main h2 {
	font-size: 0.9em;
	margin: 30px 0 10px 0;
}

#content-main p {
	font-size: 0.8em;
	line-height: 1.4em;
	margin: 0 0 20px 0;
	color: #333;
}

#content-main ul {
	padding-right: 30px;
	padding-left: 10px;
}

#content-main ul li {
	float: left;
}

#content-main ul li p {
	margin: 0;
	padding: 0 0 5px 5px;
}

#content-main ul li strong {
	padding: 5px 0 5px 5px;
	display: block;
}

#content-main ul li a {
	margin-bottom: 20px;	
}

#content-main ul li a.alum-mesh{
	background: url(../images/aluminium_mesh.jpg) no-repeat left top;
	width: 388px;
	height: 109px;
	text-indent: -9999px;
	float: left;
}

#content-main ul li a.alum-mesh:hover{
	background: url(../images/aluminium_mesh_hover.jpg) no-repeat left top;
}

#content-main ul li a.metalguard{
	background: url(../images/metalguard.jpg) no-repeat left top;
	width: 385px;
	height: 109px;
	text-indent: -9999px;
	float: left;
}

#content-main ul li a.metalguard:hover{
	background: url(../images/metalguard_hover.jpg) no-repeat left top;
}

#content-main ul li a.plastic-gutter{
	background: url(../images/plastic_gutter.gif) no-repeat left top;
	width: 386px;
	height: 109px;
	text-indent: -9999px;
	float: left;
}

#content-main ul li a.plastic-gutter:hover{
	background: url(../images/plastic_gutter_hover.jpg) no-repeat left top;
}

#alum-mesh #content-main h2, #metalguard #content-main h2, #plastic-gutter #content-main h2 {
	font-size: 1.1em;
}

#alum-mesh #content-main h2.spec, #metalguard #content-main h2.spec, #plastic-gutter #content-main h2.spec {
	clear: both;
}


#alum-mesh #content-main h3, #metalguard #content-main h3, #plastic-gutter #content-main h3, #bushfire-information #content-main h3 {
	font-size: 0.9em;
	margin: 30px 0 10px 0;
}

#alum-mesh #content-main img.alum-graph {
	padding-bottom: 20px;
}

#alum-mesh #content-main ul, #metalguard #content-main ul, #plastic-gutter #content-main ul, #dealers #content-main ul {
	font-size: 0.8em;
	line-height: 1.4em;
	margin: 0 0 20px 0;
	color: #333;
	float: left;
	clear: both;
}

#alum-mesh #content-main ul li, #metalguard #content-main ul li, #plastic-gutter #content-main ul li {
	clear: both;
	background: url(../images/tick.gif) no-repeat left top;
	padding-left: 22px;
	width: 220px;
}

#alum-mesh h4.bottom-slogan {
	font: 32px/68px 'BeautifulESRegular', Arial, sans-serif;
}

#metalguard h4.bottom-slogan {
	font: 28px/68px 'BeautifulESRegular', Arial, sans-serif;
}

#plastic-gutter h4.bottom-slogan {
	font: 35px/35px 'BeautifulESRegular', Arial, sans-serif;
}

#plastic-gutter .important, #important-information .important, #bushfire-information .important, #regulations .important{
	text-align: center;
	border: 1px solid #CCC;
	padding: 15px;
}

#plastic-gutter #content-main .important h3, #bushfire-information #content-main .important h3, #regulations #content-main .important h3 {
	font-size: 0.8em;
	margin: 0 0 10px 0;
}

#plastic-gutter .important p, #bushfire-information #content-main .important p, #regulations #content-main .important p{
	font-size: 0.7em;
	margin: 0;
}

#dealers #content-main h2 {
	clear: both;	
}

#dealers #content-main strong {
	font-style:italic;
	color: #333;
}

#dealers #content-main img.dealer-seal{
	float: right;
	padding: 5px 10px;
}

#resellers #content-main img.resellers-seal{
	float: right;
	padding: 15px 18px;
}

.free-booklet {
	float: right;	
}

#dealers #content-main ul li {
	clear: both;
	padding-bottom: 5px;
}



/* =contact us */
#contact-us #content-main ul {
	clear: both;
	float: left;
	margin-bottom: 30px;
}

#contact-us #content-main ul li {
	clear: both;
	padding-bottom: 5px;
	font-size: 0.9em;
	line-height: 1.2em;
}

#contact-us #content-main ul li span{
	font-weight: bold;
}

#contact-us #content-main .contact-form {
	clear: both;
	margin-left: 10px;
}

#the-system #content-main img {
	margin-bottom: 30px;
}

#bushfire-information #content-main img {
	float: right;
	margin: 5px 15px 10px 15px;
}

#bushfire-information #content-main .bushfire-booklet {
	float: right;
	margin: 5px 15px 15px 5px;
}

#bushfire-information #content-main .note, #regulations #content-main .note {
	text-align: center;
}

#bushfire-information #content-main .bottom-slogan {
	font: 37px/43px 'BeautifulESRegular', Arial, sans-serif;
}

#bushfire-information #content-main .contact-form {
	clear: both;
}

#regulations #content-main .regulations {
	float: right;
	margin: 30px 15px 10px 15px;
}

#regulations .tick {
	clear: both;
	background: url(../images/tick.gif) no-repeat left top;
	padding-left: 22px;
}

#regulations #content-main .bottom-slogan {
	font: 37px/43px 'BeautifulESRegular', Arial, sans-serif;
}

#the-traps #content-main ul { 
	clear: both;
	float: left;
	margin-bottom: 30px;
}

#the-traps #content-main li {
	clear: both;
	background: url(../images/tick.gif) no-repeat left top;
	padding-left: 22px;
	margin-bottom: 10px;
}

#the-traps #content-main img {
	float: right;
	margin: 0 15px 10px 15px;
}

#the-traps #content-main .contact-form {
	clear: both;
}

#insect-prevention #content-main img.right {
	float: right;
	margin: 0 15px 10px 15px;
}

#insect-prevention #content-main ul {
	clear: both;
	float: left;
	margin-bottom: 30px;
}

#insect-prevention #content-main li {
	clear: both;
	background: url(../images/tick.gif) no-repeat left top;
	padding-left: 20px;
	margin-bottom: 10px;
	font-size: 0.9em;
	width: 385px;
}

#insect-prevention #content-main .information {
	clear: both;	
}

#insect-prevention #content-main .bottom-slogan {
	font: 35px/43px 'BeautifulESRegular', Arial, sans-serif;	
}

#installation #content-main ul {
	clear: both;
	float: left;
	margin-bottom: 20px;
	width: 400px;
}

#installation #content-main ul li {
	clear: both;
	background: url(../images/tick.gif) no-repeat left top;
	padding-left: 20px;
	margin-bottom: 10px;
	font-size: 0.85em;
	line-height: 1.1em;
	width: 385px;
}

#installation #content-main ol li, #installation #content-main ol li p {
	padding: 0;	
	line-height: 1.1em;
}

#installation #content-main .contact-form {
	clear: both;
}

#installation #content-main img.right {
	float: right;
	margin: 0 15px 10px 15px;
}

#product-selector #content-main ol li p{
	padding: 0;	
	line-height: 1.1em;
}

#content-main .note {
	font-size: 0.6em;
	color: #666;
	margin-top: 10px;
}

#content-main ol {
	list-style: outside decimal;	
	color: #004B8D;
	margin-left: 34px;
	padding-right: 15px;
	font-weight: bold;
}

#content-main ol li {
	padding-bottom: 5px;
}

#content-main ol li strong {
	color: #333;
	font-size: 0.9em;
}

#content-main ol li p{
	font-size: 0.8em;
	line-height: 1.6em;
	margin: 0 0 20px 0;
	color: #333;
	font-weight: normal;
}

h4.bottom-slogan {
	font: 39px/68px 'BeautifulESRegular', Arial, sans-serif;
	letter-spacing: 0;
	color: #999;
}

#important-information h4.bottom-slogan {
	font: 39px/40px 'BeautifulESRegular', Arial, sans-serif;
	letter-spacing: 0;
	color: #999;
	margin-bottom: 20px;
}

#sidebar {
	width: 225px;
	float: right;
}

#sidebar ul li {
	margin: 5px 0;
	position: relative;
}

#sidebar ul li.sidebar-booklet, #sidebar ul li.sidebar-contact {
	position: relative;
}

#sidebar ul li.sidebar-booklet a {
	position: absolute;
	bottom: 10px;
	right: 20px;
	font-size: 85%;
}

#sidebar ul li.sidebar-contact a {
	position: absolute;
	bottom: 10px;
	left: 13px;
	font-size: 85%;
}

#front-content {
	width: 990px;
	height: 421px;
	float: left;
	background:url(../images/content_bg.gif) no-repeat left top;
	margin: 5px 0 0 47px;
}

#first-col-content {
	width: 181px;
	height: 395px;
	padding: 17px;
	float: left;
}

#top-first-col-content {
	position: relative;
}

#top-first-col-content a {
	position: absolute;
	bottom: 10px;
	left: 12px;
	font-size: 82%;
}

#bottom-first-col-content {
	padding-top: 10px;
	position: relative;
}

#bottom-first-col-content a {
	position: absolute;
	bottom: 10px;
	right: 12px;
	font-size: 82%;
}

#second-col-content {
	width: 206px;
	height: 395px;
	padding: 17px;
	float: left;
	text-align: center;
	background: url(../images/feature_block_bg.jpg) no-repeat center 16px;
}

#second-col-content h2, #third-col-content h2 {
	color: #333;
	font-size: 110%;
	margin-top: 208px;
	/margin-top: 223px;
}

#second-col-content ul {
	text-align: left;
	font-size: 90%;
	line-height: 1.3em;
	margin: 8px 0 0 20px;
}

#second-col-content ul li {
	background: url(../images/tick.gif) no-repeat left top;
	padding-left: 22px;
}

#second-col-content div {
	border-top: 1px solid #999;
	width: 190px;
	margin: 10px auto;
}

#second-col-content p{
	font-size: 80%;
	color: #666;
	float: right;
	margin: 10px 15px 0 0;
}

#third-col-content {
	width: 200px;
	height: 395px;
	padding: 17px;
	float: left;
	text-align: center;
	background: url(../images/question_block_bg.jpg) no-repeat center 16px;
}

#third-col-content h2 {
	letter-spacing: -0.5px;
}

#third-col-content h3 {
	margin-top: 15px;	
	font-size: 85%;
}

#third-col-content h3, #third-col-content p {
	text-align: left;
	margin-left: 15px;
}

#third-col-content p {
	font-size: 80%;	
	padding-right: 10px;
	color: #666;
	margin-top: 5px;
	line-height: 1.3em;
}

#third-col-content img {
	margin-top: 15px;	
	/margin-top: 13px;
}

#faq_drop_down {
	margin-top: 8px;
	width: 170px;	
}

.faq-btn {
	background: url(../images/faq_btn.gif) no-repeat left top;
	width: 125px;
	height: 35px;
	display: block;
	clear: both;
	margin: 6px auto;
	text-indent: -9999px;
}

#fourth-col-content {
	position: relative;
	width: 172px;
	height: 395px;
	padding: 17px;
	float: left;
	background: url(../images/bushfire_banner.jpg) no-repeat center 16px;
}

#fourth-col-content p a{
	font-size: 85%;	
	padding-right: 10px;
	color: #fff;
	margin-top: 365px;
	line-height: 1.3em;
	float: right;	
	display: inline;
}