@import "reset.css";
@import "text.css";
@import "960.css";

body { background: #FFF; }
a:link, a:visited { color: #960; text-decoration: underline; }
a:hover { color: #000; text-decoration: none; }
.dark_pixel { background: #E5E5E6; height: 1px; }
.light_pixel { background: #F3F3F4; height: 1px; }

#site_cntnr { width: 980px; margin: auto; }
#hdr { margin-top: 6px; height: 101px; }

#toplinks { height: 19px; line-height: 19px; }
#toplinks ul { padding: 0px; margin: 0px; }
#toplinks li { display: inline; padding: 0px; margin: 0px; }
#toplinks a { float: left; background: url(../images/toplinks_btn_lft.gif) no-repeat top left; text-decoration: none; margin-right: 5px; padding-left: 10px; }
#toplinks a span { display: block; background: url(../images/toplinks_btn_rgt.gif) no-repeat right top; color: #960; padding-right: 10px; }
#toplinks a:hover span { color: #000; }
#toplinks a:hover { background-position: 0% -32px; color: #030; text-decoration: none; }
#toplinks a:hover span { background-position: 100% -32px; color: #030; }

#logo { margin-top: 14px; margin-left: 20px; }
#contact { margin-top: -3px; }

/* MENU SYSTEM */
#navbg { position: relative; background: #FC0 url(../images/nav_bg.png) repeat-x top center; width: 100%; height: 46px; margin: 0px; padding: 0px; z-index: 10000; }
#menu li { float: left; margin: 0px; padding: 0px; padding-right: 10px; }
#menu li, #menu li a { display: block; width: auto; }
#menu li a.jump { line-height: 26px; height: 33px; padding: 10px 0px 0px 20px; }
#menu li, #menu li a { background: transparent url(../images/menu_btns.gif) no-repeat; }
#menu li {	background-position: right 6px; }
#menu li a { background-position: left 6px; color: #000; font-weight: bold; text-decoration: none; }
#menu li a span { background-image: none; }
#menu li.drop a span { background: transparent url(../images/menu_btns.gif) no-repeat scroll right -224px; }
#menu li a span { display: block; }
#menu li:hover { background-position: right -34px; }
#menu li:hover a { background-position: left -34px; color: #FFF; }
#menu li.drop:hover { background-position: right -138px; }
#menu li.drop:hover a { background-position: left -138px; }
#menu li.drop:hover a span { background-position: right -237px; }
#menu li div, #menu li div li, #menu li div a, #menu li div a span { background-image: none; }
#menu li div.sub_nav, #menu li div.sub_nav div { background: transparent url(../images/drop_bg.png) no-repeat; }
#menu li div.sub_nav div div { background-image: none; }
#menu li div.sub_nav { position: absolute; left: -10000px; z-index: 10000; margin: 0px; padding: 0px; }
#menu li div.sub_nav div { padding: 0px; margin-left: 6px; margin-right: 6px; border-top: 3px #000 solid; }
#menu li div.sub_nav div div { border: none; padding: 0px; margin: 0px; }
#menu li.drop a span { padding-right: 10px; }
#menu li div li, #menu li div a, #menu li div a span { display: inline; margin: 0px; padding: 0px; height: auto; width: auto; }
#menu li div li { display: block; float: none; }
#menu li div { margin: 0px; padding: 0px; }
#menu li.drop div div.drop_content { padding: 10px; }
#menu li:hover div.sub_nav { left: auto; }

#menu li.hosting div.sub_nav, #menu li.services div.sub_nav { background-position: bottom left; }
#menu li.technologies div.sub_nav, #menu li.about div.sub_nav { background-position: bottom right; }
#menu li.hosting div.sub_nav div, #menu li.services div.sub_nav div, #menu li.technologies div.sub_nav div, #menu li.about div.sub_nav div { background: none; }
#menu li.hosting div.sub_nav, #menu li.services div.sub_nav { width: 566px; }
#menu li.technologies div.sub_nav, #menu li.about div.sub_nav { width: 196px; }
#menu li.hosting div.sub_nav div, #menu li.services div.sub_nav div, #menu li.technologies div.sub_nav div, #menu li.about div.sub_nav div { padding-bottom: 10px; overflow: hidden; }

#menu li.drop div.sub_nav div.drop_content { margin: 0px; padding: 10px 10px 0px 10px; }
#menu li.drop div.sub_nav div.drop_content ul { margin: 0px; padding: 0px; }
#menu li.drop div.sub_nav div.drop_hdr { background: url(../images/drop_hdr.gif) no-repeat top center; color: #000; line-height: 34px; text-indent: 14px; font-weight: bold; width: 164px; height: 34px; }
#menu ul.drop_sub { list-style: none; }
#menu li.drop div.sub_nav div.drop_content ul.drop_sub li { text-indent: 14px; }
#menu li.drop div.sub_nav div.drop_content ul.drop_sub li a, #menu li.drop div.sub_nav div.drop_content ul.drop_sub li a:visited { color: #960; font-weight: normal; text-decoration: none; }
#menu li.drop div.sub_nav div.drop_content ul.drop_sub li a:hover { color: #000; text-decoration: none; border-bottom: 1px dotted #000; }
#menu li.drop div.sub_nav div.drop_content div.lft, #menu li.drop div.sub_nav div.drop_content div.mid, #menu li.drop div.sub_nav div.drop_content div.rgt { float: left; }
#menu li.drop div.sub_nav div.drop_content div.lft { border-right: 1px solid #E9E9E9; padding-right: 10px; }
#menu li.drop div.sub_nav div.drop_content div.mid { width: 164px; padding: 0px 10px; }
#menu li.drop div.sub_nav div.drop_content div.rgt { border-left: 1px solid #E9E9E9; padding-left: 10px; }
#menu li.drop div.sub_nav div.drop_content div.drop_btm_links { border-top: 1px solid #E9E9E9; padding-top: 10px; padding-bottom: 8px; }
#menu li.drop div.sub_nav div.drop_content div.drop_btm_links a, #menu li.drop div.sub_nav div.drop_content div.drop_btm_links a:visited { color: #960; text-decoration: none; }
#menu li.drop div.sub_nav div.drop_content div.drop_btm_links a:hover { color: #000; text-decoration: none; border-bottom: 1px dotted #000; }
/* END MENU SYSTEM */

.graybg1 { background: #F2F2F3; width: 100%; } /*#F2F2F3*/
.graybg2 { background: #EAEAEB; width: 100%; }

#main_jQ { position: relative; width: 960px; height: 295px; padding: 20px 0px; }
#slide_cover { position: absolute; top: 20px; left: 0px; z-index: 2; }
#slide_lftedge { position: absolute; top: 30px; left: 0px; width: 10px; height: 280px; background: #FFF; z-index: 3 !important; }
#slide_rgtedge { position: absolute; top: 30px; right: 20px; width: 10px; height: 280px; background: #FFF; z-index: 3 !important; }

/* SLIDER */
.anythingSlider { position: relative; width: 940px; height: 295px; margin: 0px; padding: 0px; }
.anythingSlider .wrapper { position: absolute; top: 0px; left: 0px; width: 940px; height: 295px; margin: 0px; overflow: auto; }
.anythingSlider .wrapper ul { position: absolute; top: 0px; left: 0px; list-style: none; width: 99999px; }
.anythingSlider ul li { display: block; float: left; width: 940px; height: 295px; margin: 0px; padding: 0px; }
#thumbNav { position: relative; top: 262px; left: 18px; z-index: 100; }
#thumbNav a { display: inline-block; background: #000; font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #FFF; font-weight: bold; width: 20px; height: 20px; line-height: 20px; text-align: center; text-decoration: none; margin: 0px 1px 0px 0px; -moz-border-radius-topleft: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-bottomleft: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; -webkit-border-top-left-radius: 2px; }
#thumbNav a:hover { background-image: none; background-color: #FC3; color: #000; }
#thumbNav a.cur { background: #818285; }
/* places these off the stage as we're not using them for the design */
.anythingSlider .arrow { position: absolute; top: 0px; left: -20000; }
#start-stop { position: absolute; top: 0px; left: -20000px; }
/* prevention */
.anythingSlider .wrapper ul ul { position: static; background: none; border: none; width: auto; margin: 0px; overflow: visible; }
.anythingSlider .wrapper ul ul li { float: none; background: none; width: auto; height: auto; }
/* /SLIDER */

/* SLIDER CONTENT */
#slide1 { background: url(../images/slides/img1.jpg) no-repeat top center; width: 940px; height: 295px; z-index: 0; }
#slide2 { background: url(../images/slides/img2.jpg) no-repeat top center; width: 940px; height: 295px; z-index: 0; }
#slide3 { background: url(../images/slides/img3.jpg) no-repeat top center; width: 940px; height: 295px; z-index: 0; }

div.content { position: relative; width: 940px; height: 295px; z-index: 2 !important; }

.slide_text_bg { position: absolute; top: 35px; left: 35px; background: url(../images/slide_txt_overlay.png) no-repeat top center; width: 355px; height: 128px; }
.slide_text_bg .cntnr { padding: 14px; }

.slide_bullets { position: absolute; top: 78px; right: 44px; background: url(../images/slide_bullet_bg.png) no-repeat top center; width: 240px; height: 147px; }
.bullet { line-height: 30px; text-indent: 30px; }
.slide_hdr { line-height: 26px; text-indent: 29px; }

div.content div.slide_btn1 { position: absolute; top: 168px; right: 805px !important; z-index: 4 !important; }
div.content div.slide_btn2 { position: absolute; top: 229px; right: 39px; z-index: 4 !important; }
/* /SLIDER CONTENT */

#subpg_hdrs { position: relative; width: 960px; height: 198px; padding: 20px 0px; }
#subpg1 { background: url(../images/subpg_pic1.jpg) no-repeat top center; width: 940px; height: 295px; z-index: 0; }
#subpg1 div.slide_text_bg { position: absolute; top: 35px; left: 550px; background: url(../images/slide_txt_overlay.png) no-repeat top center; width: 355px; height: 128px; }

#solutions { padding: 20px 0px; }

/* headers */
.hdr_940 { background: url(../images/hdr_940.png) no-repeat top center; color: #F1F1F1; line-height: 36px; text-align: center; width: 940px; height: 36px; margin-bottom: 10px; }
.hdr_3col, .hdr_4col, .hdr_5col, .hdr_6col, .hdr_7col, .hdr_8col, .hdr_9col { color: #FC3; font-weight: bold; text-indent: 10px; line-height: 36px; margin-bottom: 10px; }
.hdr_3col { background: url(../images/hdr_3col.png) no-repeat top center; width: 220px; height: 36px; }
.hdr_4col { background: url(../images/hdr_4col.png) no-repeat top center; width: 300px; height: 36px; }
.hdr_5col { background: url(../images/hdr_5col.png) no-repeat top center; width: 380px; height: 36px; }
.hdr_6col { background: url(../images/hdr_6col.png) no-repeat top center; width: 460px; height: 36px; }
.hdr_7col { background: url(../images/hdr_7col.png) no-repeat top center; width: 540px; height: 36px; }
.hdr_8col { background: url(../images/hdr_8col.png) no-repeat top center; width: 620px; height: 36px; }
.hdr_9col { background: url(../images/hdr_9col.png) no-repeat top center; width: 700px; height: 36px; }
/* /headers */

/* POD CONTAINERS */
.pod3_cntnr, .pod4_cntnr, .pod5_cntnr, .pod6_cntnr, .pod7_cntnr, .pod8_cntnr, .pod9_cntnr { padding: 20px; }

.pod3 { background: #F4F4F4 url(../images/pod3_top.gif) no-repeat top center; width: 220px; }
.pod3_frame { background: url(../images/pod3_btm.gif) no-repeat bottom center; width: 220px; }

.pod3w { background: #FFF url(../images/pod3w_top.gif) no-repeat top center; width: 220px; }
.pod3w_frame { background: url(../images/pod3w_btm.gif) no-repeat bottom center; width: 220px; }

.pod4 { background: #F4F4F4 url(../images/pod4_top.gif) no-repeat top center; width: 300px; }
.pod4_frame { background: url(../images/pod4_btm.gif) no-repeat bottom center; width: 300px; }

.pod4w { background: #FFF url(../images/pod4w_top.gif) no-repeat top center; width: 300px; }
.pod4w_frame { background: url(../images/pod4w_btm.gif) no-repeat bottom center; width: 300px; }

.pod5 { background: #F4F4F4 url(../images/pod5_top.gif) no-repeat top center; width: 380px; }
.pod5_frame { background: url(../images/pod5_btm.gif) no-repeat bottom center; width: 380px; }

.pod5w { background: #FFF url(../images/pod5w_top.gif) no-repeat top center; width: 380px; }
.pod5w_frame { background: url(../images/pod5w_btm.gif) no-repeat bottom center; width: 380px; }

.pod6 { background: #F4F4F4 url(../images/pod6_top.gif) no-repeat top center; width: 460px; }
.pod6_frame { background: url(../images/pod6_btm.gif) no-repeat bottom center; width: 460px; }

.pod6w { background: #FFF url(../images/pod6w_top.gif) no-repeat top center; width: 460px; }
.pod6w_frame { background: url(../images/pod6w_btm.gif) no-repeat bottom center; width: 460px; }

.pod7 { background: #F4F4F4 url(../images/pod7_top.gif) no-repeat top center; width: 540px; }
.pod7_frame { background: url(../images/pod7_btm.gif) no-repeat bottom center; width: 540px; }

.pod7w { background: #FFF url(../images/pod7w_top.gif) no-repeat top center; width: 540px; }
.pod7w_frame { background: url(../images/pod7w_btm.gif) no-repeat bottom center; width: 540px; }

.pod8 { background: #F4F4F4 url(../images/pod8_top.gif) no-repeat top center; width: 620px; }
.pod8_frame { background: url(../images/pod8_btm.gif) no-repeat bottom center; width: 620px; }

.pod8w { background: #FFF url(../images/pod8w_top.gif) no-repeat top center; width: 620px; }
.pod8w_frame { background: url(../images/pod8w_btm.gif) no-repeat bottom center; width: 620px; }

.pod9 { background: #F4F4F4 url(../images/pod9_top.gif) no-repeat top center; width: 700px; }
.pod9_frame { background: url(../images/pod9_btm.gif) no-repeat bottom center; width: 700px; }

.pod9w { background: #FFF url(../images/pod9w_top.gif) no-repeat top center; width: 700px; }
.pod9w_frame { background: url(../images/pod9w_btm.gif) no-repeat bottom center; width: 700px; }

.pod3_hdr { background: url(../images/qpod_hdr.gif) no-repeat top center; width: 200px; height: 26px; line-height: 26px; text-indent: 10px; }

.sbpg_menu a { display: block; line-height: 28px; border-bottom: 1px dotted #CCC; text-decoration: none; }
.sbpg_menu div.first a { border-top: 1px dotted #CCC; }
.sbpg_menu a span { color: #000; }
/* /POD CONTAINERS */

.lrn_more { height: 21px; line-height: 21px; }
.lrn_more ul { padding: 0px; margin: 0px; }
.lrn_more li { display: inline; padding: 0px; margin: 0px; }
.lrn_more a { float: right; background: url(../images/lrn_more_lft.gif) no-repeat top left; text-decoration: none; font-weight: bold; margin-right: 5px; padding-left: 10px; }
.lrn_more a span { display: block; background: url(../images/lrn_more_rgt.gif) no-repeat right top; color: #FC3; padding-right: 10px; }
.lrn_more a:hover span { color: #000; }
.lrn_more a:hover { background-position: 0% -21px; color: #000; text-decoration: none; }
.lrn_more a:hover span { background-position: 100% -21px; color: #000; }

#ftr { background: #000 url(../images/ftr_bg.jpg) repeat-x top center; }
#ftr_lft { border-right: 1px dotted #666; }
#ftr_top_rgt { border-bottom: 1px dotted #666; padding-bottom: 20px; }
#ftr .ftr_lvl_2 a, #ftr .ftr_lvl_2 a:visited, #ftr .ftr_lvl_2_last a, #ftr .ftr_lvl_2_last a:visited, #ftr a, #ftr a:visited { color: #960; text-decoration: none; border-bottom: 1px dotted #960; }
#ftr .ftr_lvl_2 a:hover, #ftr .ftr_lvl_2_last a:hover, #ftr a:hover { color: #FC3; text-decoration: none; border-bottom: 1px dotted #FC3; }
#ftr .ftr_lvl_1 a, #ftr .ftr_lvl_1 a:visited { color: #FC3; text-decoration: none; border: none; }
#ftr .ftr_lvl_1 a:hover { color: #FFF; text-decoration: underline; }

.ftr_grid_3 { float: left; width: 207px; }
.ftr_grid_3-2 { float: left; width: 205px; }
.ftr_hdr { background: #FC3; line-height: 15px; text-indent: 5px; text-transform: uppercase; width: 168px; margin-bottom: 4px; }
.ftr_lvl_1 { text-indent: 15px; line-height: 18px; }
.ftr_lvl_2, .ftr_lvl_2_last { text-indent: 25px; }
.ftr_lvl_2_last { line-height: 18px; }
#ftr .btm_pad { padding-bottom: 40px; }