* { margin:0; padding:0; }

body { background: #333; }

img { border:none; }

a { color:#CEFF3A; }
a:hover { color:#FFF; }

#outerPage{ background: #919191 url("images/body_bg.jpg") repeat-x; }

#page { margin:0 auto; width:989px; font:13px Trebuchet MS; color:#FFF; }

#header { width:989px; height:172px; position:relative; background:url("images/header_bg.jpg") no-repeat; }


ul { padding:5px 0 15px 10px; margin:0 0 0 10px; }
ul li { padding:0; margin:0 0 3px 0; }


.topnav { position:absolute; height:38px; left:324px; bottom:0; padding:0; margin:0; list-style:none; }
.topnav li { padding:0; margin:0 4px 0 0; float:left; }
.topnav li a, .topnav li b { display:block; float:left; height:38px; background-image:url("images/topnav_s1.gif"); background-repeat:no-repeat; }
.topnav li b { background-image:url("images/topnav_s3.gif"); }
.topnav li a:hover { background-image:url("images/topnav_s2.gif"); }
.topnav li a span, .topnav li b span { display:none; }
.topnav li.tn1 a, .topnav li.tn1 b { width:80px; background-position:0 0; }
.topnav li.tn2 a, .topnav li.tn2 b { width:65px; background-position:-84px 0; }
.topnav li.tn3 a, .topnav li.tn3 b { width:96px; background-position:-153px 0; }
.topnav li.tn4 a, .topnav li.tn4 b { width:69px; background-position:-253px 0; }
.topnav li.tn5 a, .topnav li.tn5 b { width:64px; background-position:-326px 0; }
.topnav li.tn6 a, .topnav li.tn6 b { width:63px; background-position:-394px 0; }
.topnav li.tn7 a, .topnav li.tn7 b { width:88px; background-position:-461px 0; }


h1, h2, h3, h4, h5 { padding:0; margin: 0 0 18px 0; color:#003F68; }
h1, h2, h3 { font-weight:normal; }
h4, h5, h6 { margin:0 0 10px 0; }
h1 { font-size:23px; }
h2 { font-size:21px; }
h3 { font-size:19px; }
h4 { font-size:17px; }
h5 { font-size:15px; }
h6 { font-size:13px; }


#content { position:relative; width:821px; margin:0 auto; background:url("images/content_bg.gif") repeat-y;  }

#content img{ border: 4px solid #FFF; }


.left-box { position: relative; z-index: 1; float:left; width:240px; background:url("images/leftbox_bg_top.gif") no-repeat;  }
.left-box #quote{ margin: 25px; }

.leftnav { padding:15px 0 0 10px; margin:0; list-style:none; }
.leftnav li { margin:0 0 2px 0; padding:0; }
.leftnav li.indent{ padding-left: 20px; }
.leftnav li.indentMore{ padding-left: 50px; }
.leftnav li span.indent{ display: block; padding-left: 20px; font-size: 11px; color: #888; }
.leftnav li a, .leftnav li b { font:bold 12px Arial; display:block; padding:5px 0 5px 18px; color:#FFF; text-decoration:none; }
.leftnav li a:hover { background:#3B412E; color:#FFF; text-decoration:none; }
.leftnav li b { background:#475726; }
* html .leftnav li a, .leftnav li b { height:16px; overflow:hidden; }

#homeLink{ display: block; margin: 15px 0 0 25px; }

.cnt-box { position:relative; z-index:300; float:right; width:578px; background:url("images/cntbox_c.gif") no-repeat top right;  }
html > body .cnt-box{ width: 581px; }

.cnt-box .cnt-title { padding:0 10px 0 0; }
.cnt-box .cnt-title h2 { position:relative; background:#1298D1 url("images/title_bg.gif") repeat-x; font:25px "Arial Narrow"; color:#333; padding:29px 27px 7px 27px; margin:0; }

.cnt-box .cnt-txt { padding:25px 43px 30px 27px; font-size:12px; }

.cnt-box .cnt-txt p { padding:0; margin:0 0 15px 0; text-align:justify; line-height:16px; }
.cnt-box .cnt-txt p.spec { color:#C4D852; font-size:13px; }

.cnt-box .fright { float:right; margin:0 0 5px 30px; }


.bott-work { z-index: 1; background:url("images/bott_work_bg.gif") no-repeat; width:370px; height:334px; position:absolute; top:-240px; left:4px; z-index:200; }
/* * html .bott-work { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css/images/bott_work_bg.png", sizingMethod='crop'); } */
.bott-work-box { width:308px; height:334px; position:relative; font:11px Arial; color:#CCE155; }
.bott-work-box span { color:#FFF; }
.bott-work-box .w-pic { position:absolute; top:80px; left:102px; }
.bott-work-box .w-info { position:absolute; top:296px; left:100px; }
.bott-work-box .w-descr { position:absolute; bottom:268px; left:100px; }

#footer { height:169px; background:url("images/footer_bg.gif") repeat-x; font:13px Trebuchet MS; color:#FFF; }
#footer .footer-box { z-index:100; width:989px; height:169px; position:relative; margin:0 auto; background:url("images/footer_bg2.gif") no-repeat 50% 0;  }
#footer .footer-box .info { position:absolute; top:113px; left:0; height:20px; color:#FFF; }
#footer .footer-box .info span { background:url("images/ftr_sep.gif") no-repeat 50% 3px; padding:0 6px; }
#footer .footer-box .copy { position:absolute; top:113px; right:0px; height:20px; color:#919191; }
#footer .footer-box .ftr-slogan { position:absolute; top:39px; right:92px; width:227px; height:38px; background:url("images/ftr_slogan.gif") no-repeat; }
#footer .footer-box .byline { display: block; font-size: 10px; position: absolute; top:130px; right: 0px; }
#footer .footer-box .byline a { color: #aaa; }


form { margin:0; padding:0; }
input, select, textarea { font:12px Arial; color:#777; }

.clear { clear : both; height : 1px; overflow : hidden; }

* html { filter: expression(document.execCommand("BackgroundImageCache", false, true)); }

/* Portfolio Entries Page */

#portfolioEntries{ margin: 0; padding: 0; list-style: none; width: 40%; float: left; }
#portfolioEntries li{ margin-bottom: 15px; margin-right: 20px; }
#portfolioEntries h4{ font-size: 12px; margin: 0; padding: 0 0 3px 0; }

#portfolioData{ width: 40%; float: right; }
html > body #portfolioData { float: left; }
#portfolioData p{ width: 330px; text-align: left; }
#portfolioData ul{ width: 300px; margin: 0; padding: 0 0 0 1em; }
#portfolioData #portfolioImageList{ margin: 5px 0 15px 0; padding: 0; list-style: none; }
#portfolioImageList li{ display: inline; }
#portfolioImageList a{ outline: none; }
#portfolioImageList a img { margin: 0; }

/* Footer Slideshow */

#gallery{ width: 206px !important; height: 201px !important; }
#gallery h2{ color: #FFF !important; }

#homeLink{ font-size: 11px; color: #CCC; }


/* Page Slideshows */

.slideshow{ margin: 0; padding: 0; list-style: none; }
.slideshow li{ float: left; height: 110px; margin: 0 10px 10px 0; text-align: center; }
.slideshow li img{}