body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
body { margin: 0px; padding: 0px; font: .9em/1.35em Arial, Helvetica, sans-serif; color: #666666; background: #999999; }
a:link, a:visited, a:active { color: #1D75AF; font-weight:bold; text-decoration: none; }
a:hover, #content a:hover { text-decoration: underline; }
a img, img a { border: none; }
p { padding-bottom: .6em; }
h1, h2, h3, h4, h5, h6 { color: #1D75AF; font-style: normal; font-variant: normal; margin-top: .5em; margin-bottom: .3em; }
ul + h1, ul + h2, ul + h3, ul + h4, ul + p, h1 + h2, p + h2, li + h2 { margin-top: .8em; margin-bottom: .35em; }
h1 { font-size: 1.1em; text-transform: uppercase; line-height: 1.25em; }
h2 { font-size: 1em; line-height: 1.15em; }
h3 { font-size: .9em; line-height: 1em; }
h4 { font-size: .85em; text-transform: uppercase; color: #666666; margin-bottom: 0; margin-top: 0; }
ul li { margin-left: 2em; list-style: square; list-style-position: outside; }
.grtxt { color: #999; }
#wrapper { padding: 0; border:0; width: 800px; background-color: #FFFFFF; margin: 0 auto; }
#header { background-color: #FFFFFF; height: 100px; width: 800px; background-image: url(../img/header_bkgd.gif); background-repeat: repeat-x; background-position: bottom; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #FFF; }
#header .rt { float: right; margin: 38px 50px 0 0; }
#header .lt { float: left; }
#header h1, #header h2, #header p { display: none; font-size: 0; line-height: 0; }
#contentOuter { background-color: #FFFFFF; width: 752px; border-right: 24px solid #003366; border-left: 24px solid #003366; margin-bottom: 1px; }
#contentReg { float:right; width:462px; margin-right: 40px; padding-top: 103px; padding-bottom: 10px; }
#contentPort { margin-left: 285px; padding-top: 26px; }
#footer { font-size: 0.85em; text-align: center; padding-top: 10px; padding-bottom: 10px; color: #003366; background: url(../img/footercorners.gif) no-repeat center top; margin: 0; height: 49px; }
.swirl { height: 12px; width: 800px; font-size: 0; line-height: 0; background: #0099CC url(../img/swirl2.jpg) no-repeat; }
.swirlB { height: 12px; width: 800px; font-size: 0; line-height: 0; background: #0099CC url(../img/swirl2.jpg) no-repeat; border-bottom: 1px solid #fff; }
#nav { width: 234px; float: left; padding-top: 22px; padding-left: 16px; }
#nav li { list-style:none; margin:0; padding:0; }
#nav #top_nav li { float:left; }
#nav #sub_nav { clear:left; padding:10px; }
#nav #sub_nav li { margin-bottom:10px; }
#nav #sub_nav li a { color:#666666; font-weight:normal; text-decoration:none; text-transform:uppercase; font-size:85%; letter-spacing:.05em; }
#nav #sub_nav li.active a, #nav #sub_nav li a:hover { color:#48cbff; }
#nav #sub_nav li.active a { font-weight:bold; }
#nav a#nav_about_us, #nav a#nav_portfolio, #nav a#nav_contact_us { text-indent:-9999px; display:block; width:70px; height:77px; overflow:hidden; }
#nav a#nav_about_us { background:url(../img/nav_about_us.gif) 0 -77px no-repeat; }
#nav a#nav_portfolio { background:url(../img/nav_portfolio.gif) 0 -77px no-repeat; }
#nav a#nav_contact_us { background:url(../img/nav_contact.gif) 0 -77px no-repeat; }
#nav a#nav_about_us:hover, #nav a#nav_portfolio:hover, #nav a#nav_contact_us:hover, #nav li.active a#nav_about_us, #nav li.active a#nav_portfolio, #nav li.active a#nav_contact_us { background-position:0 0; }
#nonfooter { background: url(../img/jsc_bkgd.gif) repeat-y center; width: 100%; }
#clear, .clear { clear: both; }
#skipintro { color: silver; text-align: center; z-index: 999; padding: 0 0 0 0; margin: -1em 0 0 0; }
#skipintro a, #skipintro a:link, #skipintro a:visited, #skipintro a:hover, #skipintro a:active { color: silver; text-decoration: none; }
/**Image formatting**/
.imgR { float: right; margin: 0 0 0 1em; }
.imgL { float: left; margin: 0 1em 0 0; }
img, img a, img a:visited, img a:hover, img a:active { text-decoration: none; border: 0px }
#rtcol img { margin: 0; }
/* -- subheads/2nd line on news page -- */
.newssubhd { color: #666; font-style: italic; margin-top: 0em; margin-bottom: 0.5em; margin-left: 1.9em; }
.bottomlinks { font-size: 0.9em; padding-top: 3em; font-weight: normal; }
.bottomlinks li { font-weight: normal; display: inline; list-style: none; border-left: solid 1px #CCC; margin: 0; }
.bottomlinks li a:link, .bottomlinks li a:visited, bottomlinks li a:active { font-weight: normal; margin-left: .6em; margin-right: .4em; }
.bottomlinks .first { border: none; margin-left: -.6em; } 
.web_sample { position:relative; width:235px; min-height:211px; height:auto!important; height:211px; font-size:85%; margin-bottom:2em; }
.web_sample h2, .portfolio_sample h2 { font-size:1.5em; color:#333; font-weight:normal; }
.web_sample a, .portfolio_sample a { font-weight:normal; text-decoration:underline; }
.web_image { position:absolute; top:0; right:-227px; width:227px; height:211px; /*background:url(../img/sample_shadow.gif) bottom center no-repeat;*/ text-align:center; }
.portfolio_sample { clear:both; font-size:85%; margin-bottom:2em; }
.sample_image { float:right; width:227px; padding:0 0 41px 20px; /*background:url(../img/sample_shadow.gif) bottom center no-repeat;*/ text-align:center; }
.sample_images { padding:6px 0; }
.sample_images img {padding: 0 10px 10px 0;}
.subtle { font-size:80%; color:#999; }
.mag {color:#b4b4b4 !important;font-size:79%; padding-left:30px; background:#fff url(../img/mag-glass.gif) no-repeat; min-height:25px;}