@charset "UTF-8";
/* CSS Document */

/* ---------------------------------------------- */

/* 
Website designed by		Design4u Creations
Website Address			http://www.design4u.com.au
Author					Riaan Oliver

Brand Red               #B91319
Brand Grey              #4C4449
*/

/* ----------------------------------------------- */

@import url("reset.css");
@import url("custom.css");

body {
	background: #fff;
	font-family: 'Century Gothic', arial, helvetica, sans-serif;
	font-size: 13px;
	color: #333;
	line-height: 1.6em;
}


/* Custom Font Regular */


/* Standard HTML Styles */

h1,h2,h3,h4,h5,h6,p,ul,ol,img {
	margin-bottom: 15px;
}

.no-mar {margin: 0px;}

strong {color: #B91319;}

h1 { font-size: 22px; font-weight: bold;}
h2 { font-size: 24px;}
h3 { font-size: 20px;}
h4 { font-size: 20px;}
h5 { font-size: 16px;}
h6 {font-weight: bold;}

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


/* box sizing */

.top-a, .main-content, 
.side-bar, .pos_style, 
.pos_style img, .bottom-a,
.custom_quote-form input[type=text], 
.custom_quote-form input[type=email], 
.custom_quote-form input[type=phone],
.custom_quote-form textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}



/* Website Styles */

.fl { float: left;}
.fr { float: right;}
 
.wrapper {
	width: 980px;
	margin: 0 auto;
}

.header, .copyright, .main-content {
	overflow: hidden;
}

.header {
	background: url(../images/header-bg.png) top center no-repeat;
}

.header-right {
	background: url(../images/contact-bg.png) top left no-repeat;
	color: #999;
	margin-top: 25px;
	margin-right: 15px;
}

.header-right p {font-size: 30px; margin-top: 18px; margin-bottom: 22px;}

.header-right p + p {font-size: 20px; font-weight: bold; margin-bottom: 0px;}

.header-right p + p + p {font-size: 20px; margin-top: 10px;}

.header-right p a { text-decoration: none;}
.header-right p a:hover { text-decoration: underline;}

.header-right strong {color: #B91319;}

.logo {margin-top: 10px; }

.contact-info { text-align: right;}

.social-media {overflow: hidden;}

.social-media ul li {
	float: left;
}

.social-media ul li a {
	display: block;
	width: 32px;
	height: 32px;
}

.social-media a.facebook { background: url(../images/fb-icon.png) no-repeat}
.social-media a.google { background: url(../images/google-icon.png) no-repeat}
.social-media a.linkedin { background: url(../images/linkedin-icon.png) no-repeat}
.social-media a.twitter { background: url(../images/twitter-icon.png) no-repeat}
.social-media a.rssfeed { background: url(../images/rss-icon.png) no-repeat}

.social-media ul li a:hover {
	opacity: 0.5;
}


#main-nav { 
	height: 45px; 
	background: #B91319; 
	position: absolute;
	z-index: 99999999;
	top: 0px;
	width: 980px;
}

#main-nav .moduletable_menu > ul > li {
	float: left;
	position: relative;
	z-index: 99;
	margin-top: -15px;
}

#main-nav .moduletable_menu > ul > li > a {
	display: block;
	height: 45px;
	line-height: 45px;
	padding: 0 12px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
	font-size: 14px;
}

#main-nav .moduletable_menu > ul > li > a:hover, #main-nav .moduletable_menu > ul > li:hover, #main-nav .moduletable_menu > ul > li.active > a {
	background: #4C4449 url(../images/nav-top-bg.png) top center no-repeat;
}

#main-nav .moduletable_menu ul ul {
	position: absolute;
	left: 0;
	display: none;
	width: 240px;
}

#main-nav .moduletable_menu ul ul li {
}

#main-nav .moduletable_menu ul ul li a {
	display: block;
	background: #4C4449;
	color: #fff;
	padding: 8px 16px;
	text-decoration: none;
	font-size: 14px;
}

#main-nav .moduletable_menu ul ul li a:hover {
	background: #555;
}

.quote_link {
	background: url(../images/quote-btn-bg.png) repeat-x;
	margin-top: -15px;
}

.quote_link a {
	display: inline-block;
	line-height: 45px;
	height: 45px;
	font-weight: bold;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0 15px;
}

.quote_link a:hover {
	background: #4C4449 url(../images/nav-top-bg.png) top center no-repeat;
}

.quote_link p, .quote_link ul, .quote_link li {margin-bottom: 0px;}

.showcase-container {
	background:url(../images/slider-bg.png) repeat-x;
	border-bottom: 1px solid #ccc;
	position: relative;
	margin-bottom: 30px;
}

.showcase img {margin-bottom: 0px;}

.showcase {
	width: 1100px;
	margin: 0 auto;
}

.top-a {
	background: url(../images/call-to-action-bg.png) no-repeat;
	width: 980px;
	height: 119px;
	padding: 27px 30px;
	margin-bottom: 30px;
}

.top-a p {	font-size: 36px; color: #fff;}
.top-a p + p {font-size: 20px; color: #F8E5E6;}

.main-content {
	background: url(../images/main-bg.jpg) top left no-repeat;
	margin-bottom: 30px;
}

.article-section {
	width: 620px;
	margin: 30px 0 0 23px;
}

.article-section ul li {
	list-style-type: disc;
	margin-left: 25px;
}

.side-bar {
	width: 320px;
}

.bottom-a {
	background: url(../images/bottom-a-bg.jpg) bottom center no-repeat;
	margin-bottom: 30px;
	padding: 20px;
}

.footer-a {
	background: url(../images/footer-top.jpg) bottom right no-repeat;
	height: 46px;
}

.footer-b {
	background: #4C4449;
	color: #fff;
	padding-top: 25px;
}

.footer-b a {color: #fff; text-decoration: none;}
.footer-b a:hover {text-decoration: underline;}

.footer-b h3 {font-size: 18px; color: #ccc;}
.copyright { background: #e5e5e5; padding-top: 15px;}

.copyright a {color: #555;}

.chronoform {display: none;}

/* quote form style */

.custom_quote-form {
	background: #F8F8F8 url(../images/quote-box-bg.jpg) bottom center no-repeat;
	margin-top: -15px;
	padding-top: 5px;
	padding-bottom: 50px;
	padding-left: 13px;
}

.moduletable_quote-form h3 {
	background: #B91319;
	padding: 15px;
	text-align: center;
	color: #fff;
	font-size: 22px;
	font-weight: bold;
}

label {font-size: 14px;}

/* .custom_quote-form */ input[type=text], 
/* .custom_quote-form  */input[type=email], 
/* .custom_quote-form  */input[type=phone] {
	background: url(../images/input_bg.gif) no-repeat;
	width: 280px;
	height: 35px;
	padding: 0 6px !important;
	line-height: 35px;
	outline: none;
	font-size: 16px;
	color: #000;
	border: none;
}

/* .custom_quote-form  */textarea {
	background: url(../images/textarea_bg.gif) no-repeat;
	width: 280px;
	height: 220px;
	padding: 6px !important;
	outline: none;
	font-size: 16px;
	color: #000;
	border: none;
}

.cfdiv_select select { height: 40px; padding: 10px 0; font-size: 14px; width: 280px;}

.chrono_captcha_input {
	background: url(../images/captcha_input_bg.gif) no-repeat !important;
	width: 120px !important;
	height: 42px !important;
	line-height: 42px !important;
}

.ccms_form_element img {border: 1px solid #ccc;}

.ccms_form_element input[type=submit] {
	padding: 10px 15px !important;
}