body {
color: rgb(51, 51, 51);
font-family: Century Gothic, Arial, Helvetica, sans-serif;
font-size: 65%;
background-position: center top;
background-repeat: repeat-x;
margin: 0pt; padding: 0pt; }
ul, ol, dl { list-style: none outside none; font-size: 1em; }
* { padding: 0pt; margin: 0pt; border: medium none; }
h1 { font-size: 3em; color: rgb(255, 255, 255); font-weight: normal; }
h2 { font-size: 2.2em; color:#666666; padding: 0pt 0pt 2px; margin-top:-10px; }
h2 a {  }
h2 a:hover {  }
h3 { font-size: 1.6em; color: #CC3300; padding: 0pt 0pt 2px; }
h4 { font-size: 1.6em; border-bottom: 1px solid rgb(204, 204, 204); padding: 0pt 0pt 2px; clear: both; }
h5 { padding: 0pt; font-size: 1.3em; color: #666666; }
h5 a { text-decoration: none; }
h5 a:hover { text-decoration: underline; }
h6 { padding: 0pt; font-size: 1.4em; color: #666666; font-weight:normal; }
/* h7 { padding: 0pt; font-size: 1.1em; color: #000000; font-weight:normal; margin-bottom: 0; margin-top:10px;} */
p { padding: 0pt 0pt 10px; font-size: 1.1em; line-height: 1.3em; }
a { color: #CC3300; }
.clear { clear: both; }

#top { background-image: url('gfx/top-bg.png'); background-repeat: repeat-x; background-position: center top; height: 50px; }
.jeskweb-nav { width: 970px; margin: 0pt auto; }
.jeskweb-nav h1.logo a { background-image: url('gfx/jesk.png'); background-repeat: no-repeat; background-position: left 3px; display: block; float: left; width: 110px; height: 47px; text-indent: -9999px; }
.jeskweb-nav ul.main-nav { display: block; float: left; width: 680px; }
.jeskweb-nav ul.main-nav li { display: block; float: left; font-size: 1.2em; border-right: 1px solid #CC3300; }
.jeskweb-nav ul.main-nav li a { color: rgb(255, 255, 255); line-height: 47px; text-decoration: none; text-transform: uppercase; background-image: url('gfx/nav-items-bg.png'); background-repeat: repeat-x; background-position: center 0px; height: 47px; text-align: center; padding: 0pt 16px; display: inline; float: left; }
.jeskweb-nav ul.main-nav li a:hover { background-position: center -50px; }
.jeskweb-nav ul.sub-nav { display: block; float: right; width:380px; }
.jeskweb-nav ul.sub-nav li { display: block; color: #CCCCCC; float: right; height: 47px; line-height: 47px; padding: 0pt 16px 0pt 0pt; }
.jeskweb-nav ul.sub-nav li a { color: #CCCCCC; line-height: 47px; text-decoration: none; }
.jeskweb-nav ul.sub-nav li a:hover { color: rgb(255, 255, 255); }
#home { background-image: url('gfx/bg.jpg'); background-repeat: repeat-x; background-position: center top; }
#home .home-intro { display: block; height: 260px; width: 540px; margin: 0pt auto; background-image: url('gfx/bigjesklogo.png'); background-position: left top; background-repeat: no-repeat; padding: 20px 0pt 0pt 300px; }
#home .home-intro h3 { color:#CC3300; font-size:2.2em; float:left; width:100px; padding-left:5px; }
#home .home-intro ul { display: block; float: left; margin: 0pt 0pt 0pt 6px; width: 480px; }
#home .home-intro ul li { color: #FFFFFF; font-size:2.2em; margin: 0pt 0pt 5px; display: block; }
#home .home-intro .intro-callout { width: 480px; height: 50px; background-image: url('intro-callout-bg.png'); padding: 6px 6px 0pt; background-repeat: no-repeat; background-position: left top; margin: 20px 0pt 0pt; }
#home .home-intro .intro-callout h2 { color: rgb(204, 204, 204); background-image: url('fx-icon.png'); padding: 0pt 0pt 0pt 44px; font-weight: normal; background-repeat: no-repeat; background-position: left top; line-height: 38px; font-size: 1.4em; }
#home .home-intro .intro-callout h2 a { color: rgb(255, 255, 255); padding: 0pt 0pt 0pt 30px; }
.content { background-image: url('gfx/red-white-grad.jpg'); background-repeat: repeat-x; background-position: center top; }
.content .main { display: block; width: 970px; margin: 0pt auto; padding: 12px 0pt 0pt; }
.content .main .holder { display: block; background-image: url('main-content-bg.png'); background-repeat: no-repeat; background-position: left top; clear: both; padding: 30px 30px 0pt; }
.content .main .holder .left-column { display: block; width: 230px; float: left; margin: 6px 0px 0px 0px; }
.content .main .holder .right-column { display: block; width: 230px; float: right; margin: 0px 0px 0px 0px; }
.content .main .holder .mid-column { display: block; width: 900px; float: left; margin: 0px 0px 0px 0px; }
#home ul.jesk { display: block; padding: 0pt 0pt 0pt 54px; }
#home ul.jesk-for li { display: block; float: left; font-size: 1.4em; background:fixed; color: rgb(51, 51, 51); text-decoration:none; margin: 0pt 25px 0pt 0pt; font-weight:bold; text-align:center;}
#home ul.jesk-for li.m_option a { text-decoration: none; color:#000000; text-align:center; }
#home ul.jesk-for li.m_option a:hover { color:rgb(255, 0, 0); }

.icon { vertical-align:middle;}

.body-box { display: block; width:215px; min-height:400px; float:left; padding: 6px 6px 6px 8px; font-size: 10pt; }
.body-box h3 {font-size:14pt;}

.body-hbox { display: block; width:650px; float:left; padding: 6px 6px 6px 8px; font-size: 10pt; }
.body-hbox h3 {font-size:14pt;}

.body-box-vline { display: block; width:1px; min-height:685px; float:left; border-left: 1px solid #CCCCCC;}
.body-box-hline { display: block; height:1px; width:650px; float:left; border-top: 1px solid #CCCCCC;}

.recent-projects { border-bottom: 0px solid rgb(204, 204, 204); }

ul.recent-projects-list { display: block; margin: 0pt 0pt 14px; }
ul.recent-projects-list li { display: block; float: left; width: 200px; border: 1px solid rgb(238, 238, 238); margin: 5px 5px 0pt 0pt; padding: 10px; min-height:240px; }
ul.recent-projects-list li p.title { font-size: 1.2em; color: #CC3300; padding: 4px 0pt 0pt; line-height: 1.2em; font-weight: bold; margin: 0pt; }
ul.recent-projects-list li p.title a { text-decoration: none; }
ul.recent-projects-list li p.type { margin: 0pt; padding: 0pt; font-style: italic; color: rgb(51, 51, 51); line-height: 1.2em; }
ul.recent-projects-list li p.type a { color: rgb(51, 51, 51); text-decoration: none; }
ul.recent-projects-list li p.type a:hover, ul.projects-list li p.title a:hover { text-decoration: underline; }
ul.recent-projects-list li dl.options { display: block; margin: 4px 0pt 0pt; }
ul.recent-projects-list li dl.options dd { display: block; float: left; margin: 0pt 10px 0pt 0pt; }


ul.projects-list { display: block; margin: 0pt 0pt 14px; }
ul.projects-list li { display: block; float: left; width: 200px; border: 1px solid rgb(238, 238, 238); margin: 5px 5px 0pt 0pt; padding: 10px; min-height:300px; }
ul.projects-list li p.title { font-size: 1.2em; color: #CC3300; padding: 4px 0pt 0pt; line-height: 1.2em; font-weight: bold; margin: 0pt; }
ul.projects-list li p.title a { text-decoration: none; }
ul.projects-list li p.type { margin: 0pt; padding: 0pt; font-style: italic; color: rgb(51, 51, 51); line-height: 1.2em; }
ul.projects-list li p.type a { color: rgb(51, 51, 51); text-decoration: none; }
ul.projects-list li p.type a:hover, ul.projects-list li p.title a:hover { text-decoration: underline; }
ul.projects-list li dl.options { display: block; margin: 4px 0pt 0pt; }
ul.projects-list li dl.options dd { display: block; float: left; margin: 0pt 10px 0pt 0pt; }

#footer { background-color: rgb(204, 204, 204); height: 30px; }
#footer .footer-content { width: 920px; margin: 0pt auto; }
#footer .footer-content p { width: 800px; float: left; margin: 0pt 0pt 0pt 9px; padding: 6px 0pt 0pt; }
#footer .footer-content ul { display: block; float: right; margin: 6px 0pt 0pt; }
#footer .footer-content ul li { display: block; float: right; margin: 0pt 9px 0pt 0pt; font-size: 1.1em; }
#footer .footer-content ul li a { text-decoration: none; color: rgb(51, 51, 51); }
#footer .footer-content ul li a:hover { text-decoration: underline; }