/* CSS Document - www.levionline.co.nz */

/* GENERAL */
html, body, #page, #gallery {height:100%; position:relative; z-index:1;}
body {
	margin:0;
	padding:0;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	background: #000 !important;
	text-align:center;
	color:#fff;
}
h1, h2, h3, h4, h5, h6, p, a {
	margin:0;
	padding:0;
}
h1 {
	font: 2.8em/1.4em Arial, Helvetica, sans-serif;
	color: #F9A51E;
	letter-spacing:0px;
}
h3 {
	font: 1.8em/1.4em Arial, Helvetica, sans-serif;
	color: #F9A51E;
	clear:left;
}
h4 {
	font: bold 1.4em Arial, Helvetica, sans-serif;
	color: #F9A51E;
}
h5 {
	font: 1.4em/1.8em Verdana, Arial, Helvetica, sans-serif;
	color:#F9A51E;
}
p {
	font: 1.2em/1.7em Verdana, Arial, Helvetica, sans-serif;
}

#main a, #footer a {
	padding: 2px;
	color: #fff;
	text-decoration: none;
}
#main a:hover, #footer a:hover {
	text-decoration: none;
	padding: 2px;
	color:#F9A51E;
	text-align: right;
}


h1 a, h3 a {
	padding: 0;
}
h1 a:visited, h3 a:visited {
	color: #1499E7;
}
h1 a:link, h3 a:link {
	padding:0;
	color: #0E6FA7;
	text-decoration: none;
}
h1 a:hover, h3 a:hover {
	color: #FFF;
	background-color: #1499E7;
}

h5 a:visited {
	color: #0E6FA7;
	border-bottom: 1px dotted #0E6FA7;
}
h5 a:link {
	color: #1499E7;
	text-decoration: none;
	border-bottom: 1px dotted #1499E7;
}
h5 a:hover {
	color: #FFF;
	background-color: #0E6FA7;
	border-bottom: 1px dotted #0E6FA7;
}

img {
	border: none;
}

img.floatright {
	float:right;
	clear:right;
	margin:10px;
}

ul.products-services, ul.products-services ul {
	list-style-type:none;
}
ul.products-services ul {
	margin-bottom:12px;
}
ul.products-services li {
	padding-bottom:5px;
}
ul.products-services a {
	font: 1.2em/1.8em Verdana, Arial, Helvetica, sans-serif;
	color: #455548;
	border-bottom:1px solid #ccc;
	text-decoration:none;
}
ul.products-services a:hover {
	color:#1499E7;
}

div.clearer {
	clear:both;
	border:none;
	margin:0;
	padding:0;
	height:20px;
}


#page {
	width:760px;
	text-align:left;
	margin:0 auto;
	padding-bottom:50px;
}

/* HEADER */

#header {
	position:relative;
	z-index:10;
}

#header-content {
	width:760px;
}


/* MAIN SECTION */

#main {
	background: #000;
	clear:left;
}

#maintext {
	margin: 0 auto;
	padding: 20px 0;
}
#maintext h5 {
	margin-bottom: 16px;
}
#maintext p {
	margin-top: 1.2em;
}
ul.tick {
	font: 1.2em/1.7em Verdana, Arial, Helvetica, sans-serif;
	color: #455548;
	list-style-image:url(../images/tick.gif);
	margin:20px 30px 30px 30px;
}

#maintext h3 {
	margin: 16px 0;
}

.left-col {
	width:350px;
}

.right-col {
	width:550px;
	float:right;
}

.left-col-form {
	width:300px;
	float:left;
	clear:left;
}

.right-col-form {
	width:300px;
	float:left;
}

.red {
	color:#FF0000;
	font-size:0.9em;
}

#terms-conditions {
	padding:30px;
	font-size:1.1em;
}

#terms-conditions h5 {
	margin-top:24px;
}

.bottom-buttons {
	margin:40px 0 10px 0;
	text-align:center;
}

.bottom-buttons img {
	margin:0 3px;
}

/* BOTTOM SECTION */

#bottom-bar {
	background: #fff;
	color: #F5F3F0;
}
#bottom-bar p {
	color: #999999;
	font: 1.1em/1.5em Verdana, Arial, Helvetica, sans-serif;
	margin-top: 1em;
}
#bottom-bar ul, #bottom-bar li {
	padding:0;
	margin:0;
}
#bottom-bar h3 {
	color: #333333;
	margin-bottom: 16px;
}

#bottom-bar h3 span {
	padding: 0;
	text-decoration: none;
	color:#fff;
	display: inline;
}

#bottom-text {
	width:680px;
	margin: 0 auto;
	padding: 10px 0;
}

.announcements {
	width: 210px;
	float: left;
	padding: 10px 20px 10px 0;
	margin-right:10px;
}
.contact {
	width: 210px;
	float: left;
	padding: 10px 20px 10px 0;
	margin-right:10px;
}
.clientaccess {
	width: 180px;
	float: left;
	padding: 10px 20px 10px 0;
}

.announcements p, .contact p, .clientaccess p {
	margin-bottom: 16px;
}

.announcements p a:link, .announcements p a:visited, .contact p a:link, .contact p a:visited, .clientaccess p a:link, .clientaccess p a:visited {
	border-bottom: 1px dotted #333;
	color:#333;
}
.announcements p a:hover, .contact p a:hover, .clientaccess p a:hover {
	border-bottom: 1px dotted #333;
	background:#081F5B;
	color:#333;
}

.announcements ul {
	list-style-type: none;
	font-size: 1.1em;
	margin: 16px 0 8px 0;
	border-top: 1px solid #cccccc;
}
.announcements ul li {
	margin: 0;
	padding: 0;
}
.announcements li a, .announcements li a:link, .announcements li a:visited {
	margin: 0;
	display: block;
	width: 210px;
	padding: 5px;
	color: #F5F3F0;
	border-bottom: 1px solid #cccccc;
}
.announcements li a:hover {
	background: #0E6FA7;
}

/* FOOTER */

#footer-block {
	border-top: 8px solid #000;
}

#footer {
	background: #000;
	clear:both;
	width:960px;
	margin:50px auto 0 auto;
}
#footertext {
	margin: 0 auto;
	padding: 10px 0 16px;
	text-align:center;
}
#footer-block p {
	color:#fff;
	font-size:0.9em;
}
#footer-block a {
	color:#fff;
}
#footer-block a:hover {
	color: #333333;
	background: #cccccc;
}

/* Forms */
/* -------------------------------------------------------------- 
   
   UX Toolkit Forms
   * Sets up some default styling for forms
   
-------------------------------------------------------------- */



fieldset { padding: 0; margin: 1em 0 1.5em 0; border: none; }
legend { padding: 0; margin: 0 0 0.4em 0; font-weight: bold; }
label { font-weight:bold; font-size:12px;}
select { margin:0 0 2px; }

fieldset ul { padding:0; margin:0 0 1.5em; list-style-type:none; }
fieldset ul li { padding:0; margin:0 0 0.75em; }

fieldset h4, fieldset ul li span label { margin:0; padding:0 0 4px 0; font-size:12px; }
fieldset h4 span, fieldset ul li span label span { color:#c00; }

fieldset ul li div { padding:0 0 7px 0; }

fieldset ul li div label { font-weight: normal; font-size:12px; display:block; color:#fff; }

fieldset input, fieldset textarea, fieldset select { font-size:12px; width:300px; }

input.button { width: auto !important; }
input.checkbox { width: auto !important; }
input.radio { width: auto !important; }

div.radio { padding:0; }

div.checkbox label, span.checkbox label, div.radio label, span.radio label { display: inline; text-transform:none; font-weight:normal; }
div.checkbox input, span.checkbox input, div.radio input, span.radio label { width: auto; margin-right:2px; }

/* Inline Help Tooltips (Give some space so the 'help icon' displays to the right of the input field) */
fieldset .colspan-1.inline-help input { width:38px; }
fieldset .colspan-2.inline-help input { width:118px; }
fieldset .colspan-3.inline-help input { width:198px; }
fieldset .colspan-4.inline-help input { width:278px; }
fieldset .colspan-5.inline-help input { width:358px; }
fieldset .colspan-6.inline-help input { width:438px; }
fieldset .colspan-7.inline-help input { width:518px; }
fieldset .colspan-8.inline-help input { width:598px; }
fieldset .colspan-9.inline-help input { width:678px; }
fieldset .colspan-10.inline-help input { width:758px; }
fieldset .colspan-11.inline-help input { width:838px; }
fieldset .colspan-12.inline-help input { width:918px; }


/* Validation */
.error, #formfeedback { background:#fff; color:red !important; border:1px solid red; display:block; padding:10px; width:400px;}
.error a, #formfeedback a {color:red !important; }
#formsuccess { background:#fff; color:black !important; border:1px solid orange; display:block; padding:10px; width:400px;}
.validation-advice { display:none; }
.validation-advice h5 { color:#c00; background:url(../../images/icons/alert-1.png) left no-repeat; padding-left: 20px; margin:0; clear:both; font-weight:bold; }
.error .validation-advice { display:block; }


/* Specific Forms Styles
-------------------------------------------------------------- */
.vert-form label { text-align:right; display:block; }




.pics {padding:0; margin:0; overflow: hidden }
.pics img { padding: 15px; border: 1px solid #000; background-color: #222; top:0; left:0 }
.pics img {
	-moz-border-radius: 10px; -webkit-border-radius: 10px;
}





/* hacks */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */