/*
Title:		Reset default browser styles
Author:		justine@gentlecode.net, based on Eric Meyer's and Dan Cederholm's CSS
*/


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, acronym, 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, thead, tr, th, td {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	border: 0;
	outline: 0;
	background: transparent;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a img, :link img, :visited img {
	border: 0;
}

q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}/*
Title:		Master styles for screen media
Author:		justine@gentlecode.net
*/


body {
	font: 12px/18px Verdana, Arial, sans-serif;
	color: #505050;
	background-color: #dedede;
}

/* Links */

a:link, a:visited {
	color: #507b8d;
	outline: none;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

p {
	margin-bottom: 15px;
}


/* PAGE STRUCTURE
------------------------------------------------------------- */

.inner {
	width: 940px;
	margin: 0 auto;
}

img { padding: 0; margin: 0; }


/* HEADER
------------------------------------------------------------- */

.header h1 {
	width: 100px;
	height: 40px;
	line-height: 40px;
	float: right;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
}

.header h1 a {
	display: block;
	width: 170px;
	height: 40px;
	float: left;
	text-indent: -9999px;
	margin: 0 22px 0 0;
	background: url(http://www.lusahn.co.za/resources/images/login-logo.png) no-repeat;
}

.header h1 span {
	display: block;
	float: left;
	height: 40px;
	padding: 0 0 0 23px;
	background: url(http://www.lusahn.co.za/resources/images/templates/website/separator-logo.png) 0 50% no-repeat;
}

/* Navigation - first level */

.nav { 
	position: relative;
}

.header ul.nav {
	height: 40px;
	line-height: 40px;
	padding: 0 0 0 25px;
	float: left;
	background: url(http://www.lusahn.co.za/resources/images/templates/website/menu-bg.png) repeat;
	background-color: rgba(255, 255, 255, );
	border: 1px solid rgba(255, 255, 255, 0.07);
	border-bottom: 0;
	position: relative;
	/*text-transform: uppercase;*/
	font-size: 10px;
	font-weight: bold;
}

.header ul.nav li {
	float: left;
	margin: 0 32px 0 0;
	position: relative; 
}

.header ul.nav li a {
	display: block;
	height: 40px;
	color: #c4c4c4;
	position: relative;
}
.on {
	color: #FFFFFF !important;
}

.header ul.nav li.hover, .header ul.nav a:hover { 
	position: relative; 

}

/* Navigation - second level */

.header ul.nav ul {
	width: 155px;
	visibility: hidden; 
	position: absolute; 
	top: 100%; left: -53px;  
	background: url(http://www.lusahn.co.za/resources/images/templates/website/bg-tooltip.png) 50% 10px no-repeat;
	padding-top: 17px;
	z-index: 100;
}

.header ul.nav ul li {  
	float: none; 
	display: block;
	margin: 0;
        background-color: white;
	/*background: url(http://www.lusahn.co.za/resources/images/templates/website/bg-tooltip-repeat.png) repeat;*/
	/*background-color: rgba(255, 255, 255, 0.87);*/
}

.header ul.nav ul li a { 
	color: #507b8d;
	padding: 0 20px;
}

/* FEATURED 
------------------------------------------------------------- */

.featured {
	margin-bottom: 73px;
	background: transparent url(http://www.lusahn.co.za/resources/images/templates/website/bg-featured.png) no-repeat;
	position: relative; 
}

#cu3er-container {
	margin-bottom: 73px;
 	outline: none;
}

/* We use div.featured to create the headings on subpages */

.subpage .featured {
	margin-bottom: 0;
	height: 90px;
}

.subpage .featured h2 {
	color: #fff;
	font-size: 20px;
	text-transform: uppercase;
	padding: 20px;
}

/* --- */

.featured, .featured .item, .featured .item-wrap {
	position: relative; 
	height: 257px;	
}

.featured .item {
	position: relative; 
	float: left;
	width: 100%;
}

/* Slider - full width */

.featured .item div.caption {
	height: 42px;
	line-height: 42px;
	position: absolute;
	right: 0; bottom: 20px;
	padding: 0 20px;
	color: #fff;
	text-transform: uppercase;
	font-size: 18px;
	background: url(http://www.lusahn.co.za/resources/images/templates/website/bg-caption.png) repeat-x;
	overflow: hidden;
	margin: 0;
}

.featured .item div.caption span {
	display: block;
	float: left;
	line-height: 38px;
}

.featured .item div.caption a {
	display: block;
	float: right;
	margin: 0 0 0 10px;
	line-height: 44px;
	font-size: 12px;
}

/* Slider - iPhone */

.featured .item .descr {
	width: 455px;
	float: left;
	padding: 30px 0 0 25px;
	color: #8e8e8e;
}

.featured .item .descr h3 {
	color: #fff;
	font-size: 20px;
	line-height: 24px;
	text-transform: uppercase;
	margin-bottom: 15px;
	padding: 0;
	border: none;
}

.featured .item .thumbs {
	position: relative;
	width: 460px;
	height: auto;
	float: left;
	overflow: visible;
}

.featured .item .thumbs img.big {
	position: absolute;
	top: -15px; left: 20px;
	padding: 91px 28px 0 25px;
	background: url(http://www.lusahn.co.za/resources/images/templates/website/bg-iphone-big.png) no-repeat;
	z-index: 1000;
}

.featured .item .thumbs img.small {
	position: absolute;
	top: 43px; left: 175px;
	padding: 71px 27px 0 20px;
	background: url(http://www.lusahn.co.za/resources/images/templates/website/bg-iphone-small.png) no-repeat;
	z-index: 999;

}

/* Slider - navigation */

.featured .featured-nav {
	height: 23px;
	position: absolute;
	left: 0; bottom: 0;
	background: url(http://www.lusahn.co.za/resources/images/templates/website/bg-slider-nav.png) 100% 100% no-repeat;
	padding: 0 30px 0 20px;
	border: none;
	z-index: 10;
}

.featured .featured-nav a {
	float: left;
	margin: 6px 8px 0 0;
	display: block;
	width: 9px;
	height: 9px;
	text-indent: -9999px;
	background: url(http://www.lusahn.co.za/resources/images/templates/website/bg-slider-bullet.png) right no-repeat;
}

.featured .featured-nav a:hover, .featured .featured-nav a.activeSlide {
	background-position: left top;
}


/* MAIN/PRIMARY STYLES
------------------------------------------------------------- */

/* Headings */

h3 {
	color: #8c8c8c;
	font-size: 18px;
	text-transform: uppercase;
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
	border-bottom: 1px solid #d6d6d6;
}

h4 {
	color: #858585;
	font-size: 14px;
	text-transform: uppercase;
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
	border-bottom: 1px solid #d6d6d6;
}

h5 {
	color: #507b8d;
	font-size: 10px;
	text-transform: uppercase;
	margin: 10px 0px;
}

a.readmore {
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: underline;
	font-weight: bold;
}

.primary {
	width: 608px;
	float: left;
	margin-bottom: 10px;
}

.full-width .primary {
	width: 100%;
}

.subpage .main {
	padding: 25px 25px 10px 25px;

}

.main {
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
	margin-top: -26px;
	position: relative;
}

/* Tabs - naviagtion */

.primary ul.tabs-nav {
	background-color: #000;
}

.primary ul.tabs-nav li {
	float: left;
	width: 25%;
}

.primary ul.tabs-nav li a {
	display: block;
	height: 23px;
	width: 100%;
	line-height: 23px;
	color: #787878;
	background-color: #222;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	border-top: 3px solid #000;
}

.primary ul.tabs-nav li a:hover, .primary ul.tabs-nav li a.current {
	background-color: #fff;
	border-top: 3px solid #fff;
	text-decoration: none;
}

/* Tabs - content */

.tab p {
	margin-bottom: 5px;
}

.tab ul {
	margin: 15px;	
}

.tab ul li {
	padding-bottom: 15px;
	border-bottom: 1px solid #d6d6d6;
	overflow: hidden;
}

.tab ul li:last-child {
	padding: 0;
	margin: 0;
	border: none;
}

.tab ul li img {
	float: left;
	margin: 0 16px 0 0;
}

/* About us - tabs */

.main ul.about-us li {
	padding: 0 0 0 80px;
	margin: 20px 0;
}

.main ul.about-us li.team {
	background: url(http://www.lusahn.co.za/resources/images/templates/website/icon-team.png) no-repeat;
}

.main ul.about-us li.do {
	background: url(http://www.lusahn.co.za/resources/images/templates/website/icon-whatwedo.png) no-repeat;
}

.main ul.about-us li.worldwide {
	background: url(http://www.lusahn.co.za/resources/images/templates/website/icon-worldwide.png) no-repeat;
}

.main ul.about-us li.support {
	background: url(http://www.lusahn.co.za/resources/images/templates/website/icon-support.png) no-repeat;
}

ul.items-nav {
	position: relative;
	margin: 16px 0 40px -38px;
}

ul.items-nav li {
	margin-bottom: 10px;
}

ul.items-nav li a {
	display: block;
	width: 290px;
	height: 42px;
	line-height: 42px;
	font-size: 15px;
	color: #858585;
	text-transform: uppercase;
	text-align: center;
	background-color: #cbcbcb;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	border-radius-bottomright: 6px;
	border-radius-topright: 6px
}

ul.items-nav li a.current {
	width: 330px;
	background: url(http://www.lusahn.co.za/resources/images/templates/website/bg-about-tab.png) repeat-x;
	-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
}

ul.items-nav li a:hover {
	text-decoration: none;
}

/* Gallery */

ul.gallery {
	margin-top: 30px;
}

ul.gallery li {
	width: 275px;
	float: left;
	margin: 0 26px 15px 0;
}

ul.gallery li .loader {
	height: 103px;
	width: 274px;
	display: block;
}

ul.gallery li:nth-child(3n+0) {
	margin-right: 0;
}

ul.pagination {
clear: both;
 }

ul.pagination li {
	float: left;
	margin: 25px 5px 25px 0;
}

ul.pagination li a {
	display: block;
	line-height: 22px;
	padding: 0 18px;
	color: #848484;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	background: url(http://www.lusahn.co.za/resources/images/templates/website/bg-pagination-item.png) 0 0 repeat-x;
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

ul.pagination li a:hover, ul.pagination li.current a {
	background-position: 100% 100%;
	text-decoration: none;
}


/* Blog - posts */

ul.posts li {
	width: 240px;
	float: left;
	margin: 25px 28px 0 0;
	padding: 25px 25px 10px;
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
}

ul.posts li:nth-child(2n+0) {
	margin-right: 0;
}

/* Forms */

.main label {
	display: block;
	color: #507b8d;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.main input {
	display: block;
	width: 290px;
	height: 26px;
	padding: 0 5px;
	border: 1px solid #c6c6c6;
	margin: 0 0 15px 0;
	font: 12px/18px Verdana, Arial, sans-serif;
	color: #505050;
}

.main select {
	display: block;
	width: 290px;
	height: 26px;
	padding: 0 5px;
	border: 1px solid #c6c6c6;
	margin: 0 0 15px 0;
	font: 12px/18px Verdana, Arial, sans-serif;
	color: #505050;
}

.orderselect {
	border: 1px solid #c6c6c6;
	font: 12px/18px Verdana, Arial, sans-serif;
	color: #505050;
}

.main input#submit {
	display: block;
	width: 75px;
	line-height: 22px;
	color: #848484;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	background: url(http://www.lusahn.co.za/resources/images/templates/website/bg-pagination-item.png) 0 0 repeat-x;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.main input.submit {
	display: block;
	width: 75px;
	line-height: 22px;
	color: #848484;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	background: url(http://www.lusahn.co.za/resources/images/templates/website/bg-pagination-item.png) 0 0 repeat-x;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.main textarea {
	display: block;
	width: 430px;
	height: 125px;
	padding: 5px;
	border: 1px solid #c6c6c6;
	margin: 0 0 15px 0;
	font: 12px/18px Verdana, Arial, sans-serif;
	color: #505050;
}

.main img.map {
	float: right;
	margin: 20px 10px 0 0;
}

.main form div#error {
	font-size: 11px;
	float: left;
}

.main form div#error span {
	margin-right: 5px;
	color: red;
}

/* Portfolio */

ul.portfolio {
	margin: -50px 0 0 1px;
}

ul.portfolio li {
	width: 240px;
	float: left;
	margin: 25px 34px 0 0;
	padding: 25px 25px 10px;
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
}

ul.portfolio li .loader {
	height: 48px;
	width: 233px;
	display: block;
}

ul.portfolio li:nth-child(3n+0) {
	margin-right: 0;
}

ul.features {
	width: 540px;
	float: left;
	overflow: hidden;
}

ul.features li {
	float: left;
	width: 230px;
	line-height: 34px;
	padding: 0 0 0 40px;
	background: url(http://www.lusahn.co.za/resources/images/templates/website/bullet-portfolio.png) 0 50% no-repeat;
	color: #507b8d;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 10px;
}

a.visit {
	display: block;
	float: right;
	width: 130px;
	line-height: 22px;
	color: #848484;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	margin: 0 220px 0 0;
	background: url(http://www.lusahn.co.za/resources/images/templates/website/bg-pagination-item.png) 0 0 repeat-x;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}

a.goback {
	display: block;
	float: right;
	color: #507b8d;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: underline;
	margin: 30px 0 0 0;	
}

/* SECONDARY STYLES
------------------------------------------------------------- */

.secondary {
	float: right;
	width: 294px;
}

.secondary .widget {
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
	position: relative;	
	margin-bottom: 35px;
}

.secondary .widget h3 {
	width: 296px;
	height: 51px;
	background: url(http://www.lusahn.co.za/resources/images/templates/website/bg-fold-top.png) 50% 50% no-repeat;
	color: #535353;
	line-height: 50px;
	text-align: center;
	text-transform: uppercase;
	position: relative;
	top: -20px; left: -1px;
	margin-bottom: -15px;
	padding: 0;
	font-size: 12px;
	border: none;
}

.secondary .widget ul {
	margin: 0 15px 15px;
}

.secondary .widget ul li {
	padding: 6px 3px;
	padding-bottom: 15px;
	margin-bottom: 9px;
	border-bottom: 1px solid #d6d6d6;
	overflow: hidden;
}

.secondary .widget ul li:last-child {
	margin: 0;
	border: none;
}

.secondary .widget ul li img {
	float: left;
	margin: 0 16px 0 0;
}

.secondary .widget ul li h5 {
	margin: 5px 0 0 0;
}

.secondary .widget ul li span, .secondary .widget ul li span a {
	font-size: 10px;
	color: #454545;
	text-transform: uppercase;
}

.secondary ul.categories {
	background: url(http://www.lusahn.co.za/resources/images/templates/website/separator-vert.png) 120px 0 repeat-y;
	margin-bottom: 30px;
}

.secondary ul.categories li {
	width: 120px;
	float: left;
	line-height: 26px;
}

.secondary ul.categories li:nth-child(2n+0) {
	margin-left: 30px;
}

.secondary ul.categories li a {
	font-size: 10px;
	color: #676767;
	text-transform: uppercase;
}

.secondary img.sponsor {
	border: 4px solid #fff;
	margin-bottom: 15px;
}

/* BOTTOM AREA AND FOOTER
------------------------------------------------------------- */

.bottom {
	margin-top: 15px;
	padding: 65px 0 0 0;
	background: url(http://www.lusahn.co.za/resources/images/templates/website/bg-bottom.png) top center no-repeat;
	font-size: 10px;
}

.bottom .widget {
	float: left;
	margin: 0 40px 0 0;
	padding: 0 40px 0 0;
	background: url(http://www.lusahn.co.za/resources/images/templates/website/separator-vert.png) 100% 0 repeat-y;
}

.bottom .widget:last-child {
	margin-right: 0;
	padding-right: 0;
	background: none;
}

.bottom .widget ul li a {
	color: #676767;
	text-transform: uppercase;
	line-height: 30px;
}

.bottom .widget.flickr {
	width: 388px;
	margin-right: 0;
	padding-right: 0;
	background: none;
}

.bottom .widget.flickr ul li {
	float: left;
	margin: 12px 10px 0 0;
}

.bottom .widget.flickr ul li a img {
	border: 3px solid #bcbcbc;
}

.bottom .widget.flickr ul li a:hover img {
	border: 3px solid #aaa;
}

.foot {
	margin: 45px 0 0 0;
	background-color: #eaeaea;
	text-transform: uppercase;
	font-size: 10px;
	color: #676767;
	height: 42px;
	line-height: 42px;
}

.foot ul {
	float: left;
}

.foot ul li {
	float: left;
	margin: 0 5px 0 0;
}

.foot ul li a {
	border-right: 1px solid #676767;
	padding: 0 5px 0 0;
	color: #676767;
}

.foot p {
	float: right;
	margin-bottom: 0;
}

.foot p a {
	color: #676767;
	font-weight: bold;
	
}

/* COMMENTS STYLES
------------------------------------------------------------- */

#comments {
	margin: 30px 0 0 0;
}

#comments ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

#comments ol li {
	background: url(http://www.lusahn.co.za/resources/images/templates/website/comments-balloon-bg.png) no-repeat top left;
	border-bottom: 1px solid #d6d6d6;
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
}

#comments ol li img {
	margin: 0 16px 0 0;
}

#comments ol li .author {
	background: url(http://www.lusahn.co.za/resources/images/templates/website/comments-author-icon.png) no-repeat center left;
	padding: 0 0 0 12px;
	line-height: 12px;
	font-weight: bold;
	font-size: 11px;
}

#comments ol li .date, #comments ol li .time {
	font-size: 9px;
	color: #7b7b7b;
	line-height: 12px;
}

#comments ol li .date {
	background: url(http://www.lusahn.co.za/resources/images/templates/website/comments-date-icon.png) no-repeat center left;
	padding: 0 0 0 12px;
	margin: 0 15px 0 0;
}

#comments ol li .time {
	background: url(http://www.lusahn.co.za/resources/images/templates/website/comments-time-icon.png) no-repeat center left;
	padding: 0 0 0 12px;
}

#comments ol li a.author_url {
	font-size: 9px;
	line-height: 12px;
	background: url(http://www.lusahn.co.za/resources/images/templates/website/comments-url-icon.png) no-repeat center left;
	padding: 0 0 0 11px;
}



#comments ol li span.author_url {
	font-size: 9px;
	line-height: 12px;
	color: #999
}

#comments ol li .reply {
	float: right;
	font-size: 10px;
	letter-spacing: 2px;
	text-decoration: underline;
	text-transform: uppercase;
	background: url(http://www.lusahn.co.za/resources/images/templates/website/comments-reply-icon.png) no-repeat center left;
	padding: 0 0 0 14px;
}

#comments .comment-content {
	background: #d6d6d6;
	margin: 5px 0 0 0;
	padding: 15px 15px 1px 15px;
	font-size: 11px;
}

#comments ol li ul {
	padding: 20px 20px 0 20px;
	margin: 0;
	list-style: none;
	border: 1px dashed #d6d6d6;
	border-top: none;
}

#comments ol li ul li {
	background: url(http://www.lusahn.co.za/resources/images/templates/website/comments-balloon-bg.png) no-repeat top left;
	border-bottom: none;
	padding: 0 0 5px 0;
	margin: 0 0 15px 0;
}

/* COMMENT STYLES
------------------------------------------------------------- */

#comment {
	margin: 30px 0 0 0;
}

/* MISC.
------------------------------------------------------------- */

.hide {
	display: none;
}


/* self-clear floats */

.group:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.featured .item p a:hover, h3 a:hover, h4 a:hover, .subpage .featured h2 a:hover, ul.items-nav li a:hover {
	
 	text-decoration: none;
  	color: #2a8bb4;

}

.loader { background: #d6d6d6 url(http://www.lusahn.co.za/resources/images/templates/website/ajax-loader.gif) no-repeat center center; }

/* Tables */

table.data-table {
	border: 1px solid #EEE;
	margin-bottom: 2em;
	width: 100%;
}
table.data-table th {
	background: #EEE;
	border: 1px solid #DDD;
	color: #555;
	text-align: left;
}
table.data-table tr {border-bottom: 1px solid #EEE;}
table.data-table td, table th {padding: 8px 10px;}
table.data-table td {
	background: #F6F6F6;
	border: 1px solid #E6E6E6;
}
table.data-table tr.even td {background: #FCFCFC;}/*
Title:		IE patches and fixes
Author:		justine@gentlecode.net
*/

/* self-clear floats */

* html .group { /* IE6 */
	height: 1%;
}

*:first-child+html .group {	/* IE7 */
	min-height: 1%;	
} 

/* add display:inline to floated elements */
* html .header h1,
* html .header h1 a,
* html .header h1 span,
* html .header ul.nav,
* html .header ul.nav li,
* html .featured .item div.caption span,
* html .featured .item div.caption a,
* html .featured .item .descr,
* html .featured .item .thumbs,
* html .featured .featured-nav a,
* html .primary,
* html .primary ul.tabs-nav li,
* html ul.gallery li,
* html ul.pagination li,
* html ul.posts li,
* html .main img.map,
* html ul.portfolio li,
* html ul.features,
* html ul.features li,
* html a.visit,
* html a.goback,
* html .secondary,
* html .secondary ul.categories li,
* html .bottom .widget,
* html .bottom .widget.flickr ul li,
* html .foot ul,
* html .foot ul li,
* html .foot p,
* html .galleria li,
* html .tab ul li img,
* html .secondary .widget ul li img {
	display: inline;
}

/* add zoom:1 to overflow:hidden */
* html .featured .item div.caption,
* html .tab ul li,
* html ul.features,
* html .secondary .widget ul li,
* html .galleria,
* html .galleria li {
	zoom: 1;
}

/* fix negative margins */
* html .main,
* html ul.items-nav,
* html ul.portfolio,
* html .secondary .widget h3 {
	position: relative;
	zoom: 1;
}

/* add zoom:1 to pos:relative elements */
* html .header ul.nav,
* html .header ul.nav li a,
* html .header ul.nav li.hover,.header ul.nav li:hover,
* html .featured,.featured .item,.featured .item-wrap,
* html .featured .item .thumbs,
* html .main,
* html ul.items-nav,
* html .secondary .widget,
* html .secondary .widget h3 {
	zoom: 1;
}

/* other fixes - IE6 */

* html .header {
	position: relative;
	z-index: 2;
}

* html .featured {
	position: relative;
	z-index: 1;
}

* html .header ul.nav {
	background: url(http://www.lusahn.co.za/resources/images/templates/website/6.png) repeat;
}

* html .header ul.nav ul li {  
	background: url(http://www.lusahn.co.za/resources/images/templates/website/87.png) repeat;
}

* html .header {
	padding-bottom: 30px;
}

* html .header ul.nav li a {
	display: inline-block;
}

* html div.caption {
	width: 50%;
	display: inline-block;
}

* html .bottom .widget {
	margin: 0 30px 0 0;
	padding: 0 30px 0 0;
}

* html .flickr {
	margin-right: 0;
	padding-right: 0;
	background: none !important;
}

* html .featured .featured-nav {
	height: 23px;
	position: absolute;
	left: 0; bottom: 0;
	background: url(http://www.lusahn.co.za/resources/images/templates/website/bg-slider-nav.png) 100% 100% no-repeat;
	padding: 0 30px 0 20px;
	border: none;
	z-index: 1000;
}

* html .featured .featured-nav a {
	float: left;
	margin: 6px 8px 0 0;
	display: block;
	width: 9px;
	height: 9px;
	text-indent: -9999px;
	background: url(http://www.lusahn.co.za/resources/images/templates/website/bg-slider-bullet.png) right top no-repeat;
}

* html .featured .featured-nav a.activeSlide {
	background-position: left top;
}

/* other fixes - IE7 */

*:first-child+html .header {
	position: relative;
	z-index: 2 !important;
}

*:first-child+html .featured {
	position: relative;
	z-index: 1 !important;
}

*:first-child+html .header ul.nav {
	background: url(http://www.lusahn.co.za/resources/images/templates/website/6.png) repeat;
}

*:first-child+html .header ul.nav ul li {  
	background: url(http://www.lusahn.co.za/resources/images/templates/website/87.png) repeat;
}

*:first-child+html div.caption {
	width: 50%;
	display: inline-block;
}

*:first-child+html .flickr {
	margin-right: 0;
	padding-right: 0;
	background: none !important;
}

#facybox {
	position: absolute;
	top: 0;
	left: 0;
	margin: -20px 0 0 -20px;
	z-index: 100;
	text-align: left;
	padding: 18px;
	min-width: 40px;
	min-height: 40px;
}
#facybox .w,  #facybox .e, #facybox  .nw,
#facybox .ne, #facybox .sw, #facybox .se {
	min-height: 18px;
	min-width: 13px;
}
#facybox .n, #facybox .s {
	background-repeat: repeat-x;
	height: 18px;
}
#facybox .w, #facybox .e {
	background-repeat: repeat-y;
}

#facybox .nw, #facybox .ne, #facybox .sw, #facybox .se,
#facybox a.next, #facybox a.prev,
#facybox .closek #facybox .loading {
	background-repeat: no-repeat;
}

#facybox a.next {
  background-position: 9999px 50%;
}

#facybox a.prev {
  background-position: -9999px 50%;
}
#facybox a.prev:hover{
	background-position: 0 50%;
}
#facybox a.next:hover{
	background-position: 100% 50%;
}

#facybox .close {
	position: absolute;
	top: 5px;
	right: 0;
	display: block;
	width: 30px;
	height: 30px;
}

#facybox .prev,
#facybox .next{
	display: block;
	position: absolute;
	cursor: pointer;
}

#facybox .navigation .counter{
	background: #000;
	color: #fff;
	text-align: center;
	position: absolute;
	bottom: -33px;
	left: -10px;
	padding: 2px 0;
	font-size: 11px;
}

#facybox .loading {
  margin: 0 auto;
  width: 22px;
  height: 22px;
  text-align: center;
}

#facybox .popup {
  position: relative;
}

#facybox table {
  border-collapse: collapse;
}

#facybox td {
  border-bottom: 0;
  padding: 0;
}

#facybox .body {
  padding: 10px;
  background: #fff;
  width: auto;
}

#facybox .loading {
  text-align: center;
}

#facybox .image {
  text-align: center;
  line-height: 0;
}

#facybox img {
  border: 0;
  margin: 0;
}

#facybox .footer {
	position: absolute;
	top: 28px;
	left: 23px;
	padding: 0;
	width: 90%;
}

#facybox .footer img {
  vertical-align: middle;
}

#facybox .tl, #facybox .tr, #facybox .bl, #facybox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facybox_overlay {
	position: fixed;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
}

.facybox_hide {
  z-index:-100;
}

.facybox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facybox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
/*
    A separte CSS file dedicated to rules that involve
    URLs. This makes it easy to configure where your
    http://www.lusahn.co.za/resources/images/templates/website/fancybox are without having to edit the main fancybox
    stylesheet.
*/

#fancybox .n       { background-image: url('http://www.lusahn.co.za/resources/images/templates/website/fancybox/fancy_shadow_n.png');  }
#fancybox .s       { background-image: url('http://www.lusahn.co.za/resources/images/templates/website/fancybox/fancy_shadow_s.png');  }
#fancybox .w       { background-image: url('http://www.lusahn.co.za/resources/images/templates/website/fancybox/fancy_shadow_w.png');  }
#fancybox .e       { background-image: url('http://www.lusahn.co.za/resources/images/templates/website/fancybox/fancy_shadow_e.png');  }
#fancybox .nw      { background-image: url('http://www.lusahn.co.za/resources/images/templates/website/fancybox/fancy_shadow_nw.png'); }
#fancybox .ne      { background-image: url('http://www.lusahn.co.za/resources/images/templates/website/fancybox/fancy_shadow_ne.png'); }
#fancybox .sw      { background-image: url('http://www.lusahn.co.za/resources/images/templates/website/fancybox/fancy_shadow_sw.png'); }
#fancybox .se      { background-image: url('http://www.lusahn.co.za/resources/images/templates/website/fancybox/fancy_shadow_se.png'); }
#fancybox a.next   { background-image: url('http://www.lusahn.co.za/resources/images/templates/website/fancybox/fancy_right.png');     }
#fancybox a.prev   { background-image: url('http://www.lusahn.co.za/resources/images/templates/website/fancybox/fancy_left.png');      }
#fancybox .close   { background-image: url('http://www.lusahn.co.za/resources/images/templates/website/fancybox/fancy_closebox.png');  }
#fancybox .loading { background-image: url('http://www.lusahn.co.za/resources/images/templates/website/fancybox/loading.gif');         }
.galleria{width: 100%; margin: 15px auto 30px; overflow: hidden; }
.galleria li{width:86px;height:46px;margin: 0 20px 0 0; float: left; overflow: hidden; border: 3px solid #c6c6c6}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:240px;}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */.top {
	width: 100%;
	background: #000 url(http://www.lusahn.co.za/resources/images/templates/website/bg-body2.png) top center no-repeat;
}
.header {
	height: 80px;
	padding: 35px 0 0;
	background: none;
	position: relative; 

}