html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a{color:#116895; text-decoration:none;}
a:hover {text-decoration:underline;}
body {background: #FFF url(../images/interface/bg.jpg) 0 0 repeat-x; font-family:arial;}
#outerwrapper {width: 900px; margin: 0 auto; padding: 26px 0 0 0;}
#wrapper {width:898px; padding: 105px 1px 0 1px; min-height: 700px; background: url(../images/interface/framebg.png) 0 105px no-repeat;}
#header {height: 104px; width:898px; margin-left: -1px; position:absolute; top:26px; background: #eba440 url(../images/interface/headerbg.jpg) 0 0 no-repeat; border: 1px solid #88b6cd; border-bottom-color:#e46d15;}
#logo {margin-left: 45px; position:absolute;}
#logo a { display:block; width:164px; height: 104px; text-indent:-9999px; background: url(../images/interface/logo.png) 0 0 no-repeat;}

#primary {position:absolute; top:74px; width: 898px;}
#primary ul {float:right; margin-right: 19px;}
#primary li {float:left; margin-left: 5px;}
#primary a {font-family:helvetica; text-transform:uppercase; color:#FFF; padding: 0 20px; font-size: 13px; display:block; height: 27px; line-height: 27px; text-decoration:none;
						background:#e0802f;
						background: rgba(199,40,2,0.25);
						-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
#global a {color:#FFF; text-decoration:none; font-weight:bold;}
#primary a:hover {background: rgba(199,40,2,0.5);}
#global {position:absolute; width:885px; text-align:right; font-size: 11px; padding:15px 13px 0 0;}

#global li {display:inline; padding: 0 7px 0 8px; background: url(../images/interface/icons.png) 0 1px no-repeat;}
#global>li:first-child {background:none;}


#content {float:right; width:543px; margin: 89px 94px 0 0; padding: 0 0 60px 0;}
#sidenav {float:left;  width:152px; margin: 58px 0 0 84px;}

h1 {font-family:"myriad pro", myriad, arial; font-weight:normal; font-size: 23px; line-height: 30px; margin-bottom: 10px; color:#df550f;}
h2 {font-size: 17px; font-weight:normal; color:#5f5f5f; line-height: 24px;}
h5 {font-size: 13px; font-weight:normal; color:#252525; line-height: 18px;}
.intro {color:#5f5f5f;}
.intro.imgright {padding-right: 209px;}
.intro.imgright .videolink,
.intro.imgright img {float:right; margin: 0 -209px 0 0;}
.intro.imgright .videolink {font-size: 12px; text-align:right; font-weight:bold; padding-bottom: 0; text-decoration:none;}
.intro.imgright .videolink img {float:none; margin:0 0 0 20px;}

img.imgright {float:right; margin: 0 0 10px 15px;}
.clearfix>.imgright {margin-bottom:0;}
h3 {font-family:"myriad pro", myriad, arial; font-weight:normal; font-size: 15px;   color:#df550f;}

h4 {font-size: 13px; line-height: 18px; color:#5f5f5f;}
ul+h4,
p+h4 {margin-top:20px;}
.spaced {margin-top:20px;}
.spaced a {font-weight:normal;}
table,
p, #content li {font-size: 13px; line-height: 18px; margin: 18px 0 0 0; color:#5f5f5f;}
#content ul {padding-left: 20px; list-style:disc;}
#content li {margin:0;}

.intro+p,
h2+h4 {margin-top:20px;}
h2+p,
h4+p,
h2+h5 {margin:0;}
.hr {border-top: 1px solid #d3d3d3; margin: 20px 0;}
.lighter {border-color:#F3f3f3;}

.news {padding-right: 152px;}
.news img {float:right;margin: 0 -152px 10px 10px;}

.logoright {padding-right: 140px;}
.logoright img {float:right; margin-right: -140px;}

.photoleft {padding-left: 152px;}
.photoleft img {float:left; margin-left: -152px;}

/* product page*/
.diagram,
.brochure {padding: 20px 0 10px 0;  border-top: 1px solid #d3d3d3; margin: 20px 0 0 0;}
.diagram {width: 302px; float:left;}
.brochure {width: 211px; float:right;}
.diagram h5,
.brochure h5 {text-align:right; font-weight:bold; padding-top: 15px;}
.diagram h5 a {padding-left: 18px; background: url(../images/interface/icon_magnifier.png) 0 0 no-repeat;}
.brochure h5 a {padding-left: 18px; background: url(../images/interface/icon_download.png) 0 0 no-repeat;}
.diagram h2,
.brochure h2 {padding-bottom: 8px;}
#sidenav h3 {text-transform:uppercase; line-height: 25px; padding: 5px 0;}
#sidenav a {display:block; font-size: 13px; color:#d83507; line-height: 35px; text-decoration:none; padding-left: 8px; background: url(../images/interface/icons.png) 1px -26px no-repeat;}
#sidenav .selected,
#sidenav a:hover {color:#252525;}
#sidenav li {border-top:1px solid #d3d3d3;}

#footer {padding: 20px 0 40px 20px; }
#footer p {color:#999; font-size: 11px; }
#footer a {font-weight:bold; text-decoration:none; color:#999;}

#homepage {clear:both;width:859px; height: 251px; padding: 20px 0 0 20px; background: url(../images/home/banner-rounded.jpg) no-repeat 20px 20px;}
#homepage h1 {color:#2b191d; font-size: 30px; color:#FFF; text-transform:uppercase; width: 484px; height: 116px; display:block; text-indent:-9999px; margin:0; background: url(../images/home/h1.png) 0 0 no-repeat;}
#homepage h3 {font-size:15px; padding: 0 0 0 30px; line-height: 20px; color:#000;}
#homepage h4 {margin:0; position:absolute;}
#homepage a {display:block; width: 154px; height: 31px; text-indent:-9999px; background: url(../images/home/watchvideobutton.png) 0 0 no-repeat; margin: 171px 0 0 33px;}
#news {position:absolute; top:402px; margin-left: 21px; font-size: 13px; height: 48px; overflow:hidden; background:#FFF;}
#news p {margin:0; line-height: 50px;}
#news a {color:#000;}
#news a:hover {text-decoration:none; color:#116895;}


.pathways {width:859px; height: 200px; background: url(../images/home/pathways.jpg) 0 0 no-repeat; margin: 49px 0 0 20px;}
.pathway {width:241px; padding: 19px; float:left; margin: 0 0 0 11px; }
.pathway h4,.pathway p {color:#4d4d4d; line-height: 20px;}
.about {margin-left:0;}
.pathway h3 {font-size: 20px; margin-bottom: 10px;}
.about h3 {color:#3e6543;}
.why h3 {color:#ab6c3a;}
.what h3 {color:#3b6b85;}
.pathway a {color:#116895; font-weight:bold; text-decoration:none;}
.pathway a:hover {text-decoration:underline;}
.pathway li {border-top:1px solid #b1c4ce; font-size: 13px;}
.pathway li a {display:block; padding: 0 0 0 21px; line-height: 39px; height: 39px; background: url(../images/interface/icons.png) 10px -66px no-repeat;}


.twocol {padding:  55px 95px 0 84px;}
.twocol .content {float:left; width: 449px; border-top: 1px solid #d3d3d3; padding: 15px 0 60px 0;}
.twocol .sidebar {float:right; width: 209px;}

.featurecaption {font-size: 13px; color:#9f9f9f; font-weight:bold; padding: 30px 0 0 10px; }
.featurecaption img {float:right; margin: -30px 0 0 30px}

/*.features {width:100%;}*/
.featurecaption+.features {margin-top:0;}
.features td {border-top:1px solid #CCC; padding: 10px;}
.features th {text-align:left; padding: 10px;}


form p {margin-top: 7px;}
input {width:244px; font-size: 13px;}
textarea {width:429px; height: 125px; font-family:arial, sans-serif; font-size: 13px;}
.sendbutton {width: 76px; height:27px; margin: 20px 0 0 0; border:none; padding:0; display:block; text-indent:-9999px; background: url(../images/interface/button_send.png) 0 0 no-repeat; cursor:hand;}

#sharebutton,#sharetoolbar{display:none; position:absolute; font-size: 13px;}
#sharetoolbar {float:left; clear:both; width:300px;}

#sharebutton {margin: 18px 0 0 760px; width:120px;}
.addthis_button {color:#116895; float:right; text-decoration:none !important; text-align:right;}
.addthis_button:hover {color:#116895;}
.shareicon {float:right; margin: -1px 0 0 5px; display:block; width:16px; height: 16px; background: url(../images/interface/shareicons.png) 0 -32px no-repeat;}
#atffc {position:absolute; margin-top:-9999px;}
.addthis_toolbox {display:none; position:absolute; margin: -30px 0 0 262px;  float:left;}
.noside .addthis_toolbox {margin: 0 0 0 21px !important;}
.addthis_toolbox .at300b{padding:0 !important; margin: 0 5px 0 0 !important;}
.addthis_toolbox .at300bs {background: transparent url(../images/interface/shareicons.png) 0 0 no-repeat;}
.addthis_toolbox .at15t_facebook {background-position: 0 0;}
.addthis_toolbox .at15t_twitter {background-position: -16px 0;}
.addthis_toolbox .at15t_linkedin {background-position:-32px 0;}
.addthis_toolbox .at15t_delicious {background-position: -48px 0;}
.addthis_toolbox .at15t_technorati {background-position: 0 -16px;}
.addthis_toolbox .at15t_google {background-position: -16px -16px;}
.addthis_toolbox .at15t_expanded {background: transparent url(../images/interface/shareicons.png)  -48px -16px no-repeat !important;}
.addthis_toolbox .addthis_button_email {line-height: 15px; color:#007fc0; float:left; width:auto;}
.addthis_toolbox .at15t_email {background-position: -32px -16px; margin: 0 0 0 5px; float:right !important;}
.addthis_toolbox .separator {height: 16px; display:block; float:left; width:1px; margin: 0 12px 0 7px; border-left: 1px solid #969696;}



/* overlay */
#overlaybg {position:fixed; width: 100%; height: 100%; top:0; left:0; background: transparent url(../images/interface/overlaybg.png) 0 0 repeat; display:none;}
#overlayholder {position:fixed; top:0; left:0;}
#overlaywrapper {padding: 10px; background:#FFF; position:absolute;}
.close {position:absolute; top:0; left:0; margin:0;}

.closelink {display:block; width: 29px; height: 28px; text-indent:-9999px; margin: -17px 0 0 643px; background: transparent url(../images/interface/overlayclosebutton.png) 0 0 no-repeat;}
.diagramoverlay .closelink {margin-left: 855px;}
.news:after,
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.news,
.clearfix {height: 1%;}