body { color: rgb(51, 51, 51); font-family: "Myriad Pro","Myriad",Arial,Helvetica,sans-serif; font-size: 70%; 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:#CC3300; 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: #000000; }
h5 a { text-decoration: none; }
h5 a:hover { text-decoration: underline; }
h6 { padding: 0pt; font-size: 1.4em; color: #000000; font-weight:normal; }
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:350px; }
.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: 40px 0pt 0pt 300px; }
#home .home-intro h3 { color:#CC3300; font-size:2.2em; float:left; }
#home .home-intro ul { display: block; float: left; margin: 0pt 0pt 0pt 6px; width: 450px; }
#home .home-intro ul li { color: #FFFFFF; font-size:2.2em; margin: 0pt 0pt 10px; 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: 0px 10px 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: 384px; float: right; margin: 0px 50px 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; color: rgb(51, 51, 51); text-decoration:none; margin: 0pt 10px 0pt 0pt;}
#home ul.jesk-for li.wedo { color: #CC3333; padding-left: 3px; margin-top:6px; }
#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 { text-decoration: none; color:#FF0000; }
.icon { vertical-align:middle;}

#home ul.blog-links { display: block; margin: 0pt; }
#home ul.blog-links li { display: block; border-top: 1px solid #CC0000; padding: 6px 0pt 6px 8px; }
#home ul.blog-links li p { font-style: italic; padding: 0pt; }
.recent-projects { border-bottom: 1px solid rgb(204, 204, 204); }
#home ul.blog-links li p { font-style: italic; padding: 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; }
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: 28px; }
#footer .footer-content { width: 970px; margin: 0pt auto; }
#footer .footer-content p { width: 400px; float: left; margin: 0pt 0pt 0pt 10px; padding: 6px 0pt 0pt; }
#footer .footer-content ul { display: block; float: right; margin: 7px 0pt 0pt; }
#footer .footer-content ul li { display: block; float: right; margin: 0pt 10px 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; }