/* CONNECTUAL.COM */
/*------------------------------------------------------
RESET
------------------------------------------------------*/
html,body,img,h1,h2,h3,h4,h5,h6, form { margin: 0; padding: 0; border: none; }
ul,ul li,dt,dd {margin: 0; padding: 0; list-style: none;}

/*------------------------------------------------------
BASIC ELEMENTS
------------------------------------------------------*/
html{overflow-y:scroll }/*<--FORCE SCROLL BAR IN FIREFOX*/
body{font-family:Tahoma, Arial, sans-serif; font-size:11px; color: #333; background: #f0ece7 url(/_img/bg_main.png) repeat-x;  }
img{vertical-align:middle}
a, a:visited{color:#3c7186; text-decoration: none; text-decoration: underline;}
a:hover{color:#999; text-decoration: underline;}
strong{font-weight:bold;}
sup {font-size: 9px; background-color: #fff;}
th { font-size:12px; font-weight:normal; }

/*------------------------------------------------------
FUNDAMENTAL CONTAINERS
------------------------------------------------------*/
.bg { background: url(/_img/rings_bg.jpg) no-repeat center top; min-width: 900px; }
.wrap { position:relative; width: 900px; margin: 0 auto;}
.main { position: relative; min-height: 480px; overflow:hidden; background-color: #fff; padding-bottom: 50px; }
.main { height: auto !important; height: 480px; } /* clean way to make IE min-height */
.header { position:relative; height: 142px; }
.content { font-size: 12px; color: #98999b; width: 480px;  float: left;  padding: 68px 0 0 120px; z-index: 100; position: relative; }
.wide { width: 660px; z-index: auto; }
.footer { color: #908f8f; padding: 20px 0 50px 5px; font: 10px Arial, Helvetica, sans-serif; background: url(../_img/footer_bg.png) repeat-x; position: relative; height: 1%; }
.band_bars { background: url(../_img/band_bars_mid.jpg) repeat-y; float: left; width: 900px; margin-left: -600px; }
.band_bars_top { background: url(../_img/band_bars_top.jpg) no-repeat; width: 900px; min-height: 420px; position: relative; padding-bottom: 55px; }
.band_bars_top { height: auto !important; height: 420px; } /* clean way to make IE min-height */
.band_bars_bot { background: url(../_img/band_bars_bot.jpg) no-repeat; height: 44px; width: 900px; position: absolute; bottom: 0; left: 0; }
.sidebar { width: 180px; position: relative; left: 660px; top: 84px; color: #fff; padding-bottom: 70px; }

/*------------------------------------------------------
GLOBAL STYLES
------------------------------------------------------*/
input, textarea, select {font: 11px Arial, Helvetica, sans-serif; padding: 2px; color: #666;}
textarea{ width: 175px; border: 1px solid #999; height: 125px;}
label{ margin:1em 0 .25em 0; font-size:11px; font-weight:700; vertical-align:top; display:block; }

h1,h2,h3{ color: #333; font-weight:700; font-family: Arial, Helvetica, sans-serif; }
h1 { font-size:24px; font-weight: bold; color: #f09d01; margin-bottom: 30px; line-height: 27px; font-weight: 100;  }
h1 span { color: #99c7d8; }
h1 strong { font-size: 28px; font-weight: bold; }
h2 { font-size:22px; margin-bottom: 10px; font-weight: normal; }
h3 { font-size:20px; color: #f09d01;  padding-bottom: 2px; }
h4 { font-size: 14px; color: #99c7d8; padding-bottom: 20px;}
h5 { font-size: 12px; color: #333; font-weight: bold; margin-bottom: 0;}
h1 a, h2 a, h3 a, h4 a, h5 a { text-decoration: none; }

.bline { border-bottom: 1px solid #fff; }
.paging_bar { overflow: hidden; padding-bottom: 15px; }
.rolodex .paging_bar a { padding: 3px 8px; display: block; float: left; font-size: 11px;}

.orange_l { color: #ffb833 !important; }
.orange_m { color: #f09d01 !important; }
.orange_d { color: #bd7b02 !important; }

.blue_l { color: #2e90e5 !important; }
.blue_m { color: #0A5CA5 !important; }
.blue_d { color: #063966 !important; }

.gray_l { color: #ccc !important; }
.gray_m { color: #666 !important; }
.gray_d { color: #333 !important; }

a.orange_l { color: #ffb833 !important; }
a.orange_m { color: #f09d01 !important; }
a.orange_d { color: #bd7b02 !important; }

a.blue_l { color: #2e90e5 !important; }
a.blue_m { color: #0A5CA5 !important; }
a.blue_d { color: #063966 !important; }

a.gray_l { color: #ccc !important; }
a.gray_m { color: #666 !important; }
a.gray_d { color: #333 !important; }


/*------------------------------------------------------
HEADER
------------------------------------------------------*/
.logo { position: absolute; top: 42px; }
.nav_search { background: url(/_img/search_cap.png) no-repeat; padding-left: 8px; width: 170px; height: 25px; position: absolute; right: 0; top: 5px;  }
.nav_search .query { width: 132px; height: 16px; border: 1px solid #ccc; border-width: 1px 0 !important; position: absolute; top: 0; left: 6px; background-image: none !important; }
.nav_search .mag { position: absolute; left: 141px; top: -2px; }


/*------------------------------------------------------
MAIN NAV
------------------------------------------------------*/
.mainnav { position:absolute; bottom: 0; background: url(/_img/mainnav_bg.png) repeat-x; height: 33px; width: 900px; }
.mainnav ul { margin-left: 70px; }
.mainnav li { float: left; position: relative; margin: 0 15px; }
.mainnav a, .mainnav a:visited { color: #fff; line-height: 33px; display: block; text-transform: uppercase; text-decoration: none; font-weight: bold; }
.mainnav li.here a{ color: #f09d01; background: url(/_img/mainnav_arrow.png) no-repeat center bottom; }

/*------------------------------------------------------
SUB NAV
------------------------------------------------------*/
.subnav { position: absolute; left: 75px; z-index: 1500; width: 800px; }
.subnav li { float: left; }
.subnav li a {  display: inline; float: left; padding: 10px; text-transform: uppercase; font-size: 10px; font-weight: bold;  text-decoration: none; }
.subnav li a:hover {color: #99c7d8; }
.subnav li.here a { background: url(/_img/subnav_arrow.png) no-repeat center bottom;  }

/*------------------------------------------------------
FOOTER
------------------------------------------------------*/
.flogo { vertical-align: baseline; }
.copyright { position: absolute; right: 0; top: 22px; text-align: right; }


/*------------------------------------------------------
CONTENT
------------------------------------------------------*/
.content p { line-height: 18px; margin: 0 0 1em 0; }
.breadcrumb a {color: #908f8f;}
.content ul { margin-left: 30px; }
.content li { background: url(/_img/list_bg.png) no-repeat 0 4px; padding-left: 20px; margin-bottom: 5px; }

/*------------------------------------------------------
SIDEBAR
------------------------------------------------------*/
.sidebar a { color: #fff; text-decoration: none; }
.sidebar a:hover { text-decoration: underline; }
.sidebar .rcallout { background:  url(/_img/sidebar_arrow.png) no-repeat right center; padding-right: 10px; color: #99C7D8; font-size: 12px; display: inline-block; padding-bottom: 3px; text-decoration: none;  }
.sidebar .rwcallout { background:  url(/_img/sidebar_arrow.png) no-repeat right center; padding-right: 10px; color: #fff; font-size: 12px;  }

.sidebar .inner h3 { color: #fff; font-size: 13px; border-bottom: 1px solid #5f9dc8; margin-bottom: 20px; padding-bottom: 10px; }
.sidebar .inner {margin-left: 60px; width: 160px; }
.sidebar .inner li { margin-bottom: 15px; background: url(/_img/side_ring.png) no-repeat 0 3px; padding-left: 15px; }

.rand_testimonial { background: url(/_img/quote_left.png) no-repeat; width: 180px; margin-left: 40px; padding-left: 20px; padding-bottom: 5px;  }
.rand_testimonial h4 { color: #fff; font-size: 12px; margin: 0; padding: 5px 0 0 0; }
.quote { background: url(/_img/quote_right-bottom.png) no-repeat right bottom; padding-bottom: 30px; padding: 5px 20px 64px 0; }

.contact_info h3 { padding-bottom:5px; margin-bottom:10px; }
.contact_info a { margin-bottom:24px; display:block; }

/*------------------------------------------------------
HOME
------------------------------------------------------*/
.blog_highlight { background-color: #0B4257; width: 232px; margin-left: 59px; color:#fff; padding: 0 34px 25px 34px; float: left; display: inline;}
.blog_highlight a { text-decoration: none; }
.blog_highlight h2 { margin-bottom: 0; }
.blog_highlight h2 a { color: #f09d01; font-size: 20px; }
.blog_highlight .entrydate { text-transform: uppercase; font-size: 11px; }
.blog_highlight .callouts { padding-top: 20px; }
.blog_highlight .callouts a { color: #fff; font-size: 13px; font-weight: bold; background: url(/_img/blog_callout_arrow.png) no-repeat right center; padding-right: 15px; }
.readmore { background: url(../_img/blog_callout_arrow-o.png) no-repeat right center; padding-right: 15px; color: #F09D01; }
.readmore:hover {  color: #F09D01; }
.home_copy { width: 400px; float: left; margin: 50px 0 0 70px; padding: 0; font-size: 14px; }
.billboard { height: 302px; width: 900px; }
.feed img { padding: 3px; }

/*------------------------------------------------------
CONNECTIONS
------------------------------------------------------*/
.connections { background: url(/_img/connections_bg.jpg) repeat-x; clear: both; position: relative; padding: 40px 0 70px 0; display: inline-block; width: 100%}
.connections a{ text-decoration: none; }
.connections a:hover { text-decoration: underline; }

.con_stage { width: 668px; background: url(/_img/con_bg_mid.jpg) repeat-y; min-height: 250px; margin: 0 auto; position: relative; }
.con_stage { height: auto !important; height: 250px; } /* clean way to make IE min-height */
.con_stage_top { background: url(/_img/con_bg_top.png) no-repeat; min-height: 200px; padding: 44px 40px 0 40px; position: relative; color: #FFF; }
.con_stage_top { height: auto !important; height: 200px; } /* clean way to make IE min-height */
.con_stage_bot { background: url(/_img/con_bg_bot.png) no-repeat; width: 668px; height: 44px; position: absolute; left: 0; bottom: -44px; }
.con_wrap ul a img { width:0; position:absolute; left: 10px; top:16px; }
.con_wrap ul span a img {  width: auto; position:  static; }

.fil_let { position: absolute; top: 22px; left: 155px; }
.fil_let a { color: #98999b; font-size: 12px; font-weight: bold; width: 21px; height: 24px; float: left; display: block; text-align: center; padding-top: 2px; position:relative; }
.fil_let a.active { background: url(/_img/fil_let_arrow.png) no-repeat center bottom; color: #0A5CA5; }
.fil_let a.active:hover { color: #0a5ca5; background: url(/_img/fil_let_arrow.png) no-repeat center bottom;  }
.fil_let a:hover { text-decoration: none; color: #0D5DA6; background: url(/_img/fil_let_bg.png) repeat-x; }

.fil_cat { width: 110px; position: absolute; top: 84px; left: 0; text-align: right; font-size: 10px; color: #98999b; }
.fil_cat ul { margin-top: 27px; }
.fil_cat li { margin-bottom: 23px; }
.fil_cat a { font-size: 10px; padding-right: 8px; display: block; height: 1%; color: #98999b; text-transform: uppercase; }
.fil_cat a.active { color: #0a5ca5; background: url(/_img/fil_cat_arrow.png) no-repeat right center; }

.no_results, .rolodex a { color: #fff; font-size: 14px; display: inline-block;}
.rolodex ul { float: left; width: 195px; display: inline; }
.rolodex li { padding: 14px 5px 18px 5px; position:relative; }

.edit { position:absolute; display:block; width:50px; top:0; right:-16px; opacity: .5; }
.edit:hover { opacity: 1; }

.cedit .text { width:280px; }
.cedit .dbox { width:286px; }

.con_stage .paging_bar a { color: #99c7d8; border-right: 1px solid #2a79c1;}
.con_stage .paging_bar a.active { color: #fff; }
.con_stage .paging_bar a.page_prev { background: url(/_img/con_page_prev.png) no-repeat left center; padding-left: 10px; }
.con_stage .paging_bar a.page_next { background: url(/_img/con_page_next.png) no-repeat right center; padding-right: 10px; border-right: none; }

/*------------------------------------------------------
TESTIMONIALS
------------------------------------------------------*/
.test_stage { background-image: url(/_img/test_bg_mid.png) }
.test_top { background-image: url(/_img/test_bg_top.png); padding:  44px 80px 0 95px; color: #98999b; font-size: 12px; line-height: 18px; }
.test_bot { background-image: url(/_img/test_bg_bot.png); }

.test_cloud { padding: 20px 25px 0 25px; }
.test_quote { width: 480px; margin-bottom: 50px; position:relative; }

.test_listing h2 { font: bold 19px Arial, Helvetica, sans-serif; color: #528295; }
.test_listing h3 { font: 10px Arial, Helvetica, sans-serif; color: #528295; background: url(/_img/test_quote_bot.png) no-repeat left bottom; padding-bottom: 20px; }
.test_listing h3 strong { font-weight: bold; font-size: 12px; }
.test_listing a { color:#99c7d8; }

.test_listing .text { width:467px; }
.test_listing .tarea { height:210px; }

.test_let a.active { background: url(/_img/fil_let_arrow_test.png) no-repeat center bottom; }
.test_let a.active:hover { background: url(/_img/fil_let_arrow_test.png) no-repeat center bottom;  }

.test_stage .paging_bar a { border-right: 1px solid #eee;}
.test_stage .paging_bar a.active { background-color: #d3eef8; color: #528295; }
.test_stage .paging_bar a.page_prev { background: url(/_img/test_page_prev.png) no-repeat left center; padding-left: 10px; }
.test_stage .paging_bar a.page_next { background: url(/_img/test_page_next.png) no-repeat right center; padding-right: 10px; border-right: none; }

/*------------------------------------------------------
TESTIMONIALS --TAGGING
------------------------------------------------------*/
.tag_cloud li { display:inline; padding:0 5px; margin:10px 0; }
.tag_cloud { position:relative; left:-25px; text-align:center; }

.cloud_0 a { font-size:100%; color:#b5d6e2; line-height:110%; }
.cloud_10 a { font-size:110%; color:#b5d6e2; line-height:110%; }
.cloud_20 a { font-size:120%; color:#aec6ce; line-height:110%; }
.cloud_30 a { font-size:130%; color:#91c0d2; line-height:110%; }
.cloud_40 a { font-size:140%; color:#73a7bb; line-height:110%; }
.cloud_50 a { font-size:150%; color:#7899a6; line-height:110%; }
.cloud_60 a { font-size:160%; color:#5391a9; line-height:120%; }
.cloud_70 a { font-size:170%; color:#447d94; line-height:130%; }
.cloud_80 a { font-size:180%; color:#156889; line-height:140%; }
.cloud_90 a { font-size:190%; color:#155670; line-height:150%; }
.cloud_100 a { font-size:200%; color:#154b61; line-height:160%; }

.tags { padding:4px; width:220px; border:1px solid #bbb; float:left; min-height:175px; margin-bottom:10px; }
.tags { height: auto !important; height: 175px; } /* clean way to make IE min-height */
.tags_avail { margin-left:2px; }
.tags_cur { margin-left:12px; }

.tags .text { width:170px; }

.tags ul { float:none; display:block; width:95%; margin:0 auto;}
.tags a { color:#41555c; height:1%; float:left; height:18px; display:block; white-space:nowrap; }
.tags li { background: url(/_img/tags_left.png) no-repeat; float:left; margin:3px 4px 0 0; padding:0; }
.tags li a { font-size:10px; background: url(/_img/tags_right.png) no-repeat right; margin-left:9px; padding-right:9px; }
.tags_cur li a { background: url(/_img/tags_right_x.png) no-repeat right; padding-right:20px; }
a.x_newTag { display:inline; float:none; }

/*------------------------------------------------------
BLOG
------------------------------------------------------*/
.blog h1 { margin-bottom: 5px; }
.blog h2 { color: #666; font-weight: normal; font-size: 16px; }
.blog h4 a{ font-size: 18px; color: #f09d01; font-weight: normal; line-height: 22px; text-decoration: none; }
.blog_side {padding-left: 60px;}
.blog_side h3 { font-size: 13px; color: #fff; }
.blog_side h4 { font-size: 12px; color: #99c7d8; padding: 0; margin-top: 25px; }
.blog_side ul { margin-left: 10px; margin-top: 10px; }
.blog_side li { margin-bottom: 5px; }
.blog_side li a { font-size: 12px; color: #99c7d8; background: url(/_img/btn_blog_arrows.png) no-repeat left center; padding-left: 10px; }
.blog_side li a.active { color: #fff; background-position: -200px; }
.blogentry {  font-size: 10px; }
.widgets { float: right; width: 210px; text-align:center; }
div.widgets object, div.widgets div{float:none; margin:0 auto;width:100%;}

.post { margin-bottom: 40px; border-bottom: 1px solid #cbcccd; padding-bottom: 10px; }
.post h4 { padding: 0; }
.continue {  background: url(/_img/btn_continue_arrow.png) no-repeat right center; font-size: 13px; padding-right: 10px; color: #F09D01; }
.postedin span { margin: 0 6px; }

.blog_sub { font-size: 15px; font-weight: normal; }
.blogsearch {  height: 60px; position: relative; }
.blogsearch .nav_search { top: 20px; }
.blogreturn { position: absolute; top: 20px; left: 20px; background: url(/_img/btn_return_arrow.png) no-repeat left center; padding-left: 10px; }

.blog_intro { border-bottom: 1px solid #CBCCCD; padding-bottom: 20px; margin-bottom: 40px; }

/*------------------------------------------------------
CONTACT
------------------------------------------------------*/
.captcha_img { padding-top:8px; font-size:11px; }
.tbl_form label { display:inline; }
.tbl_form th { text-align:right; vertical-align:top; padding-top:5px; width:102px; }
.tbl_form .x_submit { margin-top:14px; }
.text { border:1px solid #BBB; margin:2px; width:150px; color:#777; }
.dbox { width:156px; }
.tarea { width:300px; }
p.verify { color:#F09D01; font-weight:bold; font-size:11px; margin:0; padding:6px 0 0; }

/*------------------------------------------------------
UTILS
------------------------------------------------------*/
.js .x_jsReq { display:none; }
.x_jsReq { background-color:#FFFFCE; color:#B00000; padding:5px; width:325px; text-align:center; border:1px dashed; margin:6px 0; }
.vd_error { color:#F09D01; }
.fl_left { float: left; }
.fl_right { float: left; }
.pic_right { float: right; padding: 0 0 20px 20px; }
.pic_left { float: left; padding: 0 20px 20px 0; }
.noz { z-index:0; }
.clear { clear:both; height:1px; }

.editor-button a { left: 10px; top: 10px; }
.con_wrap a.new_btn img, .test_listing a.new_btn img { position: absolute; top: 3px; left: 548px; width: auto; z-index: 2000;}
.con_wrap a.viewall_btn img, .test_listing a.viewall_btn img { position: absolute; top: 3px; left: 450px; width: auto; z-index: 2000; }
.cedit li { border: 1px solid #3d85c6; }