/* ======= GLOBALS ========= */
/* ========================= */
body{font:62.5%/1.5 helvetica, arial, sans-serif; text-align:center; height:100%; background:#f3f3f3; font-weight:500; font-style:normal; -webkit-text-size-adjust:none;}
section, article, header, footer, nav, aside, hgroup{display:block;}
.clearfix:after{visibility: hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
* html .clearfix{zoom:1;}/* IE6 */
*:first-child+html .clearfix{zoom:1;} /* IE7 */
hr{border-top:1px solid #CCC; border-bottom:1px solid #fff; border-left:none; border-right:none; height:1px; display:block; margin:3px 0 6px 0; background-color:transparent;}

/* ======= LINKS ============ */
/* ========================= */
a:link{color:#37a3e9; text-decoration:underline;}
a:visited{color:#2d2d2b; background-color:transparent; text-decoration:underline;}
a:hover{color:#60e3ff; background-color:transparent; text-decoration:none;}

a#viewmore{width:120px; display:block; height:28px; text-decoration:none; border:0; background:url(../images/viewmore_btn.gif) 0 0 no-repeat; margin-bottom:15px; color:#fff; font-size:1.0em; text-align:center; line-height:2.8em;}
a:hover#viewmore{background-position:0 -28px; color:#fff;}

/* ======= TYPE ============ */
/* ========================= */
h1, h2, h3, h4, h5 h6{font-family:helvetica, arial, sans-serif;}
h1{font-size:1.6em; line-height:1.7em; color:#000; margin:0;}
h2{font-size:1.5em; line-height:1.7em; color:#333; margin:0;}
p{font-size:1.2em; margin-bottom:1.1em;}
ol{list-style:lower-alpha; list-style-position:inside; margin-bottom:1.1em;}
ul{list-style:disc; list-style-position:inside; margin-bottom:1.1em;}
li{font-size:1.2em;}

/* ======= HEADER ========== */
/* ========================= */
#top{background:none; width:100%; height:128px; background:#2c2d2b; border-bottom:1px solid #fff; text-align:left;}
header{position:relative; padding:28px 0 0 0; margin:0 auto; width:980px;}
header #logo{background: url(../images/logo.gif) no-repeat scroll left top transparent; display:block; width:179px; height:72px; overflow:hidden; text-decoration:none; text-indent:-1000em; z-index:1000000; float:left;}
header h1{color:#cfecff; font-style:italic; font-size:1.3em; font-family:helvetica, arial, sans-serif; padding:25px 16px; display:block; float:left;}
header nav{float:right; padding:0;}

header #menu{list-style:none outside none; position:relative; height:100px; text-shadow:1px 1px 1px #000;}
header #menu li{float:left; font-size:1.2em; letter-spacing:0px; font-weight:bold; position:relative;}
header #menu li.divi{background:url(../images/nav_div.gif) 10px right no-repeat; display:block;}
header #menu li a{display:block; padding:25px 18px; text-decoration:none; color:#e9e9e9;}
header #menu li a:hover{color:#60e3ff;}

/*--- DROPDOWN ---*/
header #menu ul{list-style:none; position:absolute; left:-9999px; opacity:0; -webkit-transition:0.25s linear opacity; z-index:999;}
header #menu ul li{padding-top:1px; float:none;}
header #menu ul a{white-space:nowrap; display:block;}
header #menu li:hover ul{opacity:1; left:0;}
header #menu li:hover a{text-decoration:none;}
header #menu li:hover ul a{text-decoration:none; -webkit-transition:-webkit-transform 0.075s linear; padding:8px 10px; font-size:0.7em; background:#2c2d2b; z-index:925;}
header #menu li:hover ul li a:hover{background:#333; text-decoration:underline; -moz-transform:scale(1.05); -webkit-transform:scale(1.05);}

.current{border:none !important;}
.current a{color:#60e3ff !important;}

/* ========= MID =========== */
/* ========================= */
#mid{width:100%; height:331px; background:url(../images/mid_bg.gif) 0 0 repeat-x; text-align:left;}
#mid section{position:relative; padding:20px 0; margin:0 auto; width:980px;}
#mid section #servicebox{display:block; float:left; position:absolute; z-index:899; width:367px; height:290px; background:url(../images/service_box.png) 0 0 no-repeat; margin:15px 0 0 12px;}
#mid section #servicebox ul{list-style:none outside none; position:relative; width:324px; margin:12px 0 0 20px; background-color:transparent;}
#mid section #servicebox ul li{display:block; width:324px; height:42px; overflow:hidden; margin-bottom:2px;}
#mid section #servicebox ul li a{font-size:1.2em; padding:12px 0 0 15px; color:#000; text-decoration:none; z-index:888;}
#mid section #servicebox ul li a:hover{color:#fff;}

.fadeThis{position:relative; display:block; height:42px; width:324px; background:url(../images/service_box_nav.gif) 0 0 no-repeat;}
.fadeThis.hover{position:absolute; top:0; left:0; display:block; height:42px; width:324px; background:url(../images/service_box_nav.gif) 0 -42px no-repeat;}

#mid section #mast{display:block; background:url(../images/mast_bg.jpg) 0 0 no-repeat; height:283px; width:980px; margin-bottom:8px; z-index:500;}
#mid section #mast h1{font-family:"futura-pt-1","futura-pt-2",sans-serif; font-size:2.6em; display:block; padding:70px 0 0 402px; margin-bottom:0.0em; line-height:1.3em; color:#fff; font-weight:800; font-style:italic; text-shadow:0 1px 1px #000; letter-spacing:-1px; position:absolute;}
#mid section #mast h1 strong{font-size:1.4em;}
#mid section #mast h1 .indented{padding-left:45px;}
#mid section #pipe{display:block; background:url(../images/basepipe.gif) 0 0 repeat-x; height:22px;}

/* ========= MANTEL ======== */
/* ========================= */
#mantel{width:100%; height:131px; background:url(../images/mid_bg.gif) 0 0 repeat-x; text-align:left;}
#mantel section{position:relative; padding:8px 0; margin:0 auto; width:980px;}
#mantel section #notebar{display:block; width:980px; height:115px; background:url(../images/title_bar.gif) 0 0 no-repeat; margin-bottom:15px;}
#mantel section #notebar h1{font-family:"futura-pt-1","futura-pt-2",sans-serif; font-size:2.8em; display:block; padding:40px 0 0 25px; margin-bottom:0.0em; line-height:1.1em; color:#fff; font-weight:700; font-style:italic; text-shadow:0 1px 1px #000; letter-spacing:-1px; float:left;}
#mantel section #notebar .msg{float:right; display:block; height:93px; width:535px; margin:0 25px 0 0; padding:20px 0 0 0;}

/* ===== CONTENT AREA ====== */
/* ========================= */
#content{width:100%; background:none; text-align:left; border-bottom:1px solid #e5e5e5;}
#content #area{position:relative; padding:8px 0; margin:0 auto; width:980px;}
#content #area #crumb{display:block; background:none; height:26px; margin-bottom:8px; font-weight:bold;}
#content #area #crumb a{font-size:1.1em; display:block; color:#37a3e9; float:left; padding:3px 8px; background:#f2f2f2; text-decoration:none; margin:0 5px 0 0; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; border:1px solid #d5d5d5;}
#content #area #crumb a:hover{background:#37a3e9; text-decoration:none; color:#e9e9e9;}
#content #area #pipe{display:block; background:url(../images/basepipe.gif) 0 0 repeat-x; height:22px; margin-bottom:20px;}
#content #area #notebar{display:block; width:980px; height:115px; background:url(../images/nexus_bar.gif) 0 0 no-repeat; margin-bottom:15px;}
#content #area #notebar .msg{float:right; display:block; height:93px; width:535px; margin:0 25px 0 0; padding:20px 0 0 0;}
#content .testilink{margin:5px 0; text-align:right;}

/* ===== COLUMN STRUCT ===== */
/* ========================= */
.threecol{background:url(../images/3_columns.gif) 0 0 repeat-y; width:100%;}
.twoecol{background:url(../images/2_columns.gif) 0 0 repeat-y; width:100%;}
.column{padding:0; margin:0; display:inline; float:left; clear:none; overflow:hidden;}

.col1of3{width:361px; margin-right:35px;}
.col2of3{width:281px; margin-right:30px;}
.col3of3{width:272px;}

.col1of2{width:677px; margin-right:30px;}
.col2of2{width:272px;}

.col1of2 h1{font-family:"futura-pt-1","futura-pt-2",sans-serif; font-size:2.2em; display:block; font-weight:700; letter-spacing:-1px;}
.col1of2 h2{font-family:"futura-pt-1","futura-pt-2",sans-serif; font-size:1.7em; display:block; font-weight:700; letter-spacing:0;}
.col1of2 h3.casetitle{padding-left:25px; background:url(../images/document.gif) 0% 50% no-repeat;}
.col1of2 h3{font-size:1.6em; line-height:1.7em; color:#000; margin:0;}

.col1of2 img{border:1px solid #e8e8e8; background:#e9e9e9; padding:10px; -moz-border-radius:8px; border-radius:8px; -webkit-border-radius:8px;}

.introductory{}

.testblurb{background:#1ca4fa; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; -o-border-radius:8px; padding:15px; color:#fff;}
.testblurb p{font-size:1.2em; font-style:italic;}

/* ===== TESTIMONIALS ====== */
/* ========================= */
.monial{display:block; margin-bottom:10px; clear:both; overflow:hidden; padding:10px 0;}
.monial hr{display:block; clear:both;}
span.pullone{font-size:4.2em; font-family:Georgia, "Times New Roman", Times, serif; color:#666; padding:0; font-style:italic; float:left; margin-right:9px; line-height:1.2em; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; overflow:hidden; width:20px; text-align:center;}
.monial p{color:#666; font-style:italic; display:block; padding-right:15px;}

/* = INTERNAL SERVICE LIST = */
/* ========================= */
section #servicelist{display:block; float:left; z-index:899; width:272px; background:none; margin:0px;}
section #servicelist ul{list-style:none outside none; position:relative; width:272px; margin:0px; background-color:transparent;}
section #servicelist ul li{display:block; width:272px; height:42px; overflow:hidden; margin-bottom:2px;}
section #servicelist ul li a{font-size:1.2em; padding:12px 0 0 15px; color:#000; text-decoration:none; z-index:892;}
section #servicelist ul li a:hover{color:#fff;}

.fadeMe{position:relative; display:block; height:42px; width:272px; background:url(../images/service_list_nav.gif) 0 0 no-repeat;}
.fadeMe.hover{position:absolute; top:0; left:0; display:block; height:42px; width:272px; background:url(../images/service_list_nav.gif) 0 -42px no-repeat;}

/* ======== FOOTER ========= */
/* ========================= */
#bottom{background:none; width:100%; height:120px; background:#e5e5e5; border-top:1px solid #fff; text-align:left;}
footer{position:relative; padding:28px 0 0 0; margin:0 auto; width:980px;}
footer nav{padding:0 8px 0 0; float:left;}
footer #footermenu{list-style:none outside none; position:relative; height:25px;}
footer #footermenu li{float:left; font-size:1.2em; letter-spacing:0px; font-weight:normal; border-right:1px solid #656565;}
footer #footermenu li a{display:block; padding:0px 8px; text-decoration:none; color:#656565;}
footer #footermenu li a:hover{color:#60e3ff;}
footer #footermenu li.anchor{color:#37a3e9; border-right:1px solid #656565;}
footer #footermenu li.anchor a{color:#37a3e9;}
footer #copyright{margin-left:0; display:block; float:right;} 
footer #copyright small{font-size:1.0em;}