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

body { background: #000 url(../images/bg.jpg) no-repeat fixed top center; }

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: 420px; padding: 20px; padding-right: 0px; }

#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 { 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 { background: url(../images/services_pod4_bg.png) no-repeat top center; color: #999; width: 300px; height: 169px; }
.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: 40px; }
#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; }

#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; }

#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; }