/* CSS for Network Access by Roc Dornbrook */
/* Meyerweb CSS Reset - v1.0 | 20080212 - Thanks! */

@import url(http://fonts.googleapis.com/css?family=Nobile:regular,bold); /* Nobile:regular,italic,bold,bolditalic); */

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; }
blockquote:before, blockquote:after,q:before, q:after { content: ''; content: 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; }


/************************/
/* BASE STYLES */
/************************/
body { background: url("bkg-fractal-sandwhite.jpg") no-repeat fixed center top #e8e7e3; color: #333; font: 0.625em "Helvetica Neue",Helvetica,Arial,sans-serif; text-align: center; }


/* links  */
a { color: #333; text-decoration: underline; }
a:hover { color: #9F2214; }
/* headings */
h1 { font-size: 2em }
/* displayed at 24px */
h2 { font-size: 1.5em }
/* displayed at 18px */
h3 { font-size: 1.25em }
/* displayed at 15px */
h4 { font-size: 1em }
/* displayed at 12px */
/* strong em */
strong { font-weight: bolder; }
em { font-style: italic; }
/* tables & forms */
input, select, th, td { font-size: 1em }
/* classes */
.error { color: red; }
/* page structure & layout */
#container { text-align: left; width: 980px; /* -moz-box-shadow: 0 0 10px #000000; -webkit-box-shadow: 0 0 10px #000000; */ margin: 0px auto; }
#header {  }
#info { background: #76AAC9; border-bottom: 3px solid #93CCEA; color: #E4EEF4; font-size: 1.2em; line-height: 2.0em; position: relative; padding: 20px 230px 20px 30px; }
#page { font-size: 1.2em; background: #F2F1DA /*#E5F0F4*/; color:#00476C; border: 1px solid #ddd; border-top: none; width: 960px; margin: 0px auto; }
#content { margin: 0 auto; width: 960px; }
.sidebar { font-size: 1em; line-height: 1.4em; padding: 30px; color: #666; }
.sidebar h4 { text-transform: uppercase; font-weight: normal; padding: 10px 0 0; }
#footer { clear: both; padding: 0 0 20px; }
/* header */
#header .title { padding: 10px 0 10px 20px; float: left;}
#header h1 { }
#header h1 a { color: #000; font-weight: normal; letter-spacing: -1px; text-decoration: none; text-transform: uppercase; }
#header h1 a:hover { color: #fff; }
#header h1 span { font-size: 12px; margin: 0 10px; }

#header .contactinfo { float:right; margin:30px 40px 0 0; color: gray; text-align: center;}
#header .contactinfo .phone { font-size: 2.4em; font-family: Nobile, Arial, sans-serif; }
#header .contactinfo .email {  }


/* navigation header  */
#header .menu { font-size:0.9em; font-weight:bold; border:1px solid #ddd; background: url(bkg-menu-up.jpg) repeat scroll 0 0 #EBEBEB; height: 36px;-moz-box-shadow:0 4px 10px rgba(0, 0, 0, 0.4);-webkit-box-shadow:0 4px 10px rgba(0, 0, 0, 0.4); position: relative; z-index: 100; }
#header .menu ul { }
#header .menu li { float: left; position: relative; z-index: 100;border-right: 1px solid #ddd;}
#header .menu li a { display: block; list-style: none; padding: 10px; border-right: 1px solid white; font-size: 1.4em; color: #777; text-shadow: 1px 1px 0 #FFFFFF; text-decoration: none; font-weight: normal; } 
#header .menu li:hover { }
/* #header .menu li:first-child { border: none; } 
#header .menu li:first-child a { border: none; } */
#header .menu li a:hover { color: #00476C; } /* A6314B */
#header .menu li a.current { color: #A6314B; background: url("bkg-menu-up-current.jpg") center top; }
#header .menu li ul li a.current { background: none; }


/* Suckerfish Drop Down Menu */
#header .menu li ul { display: none; position: absolute; background: white; font-size: .8em; font-family: Arial, sans-serif; border: 1px solid #ccc; } 
#header .menu li ul li { border: none; width: 100px; }
#header .menu li ul li a { text-shadow: none; border: none; padding: 6px; font-size:12px; }
#header .menu li ul li a:hover { color: darkred; }
#header .menu li ul li:hover { }

#header .menu li ul ul { top: 5em; margin: -3em 0 0 100px; }

#header .menu li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */ top: auto; left: auto; }

#header .menu li:hover ul, li.over ul { /* lists nested under hovered list items */ display: block; }

#header .menu li:hover ul ul, #header .menu li:hover ul ul ul, #header .menu li.over ul ul, #header .menu li.over ul ul ul { left: -999em; }
#header .menu li:hover ul, #header .menu li li:hover ul, #header .menu li li li:hover ul, #header .menu li.over ul, #header .menu li li.over ul, #header .menu li li li.over ul { left: auto; }
#header .menu .tri { display: none;background:url("triangle.png") no-repeat scroll center top transparent; height:10px; position:absolute;left: auto; }

/* partners menu items */
#header .menu li.menu-item-50 {  }
#header .menu li.menu-item-50 ul { width: 387px; z-index: 999; }
#header .menu li.menu-item-50 li { width: 120px;height:50px; text-align: center; padding: 4px; border-right: 1px solid #f2f2f2;border-bottom: 1px solid #f2f2f2; }
#header .menu li.menu-item-50 li img { }
#header .menu li.menu-item-50 li a { }

/* carriers menu items */
#header .menu li.menu-item-55 {  }
#header .menu li.menu-item-55 ul { width: 420px; }
#header .menu li.menu-item-55 li { width: 130px;height:50px; text-align: center; padding: 4px; border-right: 1px solid #f2f2f2;border-bottom: 1px solid #f2f2f2; }
#header .menu li.menu-item-55 li img { }
#header .menu li.menu-item-55 li a { }


/* navigation sidebar  */
.subitems { margin: 0 0 20px 0; }
.subitems li { border-bottom: 1px solid lightGray; display: block; list-style: none outside none; }
.subitems li a { color: #006F91; text-decoration: none; display: block; padding: 10px 0; }
.subitems li a:hover { color: #A6314B; }
.subitems li a.current { color: #A6314B; }

/* navigation footer */
#footer { color:  gray; }
#footer a { color: gray; }
#footer .logo { position: absolute; top: 16px; left: 20px; }
#footer .menu { color: #ddd; padding: 10px; text-align: center; margin-top: 15px;  }
#footer .menu ul { }
#footer .menu ul li { display: inline; list-style: none; }
#footer .menu ul li a { color: #999; padding: 4px 6px; font-size: 1.2em; text-decoration: none; }
#footer .menu ul li a:hover,
#footer .menu ul li a.current { color: #9F2214; }




/* breadcrumb */
.breadcrumb a { color:#999999; text-decoration: none; }
.breadcrumb a:hover { color: #9F2214; text-decoration: none; }
.breadcrumb { color:#999999; font-size: .8em; padding: 0 0 10px; margin: 0 0 20px; border-bottom: 1px dotted #ccc; }
.breadcrumb-current { color: #666; }

.itemnav { border-top: 1px solid #ccc;margin: 40px 0 0; padding: 10px 0 0; }

/* info */
#info a { color: #E4EEF4; }
/* content */
#content h2 { font-family: Nobile, Arial,sans-serif; font-size: 1.6em; letter-spacing: -1px; color: #A6314B; line-height:1.4em; }
#content h2 a { color: #FFD567; text-decoration: none; }
#content h2 a:hover, #content h3 a:hover { color: #A41E39; }
#content h3 { font-weight: normal; line-height:1.4em; color: #A6314B; }
#content h3 a {  }
#content p { line-height: 1.6em; margin: 0 0 10px 0; }
#content .module { clear: both; margin: 20px 0; padding: 20px 0 0; border-top: 1px dashed #ccc; }
#content .module h3 { margin: 10px 0 0; }
#content .module p { overflow: auto; }
#content .shine p.intro { font-size: 2.4em; letter-spacing: -1px; line-height: 1.1em; }
#content .shine p { overflow:auto; }
#content .shine h2 { margin: 0 0 20px; }
#tpl-sub-section #content .shine h3 { margin: 30px 0 6px; border-bottom: 1px solid #ccc; }
#content .shine ul { list-style: square; font-size: .9em; margin-left: 2em; }
#content .shine p + ul { margin-top: -10px; }
#content .shine ul + p { margin-top: 10px; }
#content .shine li { font-family: inherit; }

#content .icon img { position: relative; top: 42px; }
#content .icon { width: 120px; height: 120px; background: white; border: 1px solid #ccc; text-align: center; float: left; margin:0 20px 0 0; }
#content img.thumb { float: left; border: 4px solid white; margin: 0 20px 0 0; width: 120px; height: 120px; -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4); }
#content blockquote.withimage img { float: right; padding: 0 0 0 10px; }
#content .left { background: white; }

	
/* secondary content */
/* footer */
#footer p { line-height: 1.5em; text-align: center; }
#footer a { text-decoration: underline; }
/* misc */
a img {
	border: none;
}
acronym { cursor: help; }
blockquote { border-left: 2px solid white; line-height: 1.5em; margin: 0 10px 0 10px; padding: 0 0 0 20px; font-size:1.2em; font-style:italic; }
.hide { display: none; }
.show { display: inline; }
pre, code { font-size: 1.1em; line-height: normal; background: #eee; color: #444; }
.clr { clear: both; }
/* classes */
.left { float: left; }
.right { float: right; }
.col120 { width: 120px; }
.col180 { width: 180px; }
.col220 { width: 220px; }
.col280 { width: 280px; }
.col340 { width: 340px; }
.col400 { width: 400px; }
.col540 { width: 540px; }
.col620 { width: 620px; }
.col680 { width: 678px; border-right:2px dashed #F5F4EE; }
.last { margin-right: 0; }
.break { clear: left; }
.shine {
	padding: 40px;
	font-size: 1.2em;
}
.under { padding: 20px 40px; border-top: 1px dashed white; }
.thumb img { width: 172px; height: 172px; border: 4px solid white; -moz-box-shadow: 0 3px 4px #333333; -webkit-box-shadow: 0 3px 4px #333333; }
div.smsq { width: 10px; height: 10px; background: #ccc; float: left; margin: 2px 8px 0 0; }
/* comment */
.comment-form-body { width: 450px; }
.previous { font-size: .8em; }
.next { font-size: .8em; float: right; }


/* section layout & style customization */
#home {  }
#home #page { padding: 0; background: white; }
#home h2 { border-bottom:1px solid #ccc; margin: 0 0 10px 0; font-size:1.4em; }
#home h4 { font-family: trebuchet MS,sans-serif; font-weight: normal; letter-spacing: 3px; text-transform: uppercase; }

#home .bottom { }
#home .bottom .entry li:hover { background: white; }
#home .bottom h4 { margin: 20px 0; }

#home .top { background: #F2F1DA; }
#home .top h2 { border-bottom-color: tan; font-size:1em; letter-spacing:normal; }
#home .topright { padding: 10px; margin: 40px 0 0; }
#home .topright ul li { font-family: Nobile, sans-serif; font-size:1.2em; line-height:1.6em; }

#home .box1, #home .box2, #home .box3, #home .box4 { width: 200px; padding: 10px; margin: 10px; background: none; }


.login {color: #888; margin: 20px 0 0;}
.login input { margin: 4px 0;color: #ccc;}
.login #submit { color: #666;}


#notifications #content { padding: 40px 0; }
#notifications .note { width: 580px; padding: 40px; background: lightgoldenrodyellow; border: 1px solid yellow; margin: 0 auto; }

/*
 * jQuery Nivo Slider v1.8
 * http://nivo.dev7studios.com
 *
 * Copyright 2010, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
/* The Nivo Slider styles */
.nivoSlider { position: relative; }
.nivoSlider img { position: absolute; top: 0px; left: 0px; }

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; z-index: 60; display: none; }

/* The slices in the Slider */
.nivo-slice { display: block; position: absolute; z-index: 50; height: 100%; }

/* Caption styles */
.nivo-caption { color: #FFFFFF; left: 10px; position: absolute; top: 50px; width: 300px; z-index: 89; }
#slider .nivo-caption p { padding: 5px; margin: 0; line-height: normal; font-size: 2em; text-align: right; text-transform: uppercase; }

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a { position: absolute; top: 220px; /* 45% */ 	z-index: 90; cursor: pointer; display: block; width: 32px; height: 32px; background: url(arrows.png) no-repeat; text-indent: -9999px; }
a.nivo-nextNav { background-position: -32px 0; right: 0px; }
a.nivo-prevNav { left: 0px; }

/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a { position: relative; z-index: 90; cursor: pointer; }
.nivo-controlNav a.active { font-weight: bold; }

/* Hide image preload */
#slider { position: relative; }
#slider img { position: absolute; top: 0px; left: 0px; }



/*
 * Put twitter on your website with tweet!, an unobtrusive javascript plugin for jquery.
 * http://tweet.seaofclouds.com/
 */
.tweet, .query { color: #085258; }
  .tweet .tweet_list, .query .tweet_list {  }
    .tweet .tweet_list .awesome, .tweet .tweet_list .epic, .query .tweet_list .awesome, .query .tweet_list .epic { text-transform: uppercase; }
    .tweet .tweet_list li, .query .tweet_list li { overflow-y: auto; overflow-x: hidden; }
      .tweet .tweet_list li a, .query .tweet_list li a { color: #0C717A; font-size: .8em; }
    .tweet .tweet_list .tweet_even, .query .tweet_list .tweet_even { }
    .tweet .tweet_list .tweet_avatar, .query .tweet_list .tweet_avatar { padding-right: .5em; float: left; }
      .tweet .tweet_list .tweet_avatar img, .query .tweet_list .tweet_avatar img { vertical-align: middle; }
      .tweet_time { display: block; }
      .tweet_first { margin: 0 0 10px 0; }