* { margin: 0; padding: 0; }
html { min-height: 100%; margin: 0 0 .1em; }
body { font: 10px/10px Georgia, "Times New Roman", Times, serif; color: #000; text-align: center; background-color: #f5f5f5; behavior:url("../css/csshover.htc"); }
body * { position: relative; }
body#fnfrd { font: 14px/14px Georgia, "Times New Roman", Times, serif; color: #000; text-align: left; margin: 25px 0 0 25px; }
a:link, a:visited { color: #155494; text-decoration: none; }
a:hover { text-decoration: underline; }
.clear { clear: both; }
/* Oct 11 2018 - Changed these styles and removed flashFeature div because didn't want to display still image at top anymore.
#headContainer { background: url('../i/layout/sprite-header.gif') repeat-x 0 0; height: 374px; margin: 0 auto; position: absolute; top: 0; _left: 0; *left: 0; width: 100%; z-index:3; }
#header { top: 0; width: 100%; height: 407px; z-index:2; }
#logo { margin-top: -45px; }
#flashFeature { width: 100%; height: 230px; margin: 0 auto; position: absolute; top: 116px; left: 0; }
*/
#headContainer { background: url('../i/layout/sprite-header.gif') repeat-x 0 0; height: 116px; margin: 0 auto; position: absolute; top: 0; _left: 0; *left: 0; width: 100%; z-index:3; }
#header { top: 0; width: 100%; height: 149px; z-index:2; }
#logo { margin-top: -45px; }
/* Navigation */
#topNav { background: url("../i/layout/nav-top.png") no-repeat 0 0; top: 76px; width: 800px; height: 40px; z-index: 15; _top: 76px; margin: 0 auto; }
#topNav span { display: none; z-index: 999; }
#topNav li { float: left; list-style: none; _display: inline; height: 40px; }
#topNav li a:link, #topNav li a:visited, #topNav li a:hover { width: auto; height: 40px; display: block; background-image: url("../i/layout/nav-top.png"); background-repeat: no-repeat; }
#topNav #homeTop { width: 90px; }
#topNav #homeTop a { width: auto; background-position: 0 0; }
#topNav #homeTop a:hover, .home #topNav #homeTop a { background-position: 0px -40px; }
#topNav #aboutTop { width: 113px; }
#topNav #aboutTop a { width: auto; background-position: -90px 0; }
#topNav #aboutTop a:hover, .abt #topNav #aboutTop a { background-position: -90px -40px; }
#topNav #mediaTop { width: 173px; }
#topNav #mediaTop a { width: auto; background-position: -203px 0; }
#topNav #mediaTop a:hover, .med #topNav #mediaTop a { background-position: -203px -40px; }
#topNav #servicesTop { width: 108px; }
#topNav #servicesTop a { width: auto; background-position: -376px 0; }
#topNav #servicesTop a:hover, .svc #topNav #servicesTop a { background-position: -376px -40px; }
#topNav #portfolioTop { width: 123px; }
#topNav #portfolioTop a { width: auto; background-position: -484px 0; }
#topNav #portfolioTop a:hover, .prt #topNav #portfolioTop a { background-position: -484px -40px; }
#topNav #contactTop { width: 107px; }
#topNav #contactTop a { width: auto; background-position: -607px 0; }
#topNav #contactTop a:hover, .ctc #topNav #contactTop a { background-position: -607px -40px; }
#topNav #blogTop { width: 86px; }
#topNav #blogTop a { width: auto; background-position: -714px 0; }
#topNav #blogTop a:hover, .blg #topNav #blogTop a { background-position: -714px -40px; }
#leftNav { float: left; width: 77px; height: 400px; z-index: 10; top: 2px; }
#leftNav span { display: none; }
#leftNav li { float: left; list-style: none; _display: inline; width: 77px; padding-left: 5px; }
#leftNav li a:link, #leftNav li a:visited, #leftNav li a:hover { width: 77px; height: auto; background-image: url("../i/layout/logo-icons2.png"); display: block; text-decoration: none; font-size: 16px; line-height: 19px; color: #000; font-style: italic; text-align: center; }
#leftNav #media { height: 110px; }
#leftNav #media a { height: 110px; background-position: 0 0; }
#leftNav #media a:hover, #leftNav.mpg #media a { background-position: -100px 0; }
#leftNav #services { height: 110px; }
#leftNav #services a { height: 110px; background-position: 0 -110px; }
#leftNav #services a:hover, #leftNav.spg #services a { background-position: -100px -110px; }
#leftNav #portfolio { height: 110px; }
#leftNav #portfolio a { height: 110px; background-position: 0 -220px; }
#leftNav #portfolio a:hover, #leftNav.ppg #portfolio a { background-position: -100px -220px; }
#leftNav #blog { height: 85px; }
#leftNav #blog a { height: 85px; background-position: 0 -330px; }
#leftNav #blog a:hover, #leftNav.bpg #blog a { background-position: -100px -330px; }
#footContainer { width: 100%; background-color: #000; text-align: left; float: left; margin-top: 40px; }
#footer { background-image: url('../i/layout/sprite-footer.png'); background-repeat: repeat-y; min-height: 60px; width: 800px; margin: 20px auto; }
#footer p { font-size: 13px; line-height: 19px; color: #FFF; }
#footer #leftCol { float: left; width: 160px; }
#footer #centerCol { float: left; width: 245px; padding-left: 25px; }
#footer #rightCol { float: right; width: 370px; }
/* Page */
/* Oct 11 2018 - Changed this style.
#content { width: 800px; text-align: left; margin: 0 auto; height: 100%; background: url('../i/layout/sprite-vertical.png') repeat-y 0 0; background-color: #F5F5F5; }
*/
#content { width: 800px; text-align: left; margin: 30px auto 0 auto; height: 100%; background: url('../i/layout/sprite-vertical.png') repeat-y 0 0; background-color: #F5F5F5; }
#content img { border: none; }
#content #right { float: right; width: 640px; padding-left: 52px; }
#content #right h1 { margin: 0 0 15px; font: bold 22px/1em Georgia, "Times New Roman", Times, serif; color: #000; }
#content #right h2 { margin: 0 0 15px; font: bold 18px/1em Georgia, "Times New Roman", Times, serif; color: #000; }
#content p { margin: 0 0 20px 0; font-size: 14px; line-height: 20px; }
#content .footLinks { margin: 0; }
#content .footLinks a { color: #000; }
#content #right ul { margin: 0 0 18px 0; font-size: 14px; line-height: 20px; }
#content #right ul li { list-style: none; background: url('../i/layout/bullet.png') no-repeat 0 8px; padding: 0 0 0 10px; margin: 0 0 10px; }
#content .imgL { font-size: .8em; line-height: 1.4em; font-weight: bold; color: #303030; z-index: 1; float: left; margin: 0 15px 10px 0; }
#content .imgR { font-size: .8em; line-height: 1.4em; font-weight: bold; color: #303030; z-index: 1; float: right; margin: 0 0 20px 15px; }
#content .imgRhome { font-size: .8em; line-height: 1.4em; font-weight: bold; color: #303030; z-index: 1; float: right; margin: 0 0 20px 15px; box-shadow: 5px 5px 10px grey; }
#content .client { clear: both; margin-top: 45px; }
#timeline { width: 100%; margin: 0 0 20px; border: 0; border-collapse: collapse; font-size: 12px; line-height: 16px; vertical-align: top; }
#timeline td.left01 { background-color: #d2e9ff; width: 120px; padding: 5px; text-align: right; font-weight: bold; }
#timeline td.right01 { background-color: #d2e9ff; padding: 5px; }
#timeline td.left02 { background-color: #f5f5f5; width: 120px; padding: 5px; text-align: right; font-weight: bold; }
#timeline td.right02 { background-color: #f5f5f5; padding: 5px; }
#citiesL .cities { float: left; width: 200px; margin: 0 10px 0 0; padding-left: 10px; z-index: 5; }
#citiesC .cities { float: left; width: 200px; margin: 0 10px 0 0; padding-left: 10px; z-index: 5; }
#citiesR .cities { float: right; width: 200px; margin: 0 0 0 10px; padding-right: 10px; z-index: 5; }
#content #left { float: left; width: 108px; z-index: 5; }