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: #fff; }
a:link, a:visited, a:active { color: #0397d6; 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: 100%; background-color: #FFFFFF; margin: 0 auto; }
#headerwrapper {
	width:100%;
	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 {
	position:relative;
	height:100px;
	width:960px;
	margin:0 auto;
	}
#logo a {
	position:absolute;
	top:0;
	left:0;
	background:url('../img/js-creative-logo.png') no-repeat top left;
	width:250px;
	height:100px;
	text-indent:-9999px;
	}
#jslink a {
	position:absolute;
	top:38px;
	right:0;
	background:url('../img/divofjs.gif') no-repeat top left;
	width:159px;
	height:62px;
	text-indent:-9999px;
	}

#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:960px;
	margin:0 auto;
	margin-bottom: 1px; 
	}
#contentReg {float:right; width:730px; padding-top:103px; padding-bottom:10px; overflow:hidden; position:relative; }
#contentReg h1 {font-size:24px;}
#contentReg h2 {font-size:22px; font-weight:normal; color:#666;}
#contentPort { margin-left: 285px; padding-top: 26px; }
#footer {
	font-size: 0.85em; 
	text-align: center; 
	padding-top: 20px; 
	padding-bottom: 10px; 
	color: #666;
	width:960px;
	border-top: solid 1px #ccc; 
	margin: 0 auto; 
	height: 49px; 
	}
.swirl {
	height:6px; 
	width:100%;
	font-size: 0; 
	line-height: 0;
	background:#1D75AF;
	}
.swirlB { 
	display:none;
	}
#nav {
	width:210px; 
	float:left; 
	padding-top:22px; 
	padding-right:20px;
	}
#nav li { list-style:none; margin:0; padding:0; }
#nav #top_nav li { float:left; }
#nav #sub_nav { clear:left; padding:20px 10px 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:16px; 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 {
	width:218px;
	margin-right:38px;
	float:left;
	font-size:85%;
	margin-bottom:30px;
	}
.web_sample.last { margin-right:0;}
.separator {
	border-top: solid #ccc 1px; 
	clear:both; 
	margin-bottom:30px;
	}
#contentReg .web_sample h2, #contentReg .portfolio_sample h2 {
	font-size:16px;
	color:#666;
	font-weight:normal;
	}
#contentReg .portfolio_sample img {padding-bottom:10px;}
.web_sample a, .portfolio_sample a {
	font-weight:normal;
	text-decoration:underline;
	}
.web_image img {padding-bottom:10px;}
.portfolio_sample {
	width:218px;
	float:left;
	margin-right:38px;
	font-size:85%;
	margin-bottom:30px;
	}
.portfolio_sample.last { margin-right:0;}
.portfolio_sample p {width:730px;}
.sample_images { 
	padding:12px 10px;
	border:solid 1px #eaeaea;
	-webkit-box-shadow:inset 0 0 8px #eaeaea;
	box-shadow:inset 0 0 8px #eaeaea;
	}
.sample_images img {
	margin-right:10px;
	} 
.mag {
	color:#b4b4b4 !important;
	font-size:79%; 
	padding-left:30px; 
	background:#fff url(../img/mag-glass.gif) no-repeat; 
	min-height:25px;
	margin-top:10px;
	}
#project-nav {position:absolute; top:22px; right:0; text-align:right; width:200px;}
.next {margin-left:10px;}