/* General site styles */
body { background: #fff; height: 101%; font-family: Arial, Helvetica, sans-serif; font-size: 90% !important; padding: 0px; border: none; margin: 0px; }

*html body {font-size: 90% !important;}
p, div, td, ul { font-family: Arial, Helvetica, sans-serif; }

h1 { font-weight: normal; line-height: 30px; color: #004669; margin-top: 0px; margin-bottom: 10px; font-size: 155% !important;}
*html h1 {font-size: 155% !important;  margin-top: 0px !important;}
*:first-child+html h1 { font-size: 155% !important;}
h2 {  font-weight: normal; line-height: 22px; margin-top: 0.5em; color: #004669; margin-bottom: 0.5em; font-size: 115% !important;}
*html h2 {font-size: 125% !important;}
*:first-child+html h2 { font-size: 125% !important;}
h3 {  font-weight: bold; margin-top: 1em; margin-bottom: 0.5em; font-size: 125% !important; }
*html h3 {font-size: 135% !important;}
*:first-child+html h3 { font-size: 135% !important;}
p {margin-bottom: 1em;  color: #474747; line-height: 1.4em;}

a img { border: 0px; text-decoration: none; }
.floatleft { float: left; }
.floatright { float: right; }
.clear, hr { clear: both; }
hr { color: #AFC4CF; background: #AFC4CF; border: 0px; height: 1px; padding: 0px; margin: 0px; }

#home h1, #home .h1, #home #synbody .h1 { font-size:160% !important; font-weight:bold; color:#ACD269; line-height: 108%; margin-top:0; }

*html #home .h1 {font-size:160% !important;} 
*:first-child+html #home .h1 {font-size:160% !important;}

#home .twocolthree h1, 
#home .twocolthree .h1,
*html .twocolthree #home .h1,
*:first-child+html #home .twocolthree .h1 { font-size:125% !important; }

#home h2 { font-size:94% !important; font-weight:bold; color: #666; line-height:124%; }

#home p { font-size: 90% !important;}
*:first-child+html #home p {font-size: 90% !important;}
li {margin-bottom: 8px; line-height: 1.4em;}
/* General site styles */

/* news styles */
.onecoltwo .newsttl {margin-top: 0px; color: #CC2629; float: left; clear: both;}
.onecoltwo .dtns {float: left; margin-left: 5px; color: #474747;}
.onecoltwo .synopsis {clear: both; float: left; width: 530px; margin-top: 10px; display: block; color: #474747; line-height: 1.4em;}
.onecoltwo #headbody {clear: both; float: left; width: 530px; margin-top: 10px; display: block; color: #474747; line-height: 1.4em;}
.onecoltwo .newsttl a{ color: #CC2629 !important; text-decoration: none;}
.onecoltwo .newsttl a:hover{ color: #0A4B6C; text-decoration: underline;}

.arw a { color:#205C74; text-decoration:none; }
.arw a:hover { text-decoration:underline; }
/*end*/

/* Case studies */
.case-study-itm { clear: both; margin-bottom: 15px; }
.case-study-img { float: left; width: 180px; }
.case-study-img img { margin-top: 10px; }
.case-study-img p { display: inline; }
.case-study-txt { float: left; width: 320px; }
.case-study-itm .clear { height: 1px; overflow: hidden; }
/*end*/

/* Main holder style */
#synhold { position: relative;  width: 980px; padding: 0px 0px 10px 0px; margin: 0px auto 0px auto;}
/* Main holder style */



/* Header styles */
#synhead { padding: 5px 10px 0px 5px; color: #5b5b5b; text-align: right; font-size: 75%; }
*html #synhead {font-size: 85%; }
*:first-child+html #synhead {font-size: 85%; }
#synhead a { color: #565656; text-decoration: none; padding: 0px 5px; }
#synhead a:hover { text-decoration: underline; }
/* Header styles */

.dd {width: 174px !Important;}
.dd a {width: 172px !important; }

/* Title area styles */
#syntitle .floatleft { width: 250px; padding: 0px 0px 0 0px; }
#syntitle .floatright { width: 500px; padding: 20px 16px 2px 0px; text-align:right; }
#syntitle { overflow: auto; margin-bottom: 15px; }
	
/* Title area styles */

a#mhome,a#mproducts,a#mfeatures,a#msectors,a#mpartners,a#mabout,a#mvideo,#home a#mhome,#bproducts a#mproducts,#bfeatures a#mfeatures,#bsectors a#msectors,#bpartners a#mpartners,#babout a#mabout,#bvideo a#mvideo
{ padding:6px 0px; border-left:8px solid #fff; }

a:hover#mhome,a:hover#mproducts,a:hover#mfeatures,a:hover#msectors,a:hover#mpartners,a:hover#mabout,a:hover#mvideo,#home a:hover#mhome,#bproducts a:hover#mproducts,#bfeatures a:hover#mfeatures,#bsectors a:hover#msectors,#bpartners a:hover#mpartners,#babout a:hover#mabout,#bvideo a:hover#mvideo
{ background-color:/*#BDD576*/; }

/* navigation bar styles */
#synnav
{
	/*background: #7990a1;*/
	width: 980px;
	position: relative;
	z-index: 100;
}

#synnav .nav-item
{
	float: left;
	position: relative;
}

#synnav .nav-item a
{
	display: block;
	width:126px;
	background: url(/media/nav-bg-grey.jpg) repeat-x left top;
	color: #fff;
	font-size: 0.9em;
	font-weight:bold;
	text-transform: uppercase;
	text-decoration: none;
	text-align:center;
	padding: 7px 15px;
	border-left: solid 8px #fff;
}

#synnav .first a { border-left:2px solid #fff !important; }

#synnav .cssHover:hover a,
#synnav .sfhover a
{
	background: #e3eaee;
	color: #5b5b5b;
}

#synnav .nav-item .sub-nav
{
	position: absolute;
	left: -999em;
	border-top: solid 1px #fff;
	width: 16em;
	z-index: 100;
	padding-left: 7px;
}

#synnav .nav-item .sub-nav a
{
	background: #e3eaee;
	color: #5b5b5b;
	font-size: 0.8em;
	text-transform: none;
	border: solid 1px #fff;
	border-top: 0;
	padding: 2px 10px 2px 10px;
	width: 136px;
}

#synnav .nav-item .sub-nav a:hover
{
	background: #fff;
}

#home a#mhome,
#bsynergist a#msynergist,
#bcasestudies a#mcasestudies,
#bsectors a#msectors,
#bpartners a#mpartners,
#bfeatures a#mfeatures,
#bbenefits a#mbenefits,
#babout a#mabout,
#bvideo a#mvideo 
{ 
	background:#BDD576  url(/media/nav-bg-green.jpg) repeat-x left top; 
	color: #fff !important; 
	padding: 7px 15px;
}

#synnav .cssHover:hover .sub-nav,
#synnav .sfhover .sub-nav
{
	left: auto;
}

#synsubnav { clear: both; /*background: url(/media/subnav-bg.gif) left bottom no-repeat;*/ padding: 4px 0px 4px 20px; margin: 0px 0px 0px 0px; color: #565656;  font-size: 75%;}
*html #synsubnav {font-size: 85%; }
*:first-child+html #synsubnav {font-size: 85%; }
#synsubnav a { text-decoration: none; color: #565656; }
#synsubnav a:hover { text-decoration: underline; }
/* navigation bar styles */

/* flash movie area styles */
#synflash { clear: both; padding: 0px 0px 18px 0px; margin-top: -14px; margin-bottom: 5px;}
#synjquery, #homesplash { clear: both; padding: 0px 0px 18px 0px; margin-bottom: 5px; width:980px; height:233px; }

#synjquery .headline, #homesplash h1 { font-size:300% !important; font-weight:bold; color:#fff; padding:10px 20px; margin:0;}
#synjquery .strapline, #homesplash p { font-size:118% !important;  color:#fff; padding:0px 20px; margin:0;}

*html #synjquery .headline, *html #homesplash h1 { font-size:300% !important; font-weight:bold; color:#fff; padding:10px 20px; margin:0;}
*:first-child+html #synjquery .headline, *:first-child+html #homesplash h1 { font-size:300% !important; font-weight:bold; color:#fff; padding:10px 20px; margin:0;}

*html #synjquery .strapline, *html #homesplash p { font-size:118% !important;  color:#fff; padding:0px 20px; margin:0;}
*:first-child+html #synjquery .strapline, *:first-child+html #homesplash p { font-size:118% !important;  color:#fff; padding:0px 20px; margin:0;}


/* flash movie area styles */

/* body copy styles */
#synbody { margin: 0px; padding: 0px; }
#bvideo #synbody {background: none;}

/* styles for different column layouts */
#synbody .onecolthree { float: left; width: 720px; padding: 0px 25px 10px 0px;}
#synbody .twocolthree { float: left; width: 215px; padding: 0px 0px; }
#synbody .threecolthree { float: right; width: 195px; padding: 0px 25px 10px 30px; }
*html #synbody .threecolthree { float: right; width: 195px; padding: 0px 20px 10px 20px; }

#synbody .navcoltwo { float: left; width: 150px; padding: 0px 0px 0px 0px; height: 100%; }
#synbody .onecoltwo { float: left; width: 558px; padding: 0px 25px 0px 25px; height: 100%;}
#synbody .onecoltwo p, #synbody .onecoltwo ul, #synbody .onecoltwo table { font-size: 94%;}
#synbody .twocoltwo { float: right; width: 192px; padding: 5px 0px 10px 0px;}
*html #synbody .twocoltwo { float: right; width: 120px !important; padding: 5px 0px 10px 30px; }
*:first-child+html #synbody .twocoltwo {width: 192px !important; float: right; margin-right: 0px;}
#synbody .twocolthree, #synbody .onecoltwo { }
/* styles for different column layouts */

/* pseudo table layout */
#synbody .infotitle { float: left; width: 210px; padding: 5px 15px 0px 0px; font-weight: bold; }
#synbody .infodesc { float: left; width: 450px; padding: 5px 0px; }
*html #synbody .infotitle { padding-top: 0px; padding-bottom: 0px; }
*html #synbody .infodesc { padding-top: 0px; padding-bottom: 0px; }
*:first-child+html #synbody .infotitle { padding-top: 0px; padding-bottom: 0px; }
*:first-child+html #synbody .infodesc { padding-top: 0px; padding-bottom: 0px; }
/* pseudo table layout */

/* homepage news item styles */
#homenewsimg {margin-bottom: 10px; clear: both; float: left;}
#home #synbody .newsitem { float:left; padding:0; margin:0;}
#home #synbody .newsdate { font-size:80%; padding-top: 1px; color: #9a9a9a; clear: both; float: left; width:auto; }
*:first-child+html #home #synbody .newsdate { color: #9a9a9a; }
*html #home #synbody .newsdate { color: #9a9a9a; }
#home .newsttl {padding-top: 2px; font-weight: bold;}
#home #synbody .newsdesc, #home p.synopsis { float:left; line-height: 140%; width: 205px !important; margin-top: 0px; margin-bottom: 2px; font-size: 88%; }
*html #home #synbody .newsdesc, *html #home p.synopsis {font-size: 94%;}
*:first-child+html #home #synbody .newsdesc{font-size: 94%;}
*:first-child+html #home p.synopsis {font-size: 94%;}
#home p.synopsis a { color:#205C74; text-decoration: none;}
#home p.synopsis a:hover {text-decoration: underline;}
*:first-child+html #home p.synopsis { width: 205px !important; margin-top: 0px; }
#home #synbody .newsmore { width:200px; margin-top:10px; padding: 0px 0 0 15px; clear: left; float:left;  font-size: 76%; background:url(/media/home-news-arw.gif) no-repeat left 2px; }
*html #home #synbody .newsmore { font-size: 78%;}
*:first-child+html #home #synbody .newsmore { font-size:78%;}
#home #synbody .newsmore img { vertical-align: middle; }
#home .newsttl a{ color: #275E77; text-decoration: none;}
#home .newsttl a:hover{ color: #0A4B6C; text-decoration: underline;}
#home #synbody .newsmore a { color:#205C74; text-decoration: none; }
#home #synbody .newsmore a:hover { text-decoration: underline; }
/* homepage news item styles */

/* icon styles */
#synbody .icon { width: 192px; clear: both !important; float: left; display: block; margin-bottom: 4px !important;}
*html .icon {width: 190px;}
#synbody .icon a { float: right; width: 142px; color: #1a589e; text-decoration: none; padding: 0.57em 10px 0.45em 10px; margin-right: 0px; margin-left: -20px;}
*:first-child+html #synbody .icon a {width: 160px !important; padding: 0.8em 0px 0.45em 0px !important; margin-left: 0px !important; margin-right: 0px; text-indent: 10px;}
*html #synbody .icon a {width: 142px !important; padding: 0.8em 1px 0.50em 16px !important; margin-left: -10px !important; margin-right: 0px;}
#synbody .icon a:hover { background: #D9D9D9; }
#synbody .icon img { float: left;  vertical-align: middle; padding-bottom: 0.1em; margin-right: -16px !important;}
*:first-child+html #synbody .icon img { padding-bottom: 0.1em;}
*html #synbody .icon img { padding-bottom: 0.1em;}
#home .icon { width: 200px; clear: both !important; float: left; display: block; margin-bottom: 4px !important;}
*html #home .icon {width: 190px;}
#home .icon a {float: right; width: 142px; color: #1a589e; text-decoration: none; padding: 0.57em 10px 0.45em 10px; margin-right: 6px; margin-left: -20px;}
*:first-child+html #home .icon a {width: 152px !important; padding: 0.8em 2px 0.45em 16px !important; margin-left: -10px !important; margin-right: 6px;}
*html #home .icon a {width: 142px !important; padding: 0.8em 2px 0.50em 16px !important; margin-left: -10px !important; margin-right: 0px;}
#home .icon img { float: left; vertical-align: middle; padding-bottom: 0.1em; margin-right: -16px !important;}
*:first-child+html #home .icon img { padding-bottom: 0.1em;}
*html #home .icon img { padding-bottom: 0.1em;}
/* icon styles */

/* quote box styles */
#synbody .quotebox { clear: both; float: right; background: url(/media/quote-bg.gif) repeat-y; margin: 20px 0px 0px 0px; width: 192px; overflow: hidden; }
*:first-child+html #synbody .quotebox { margin: 10px 0px 0px 0px; }
#synbody .quotetext { background: url(/media/quote-head.gif) top left no-repeat; padding: 10px 10px 5px 10px; line-height: 120%; color: #004669; font-style: italic; font-size: 90%;}
*html #synbody .quotetext {  padding: 8px 10px 5px 10px;  font-size: 94%;}
*:first-child+html #synbody .quotetext {padding: 8px 10px 5px 10px;  font-size: 92%;}
#synbody .quoteauthor { background: url(/media/quote-foot.gif) bottom left no-repeat; padding: 5px 10px 10px 10px; font-size: 75%; }




*html #synbody .quoteauthor {  font-size: 80%;}
*:first-child+html #synbody .quoteauthor { font-size: 80%;}
/* quote box styles */


#home #synbody { margin: 0px; padding: 0px; }
#home #synbody .onecolthree { line-height: 130%; color: #474747; }
*:first-child+html #home #synbody .onecolthree { line-height: 120%; }

#synbody .alsolink { display: block; padding: 0px 0px 5px 14px; background: url(/media/link-alsobg.gif) top left no-repeat; color: #555; }

#synbody .clear { font-size: 1%; }
#synbody ul, #synbody ol { color: #474747;}
#synbody ul li, #synbody ol li { color: #474747 !important; font-weight: normal !important; font-size: 94% !important;}
*:first-child+html #synbody ul {}
*html #synbody ul {}
/* body copy styles */

/*location style*/
#map {margin-bottom: 30px;}
/*end*/
/* Header Styles */
#synheaderabout, #synheaderfeatures, #synheaderpartners, #synheadersectcreative, #synheadersectconsultants, #synheaderproducts, #synheadergeneric, #synheaderclientarea,#synheadercasestudies {margin-top: -1px; margin-bottom: 24px;}
#synheadergeneric {width: 980px; height: 233px; }
#synheaderabout {width: 980px; height: 233px; background-image: url(/media/header-aboutus.jpg); }
#synheadercasestudies {width: 980px; height: 233px; background-image: url(/media/header-casestudies.jpg); }
#synheaderproducts {width: 980px; height: 233px; background-image: url(/media/header-products.jpg);}
#synheaderfeatures {width: 980px; height: 233px; background-image: url(/media/header-features.jpg);}
#synheaderpartners {width: 980px; height: 233px; background-image: url(/media/header-partners.jpg);}
#synheadersectcreative {width: 980px; height: 233px; background-image: url(/media/header-sectors-creative.jpg);}
#synheadersectconsultants {width: 980px; height: 233px; background-image: url(/media/header-sectors-consultants.jpg);}
#synheaderclientarea {width: 980px; height: 233px; background-image: url(/media/header-sectors-consultants.jpg);}
#headertext {width: 400px; }
#headhead {font-size: 140%;}
*html #headhead {font-size: 160%;}
*:first-child+html #headhead {font-size: 145%;}
#headbody {font-size: 84%;}

*:first-child+html #headbody {font-size: 94%;}
#headbody ul {margin-left: 15px; padding-left: 0px; line-height: 20px; list-style-type: square !important;}
*html #headbody ul {font-size: 115%;}

#synheadergeneric #headertext {float: left; margin-top: 40px; margin-left: 60px; width: 330px;}
#synheadergeneric h1 {font-size: 140%;}


#synheaderabout #headertext {float: left; margin-top: 40px; margin-left: 60px; width: 330px;}
#synheaderabout #headhead {color: #02486b;}
#synheaderabout #headbody {color: #000;}

#synheadercasestudies #headertext {float: right; margin-top: 40px; margin-left: 60px; width: 330px;}
#synheadercasestudies #headhead {color: #02486b;}
#synheadercasestudies #headbody {color: #000;}

#synheaderfeatures #headertext {float: right; margin-top: 30px; margin-right: 60px; width: 300px;}
#synheaderfeatures #headhead {color: #a4c7fd;}
#synheaderfeatures #headbody {color: #fff;}
#synheaderpartners #headertext {float: right; margin-top: 55px; margin-right: 60px; width: 310px;}
#synheaderpartners #headhead {color: #01476a;}
#synheaderpartners #headbody {}
#synheaderproducts #headertext {float: right; margin-top: 30px; margin-right: 40px; width: 310px;}
#synheaderproducts #headhead {color: #5f5f5f;}
#synheaderproducts #headbody {color: #000;}
#synheadersectcreative #headertext {float: left; margin-top: 55px; margin-left: 60px; width: 300px;}
#synheadersectcreative #headhead {color: #040;}
#synheadersectcreative #headbody {color: #fff;}
#synheadersectconsultants #headertext {float: left; margin-top: 35px; margin-left: 40px; width: 300px;}
#synheadersectconsultants #headhead {color: #01476a;}
#synheadersectconsultants #headbody {}
#synheaderclientarea #headertext {float: left; margin-top: 35px; margin-left: 40px; width: 300px;}
#synheaderclientarea #headhead {color: #01476a;}
#synheaderclientarea #headbody {}
/* end */

/* Footer styles */
#synfoot { clear: both; border-top:2px solid #ACD269; padding: 10px 0px 8px 15px; color: #5b5b5b;  font-size: 74%;}
*:first-child+html #synfoot { font-size: 80%; }
*html #synfoot { font-size: 80%; }
#synfoot ul { list-style-type:none; float:left; padding:0; margin:0; }
#synfoot li { font-weight:bold; float:left; }
#synfoot li a { font-weight:normal; float:left; color: #565656; text-decoration: none; padding: 0px 10px; }
#synfoot li a:hover { text-decoration: underline; }
/* Footer styles */

/* Left nav styles */
.navl2 a { background: #eee; margin-bottom:1px; padding: 3px; display: block; color: #000; text-decoration: none; margin-left: 0px; font-size: 80%;}
*html .navl2 a { font-size: 90%;}
*:first-child+html .navl2 a { font-size: 90%;}
.navl2 a:hover { background: #B8C9D3; }
.navl3 a { background: url(/media/nav_arrow.gif) #eee; background-repeat: no-repeat; background-position: 5px 8px; margin-bottom:1px; padding: 3px; padding-left: 17px; display: block; color: #000; text-decoration: none; margin-left: 12px; font-size: 80%;}
*html .navl3 a { font-size: 90%;}
*:first-child+html .navl3 a { font-size: 90%;}
.navl3 a:hover { background: url(/media/nav_arrow.gif) #B8C9D3; background-repeat: no-repeat; background-position: 5px 8px; }
.actvc a { font-weight: bold; background: url(/media/nav_arrow.gif) #DFDFDF; background-repeat: no-repeat; background-position: 5px 8px;}
.actv a { font-weight: bold; background: #DFDFDF;}
/* end left nav styles */

/*table styles*/
.linkstab td{border-top: 1px solid #AFC4CF !important; vertical-align: top; padding-bottom: 6px; padding-right: 8px;}
.linkstab a { text-decoration: none; color: #CB5B0F; }
.linkstab a:hover { text-decoration: underline; color: #004669;  }
.linkstab {margin-bottom: 16px; font-weight: normal; font-family: arial, helvetica, sans-serif; color: #474747;}
/*end*/

/*front page button styles*/
.fpbuttons { float: left; width: 212px; display: block; margin-top: 0px; margin-bottom: 20px; font-size: 84%; float: left; border-bottom: 1px solid #AFC4CF; padding-bottom: 20px;}
*html .fpbuttons {font-size: 94%; margin-bottom: 15px; padding-bottom: 15px; width: 215px;}
*:first-child+html .fpbuttons {font-size: 94%; margin-bottom: 15px; padding-bottom: 15px;}
.spbuttons { float: left; width: 212px; display: block; margin-top: 0px; font-size: 84%; float: left; margin-bottom: 20px;}
*html .spbuttons {font-size: 94%; margin-bottom: 15px; padding-bottom: 15px;}
*:first-child+html .spbuttons {font-size: 94%; margin-bottom: 15px; padding-bottom: 15px;}
a.fpbuttonl {background-color: #D1231A; width: 208px !important; height: 18px; background-image: url(/media/button-benefits.jpg); background-repeat: no-repeat; background-position: right; color: #fff; font-weight: normal !important; text-decoration: none; margin-bottom: 9px; padding: 2px 33px 0px 0px; text-indent: 10px; width: 175px !important; position: relative; float: left; display: block; line-height: 16px;}
a.fpbuttonr {background-color: #D1231A; width: 208px !important; height: 18px; background-image: url(/media/button-benefits.jpg); background-repeat: no-repeat; background-position: right; color: #fff; text-decoration: none; font-weight: normal !important; padding: 2px 33px 0px 0px; text-indent: 10px; width: 175px !important; display: block; float: left;  line-height: 16px; }
a.fpbuttonl:hover, a.fpbuttonr:hover {background-image: url(/media/button-benefits-roll.jpg);}
/*end*/

/* email a friend styles */
#emailafriend {width: 350px; border: solid 1px #C6D5DD; padding: 10px; background: #fff; font-size: 94%;}
#emailafriend h1 {font-size: 164% !important; font-weight: 100 !important;}
#emailafriend fieldset {padding:0px; background: #E3EAEE; border: none; margin-bottom: 20px;}
#emailafriend fieldset h2 {margin: 0px; background: #C6D5DD; padding: 3px; }
#emailafriend fieldset div {padding: 3px; }
#emailafriend label {float: left; width: 130px; padding-top: 7px; font-size: 94%;}
#emailafriend input {width: 180px;}
#emailafriend textarea {width: 180px; font-size: 94%;}
#emailafriend #ems, #emailafriend #emc {width: 48%; margin-left:3px;}
#emailafriend h1 {font-weight: bold; }
#emailconf { position: absolute; top: 4px; left: 10px; color: #565656;}
.frmcls {float: right; margin-right: 7px; border: none;}
.privpol {margin-top: 10px; margin-bottom: 10px; font-size: 80%;}
.privpol a {color: #CF3436;}
.privpol a:hover {color: #004669;}
/* end email a friend styles */

/*requestdemo styles*/
.formsurround {display: block; background: #ECF1F4; padding: 5px 10px 10px 20px; float: left; margin-bottom: 30px; width: 470px;}
.formsurround label {float: left; clear: both; width: 140px; margin-bottom: 15px;}
.formsurround input {float: left; width: 200px; margin-bottom: 15px;}
.mfield {float: left; margin-bottom: 15px;}
.fsubmit {float: left; clear: both;}
.fsubmit input {width: 100px;}
/*end*/

/* Site map */
.map0 {font-size: 94%;}
.map0 a {color: #474747; text-decoration: none;}
.map0 a:hover {text-decoration: underline; color: #CF3436;}
.map1 {margin-left:0px; font-size: 94%;}
.map1 a {color: #474747; text-decoration: none;}
.map1 a:hover {text-decoration: underline; color: #CF3436;;}
.map2 {margin-left:20px;font-size: 94%;}
.map2 a {color: #474747; text-decoration: none;}
.map2 a:hover {text-decoration: underline; color: #CF3436;;}
/* end */

/*home extra styles*/
.wblock { background: url(/media/bg-wblock.jpg) repeat-x left top; display: block; float: left; padding: 12px 0px 8px 12px; width: 968px; min-height: 226px; }
*html .wblock { height: 246px;}
.wblock {margin-bottom: -10px;}
.hppanone {width: 304px; float: left; margin-left: 0px; margin-bottom: 10px; padding: 0px;}
.hppantwo, .hppanthree {width: 304px; float: left; margin-left: 24px; margin-bottom: 10px; padding: 0px;}

.hppanoneinn, .hppantwoinn, .hppanthreeinn { float: left; margin: 4px 12px 0px 12px; min-height: 218px; padding: 0px;}

*html .hppanoneinn {width: 265px; height: 208px !important;}
*html .hppantwoinn {width: 265px; height: 208px !important;}
*html .hppanthreeinn {width: 265px; height: 208px !important;}
*:first-child+html .hppanoneinn {width: 265px;  min-height: 218px;}
*:first-child+html .hppantwoinn {width: 265px;  min-height: 218px;}
*:first-child+html .hppanthreeinn {width: 265px;  min-height: 218px;}
.blockend {float: left; width: 304px; background-repeat: no-repeat; height: 8px; line-height: 8px; }

.onecolthree a {color: #CF3436; text-decoration: none;}
.onecolthree a:hover {text-decoration: underline; color: #474747;}

.homesplashquote { position: absolute; }
#homesplash { position: relative; top: -233px; z-index: 90; }
#homevid { z-index: 50; background: url(/media/loading.gif) center center no-repeat; height: 233px; }
#hometop {  height: 233px; position: relative; top: -14px; overflow: hidden; }
/*end*/


.fourblock { float:left; width:980px; padding: 0 0 10px; }
.fourblock .first { margin-left:0;}
.fourblockvid, .fourblocktxt { float:left; width:236px; margin: 0 0 0 12px ; background:url(/media/bg-wblock.jpg) repeat-x left 30px;}
.fourblocktxt p { padding-left: 15px; padding-right: 15px; }
.fourblocktxt .breakout { padding: 0px 0px 0px 0px; margin-top: 0px; }
.setheight { height: 158px; overflow: hidden; }
#home .fourblockvid h2, #home .fourblocktxt h2 { color:#fff; background:#9FB7C3 url(/media/nav-bg-grey.jpg) repeat-x scroll left top; padding:7px 12px; margin:0; font-weight:700; font-size:90% !important; text-align:center; text-transform:uppercase; }
#home .fourblock a { text-decoration: none; cursor: hand; }

.fourblocktxt .inner { float:left; width:206px; height:120px; /*background:url(/media/bg-wblock.jpg) repeat-x left top;*/ padding:0px 15px;  }
*html .inner { padding-top:10px; height:114px; }
*:first-child+html .inner {padding-top:10px; height:114px;}

.homecasestudy { position: absolute; width: 236px; }

.arw { float:left; background:url(/media/home-news-arw.gif) no-repeat left 4px; padding:0 0 0 15px; }
*html .arw { margin-top:6px;  }
*:first-child+html .arw {margin-top:6px;}


.arw a { color:#205C74; text-decoration:none; }
.arw a:hover { text-decoration:underline; }

.txtlrg { font-size:148%; line-height: 188%; }

.quotehome { background:url(/media/qte-open-rgt.gif) no-repeat bottom right; text-indent: 25px; }
.quotehome span { float:left; width:25px; height:15px; background:url(/media/qte-open-lft.gif) no-repeat top left; }
.homecasestudy { background:url(/media/qte-open-lft.gif) no-repeat 15px 12px; }

/*border-bottom:2px solid black;background:green; */

/*vidpagewarn styles*/
.twarn {position: absolute; top: 300px; left: 300px; z-index: 1;}
/*end*/

#babout .onecoltwo a {color: #CF3436; text-decoration: none;}

#babout .onecoltwo a:hover {color: #004669; text-decoration: underline;}

.printpagelink { float: right; margin-top: -30px; margin-right: 20px; }

/*manual menu top level*/
.topothenav a { background: #02486B; margin-bottom:1px; padding: 3px; display: block; color: #FFF; text-decoration: none; margin-left: 0px; font-size: 75%;}
.topothenava a { background: #02486B; margin-bottom:1px; padding: 3px; display: block; color: #FFF; text-decoration: none; margin-left: 0px; font-size: 75%;}
/*end*/

/*contactus col styles*/
.cdiv1 {width: 200px; float: left; margin-top: 4px;}
.cdiv2 {width: 200px; float: right; margin-right: 30px; margin-top: 4px;}
/*end*/

/*tech spec*/
.tspec {}
.tspec td {padding: 2px 2px 6px 2px; border-bottom: 1px solid #AFC4CF; vertical-align: top;}
.tspec tr {align: left; vertical-align: top;}
/*end*/
/*rss logo*/
.rsslogo {float: right; margin-top: -20px;}
/*end*/

/*CTA styles*/
a.ctademo {float: left; clear: both; color: #474747; font-weight: bold; text-decoration: none; margin-bottom: 15px; background-image: url(/media/ctaicon.gif); background-repeat: no-repeat; background-position: 0px 3px; padding-left: 22px;}
*html a.ctademo {background-position: 10px 7px; padding-left: 22px;}
a.ctademo:hover {color: #02486B;}
/*end*/

/* safari page height for constant scroll bars */
body { height: 100.01%;#} /* safari will not read any rules after this */
/* end */

/*safari will ignore these fixes*/
.wblock {margin-bottom: 0px !important;}
/*end*/

#logobox {
width:220px;
padding:25px 0 5px 5px;
}

#logobox a {
float:left;
}

.hmlogo {
float:left;padding-top:15px;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}
