/* Page */
body { color: #fff; }
h1, h2, h3, h4, h5, h6 { font-family: "arial black", arial, helvetica, sans-serif; padding: 0; margin: 0; color: #222; font-weight: normal; }
h1 { font-size: 1.6em; font-family: arial, helvetica, sans-serif; }
h2 { font-size: 1.5em; letter-spacing: -1px; color: #555; font-size: 1.05em; letter-spacing: -1px; }
h3 { color: #555; font-size: 1em; }
h4 { font-size: 1em; }
h5 { font-size: 0.7em; font-family: arial, helvetica, sans-serif; }


dl, dd, ul, li { padding: 0; margin: 0; list-style: none; }
dl { margin-left: 40px; }
dd { line-height: 145%; }
form { padding: 0; margin: 0; }

p { margin: 0; padding: 8px 0; }


/* Header 
#header { background: url(../_img/template/header/bg.gif) 0 0 repeat-x; height: 95px; width: 965px; position: relative; text-align: left; }
#header .links { font-size: 70%; }
#header #logo { display:block; text-align:center; text-indent:-3000px; font-size:0; width: 500px; height: 95px; position: absolute; top: 0; left: 0; background: url(../_img/template/header/logo.png) 0 0 no-repeat; }
*/
#header { position: relative; background: url(../_img/header-bg.gif) 0 0 repeat-x; }
#header { border: 4px solid #0068a3; border-left: 1px solid #777; border-right: 1px solid #777; height: 103px; }

#header #logo { position: absolute; top: 14px; left: 25px; background: url(../_img/template/header/Tier2_Logo.gif) 0 0 no-repeat; height: 73px; width: 141px; text-indent: -10000px; }
#header #social-links { position: absolute; bottom: 2px; right: 10px; display: inline; font-size: 0; outline: 0; }
#header #social-links a { width: 26px; height: 26px; float: left; text-indent: -10000px; margin-left: 3px; background: url(../_img/icons/social.gif) 0 0 no-repeat; }
#header #social-links a.in { background-position: -26px 0; }

/*  Banner */
#pageBanner { position: relative; background: url(../_img/template/banner/bg.png) no-repeat 0 -50px; height: 115px; }
#pageBanner h1 { position: absolute; top: 12px; left: 28px; letter-spacing: 0; line-height: 1.20em; font-size: 1.2em; font-style: normal; font-weight: normal; color: #fff; width: 550px; }
#pageBanner #contactInfo { position: absolute; top: 0; right: 0; display: block; width: 308px; height: 121px; text-indent: -10000px; background: url(../_img/template/banner/info.png) 0 0 no-repeat; }

/* Body */
#bodyWrapper { clear: both; overflow: auto; margin: 0; padding: 20px 28px; border-top: 1px solid #fff; background-color: #fff; color: #555; }
#bodyWrapper h2 { font-family: "arial black", arial, helvetica, sans-serif; font-size: 1.5em; letter-spacing: -1px; color: #555; }
#bodyWrapper h3 { color: #555; font-family: "arial black", arial, helvetica, sans-serif; font-size: 1em; }
#bodyWrapper #col1 p, #bodyWrapper #col2 p { line-height: 1.6em; font-size: 0.75em; }
#bodyWrapper #col3 p { line-height: 1.3em; font-size: 0.9em; }
#bodyWrapper p img { float: left; padding: 5px 5px 0 0; }

#bodyWrapper #col1, #bodyWrapper #col2, #bodyWrapper #col3 { float: left }

#bodyWrapper #col1 { border-right: 1px solid #ddd; width: 250px; padding-right: 20px; }
#bodyWrapper #col1 .image-paragraph { border-bottom: 1px solid #f1f1f1; }
#bodyWrapper #col1 .image-paragraph .text { overflow: auto; padding: 5px 0 10px 0; border-bottom: 1px solid #ddd; }
#bodyWrapper #col1 .image-paragraph2 { padding-top: 12px; }
#bodyWrapper #col1 .image-paragraph2 .right { float: right; }

#bodyWrapper #col2 { border-left: 1px solid #f1f1f1; border-right: 1px solid #ddd; width: 355px; padding: 0 30px; }
#bodyWrapper #col2 .image-paragraph { border-bottom: 1px solid #f1f1f1; }
#bodyWrapper #col2 .image-paragraph .text { overflow: auto; padding: 5px 0 10px 0; border-bottom: 1px solid #ddd; }
#bodyWrapper #col2 .image-paragraph .text img { float: left; padding: 5px 12px 0 0; }
#bodyWrapper #col2 .no-border,
#bodyWrapper #col2 .image-paragraph .no-border { border: 0; }
#bodyWrapper #col2 .image-paragraph2 .right { float: right; }
#bodyWrapper #col2 .image-paragraph2,
#bodyWrapper #col2 .text-only { padding-top: 12px; }

#bodyWrapper #col3 { padding: 5px 0 0 10px; color: #555; width: 185px; }
/*
#bodyWrapper #col3 h4 { font-size: 0.8em; line-height: 1.3em; }
.cli-comments { padding: 0; }
.cli-comments .top { padding: 0 0 20px 0; border-bottom: 1px solid #ddd; }
.cli-comments .bottom { padding: 10px 0 0 0; border-top: 1px solid #f1f1f1; }
.cli-comment { padding: 0; }
.cli-comment h4, .cli-comment h5 { text-align: right; }
.cli-comment h4, .cli-comment h5 { color: #555; }
*/

/* Content */
#content-outer-left { margin: 0 auto; }

#content-outer-left { background: #fff url(../_img/template/page/content/bg-left.gif) left bottom repeat-y; padding-left: 7px; width: 965px; }
#content-outer-right { background: #fff url(../_img/template/page/content/bg-right.gif) right bottom repeat-y; padding-right: 7px; width: 965px; }

#content-outer { position: relative; width: 963px; border: 1px solid #777; border-top: 0; border-bottom: 0; text-align: left; }
.content-section { display: -moz-inline-block; display: inline-block; border-left: 10px solid #fff; border-top: 15px solid #fff; }
hr.full { margin-left: 12px; width: 917px; }

img.bdr { padding: 5px; border: 1px solid #d1cec1; }
.right { float: right; margin-left: 10px; margin-right: 0; }
.left { float: left; margin-right: 10px; margin-left: 0; }

.column { float: left; font-size: 76%; }
.column h2 { color: #0068a3; }

.col-left { float: left; width: 710px; }
.col-right { width: 225px; }
.col-left .img-header { font-size: 1em; margin-top: 6px; }

.content { padding-top: 0; padding-left: 5px; color: #333; }
.no-content-header { padding-left: 5px; padding-top: 20px; }

.content p,
.no-content-header p { line-height: 145%; color: #777; padding: 0 0 8px 0; }

.content .bullets { margin-left: 30px; margin-bottom: 12px; }
.content .bullets li { line-height: 140%; margin: 0; padding: 0 0 5px 10px; background: url(../_img/template/page/content/icons/general/bullet.gif) 0 -3px no-repeat; font-style: italic; color: #777; }

.content .page-column { float: left; display: inline; width: 49%; }
.content .page-column-bdr { border-left: 10px solid #fff; }
.content .full { clear: both; padding-top: 1px; }

.content .info-wrapper { padding-bottom: 1px; }
.content .info-wrapper h3 { margin-bottom: 0.6em; font-family: arial, helvetica, sans-serif; }

.content .info-wrapper .img-panel { float: right; width: 134px; text-align: left; text-indent: -10000px; }
.content .info-wrapper .img-panel, .content .info-wrapper img { padding: 0 0 0 10px; }

/* Seperator Styles */
.seperator { margin: 0 auto; width: 265px; height: 29px; text-indent: -5000px; background: url(../_img/template/page/content/seperator.gif) center center no-repeat; }
.col-right .seperator { margin: 0 auto 2px auto; width: 265px; height: 29px; text-indent: -5000px; background: url(../_img/template/page/content/seperator-narrow.gif) center center no-repeat; }
.feature .seperator { margin: 0 auto 2px auto; width: 265px; height: 23px; text-indent: -5000px; background: url(../_img/template/page/panel/seperator.gif) center center no-repeat; }
.partner-group .seperator { clear: both; }


/* Footer */
#footer { clear: both; position: relative; background: #555 url(../_img/template/page/footer/bg.gif) left bottom repeat-x; color: #ddd; padding-bottom: 7px; width: 965px; height: 95px; border-top: 1px solid #333; font-size: 75%; }
#footer ul { position: absolute; top: 10px; text-align: left; }
#footer li, #footer a { line-height: 18px; color: #ddd; }

#footer .list-left { left: 20px; }
#footer .list-right { right: 20px; }

#footer .list-left li { padding-left: 22px; height: 18px; }
#footer .list-left li.home { background: url(../_img/template/page/footer/home.png) 0 0 no-repeat; }
#footer .list-left li.phone { background: url(../_img/template/page/footer/phone.png) 0 0 no-repeat; }
#footer .list-left li.fax { background: url(../_img/template/page/footer/fax.png) 0 0 no-repeat; }

#footer .list-right li { text-align: right; }

/* Panels */
.quote-panel, 
.text-panel { float: left; width: 303px; height: 185px; background: url(../_img/template/page/panel/comment/quote-panel-main.png) 0 0 no-repeat; font-size: 0.75em; }
.text-panel { background-image: url(../_img/template/page/panel/comment/rounded-panel-main.png); }

.quote-panel .panel-inner { position: relative; }

.quote-panel p { position: absolute; width: 182px; height: 117px; top: 13px; left: 108px; text-align: left; color: #000; line-height: 1.4em; }
.quote-panel h4 { font-family: tahoma, helvetica, sans-serif; font-style: italic; }
.quote-panel h4 { position: absolute; left: 21px; top: 143px; color: #004e74; font-weight: bold; text-align: left; }
.quote-panel span { display: block; color: #333; font-weight: normal; font-size: 0.9em; }

.quote-panel-square, 
.text-panel-square { float: left; width: 230px; height: 220px; background: url(../_img/template/page/panel/comment/quote-panel-square.png) 0 0 no-repeat; font-size: 0.75em; }
.text-panel-square { width: 230px; background-image: url(../_img/template/page/panel/comment/rounded-panel-square.png); }

.call-us-panel { float: left; height: 165px; width: 230px; background-image: url(../_img/template/page/panel/comment/rounded-panel-square-short.png); 0 0 no-repeat; font-size: 0.75em; }

.quote-panel-square p { position: absolute; width: 115px; height: 117px; top: 0; left: 108px; text-align: left; color: #000; line-height: 1.3em; }
.quote-panel-square h4 { font-family: tahoma, helvetica, sans-serif; font-style: italic; }
.quote-panel-square h4 { position: absolute; left: 15px; top: 165px; color: #004e74; font-weight: bold; text-align: left; }
.quote-panel-square span { display: block; color: #333; font-weight: normal; font-size: 0.9em; }

.quote-panel .app { position: absolute; top: 6px; left: 11px; width: 93px; height: 126px; text-indent: -10000px; border: 0 solid red; }
.quote-panel .app-arena { background: url(../_img/template/page/panel/applications/arena-2.png) 0 0 no-repeat; }
.quote-panel .app-cie { background: url(../_img/template/page/panel/applications/netdev.png) 0 0 no-repeat; }

/* Generic */
.clear-left { clear: left; }
.text-center { text-align: center; }
.color-blk { color: #444; }