img, div { behavior: url(../js/iepngfix.htc) }
div, h1,h2,h3,h4,h5,p,img,form,ul,ol,li {margin: 0; padding: 0; border: none; text-align: left; position: relative;}
a {outline: none;}
body {background: #476686 url(../images/bg_body.gif) repeat-y; margin: 0; padding: 0;}
.donotopen {background: #fff url(../images/bg_donotopen.gif) repeat-y;}
.page {width: 978px; padding-bottom: 25px;}

.top {width: 966px; height: 233px;}

.images {width: 740px; height: 125px; margin: 91px 0 0 0px; border: 1px solid #fff; border-left: none;}

.left {width: 207px; float: left; background: #F3F3F3 url(../images/bg_left.gif) no-repeat; overflow: hidden; font-size: 1px; min-height: 745px; height: auto !important; height: 745px;}
/*.left_int {background: url(../images/bg_left_new.gif) no-repeat 0 0;}*/
.left img.logo {margin: 106px 1px 0 0px; float: right; display: inline; z-index: 5;}
.left img.logo_bottom {margin-left: 1px;}
.left img.trans {position: absolute; top: 495px; left: 50px; height: 170px; width: 150px; z-index: 2;}
.left div.nav {width: 133px; margin: 0 0 0 72px; z-index: 3;}
.wink {position: absolute; left: 0; top: 470px; z-index: 0; width: 202px; height: 211px; margin: 0 !important;}
.left ul {list-style: none;}
.left li {font-size: 20px; font-family: Trebuchet MS, Arial; color: #918F8F; text-transform: lowercase; line-height: 36px; list-style: none; padding-left: 3px;}
.left li.selected a {color: #000; font-weight: bold;}
.left li a {color: #918F8F; text-decoration: none; line-height: 36px;}
.left li.sub {font-size: 14px; color: #000; line-height: 18px !important; text-indent: 6px;}
.left li.subsub {font-size: 14px; color: #888; line-height: 18px !important; text-indent: 6px;}
.left li.sub a, .left li.subsub a {line-height: 18px;}
.left li.sub a:hover, .left li.subsub a:hover {color: #000;}
.left li a:hover, .left ul.home li.home a, .left ul.about-us li.about-us a, .left ul.services li.services a, .left ul.portfolio li.portfolio a, .left ul.brochure li.brochure a, .left ul.contact li.contact a {color: #000;}
.left p {font: 14px Arial; color: #949191; font-style: italic; line-height: 18px; padding: 140px 25px 0px 7px;} 
.left p.homep {padding-top: 208px; padding-bottom: 5px;}

.right {float: right; width: 760px; font-size: 1px; margin-right: 11px; display: inline;}
.int_right {float: right; width: 771px; font-size: 1px; background: url(../images/bg_right.jpg) no-repeat 0px 218px; margin-top: 15px;}
.lighter {background-image: url(../images/bg_right_lighter.gif);}
.int_right a {color: #fff;}
.int_right a:hover {text-decoration: none;}
/*.int_right img {border: 1px solid #fff;}*/
.fadein { float: right; margin: 60px 30px 0 15px; display: inline;}
.fadein img {border: none;}
.int_right img.achieve {border: none; position: absolute; bottom: 3px; left: 0;}
.mod {position: absolute; top: 796px;}
.int_right img.white_bar {position: absolute; top: 15px; left: 362px; border: none;}
.int_right img.services_big {float: right; margin: 135px 0 15px 10px; border: 1px solid #fff;}
.int_right img.brochure_big {float: right; margin: 90px 0 15px 15px; border-color: #D3D6D4;}
.int_right img.brochure_small {float: right; margin: 10px 0 15px 15px; border: none;}
.int_right h1 {font: 55px Trebuchet MS, Arial; color: #fff; padding: 55px 0 5px 34px;}
.int_right h1.welcome {padding: 0; font: 18px Trebuchet MS, Arial; text-align: right; padding: 60px 0 0 45px; display: none;}
.int_right img.thetext {margin: 60px 0 0 45px; z-index: 100;}
.int_right h2 {font: 18px Trebuchet MS, Arial; color: #fff; padding: 0 0 6px 34px; background: url(../images/bg_h2.gif) no-repeat 0 26px; }
.int_right h3 {font: bold 16px Trebuchet MS, Arial; color: #fff; padding: 40px 0 0 34px; line-height: 22px;}  
.int_right h4, .int_right h5 {font: bold 14px Trebuchet MS, Arial; color: #fff; padding: 15px 0 0 34px; line-height: 22px;}
.int_right ul {padding: 12px 0 0 60px; list-style-type: disc;}
.int_right ul.nohover a {cursor: default; text-decoration: none;}
.int_right ul.nohover a.hover:hover {text-decoration: underline; cursor: pointer;}
.int_right li {font: 18px Georgia; color: #fff; line-height: 28px;}
.int_right p {font: 16px Trebuchet MS, Arial; color: #fff;  padding: 10px 0 0 34px; line-height: 22px;}
.int_right p.padtop {padding-top: 40px;}
.int_right h2.padtop {margin-top: 20px;}
.thumbnails {margin: 20px 0 0 20px; height: 205px; overflow: auto;}
.thumbnails img {float: left; display: inline; margin: 10px 0 0 15px; border: 1px solid #fff;}
.flash {position: absolute; top: 0; left: 40px;}
.tall {height: 857px !important;}
.tall p.instruct {position: absolute; top: 15px; right: -17px; width: 120px; padding: 0;}
.achieve {margin: 25px 0 0 40px;}
.achieve img {border: none; position: relative; margin: 0 80px 0 0; float: left; display: inline;}
.beforeafter {width: 740px; margin: 20px 0 0 20px;}
.beforeafter img {float: left; display: inline; margin: 20px 18px 0 0; border: 1px solid #fff;}
.beforeafter ul {width: 740px; clear: both; padding-left: 0px;}
.beforeafter li {width: 360px; font: 14px Trebuchet MS, Arial; color: #fff; float: left; display: inline; list-style: none; padding-left: 0px; text-align: center;}
.related {font-size: 1px; width: 720px; margin: 0 0 0 20px;}
.related div {margin: 6px 75px 0 0; float: left; display: inline;}
.int_right p.relate {padding-top: 20px; padding-left: 20px; font-weight: bold;}
.related p {padding: 6px 0 0 22px; font: 14px Trebuchet MS, Arial; color: #fff;}
.related img {border: 1px solid #fff; vertical-align: middle;}

.ports {margin:5px 0 0 10px; width: 760px; font-size: 1px;}
.ports img {margin: 30px 0 0 18px; float: left; display: inline; border: 1px solid #fff;}

.pics {width: 360px; float: left; text-align: center; border-right: 3px solid #fff;}
#profile1 {margin-top: 0;}
.pics img {margin: 10px auto 0 auto;}

.text {width: 392px; float: right;}
.text h1 {font: 55px Trebuchet MS, Arial; color: #fff; padding: 55px 0 40px 12px;}
.text h2 {font: bold 16px Georgia; font-style: italic; color: #fff; padding: 12px 0 0 12px; background: none;}
.text p {font-style: normal; padding: 8px 0 0 12px;}

.home_space {width: 100%; height: 509px;}
.profile_space {width: 100%; height: 72px;}
.work_space {width: 100%; height: 79px;}
.office_space {width: 100%; height: 73px;}
.services_space {width: 100%; height: 133px;}
.portfolio_space {width: 100%; height: 85px;}
.contact_space {width: 100%; height: 365px;}
.brochure_space {clear: both; width: 100%; height: 70px;}

.white {background: #fff;}
.floatleft {float: left;}
.floatright {float: right; margin-top: 20px;}

.nobg {background: none;}

.footer {clear: right; float: right; margin-right: 11px; width: 760px; background: url(../images/bg_footer.gif) no-repeat; display: inline;}
.footer2 {width: 760px; background: url(../images/bg_footer.gif) no-repeat; margin-left: -40px;}
.footer p, .footer2 p {font: 11px Arial; color: #BCCEDA; padding: 10px 25px 0 0; text-align: right; line-height: 18px;}
.footer a, .footer2 a {color: #A0B0C0; text-decoration: none;}
.footer a:hover, .footer2 a:hover {text-decoration: underline;}

.clr {clear: both; font-size: 1px;}

.slideshow {width: 320px; height: 208px; border: 1px solid #fff; margin: 10px auto 0 auto; font-size: 1px;}
.imageInGallery {width:320px; height: 208px; left: 0px; top: 0px; position: absolute;}
.slideshow img {position: absolute; border: none; margin: 0;}

#dhtmlgoodies_slideshow {width: 720px; margin-top: 10px;}
#previewPane {text-align: center; vertical-align: middle; padding-top: 30px;  width: 570px; float: left;}
#waitMessage {display: none; position: absolute; left: 200px; top: 150px; background-color: #FFF; border: 3px double #000; padding: 4px; color: #555; font-size: 0.9em; font-family: arial;}
#galleryContainer {float: left;	height: 438px; width: 120px; padding: 1px; margin-left: 20px; display: inline;}
#galleryContainer #arrow_down {height: 35px;}
#galleryContainer #arrow_up {height: 35px;}
#theImages {position: relative; overflow: hidden; height: 375px;}
#theImages div {position: relative; height:1500px; text-align: center;}
#theImages img {border: 0px; filter: alpha(opacity=50); opacity: 0.5; padding-top: 1px; margin-left: 2px;}
#previewPane #largeImageCaption {font-style: italic; text-align:center; font-family: Trebuchet MS, Arial; font-size: 0.9em;}
#theImages .imageCaption {display: none; font: 14px Trebuchet MS, Arial; color: #fff;}

/*------------------------------For the new portfolio pages----------------------------*/
.bigpanel {}
.toparrow {}
.bottomarrow {}
.imageCaption {display: none;}
.imageCaption p {font: 10px Arial; color: #fff; font-weight: bold; z-index: 20;}
.imageCaption p a {color: #fff;}
.pic_big {float: left; z-index: 10;}
.pic_big img {float: left; margin-left: 15px; display: inline;}
.thumbs {float: left; margin: 20px 0 0 0; font-size: 1px; overflow: hidden;}
.thumbs p {padding-left: 30px;}
.thumbs a {font: 16px Arial; color: #fff; padding-left: 12px;}
.project_panel {width: 126px;}
.logo_link {position: absolute; top: 585px; left: 371px;}

.arrowleft {clear: left; float: left; margin: 20px 0 0 25px; display: inline;}
.arrowright {float: left; display: inline; margin: 20px 0 0 0;}

/*Vertical Slideshow*/
#vertical_motioncontainer a:hover {color:red;}
#previewPane {width: 735px;}
/*Horizontal Slideshow*/
#horizontal_motioncontainer {width: 500px; height: 90px;}
#horizontal_motioncontainer a:hover {color: red;}
#horizontal_motiongallery {position: absolute; left:0; top:0; white-space: nowrap;}
#previewPane img {float: left;}
#previewPane div {float: left; display: inline; margin: 0 0 0 5px; width: 215px;}
#previewPane div h2 {font: bold 16px Verdana; color: #fff; text-align: center; background: none; padding: 20px 0 0 0;}
#previewPane div p {font: 14px Verdana; color: #fff; padding-left: 14px; line-height: 22px;}
#previewPane em {text-decoration: underline;}
#largeimageCaption {display: none;}

#horizontal_trueContainer span, #previewPane div, #horizontal_motiongallery h2#hide {display: none;}
#horizontal_trueContainer span img {height: 90px;}
#vertical_motiongallery span {font-size: 1px;}
#vertical_motiongallery span img {margin: 0px 0 3px 0; padding:0;}

/*Tooltip styles*/
#dhtmlgoodies_tooltip {position:absolute; display:none; z-index:20000; padding:2px; background: none;}
#dhtmlgoodies_tooltip p {font: bold 16px Arial; color: #fff;}