/*-----------------------------------------------------------------------------
Mastersoft Core Style Sheet

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

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

/* = General
--------------------------------------------------------*/

body {
	font-family: "Trebuchet MS", Verdana, arial, helvetica, sans-serif;
	font-size: 76%;
	color: #666;
	background: #fff;
	margin: 0;
	line-height: 140%
}
a {
	color: #0C599D
}
a:hover {text-decoration:underline}
#footer a {color:#fff; text-decoration:none}
#footer a:hover {text-decoration:underline !important}
.float {float: left}
.floatRight {float: right}
.cntr {text-align:center}
.imgLeft {margin-right: 10px; float: left}
.imgRight {margin-left: 10px; float: right}
.hlight {color:#ABFFF9}

/* = Typography
--------------------------------------------------------*/

h1 {font-weight: normal;font-size: 1.8em; color: #0C599D; margin: 0 0 0.5em 0; border-bottom: 1px solid #BFBFBF; padding: 0 0 0.3em 0; line-height: 1.1em}
#home h1 {font-weight: bold; color:#fff; background:transparent url(../i/h1homeborder.jpg) left bottom repeat-x; padding: 0 0 0.5em 0; border:none}

h2 {color:#0C599D; font-size: 1.3em; font-weight: normal; margin: 1em 0 0.5em 0}
#footer h2 {color:#5ABCE7; margin: 0 0 0.4em 0}
.spcontent h2 {border-bottom: 1px solid #BFBFBF; padding-bottom: 5px; margin: 0 0 0.5em 0}
h3 {color:#0C599D; font-size: 1.1em; margin: 1em 0 0.5em 0}
h4 {color:#0C599D; font-size: 1em; margin: 0 0 0.8em 0}
ul {list-style: disc url(../i/arrow.gif); margin: 0.75em 0 0.75em 1.5em }
#home ul {list-style: disc url(../i/arrowhome.gif)}
li {margin-bottom:0.6em; font-size: 1.1em}
#home li {color:#fff}
#footer ul {list-style: disc url(../i/footerlistarrow.gif); margin: 0.75em 0 0.75em 1.5em }
#home #content ul {width: 350px}
p {font-size: 1.1em; margin-bottom: 0.8em; line-height: 140%}
#footer p, #footer li {font-size: 0.9em; color:#fff}
#home p {color:#fff}
#clientPanel p {color:#1B74A2; margin: -0.5em 0 0}
.spcontent p {font-size: 1em}
#sublinks {font-size: 0.9em; color:#C0C5CA}
#sublinks a {color:#C0C5CA}
.quote {font-style:italic; color:#0C599D; font-weight:bold; font-size: 1.1em}
.casestudy {color:#0E2640; font-style:italic}
.backtotop {background: #fff url(../i/backtotop.gif) left center no-repeat; padding-left: 10px; font-size: 0.9em}
.big {color:#0C599D;font-size: 1.8em}

/* = Menu
----------------------------------------------*/
#menu {
	position: relative;
	min-height: 72px;
	height: auto !important;
	height: 72px;
	background: #CFD0D2 url(../i/menubgsub.jpg) repeat-x;
	padding-bottom: 1px;
	z-index:100
}
#home #menu {background: #23425E url(../i/menubghome.jpg) 0 0 repeat-x}
#menu ul {margin: 0; padding: 0}
#menu li {display: inline-block; list-style-type:none; position:relative; float: left}
#menu li a {
padding: 1.2em 1.8em 1.4em 1.8em;
color: #999;
float: left;
font-size: 15px;
text-decoration:none;
text-transform:uppercase;
background:transparent url(../i/menborder.gif) right center no-repeat;
}
#menu li a:hover, #menu li a:active {
	color:#0C599D;
	background:transparent url(../i/menuover.jpg) 0 0 repeat-x
}
#menu li.selected a {color:#0C599D;}

/*Drop downs*/
#menu ul li ul { /* second-level lists */
	position: absolute;
	background:transparent url(../i/submenubg.png) 0 0 repeat-y;
	width: 166px;
	display:none;
	z-index:1000;
	top: 56px;
	left: 0;
	padding: 0;
	margin: 0;
	z-index:1000;
	border-bottom: 2px solid #ccc
}
#menu ul li ul li {margin: 0 0 0 0.75em}
#menu ul li ul li a {width: 140px; margin:0; text-align:left; display:block; padding: 0.25em 0.25em 0.25em 0.75em; background:#fff url(../i/menuarrow.gif) left center no-repeat; font-size: 0.8em; text-transform:capitalize;}
#menu ul li ul li a:hover {background:#fff url(../i/menuarrowover.gif) left center no-repeat}
#menu ul li:hover ul, .menu ol li a:hover ul, #menu ol li.sfhover ul {
	display:block;
}

/*sub menus*/
#leftNav #nav ul {margin: 0 0 0 2em !important; padding: 0; list-style: disc url(../i/navarrow.gif)}
#leftNav li {padding-top:0.1em; font-size: 1em}
#leftNav li a {text-decoration:none; color:#8C939A}
#leftNav li a:hover, #leftNav li.selected a {text-decoration:none; color:#0C599D}
#nav {background:transparent url(../i/leftnavbg.png) 0 0 repeat-y; padding:5px 0 1px 0}
#navFooter {position:relative; width: 145px; height:7px; background: transparent url(../i/leftnavbot.png) 0 0 no-repeat; padding-top: 1px}

/* = Containers
----------------------------------------------*/
#skip {position: absolute; left: -999em}

.container {position:relative}

.mid {width: 960px;margin: 0 auto; position:relative}

#headerContainer {
	height: 252px;
	background: url(../i/headercenter.jpg) 0 0 repeat-x;
}

#header, #headerLeft, #headerRight {
	height: 252px;
}

#headerLeft {
	position:absolute;
	left: 0;
	top: 0;
	width: 409px;
	background:transparent url(../i/headerleft.jpg) 0 0 no-repeat;
	z-index: 10
}

#headerRight {
	position:absolute;
	right: 0;
	top: 0;
	width: 409px;
	background:transparent url(../i/headerright.jpg) right 0 no-repeat;
	z-index: 10
}

#headerCenter {
	width: 960px;
position: relative;
	margin: 0 auto;
	background: transparent url(../flash/headercenter.jpg) 0 0 no-repeat
}

#header {z-index: 100; position:relative;padding-top:30px}

#logo {
	position:absolute;
	left: 20px;
	top: 30px;
	z-index: 1000
}

#searchPanel {
	position: absolute;
	right:30px;
	top:-5px;
	width: 150px;
	height: 20px;
	background: #143C5C;
	opacity:0.3; 
	border-radius:7px; 
	-moz-border-radius:7px; 
	-webkit-border-radius:7px;
	padding:5px 0 15px 10px
}
#CAT_Search {background:none; color: #fff !important; font-size:10px; padding: 3.5px 0; border: 1px solid #ccc; float: left; margin: 0 10px 0 0; width: 100px}

#home #content {
	background: #1A75A2 url(../i/homecontentbg.jpg) 0 0 repeat-x;
	padding: 10px 0 0 0;
	z-index: 1
}

#content {
	background: #fff url(../i/contentbg.jpg) 0 0 repeat-x;
	padding: 10px 0 0 0;
	z-index: 1
}

#benefits {position: absolute; right: 0; top: 0}

#contentFooter .mid {
	background:transparent url(../i/contentfootersub.jpg) center top no-repeat;
	height:10px
}

#home #contentFooter {background:#1A75A2}

#home #contentFooter .mid {
	background:transparent url(../i/contentfooter.jpg) center bottom no-repeat;
	height:10px
}

.col1 {
	width:500px;
	margin-left: 200px;
	padding-bottom: 20px
}
.col1print {
	width:700px;
	margin-left: 0;
}

#home .col1 {
	width:600px;
	margin-left: 25px
	
}

.col2 {
	width: 180px
}

#home .col2 {
	width:200px;
	padding-top:30px
}

#leftNav {
	width: 145px;
	position: absolute;
	left: 10px;
	top: 25px;
	background: transparent url(../i/leftnavtop.png) 0 0 no-repeat;
	padding-top: 7px
}

#clientPanel {
	background: transparent url(../i/clientpaneltop.jpg) 0 0 no-repeat;
	padding: 9px 0 0 0;
	width: 188px;
	margin-top: 30px
}

#clientPanelContainer {
	width: 168px;
	padding: 9px 10px 1px;
	background: transparent url(../i/clientpanelbg.jpg) 0 0 repeat-y
}

#clientLogoContainer {
	width: 172px;
	overflow: hidden;
	position:relative;
	margin: -2px 0 0 0;
}


#clientLogos {width: 1500px; position: relative}

#clientPanelFooter {
	background: transparent url(../i/clientpanelfooter.jpg) 0 0 no-repeat;
	width: 188px;
	height: 9px;

}

.subpagePanel {
	width: 235px;
	background: #fff url(../i/subpage-panel-top.jpg) 0 0 no-repeat;
	padding-top: 10px;
	margin: 20px 15px 0 0;
}
.subpagePanel .spcontent {
	width: 215px;
	padding: 0 10px 1px 10px;
	
	background: transparent url(../i/subpage-panel-bg.jpg) 0 0 no-repeat
}
.subpagePanel .spfoot {
	width: 230px;
	background: #fff url(../i/subpage-panel-bot.jpg) 0 0 no-repeat;
	height: 10px;
	position:relative;
	padding-top: 1px
}
.nrm {margin-right: 0}

.caseStudyPanel {
	width: 500px;
	background: #fff url(../i/casestudytop.jpg) 0 0 no-repeat;
	padding-top: 8px;
	margin: 20px 0 0 0;
}
.caseStudyPanel .cscontent {
	width: 460px;
	padding: 5px 20px 1px 20px;
	
	background: transparent url(../i/casestudybg.jpg) 0 0 repeat-y
}
.caseStudyPanel .csfoot {
	width: 500px;
	background: #fff url(../i/casestudybot.jpg) 0 0 no-repeat;
	height: 8px;
	position:relative;
	padding-top: 1px
}

.harmonySection {
	background:#CFE7FC url(../i/harmonysectionbg.jpg) 0 0 repeat-x;
	position:relative;
	padding: 5px 10px 5px 85px
}
.harmonySection img {position:absolute; top: 20px; left: 10px}

.col4 {
	width: 190px;
	margin-right: 50px 
}
#support {
	margin: -5px 0 0 0 !important; 
	background:transparent url(../i/supprtpanelbg.jpg) 0 0 no-repeat;
	padding: 5px 10px;
	width: 210px
}

#footer {
	background: transparent url(../i/footerbg.jpg) 0 0 repeat-x;
	padding: 30px 0 10px 45px
}

#sublinks {
	background:#051323;
	padding: 10px 0 30px 0
}

#leftQuote {background: #fff url(../i/quoteleft.gif) 0 0 no-repeat; padding-left: 30px; position:relative}

/*people*/
#people {width:500px; position:relative}
.person {width: 400px; position:absolute; height: 300px}
.photo {float: left}
.bio {display:none; position:absolute; top: 0; left: 50%; width: 300px; margin-left: -150px; background:#333; padding: 10px; opacity:0.9; color:#fff}

/* = Forms
----------------------------------------------*/
#formOverlay {/*position: absolute; top: 0; left: 0; z-index: 1000; width: 100%; height: 100%; background: transparent url(../i/formoverlay.png) repeat; /*filter:alpha(opacity=25);-moz-opacity:.25;opacity:.25 display:none*/}
#formOverlay form {width: 620px; margin: auto; padding: 5px}
#contactform label {float: left; width: 15em; font-weight: normal; color:#333}
#contactform label.txtLabel {width: 7em}
#contactform input.txt {float: left; width: 14em; color:#333; margin: 0 10px 5px 0; border: 1px solid #ccc}
#contactform input.chk {float: left; width: auto; margin-right: 10px}
#contactform br {clear: both}
#contactform fieldset {font-weight: bold; color:#006; border: 1px solid #CCC}
#contactpage label {width: auto}
.err, .req {font-weight:bold; color:#f00; font-size: 1em; }
.err {margin-right: 5px}
.hide {display:none}
textarea {font-family: Verdana, arial, helvetica, sans-serif; color:#333; font-size: 1em}
.center {text-align:center}

/* = Clearfix
--------------------------------------------*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:block}
* html .clearfix{height:1%}