/*------------------------------------
	Fonts
------------------------------------*/
@font-face 
{
	font-family:"WeblySleek UI Light";
	src:url("/resources/fonts/weblysleekuil.eot?") format("eot"),
	url("/resources/fonts/weblysleekuil.woff") format("woff"),
	url("/resources/fonts/weblysleekuil.ttf") format("truetype"),
	url("/resources/fonts/weblysleekuil.svg#WeblySleekUILight") format("svg");
}
@font-face
{
	font-family:"WeblySleek UI Semilight";
	src:url("/resources/fonts/weblysleekuisl.eot?") format("eot"),
	url("/resources/fonts/weblysleekuisl.woff") format("woff"),
	url("/resources/fonts/weblysleekuisl.ttf") format("truetype"),
	url("/resources/fonts/weblysleekuisl.svg#WeblySleekUISemilight") format("svg");
}
@font-face
{
	font-family:"WeblySleek UI Semibold";
	src:url("/resources/fonts/weblysleekuisb.eot?") format("eot"),
	url("/resources/fonts/weblysleekuisb.woff") format("woff"),
	url("/resources/fonts/weblysleekuisb.ttf") format("truetype"),
	url("/resources/fonts/weblysleekuisb.svg#WeblySleekUISemibold") format("svg");
}
*
{
	margin:0;
	padding:0;
	border:0 none;
	font-family:"WeblySleek UI Light", Tahoma, Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:normal;
	line-height:1.2em;
	font-weight:normal;
	color:#373435;
	text-decoration:none;
}
.uc
{
	min-height:240px;
}
/*------------------------------------
	Layout
------------------------------------*/
body
{
	/*background:#848688;*/
	/*background:#373435;*/
	background:#D6D7D9;
}
#header, #content, #footer
{
	width:996px;
	margin:0 auto;
}
#header
{
	background:#FFF;
}
#content
{
	background:#FFF url(/images/design-assets/content-bg.jpg) left top no-repeat;
	padding:144px 0 32px 0;
	background-size:100% auto;
}
#footer
{
	background:#FFF url(/images/design-assets/footer-bg.jpg) center no-repeat;
	background-size:100% auto;
	border-top:4px solid #A8CF45;
	height:300px;
}
/*------------------------------------
	Nav
------------------------------------*/
#nav
{
	background-color:#00AFEF;
	list-style:none;
	height:48px;
	margin-bottom:0;
}
#nav li
{
	float:left;
	display:inline;
	width:198px;	/* total width 996px */
	border-right:1px solid #0092C8;
}
#nav li:last-child
{
	width:200px;
	border-right:0 none;
}
#nav li a
{
	background-color:#00AFEF;
	display:block;
	line-height:48px;
	color:#FFFFFF;
	text-decoration:none;
	text-align:center;
}
#nav li a:hover
{
}

/* nav highlights */
#home-body #home-link,
#about-body #about-link,
#solutions-body #solutions-link,
#contact-body #contact-link,
#enquiry-body #enquiry-link
{
	background-color:#A8CF45 !important;
}
/*------------------------------------
	General Styles
------------------------------------*/
.extra-large{font-size:48px; line-height:54px}
.large{font-size:32px; line-height:36px}
.medium{font-size:24px; line-height:28px}
.default{font-size:16px; line-height:18px}
.small{font-size:12px}

.center{text-align:center}
.capitalize{text-transform:uppercase}
.normal{font-weight:normal}
.bold{font-family:"WeblySleek UI Semibold", Tahoma, Arial, Helvetica, sans-serif}
.semilight{font-family:"WeblySleek UI Semilight", Tahoma, Arial, Helvetica, sans-serif}

.white{color:#FFFFFF}
.blue{color:#00AFEF}
.green{color:#A8CF45}
.gray{color:#A9ABAE}
.white-glow{text-shadow:0px 0px 15px #FFF}

.blue-bg{background:#00AFEF}
.green-bg{background:#A8CF45}
.gray-bg{background:#A9ABAE}
.lightgray-bg{background:#D6D7D9}
.yellow-bg{background:#F3ED86}

.block{display:block}

.link{text-decoration:none}
.link:hover{text-decoration:underline}

.download-brochure
{
	display:inline-block;
	padding:0 12px 0 48px;
	background:url(/images/design-assets/download-arrow.png) 0 center no-repeat;
	background-color:#00AFEF;
	line-height:40px;
	color:#FFF;
}
.download-brochure:hover
{
	text-decoration:none;
}

.read-more
{
	display:inline-block;
	padding:0 48px 0 12px;
	background:url(/images/design-assets/read-more-arrow.png) right center no-repeat;
	background-color:#00AFEF;
	line-height:40px;
	color:#FFF;
}
.read-more:hover
{
	text-decoration:none;
}

.about-link, .solutions-link
{
	padding:0px !important;
	text-indent:12px;
	float:left;
	display:inline;
	width:220px;
}
.about-link
{
	margin-right:12px;
}
#social-icons a
{
	display:inline-block;
	margin:0 0.2em;
}

.general-ul
{
	margin-left:1em;
}
#gmap
{
	width:616px;
	height:480px;
}
/*------------------------------------
	Solutions Table
------------------------------------*/
.solutions
{
	width:100%;
	border-collapse:collapse;
	border-bottom:1px solid #E2E2E2;
}
.solutions th, .solutions td
{
	padding:0.2em 1em;
}
.solutions th
{
	padding:1em 0.8em;
	background:#00AFEF;
	border-bottom:1px solid #FFF;
	text-align:left;
	text-transform:uppercase;
	font-size:20px;
	color:#FFF;
}
.solutions tr.title
{
	border-bottom:1px solid #FFF;
	background:#373435;
}
.solutions tr.title td
{
	font-family:"WeblySleek UI Semilight", Tahoma, Arial, Helvetica, sans-serif;
	color:#FFF;
}
.solutions tr.green-bg
{
	background:#E2E2E2;
}
.solutions tr.blue-bg
{
	background:#E2E2E2;
}

/*------------------------------------
	bjTabs
------------------------------------*/
.bjTabs ul.tabs
{
	list-style:none;
	margin-bottom:0 !important;
}
.bjTabs ul.tabs li.tab
{
	display:inline-block;
	line-height:2.4em;
	padding:0 1em;
	cursor:pointer;
	/*
	border:1px solid #A9ABAE; /* customize */
	/*border-bottom:0 none;
	/*background:#E2E2E2; /* customize */
	/*border-top-right-radius:1em;
	border-top-left-radius:0.4em;
	*/
	text-transform:uppercase;
	color:#00AFEF;
}
.activeTab
{
	border:1px solid #A9ABAE; /* customize */
	border-bottom:1px solid #FFF !important; /* customize */
	border-top-right-radius:0.4em;
	border-top-left-radius:0.4em;
	background:#FFF !important; /* customize */
	color:#373435 !important;
}

.bjTabs div.tabData
{
	/*border:1px solid #A9ABAE; /* customize */
	border-top:1px solid #A9ABAE; /* customize */
	margin-top:-1px;
}
.bjTabs div.tabData div.data
{
}

/*------------------------------------
	Form
------------------------------------*/
#form-wrapper
{
	/*background:url(../../images/form-bg-repeat.png) left top repeat;*/
}
.red{color:#DC241F;}
.textbox, .form-label, textarea, .btn
{
	display:inline-block;
	width:100%;
	height:2em;
	line-height:2em;
	text-align:center;
}
.captchaUserInput
{
	width:3em;
}
.textbox, textarea
{
	border:1px solid #A9ABAE;
	background:#FFF;
	/*background:url(../../images/form-bg-repeat.png) left top repeat;*/
}
textarea
{
	height:6em;
	line-height:1.2em;
	padding:0.4em 0;
}
.err
{
	display:inline-block;
	width:100%;
	margin-top:0.3em;
}
.btn
{
	background:#00AFEF;
	height:2.5em;
	line-height:2.5em;
	color:#FFF;
	cursor:pointer;
}
/*#submitEnquiry:hover, */#submitEnquiry:active, #submitEnquiry:focus
{
	background:#A8CF45;
}
#loader
{
	display:inline-block;
	width:100%;
	text-align:center;
}
#loader img
{
	height:2em;
	vertical-align:middle;
}
#captcha-img
{
	display:inline-block;
	height:2em;
	width:auto;
	margin:0 0.5em 0 0;
	vertical-align:top;
	border:1px solid #FFF;
}

/* sl_slider / news ticker */
.news-bg
{
	background:#FFFCC3 url(/images/design-assets/news-bg.png) left top no-repeat;
}
#news
{
	width:432px;
	height:60px;
	position:relative;
	overflow: auto;
}

#news ul
{
	list-style:none;
}
#news ul li
{
	display:block;
	width:432px;
	height:60px;
}