/* JSC Technologies Web Design - www.jsctekco.com */ /* This work is copyrighted and protected. */ /* Reset */ html, body { margin: 0; padding: 0; border: 0; background: transparent; font-size:10px; } div, span, article, aside, footer, header, hgroup, nav, section, h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li, table, tr, th, td, tbody, tfoot, thead { margin: 0; padding: 0; border: 0; vertical-align: baseline; background: transparent; } img { margin:0; padding:0; border:0; } table, tr, th, td, tbody, tfoot, thead { margin: 0; padding: 0; border: 0; vertical-align: baseline; background: transparent; } table { border-collapse: collapse; border-spacing: 0; } input, select, textarea, form, fieldset { margin: 0; padding: 0; border: 0; } article, aside, dialog, figure, footer, header, hgroup, nav, section { display:block; } h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, strike { font-family: Arial, Helvetica, sans-serif; font-size:100%; font-weight: normal; font-style: normal; line-height: 100%; text-indent: 0; text-decoration: none; text-align: left; color: #000; } ol, ul { list-style: none; } /* Global */ html { } body { background-image:url('../images/imageready/background/jbackground_07.jpg');width:100%; height:100%; background-repeat: no-repeat; background-attachment: fixed; } /* Headings */ h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #000; } h1 { font-size:24px; } h2 { font-size:20px; } h3 { font-size:18px; } h4 { font-size:14px; } h5 { font-size:14px; } h6 { font-size:14px; } h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; } /* Text Elements */ p { color:#000; font-size:12px; line-height:150%; } p .left { margin: 1.5em 1.5em 1.5em 0; padding: 0; } p .right { margin: 1.5em 0 1.5em 1.5em; padding: 0; } a { color: #0180FF; } a:link { color: #0180FF;font-weight:bold; } a:visited { color: #333333;font-weight:normal; } a:active { color: #0180FF; } a:focus { color: #0180FF; } a:hover { color: #FF0000; } blockquote { color:#000; font-size:12px; } strong { font-weight: bold; } em { font-style: italic; } /* Images */ /* Lists */ ul { } ol { list-style-type:decimal; } ul li { color:#000; font-size:12px; } ol li { color:#000; font-size:12px; } dl { } dt { } dd { } /* Tables */ table { width:100%; } tr { } .odd { background-color:#eee; } .even { background-color:#fff; } th { font-weight: bold; } thead, th { background: #ccc; } tbody { } th,td,caption { } caption { } tfoot { } .tfooter { background-color:#ccc; text-align:center; font-style:italic; } caption { background: #efefef; } /* Containers */ #wrapper { width:1000px; margin:0px auto;border-radius: 15px 15px 0px 0px; } #topad {width:100%; height:55px;margin:5px 0px 0px 0px;border:1px #0180FF solid;background:rgb(30, 30, 54);background: rgba(30, 30, 54, .5); border-radius: 6px;} #topad h2 {float:left;padding:2px 0px 2px 30px;color:#0180FF; } #topad img {float:right;padding:5px 10px 5px 10px;display:inline; } #toplogo {width:100%; height:150px;border-right:1px #0180FF solid;border-left:1px #0180FF solid;background: rgb(30, 30, 54);background: rgba(30, 30, 54, .5);border-radius: 6px;} #toplogo img {float:left;padding: 10px 0px 10px 40px; } #toplogo h1 {float:right;padding:40px 30px 40px 0px;color:#0180FF; } #top {width:1000px; height:250px;border-right:1px #0180FF solid;border-left:1px #0180FF solid;border-bottom:1px #0180FF solid;border-radius: 6px;background:#33CCCC;overflow:hidden;} #top img {width:1000px; height:250px;overflow:hidden;} #slideshow {margin: 0px auto; position: relative; width: 1000px; height: 250px; padding: 0px; box-shadow: 0 0 0px rgba(0, 0, 0, 0.0);} #slideshow div {} #top1 {width:100%; height:50px;background:#FFFFFF;border-right:1px #0180FF solid;border-left:2px #0180FF solid;border-bottom:1px #0180FF solid;border-radius: 6px;} #top1 p {text-align:center;font-size:14px; padding:12px 30px 12px 30px;} #top1 h3 {text-align:center;color:#0180FF; padding:10px 10px;} #top2 {width:100%; height:300px;border:1px #0180FF solid;background:#333333;border-radius: 6px;} #top2 img {float:left;width:420px;height:275px;margin:12px 2px 2px 12px;box-shadow: 3px 3px 5px rgb(63, 63, 63);} #top2 video {float:left;width:420px;height:275px;margin:12px 2px 2px 12px;box-shadow: 3px 3px 5px rgb(63, 63, 63);} #top2 p {float:right;width:225px;height:290px; rows="10" cols="40";color:#FFFFFF; font-size:12px; text-align:justify;padding:5px 45px 5px 5px;overflow:hidden; } #top2 h3 {float:right;width:225px;height:20px;font-size:16px; text-align:center; } #top2 iframe {float:left;width:420px;height:275px;margin:12px 2px 2px 12px; } #top3 {width:100%; height:50px; background:#FFFFFF;border-right:1px #0180FF solid;border-left:2px #0180FF solid;border-top:1px #0180FF solid;border-radius: 6px;} #top3 p {color:#000000; text-align:center;font-size:16px; padding:12px 10px 10px 10px;} #top3 h3 {text-align:center;color:#0180FF; padding:10px 10px;} #iframe {float:left;width:396px; height:286px;border-left:2px #0180FF solid; } #logo { float:right; padding: 10px 20px 0px 10px;background : #001A1A; } #topnav { width:100%; height:30px;background: rgb(30, 30, 54);background: rgba(30, 30, 54, .5);border: 1px #0180FF solid; border-radius: 6px;} #topnav ul li { float: left;border-radius: 2px;} #topnav ul ul { display: none;} #topnav ul li:hover > ul { display: block;} #topnav ul { background :none; padding: 0px 0px;list-style: none;position: relative;display: inline-table;border-radius: 3px;} #topnav ul:after { content: ""; clear: both; display: block;} #topnav ul li:hover { background: #3497FA;background: linear-gradient(top, #222222 0%, #333333 40%);;border-radius: 3px;} #topnav ul li:hover a { color: #000000;} #topnav ul li a { display: block; padding: 10px 10px;color: #FFFFFF; text-decoration:strong;} #topnav ul ul { background: #3497FA; border-radius: 3px; padding: 0;position: absolute;z-index:1200; top: 100%;} #topnav ul ul li { float: none; border-top: 1px solid #333333;border-bottom: 1px #333333 solid;position: relative;border-radius: 4px;} #topnav ul ul li a { padding: 10px 10px;color: #dadcdc;} #topnav ul ul li a:hover { background: #75B7F9;border-radius: 3px;} #topnav ul ul ul { position: absolute; left: 100%; top:0;} #banner { width:1000px;} #banner img { width:1000px;} #slider { width:994px; height:320px;border-right:3px black solid;border-left:3px black solid;border-bottom:3px black solid; background:black; } #contenthome-blank {width:1000px;height:auto; background:#FFFFFF;border-right:1px #0180FF solid;border-left:1px #0180FF solid;border-radius: 6px; } #contenthome-blank img { margin:3px 3px 3px 3px; padding:0px 0px 0px 0px; overflow:hidden; } #contenthome-blank h1 { padding: 20px 20px 20px 20px; text-align:center;color:#0180FF; ;overflow:hidden;} #contenthome-blank p { padding:10px 10px 10px 10px;font-size:16px; text-align:justify; } } #contenthomeform {width:1000px;height:auto; background:#FFFFFF;border-right:1px #0180FF solid;border-left:1px #0180FF solid;border-radius: 6px; } #contenthomeform img {margin:3px 3px 3px 3px; padding:0px 0px 0px 0px; overflow:hidden; } #contenthomeform h1 {padding: 20px 20px 20px 20px; text-align:center;color:#0180FF;background:#FFFFFF;border-bottom:1px #0180FF solid;border-right:1px #0180FF solid;border-left:1px #0180FF solid;border-radius: 6px;} #contenthomeform p {padding:10px 10px 10px 10px;font-size:16px; text-align:justify; } #bottomform iframe {background:#FFFFFF;border-right:1px #0180FF solid;border-left:1px #0180FF solid;border-radius: 6px; } #contenthomeformsub {width:1000px;height:auto; background:#FFFFFF;border-right:1px #0180FF solid;border-left:1px #0180FF solid;border-radius: 6px; } #contenthomeformsub img {margin:3px 3px 3px 3px; padding:0px 0px 0px 0px; overflow:hidden; } #contenthomeformsub h1 {padding: 20px 20px 20px 20px; text-align:center;color:#0180FF;background:#FFFFFF;border-bottom:1px #0180FF solid;border-right:1px #0180FF solid;border-left:1px #0180FF solid;border-radius: 6px;} #contenthomeformsub p {padding:10px 10px 10px 10px;font-size:16px; text-align:justify; } #contenthomesupport {width:1000px;height:auto; background:#FFFFFF;border-right:1px #0180FF solid;border-left:1px #0180FF solid;border-radius: 6px; } #contenthomesupport img {margin:3px 3px 3px 3px; padding:40px 40px 40px 40px; overflow:hidden; } #contenthomesupport h1 {padding: 20px 20px 20px 20px; text-align:center;color:#0180FF;background:#FFFFFF;border-bottom:1px #0180FF solid;border-right:1px #0180FF solid;border-left:1px #0180FF solid;border-radius: 6px;} #contenthomesupport p {padding:10px 10px 10px 10px;font-size:16px; text-align:justify; } #bottomsupport iframe {background:#FFFFFF;border-right:1px #0180FF solid;border-left:1px #0180FF solid;border-radius: 6px; } #contenthomelinks {width:1000px;height:auto; } #contenthomelinks img {margin:3px 3px 3px 3px; padding:0px 0px 0px 0px; overflow:hidden; } #contenthomelinks h1 {padding: 20px 20px 20px 20px; text-align:center;color:#0180FF;background:#FFFFFF;border-bottom:1px #0180FF solid;border-right:1px #0180FF solid;border-left:1px #0180FF solid;border-radius: 6px;} #contenthomelinks p {padding:10px 10px 10px 10px;font-size:16px; text-align:justify;background:#FFFFFF;border-right:1px #0180FF solid;border-left:1px #0180FF solid;border-bottom:1px #0180FF solid;border-radius: 6px; } #bottomlinks {width:1000px;height:200px;background:#FFFFFF;border-right:1px #0180FF solid;border-left:1px #0180FF solid;border-bottom:1px #0180FF solid;border-radius: 6px; } #bottomlinks h2 {float:right;width:625px;height:20px;padding: 7px 7px 7px 7px;text-align:center;color:#000000; } #bottomlinks img {float:left;width:300px;margin:15px 0px 15px 15px;box-shadow: 3px 3px 5px rgb(63, 63, 63); } #bottomlinks p {float:right;width:625px;margin:10px 20px 10px 20px;;font-size:16px;text-align:justify; } #contenthome {width:1000px;height:auto;border-right:1px #0180FF solid;border-left:2px #0180FF solid;border-radius: 6px; background:#FFFFFF; } #contenthome img {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } #contenthome h1 {padding: 20px 0px 20px 0px; text-align:center;color:#0180FF; ;} #contenthome p {padding:10px 10px 10px 10px;font-size:16px; text-align:justify; } #contenthome1 {width:1000px;height:auto; background:#FFFFFF;border-right:1px #0180FF solid;border-left:1px #0180FF solid;border-radius: 6px; } #contenthome1 img { margin:3px 3px 3px 3px; padding:0px 0px 0px 0px; overflow:hidden; } #contenthome1 h1 { padding: 20px 0px 20px 0px; text-align:center;color:#0180FF; } #contenthome1 p { padding:10px 10px 10px 10px;font-size:16px; text-align:justify; } #contenthome2 {width:1000px;height:auto; background:#FFFFFF;border-right:1px #0180FF solid;border-left:1px #0180FF solid;border-radius: 6px;overflow:hidden; } #contenthome2 img {float:right;width:auto;height:auto;border-radius: 6px;margin: 10px 10px; padding:0px 0px 0px 0px;background:#FFFFFF;box-shadow: 3px 3px 5px rgb(63, 63, 63); } #contenthome2 h1 {padding: 20px 20px 20px 20px; text-align:center;color:#0180FF; ;overflow:hidden;} #contenthome2 h3 {float:left;width:auto;height:auto;margin: 10px 60px 10px 240px;background:#FFFFFF;font-size:16px; text-align:center; } #contenthome2 p {float:left;width:auto; padding:10px 0px 10px 30px;background:#FFFFFF;font-size:16px; text-align:justify; } #right1 {float:right;width:400px;height:auto;overflow:hidden; } #right1 img {box-shadow: 3px 3px 5px rgb(63, 63, 63); } #left1 {float:left; width:600px; height:auto;overflow:hidden; } #contenthome3 {width:1000px;height:auto;background:#FFFFFF; } #contenthome3 img {float:left;height:auto;width:250px;background:#FFFFFF;padding: 10px 10px; } #contenthome3 h1 {width:1000px;height:40px;padding: 20px 0px 20px 0px;text-align:center;color:#0180FF;background:#FFFFFF;border-right:1px #0180FF solid;border-left:1px #0180FF solid;border-radius: 6px;overflow:hidden;} #contenthome3 h2 {width:1000px;height:40px;;text-align:center;color:#0180FF;background:#FFFFFF;} #contenthome3 p {float:right;height:100%;width:710px;padding: 10px 10px;background:#FFFFFF; } #content3 {width:1000px;height:auto;border-right:1px #0180FF solid;border-left:2px #0180FF solid;border-radius: 6px; background:#FFFFFF;overflow:hidden; } #content3 img {float:left;margin:10px 10px 10px 10px; padding:0px 0px 0px 0px;box-shadow: 3px 3px 5px rgb(63, 63, 63); } #content3 h1 {padding: 20px 0px 20px 0px; text-align:center;color:#0180FF; } #content3 p {padding:10px 10px 10px 10px;font-size:16px; text-align:justify; } #content3b {float:left;width:100px;height:auto; } #content3b p {padding:10px 10px 10px 10px;font-size:16px; text-align:justify; } #serviceblock {width:1000px;height:450px;background:#FFFFFF;border-right:1px #0180FF solid;border-left:1px #0180FF solid;border-bottom:1px #0180FF solid;border-radius: 6px; } #serviceblock h1 {width:996px;height:40px;padding: 20px 0px 20px 0px;text-align:center;color:#0180FF; } #serviceblock img {float:left;width:300px;margin:15px 0px 15px 15px;box-shadow: 3px 3px 5px rgb(63, 63, 63); } #serviceblock p {float:right;width:645px;margin:20px 20px 10px 20px;;font-size:16px;text-align:justify; } #serviceblock { } #services {float:right;width:400px; height:auto;background:#FFFFFF; } #services img {float:left;padding: 5px 0px 0px 20px;} #services p {float:right;padding: 5px 0px 0px 20px ;font-size:16px;text-align:justify; } #services h3 {float:left;padding: 5px 5px;font-size:16px; } #options tr {width:525px; height:auto;background:#FFFFFF;align="center" style="float: left" } #options img {float:right;padding: 3px 3px; margin: 0px 0px 0px 30px;} #options h3 {float:left;padding: 3px 3px;margin: 0px 0px 15px 30px ;font-size:16px; } #bottom-blank {width:1000px; height:auto;border:1px #0180FF solid;background:#001A1A;border-radius: 6px;} #bottom-blank img {} #bottom-blank p {float:left;margin: 0px auto; position: relative; width: 990px;color:#FFFFFF; font-size:12px; text-align:justify;padding:5px 5px 5px 5px;overflow:hidden; } #bottom-blank h3 {float:right;width:225px;height:20px;font-size:16px; text-align:center; } #bottom2 {width:1000px; height:auto;border:1px #0180FF solid;background:#001A1A;border-radius: 6px;} #bottom2 img {border-radius:6px;width:auto;height:auto;margin:0px 0px 0px 0px;overflow:hidden;} #bottom2 p {float:left;margin: 0px auto; position: relative; width: 990px;color:#FFFFFF; font-size:12px; text-align:justify;padding:5px 5px 5px 5px;overflow:hidden; } #bottom2 h3 {float:right;width:225px;height:20px;font-size:16px; text-align:center; } #bottom3 {width:1000px; height:860px;border:1px #0180FF solid;background:#001A1A;border-radius: 6px;overflow:hidden;} #bottom3 img {border-radius:6px;width:auto;height:auto;margin:0px 0px 0px 0px;overflow:hidden;} #bottom3 p {float:left; position: relative; width: 990px;color:#FFFFFF; font-size:12px; text-align:justify;padding:5px 5px 5px 5px;overflow:hidden; } #bottom3 h3 {float:right;width:225px;height:20px;font-size:16px; text-align:center;overflow:hidden; } #footer { width:100%; height:30px;margin:0px 0px 5px 0px;background: rgb(30, 30, 54);background: rgba(30, 30, 54, .5);border-right:1px #0180FF solid;border-left:1px #0180FF solid;border-bottom:1px #0180FF solid;border-radius: 6px;} #footer p { color:#FFFFFF; text-align:center; font-size:10px; padding:8px 8px;background: rgb(30, 30, 54);background: rgba(30, 30, 54, .5);} /* Mini News */ /* Navigation Extra */ /* Forms */ form ol { list-style-type:none; } form {width:960px; text-align:left; padding:40px 0px 40px 20px; background-color:#ffffff;} label { float: left; width: 150px; margin-top:5px; text-align:right; display:block; background:none; font-weight:bold; } submit { background:none; } input { width: 280px; margin:0 0 16px 10px; border:1px #bbb solid; padding:5px; background:none; } input:focus, textarea:focus { background-color:#BFEBFF; } textarea { width: 280px; height: 150px; margin:0 0 16px 10px; border:1px #bbb solid; padding:5px; background:none; } select { margin-bottom:20px; } .month { margin-left:155px; } .submit { width:90px; height:25px; margin-left:160px; font-size:12px; } #service form {width:980px; background-color:#ffffff;}