/*-----------------------------------------------------------------------------
Media Spark Core Style Sheet

version:   1.0
author:    Flow Interactive, http://www.flowinteractive.net.au

/*----------------------------------------------------------------------------
COPYRIGHT, ALL RIGHTS RESERVED. THIS FILE MAY NOT BE COPIED OR ALTERED IN ANY WAY
-----------------------------------------------------------------------------*/

/* = General
--------------------------------------------------------*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
	color: #333;
	background: #000 url(../i/bodybg.jpg) center top no-repeat;
	margin: 0;
	line-height: 150%;
	text-align: center;
}
a {
	color: #538DCB
}
a img {border: none}
#footer a {color:#fff }
.cntr {text-align:center}
.mtop {position: relative; margin-top: -60px; margin-bottom:-5px}
.float {float: left}
.right {text-align:right}

/* = Typography
--------------------------------------------------------*/
h1 {font-weight: bold; color: #062548; font-size: 1.5em; margin: 5px 0}
/*#home .col1 h1 {text-indent: -9000px; background:transparent url(../i/maintitle.gif) left top no-repeat; width:330px; height:50px}*/
#home .col1 h1 {
	width:330px;
	height:50px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1.3em;
}
.video-box img {
	margin-bottom: 10px;
}

#employ .col1 h1 {text-indent: -9000px; background:transparent url(../i/employmenttitle.gif) left top no-repeat; width:331px; height:19px}
#contact h1 {text-indent: -9000px; background:transparent url(../i/contacttitle.gif) left top no-repeat; width:178px; height:22px}
h2 {font-weight: bold;font-size: 1.3em; color: #062548}
#home .col1 h2#media {width:355px; height:16px}
/*#home .col1 h2#media {text-indent: -9000px; background:transparent url(../i/subtitle1.gif) left top no-repeat; width:355px; height:16px}*/
#home .col1 h2#products {text-indent: -9000px; background:transparent url(../i/subtitle2.gif) left top no-repeat; width:247px; height:16px}
#news h2 {text-indent: -9000px; background:transparent url(../i/newstitle.gif) left top no-repeat; width:134px; height:18px; margin-bottom:-0.5em}
#home .col2 h2#google {text-indent: -9000px; background:transparent url(../i/googletitle.gif) left top no-repeat; width:294px; height:60px}
#home .col2 h2#services {text-indent: -9000px; background:transparent url(../i/servicetitle.gif) left top no-repeat; width:228px; height:16px}
h3 {font-size: 1em; color:#333; text-transform:uppercase; font-weight:bold}
.col2 h3 {text-indent: -9000px; background:transparent url(../i/gifttitle.gif) left top no-repeat; width:113px; height:27px; margin-left: 20px}
h4 {font-size: 1.2em; color:#D32D54; font-weight: bold; margin: 0}
.col1 ul, .col2 ul{list-style: disc url(../i/discbul.gif); margin-left: 1.5em}
li {margin-bottom:0.3em}
ul#product-list {margin-top: 1em}
ul#product-list li {margin-bottom: 0.3em}
p {font-size: 1em; margin: 1em 0}
#tel {margin-top: 0.5em; font-size: 2em; font-weight: bold; color:#538DCB}
.hlight {color:#538DCB}
.big {font-size: 2em}
.col1 strong { font-weight:bold; color:#538DCB}
#news p {color:#fff}
.date {font-size: 0.9em; font-weight:bold; color:#4EC1E0}
/* = Menu
----------------------------------------------*/
#menu {
	position: relative;
	width: 760px;
	background: #062548;
}
#menu ul {
	margin: 0 0 0 5px;
	padding: 0;
	line-height:1;
	list-style-type:none
}
#menu li {float:left; position: relative}
#menu li a {
	padding: 0.5em 1em 0.25em 1.5em;
	color: #FFF;
	display:block;
	font-size: 1.1em;
	text-decoration:none;
	text-align:center;
	z-index: 1
}
#menu li a:hover, #menu li a:active, #menu li a.sel {
	color:#4EC1E0
}
#menu li a.sel {font-weight: bold}

/* = Containers
----------------------------------------------*/
#wrapper {position: relative; margin:30px auto 0 auto; width: 760px; text-align:left; background:#fff url(../i/wrapperbg.jpg) top left no-repeat}
#container {position: relative; margin:0 auto; width: 760px; text-align:left; background:transparent url(../i/containerbg.jpg) top left no-repeat; }
.col1 {float: left; width: 360px; margin: 10px 0 0 30px; _margin: 10px 0 0 20px}
.col2 {float: right; width: 290px; margin-right: 20px; background:#transparent url(../i/col2bg.jpg) top left no-repeat; padding: 10px 0 0 0}
#header {
	position: relative;
	width: 760px;
	height: 135px;
	background: transparent url(../i/headerbg.jpg) bottom repeat-x;
}
#flashLogo {position: absolute; right:20px; top: 15px}

#content {
	position: relative;
}
#news {
	position:relative;
	background: transparent url(../i/newsbg.jpg) left top repeat-x;
	padding: 10px;
	height: 1%
}
#fuse {
	position:absolute;
	bottom: 0;
	right: 0;
	width:73px;
	height:95px;
	background: transparent url(../i/fuse.gif) right top no-repeat
}
#cta {
	position:relative;
	padding: 10px 0; 
	background: transparent url(../i/ctabg.jpg) left top repeat-x; 
	font-size: 1.2em;
}

#wrapperfooter {position: relative; margin:0 auto 0 auto; width: 760px; height: 20px; background:transparent url(../i/contentfooter.png) top left no-repeat}
#footer {
	position:relative; 
	width: 720px;
	font-size: 0.9em;
	color:#fff;
	background:#01397B;
	padding: 5px 20px 5px 20px;
	
}
.fl, .fr {float: left; width: 40%; top: 0; }
.fr {float: right; width: 59%; text-align:right}
.infoPanel {height: 158px}
#specialoffer {
	position: absolute; bottom: 30px; left: 10px}
	
/* = Forms
----------------------------------------------*/
form {width: 500px; padding: 20px}
#contactform label {width: 20em; font-weight: bold; color:#062548; clear:left}
#contactform label.txtLabel {width: 7em}
#contactform input.txt {float: left; width: 14em; color:#333; margin: 0 10px 5px 0; border: 1px solid #ccc}
#contactform br {clear: both}
#contactform fieldset {font-weight: bold; color:#062548; border: 1px solid #666; padding: 10px}
.err, .req {font-weight:bold; color:#f00; font-size: 1em; float:left}
.err {margin-right: 5px}
.hide {display:none}
textarea {font-family: Arial, helvetica, sans-serif; color:#333; font-size: 1em}
#sendForm {position: relative; top: -5px}

/* = Tables
----------------------------------------------*/
.alt {background:#FFEAEA}

/* = Easy Clearing
----------------------------------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

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