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

body { background: #000 url(../images/bg.jpg) no-repeat fixed top center; }
hr { border-color: #666; border-style: dotted; border-width: 1px 0 0; clear: both; height: 0; }

a:link, a:visited { color: #39F; text-decoration: none; }
a:hover { color: #09F; text-decoration: underline; }

a.txt:link, a.txt:visited { color: #39F; text-decoration: none; border-bottom: 1px dotted #39F; }
a.txt:hover { text-decoration: none; color: #000; border-bottom: 1px dotted #000; }

a.txt2:link, a.txt2:visited { color: #303; text-decoration: none; border-bottom: 1px dotted #303; }
a.txt2:hover { color: #C6F; text-decoration: none; border-bottom: 1px dotted #C6F; }

a.txt3:link, a.txt3:visited { color: #39F; text-decoration: none; border-bottom: 1px dotted #39F; }
a.txt3:hover { text-decoration: none; color: #C6F; border-bottom: 1px dotted #C6F; }

a.txt4:link, a.txt4:visited { color: #39F; text-decoration: none; }
a.txt4:hover { text-decoration: none; color: #C6F; border-bottom: 1px dotted #C6F; }

.flt_lft { float: left; }
.flt_rgt { float: right; }

#idx_top { width: 1006px; position: relative; height: 565px; margin: auto; }
#top { width: 1006px; position: relative; height: 249px; margin: auto; }

#login { background: url(../images/login_bg.png) no-repeat top center; width: 1006px; height: 55px; margin: auto; }
#login .cntnr { position: relative; }
#login_tag { float: left; line-height: 45px; text-align: right; width: 387px; }

#un input, #pw input { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #CCC; width: 190px; }
#un { position: absolute; top: 14px; left: 402px; }
#pw { position: absolute; top: 14px; left: 617px; }
#login_btn { position: absolute; top: 9px; left: 820px; }

#hdr { position: relative; height: 150px; }
#logo { position: absolute; top: 17px; left: -9px; }

#nav { float: left; position: relative; background: url(../images/nav_bar.png) no-repeat top center; width: 960px; height: 44px; margin: 0px; padding: 0px; }
#nav ul { padding: 0px; margin: 0px; }
#nav li { display: inline; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; line-height: 44px; padding: 0px; margin: 0px; }
#nav li em { font-style: normal; }
#nav a, #nav li.active { float: left; background: url(../images/nav_btn_lft.png) no-repeat left top; text-decoration: none; padding-left: 30px; }
#nav a span, #nav li.active span { display: block; background: url(../images/nav_btn_rgt.png) no-repeat right top; color: #000; padding-right: 30px; }
#nav a:hover span { color: #FFF; }
#nav a:hover { background-position: 0% -44px; color: #FFF; text-decoration: none; }
#nav a:hover span { background-position: 100% -44px; color: #FFF; }
#nav a:hover em, #nav li.active em { border-bottom: 1px dotted #FFF; }
#nav li.active { background-position: 0% -44px; color: #FFF; text-decoration: none; }
#nav li.active span { background-position: 100% -44px; color: #FFF; }

/* MAIN JQUERY */
#jquery { background: #000 url(../images/jquery_bg.png) repeat-x top center; width: 960px; height: 316px; }
#jquery_frame { background: url(../images/jquery_frame.jpg) no-repeat top center; width: 940px; height: 295px; }
#mainjq_cntnr { position: relative; width: 940px; height: 292px; }
#mainjq_cntnr .hdr { height: 46px; margin-left: 0px; }
#mainjq_cntnr .hdr img { margin-top: 12px; }
#mainjq_cntnr .mainjq_slide_cntnr { width: 100%; padding: 20px; padding-right: 0px; }
#mainjq_cntnr .mainjq_txt { width: 420px; }

#jquery #zero { background: url(../images/main_jquery/frame0_bg.png) no-repeat top right; }
#jquery #first { background: url(../images/main_jquery/traffic_bg.png) no-repeat top right; }
#jquery #second { background: url(../images/main_jquery/seo_bg.png) no-repeat top right; }
#jquery #third { background: url(../images/main_jquery/advertising_bg.png) no-repeat top right; }
#jquery #fourth { background: url(../images/main_jquery/consulting_bg.png) no-repeat top right; }
#jquery #fifth { background: url(../images/main_jquery/design_bg.png) no-repeat top right; }

#mainjq_nav { position: absolute; left: 3px; bottom: 0px; overflow: hidden; background: url(../images/main_jquery/mainjq_btns.png) no-repeat 0px 0px; height: 38px; }

.SlidingPanels { position: relative; width: 905px; height: 262px; padding: 0px; float: left; }
.SlidingPanelsContentGroup { position: relative; height: 600px; margin: 0px; padding: 0px; float: left; width: 10000px; }
.SlidingPanelsContent {	width: 100%; height: 400px; overflow: hidden; margin: 0px; padding: 0px; float: left; width: 905px; }
.SlidingPanelsContent .hdr { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; color: #E8E8E8; line-height: 46px; }
/* /MAIN JQUERY */

#model_upper { position: absolute; top: 55px; right: -4px; }
#model_right { position: absolute; top: 205px; left: 978px; }
#model_lower { position: absolute; top: 249px; right: 23px; }
#model_left { position: absolute; top: 249px; right: 152px; }
#model_lower_template { position: absolute; top: 249px; right: 23px; }
#model_left_template { position: absolute; top: 249px; right: 152px; }

#main { background: #060606; width: 960px; }

#welcome { position: relative; background: url(../images/welcometxt_bg.png) no-repeat top center; width: 460px; height: 182px; }
#welcome div.cntnr { padding: 20px; }

.lrn_more, .lrn_more2 { height: 23px; line-height: 23px; }
.lrn_more ul, .lrn_more2 ul { padding: 0px; margin: 0px; }
.lrn_more li, .lrn_more2 li { display: inline; padding: 0px; margin: 0px; }
.lrn_more a, .lrn_more2 a { float: right; background: url(../images/more_btn_lft.png) no-repeat top left; text-decoration: none; font-weight: bold; padding-left: 10px; }
.lrn_more a span { display: block; background: url(../images/more_btn_rgt.png) no-repeat right top; color: #FFF; padding-right: 10px; }
.lrn_more2 a span { display: block; background: url(../images/more_btn_rgt2.png) no-repeat right top; color: #FFF; padding-right: 10px; }
.lrn_more a:hover span, .lrn_more2 a:hover span { color: #FFF; }
.lrn_more a:hover, .lrn_more2 a:hover { background-position: 0% -23px; color: #FFF; text-decoration: none; }
.lrn_more a:hover span, .lrn_more2 a:hover span { background-position: 100% -23px; color: #FFF; }

.services_pod { position: relative; background: url(../images/services_pod4_bg.png) no-repeat top center; color: #999; width: 300px; height: 194px; }
.hdr { line-height: 30px; text-indent: 10px; }
.services_pod .cntnr { padding: 10px 10px 10px 0px; }
.services_pod .cntnr2 { padding: 10px; }
.services_pod .icon { float: left; width: 89px; margin-bottom: 50px; }
#services_btn { position: relative; background: url(../images/services_btn.png) no-repeat bottom center; width: 280px; height: 48px; }
#txtlnk { position: absolute; top: 0px; right: 0px; line-height: 48px; text-align: center; width: 135px; }
div.lrn_more ul, div.lrn_more2 ul, div.services_pod div#services_btn { position: absolute; bottom: 10px; right: 10px; }

#nested_btn { position: absolute; top: 5px; left: 5px; height: 36px; line-height: 36px; }
#nested_btn ul { padding: 0px; margin: 0px; }
#nested_btn li { display: inline; padding: 0px; margin: 0px; }
#nested_btn a { float: left; background: url(../images/nested_btn_lft.png) no-repeat top left; text-decoration: none; font-weight: bold; padding-left: 30px; }
#nested_btn a span { display: block; background: url(../images/nested_btn_rgt.png) no-repeat right top; color: #FFF; padding-right: 30px; }
#nested_btn a:hover span { color: #FFF; }
#nested_btn a:hover { background-position: 0% -36px; color: #FFF; text-decoration: none; }
#nested_btn a:hover span { background-position: 100% -36px; color: #FFF; }

.news { background: url(../images/news_bg.jpg) no-repeat top center; width: 300px; height: 304px; }
.news .cntnr { padding: 14px; }
#news { height: 246px; overflow: auto; }
.news_item { padding-right: 14px; }

/* PORTFOLIO JQUERY */
#portfolio { background: url(../images/portfolio_bg.jpg) no-repeat top center; width: 620px; height: 305px; }
#folio_jquery { position: relative; width: 620px; height: 245px; margin: 0px; }

.slider .wrapper { position: absolute; top: 20px; left: 1px; width: 618px; height: 205px; margin: 0px; overflow: auto; }
.slider .wrapper ul { position: absolute; top: 0px; left: 0px; list-style: none; width: 99999px; margin: 0px; }
.slider ul li { display: block; float: left; width: 618px; height: 205px; margin: 0px; padding: 0px; }

#thumbNav { position: relative; top: 247px; text-align: center; }
#thumbNav a { display: inline-block; background: url(../images/port_jquery_btn.png) no-repeat top center; color: #FFF; text-decoration: none; font-size: 14px; font-weight: bold; text-align: center; line-height: 22px; width: 24px; height: 24px; margin: 1px; }
#thumbNav a:hover { background-position: bottom left; color: #FFF; }
#thumbNav a.cur { background-position: bottom left; color: #FFF; }

#start-stop { position: absolute; top: 0px; left: -10000px; } /* effectively disabled */

.slider .wrapper ul ul { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.slider .wrapper ul ul li { float: none; height: auto; width: auto; background: none; }

/* PORTFOLIO JQUERY CONTENT */
#folio_jquery .content { padding: 0px 20px; }
.portfolio_site { display: block; background: #333; width: 580px; height: 205px; }
.folio_cntnr { padding: 5px; }
.folio_image { float: left; border: 1px solid #39F; margin-right: 10px; }
.folio_data { float: left; background: #000; width: 289px; height: 110px; }
.folio_data .pad { padding: 2px; }
.alt_bg1 { display: block; background: #171717; line-height: 25px; text-indent: 10px; width: 285; height: 25px; margin-bottom: 2px; } 
.alt_bg2 { display: block; background: #2D2D2D; line-height: 25px; text-indent: 10px; width: 285; height: 25px; margin-bottom: 2px; } 

.visit_btn a { display: block; background: url(../images/portfolio_content/visit_btn.png) no-repeat top center; width: 221px; height: 58px; }
.visit_btn a:hover { background-position: bottom center; }

/* SIGN UP BUTTONS */
.big_cta a { display: block; background: url(../images/big_cta.png) no-repeat top center; width: 940px; height: 62px; }
.big_cta a:hover { background-position: bottom center; }

/* SUB PAGE PODS */
.pod_3 { background: url(../images/pod_3_bg.png) repeat-y top center; width: 220px; }
.pod_3 .hdr { background: url(../images/pod_3_hdr.png) no-repeat top center; width: 220px; height: 31px; }
.pod_3 .cntnr { background: url(../images/pod_3_cntnr.png) no-repeat bottom center; width: 220px; }

.pod_4 { background: url(../images/pod_4_bg.png) repeat-y top center; width: 300px; }
.pod_4 .hdr { background: url(../images/pod_4_hdr.png) no-repeat top center; width: 300px; height: 31px; }
.pod_4 .cntnr { background: url(../images/pod_4_cntnr.png) no-repeat bottom center; width: 300px; }

.pod_5 { background: url(../images/pod_5_bg.png) repeat-y top center; width: 380px; }
.pod_5 .hdr { background: url(../images/pod_5_hdr.png) no-repeat top center; width: 380px; height: 31px; }
.pod_5 .cntnr { background: url(../images/pod_5_cntnr.png) no-repeat bottom center; width: 380px; }

.pod_6 { background: url(../images/pod_6_bg.png) repeat-y top center; width: 4600px; }
.pod_6 .hdr { background: url(../images/pod_6_hdr.png) no-repeat top center; width: 460px; height: 31px; }
.pod_6 .cntnr { background: url(../images/pod_6_cntnr.png) no-repeat bottom center; width: 460px; }

.pod_7 { background: url(../images/pod_7_bg.png) repeat-y top center; width: 540px; }
.pod_7 .hdr { background: url(../images/pod_7_hdr.png) no-repeat top center; width: 540px; height: 31px; }
.pod_7 .cntnr { background: url(../images/pod_7_cntnr.png) no-repeat bottom center; width: 540px; }

.pod_8 { background: url(../images/pod_8_bg.png) repeat-y top center; width: 620px; }
.pod_8 .hdr { background: url(../images/pod_8_hdr.png) no-repeat top center; width: 620px; height: 31px; }
.pod_8 .cntnr { background: url(../images/pod_8_cntnr.png) no-repeat bottom center; width: 620px; }

.pod_9 { background: url(../images/pod_9_bg.png) repeat-y top center; width: 700px; }
.pod_9 .hdr { background: url(../images/pod_9_hdr.png) no-repeat top center; width: 700px; height: 31px; }
.pod_9 .cntnr { background: url(../images/pod_9_cntnr.png) no-repeat bottom center; width: 700px; }

.pod_12 { background: url(../images/pod_12_bg.png) repeat-y top center; width: 940px; }
.pod_12 .hdr { background: url(../images/pod_12_hdr.png) no-repeat top center; width: 940px; height: 31px; }
.pod_12 .cntnr { background: url(../images/pod_12_cntnr.png) no-repeat bottom center; width: 940px; }

.template_pod .pod_pad { padding: 10px; }

/************* FORM STYLES ************/
#signup_form .cntnr .pod_pad .hdr, .fform .cntnr .pod_pad .hdr { background: #39F; text-align: center; color: #FFF; font-weight: bold; width: 100%; }
#signup_form .frame, #top_10 .frame, .fform .frame, #top_10 .frame { background: #333; padding: 10px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; }
#signup_form .top_round, #top_10 .top_round, .fform .top_round, #top_10 .top_round { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; }
#signup_form .form_section, .fform .form_section { background: #000; padding: 1px; }
#signup_form .label, .fform .label { float: left; background: #2D2D2D; font-size: 12px; text-align: right; color: #CCC; font-weight: bold; line-height: 26px; width: 250px; margin: 1px; padding-right: 3px; }
#signup_form .inpt, .fform .inpt { float: left; display: block; background: #93C; font-size: 15px; width: 321px; margin: 1px; }
#signup_form .select, .fform .select { float: left; display: block; background: #93C; width: 484px; margin: 1px; }
#signup_form input.signup_input, .fform input.signup_input { background: #1B1B1B; border: 1px solid #000; color: #CCC; width: 313px; margin: 2px; padding: 1px; }
#signup_form select.signup_select, .fform select.signup_select { background: #FFF; border: 1px solid #000; width: 401px; margin: 2px; padding: 1px; }
#signup_form input.signup_input:focus, .fform input.signup_input:focus { background: #000; border: 1px solid #C6F; }
#signup_form .signup_submit, .fform .signup_submit { background: #93C; border: 2px outset #609; color: #FFF; font-size: 12px; font-weight: bold; margin-top: 2px; padding: 3px; }

.alt1 { background: #171717; color: #999; margin-bottom: 1px; padding: 3px; padding-left: 5px; }
.alt2 { background: #2D2D2D; color: #999; margin-bottom: 1px; padding: 3px; padding-left: 5px; }
#top_10 ol { margin-bottom: 0px; padding-bottom: 0px; }
/********** /FORM STYLES **********/

#ftr { position: relative; background: url(../images/ftr_bg.png) no-repeat top center; width: 939px; height: 155px; }
#ftr_sep { position: absolute; top: 50px; left: 19px; }
#ftr_txt { position: absolute; top: 60px; right: 0px; }