@charset "utf-8";
/* CSS Document */

html, body {height:100%; margin:0px; background:#fff;}

img {border:none;}
hr {clear:both; border: none 0; width: 100%; border-top: 1px dotted #2B2B2B; height:1px; margin:20px 0px 20px 0px; padding:0px;}

#band {position:fixed; top:0px; left:50%; margin-top:0px; margin-left:-493px; width:170px; height:100%; background:#FFF; z-index:1;}

#shield {position:fixed; top:0px; left:50%; margin-top:0px; margin-left:-493px; width:170px; height:317px; background:#FFF; z-index:3;}
#shadow {position:absolute; top:10px; left:180px; width:15px; height:494px; background:URL(../images/shadow.png) no-repeat; z-index:3;}
#logocontainer {position:absolute; top:0px; left:10px; width:150px; height:150px; z-index:3;}

ul#navigation, ul#navigation ul {position:absolute; top:155px; left:10px; width:150px; height:auto; padding:0px; margin:0px; list-style:none; z-index:3; display:block; display:inline-block;}
ul#navigation li {height:25px; width:150px; border-top:1px dotted #888; z-index:3;}
ul#navigation li a {font-family:Times, "Times New Roman", serif; font-size:15px; font-style:italic; text-decoration:none; line-height:25px; margin:0px; padding:0px 2px 0px 2px; text-align:right; display:block; color:#2B2B2B;}
ul#navigation li a:hover {background:#00CDCD;}

.active:link, .active:active, .active:visited, .active:hover {font-size:15px; font-style:italic; text-decoration:none; line-height:25px; margin:0px; padding:0px 2px 0px 2px; display:block; color:#2B2B2B; background:#00CDCD; text-align:right;}

#wrapper {position:relative; width:730px; height:auto; top:0px; left:50%; margin:0px -290px 0px; padding-top:100px; z-index:2;}
.caption {position:absolute; left:-193px; width:150px; text-align:right; z-index:2;}
.captionlower {position:absolute; left:-193px; width:150px; padding-top:10px; text-align:right; z-index:2;}
.section {position:relative; z-index:2; font-family:Times, "Times New Roman", serif; font-size:62px; font-style:italic; color:#2B2B2B; margin:0px 0px 28px;}
.bottom {float:left;width:100%;}

.pageheader {font-family:Times, "Times New Roman", serif; font-size:35px; line-height:37px; color:#2B2B2B; font-style:normal; font-weight:normal; padding:0px; margin:0px 0px 25px 0px;}
.pageheader h1 {display:inline; font-family:Times, "Times New Roman", serif; font-size:35px; line-height:37px; color:#2B2B2B; font-style:normal; font-weight:normal; margin:0px 0px 25px; padding:0px;}
.pageheader h1 bold {font-weight:normal;}
.pageheader h1 strong {font-weight:normal;}

.pagecopy {font-family:Times, "Times New Roman", serif; font-size:25px; line-height:27px; color:#2B2B2B; font-style:normal; font-weight:normal; padding:0px; margin:0px 0px 20px 0px; color:#666;}
.pagecopy h1 {display:inline; font-family:Times, "Times New Roman", serif; font-size:25px; line-height:27px; color:#2B2B2B; font-style:normal; font-weight:normal; margin:0px 0px 20px; padding:0px; color:#666;}
.pagecopy h1 bold {font-weight:normal;}
.pagecopy h1 strong {font-weight:normal;}

/* SLIDER */
#slider ul, #slider li{margin:0; padding:0; list-style:none;}
#slider li{width:730px; height:450px; overflow:hidden;}

.pageCol {float:left; width:230px; padding-right:20px;}
.pageCol3{float:left; width:230px;}

/* LISTS */
ul {list-style:none; margin:0px; padding:0px;}
li {margin:0px; padding:0px;}

/* GALLERY */
ul.gallery, ul.gallery ul {position:relative; width:730px; height:auto; padding:0px; margin:0px; list-style:none; font-family:Arial, sans-serif; font-size:12px; font-weight:normal; font-style:normal;}
ul.gallery li {display:inline-block; float:left; width:230px; height:auto; line-height:18px; margin:0px 17px 5px 0px; padding:0px 0px 5px 0px; vertical-align:top; cursor:pointer;}
ul.gallery li strong {font-weight:normal;}
ul.gallery li:hover {display:inline-block; width:230px; height:auto; line-height:18px; margin:0px 17px 5px 0px; padding:0px 0px 5px 0px; background:#CBF5F7; vertical-align:top;}
ul.gallery img {padding-bottom:5px;}

/* NEWS HOME & RESOURCES */
ul.news, ul.news ul {position:relative; padding:0px; margin:0px;}
ul.news li.left {clear:both; list-style:none; float:left; display:inline-block; width:353px; padding:0px 10px 0px 0px; margin:10px 0px 20px 0px; border-right:1px dotted #2B2B2B; vertical-align:top;}
ul.news li.right {list-style:none; float:left; display:inline-block; width:353px; padding:0px; margin:10px 0px 20px 10px; border-right:none; vertical-align:top;}

/* SERVICES */
ul#services, ul#services ul {position:relative; padding:0px; margin:0px;}
ul#services li.left {list-style:none; float:left; display:inline-block; width:353px; padding:0px 10px 0px 0px; margin:10px 0px 20px 0px; border-right:1px dotted #2B2B2B; vertical-align:top;}
ul#services li.right {list-style:none; float:left; display:inline-block; width:353px; padding:0px; margin:10px 0px 20px 10px; border-right:none; vertical-align:top;}

/* NEWS */
ul#newspage, ul#newspage ul {position:relative; padding:0px; margin:0px;}
ul#newspage li.left {list-style:none; display:inline-block; width:480px; padding:0px 10px 0px 0px; margin:10px 0px 20px 0px; border-right:1px dotted #2B2B2B; vertical-align:top;}

ul#newspright, ul#newspright ul {position:relative; padding:0px; margin:0px;}
ul#newspright li {list-style:none; display:inline-block; width:200px; padding:0px 0px 0px 10px; margin:10px 0px 20px 0px; border:none; vertical-align:top;}


/* WORK */
ul#workdetail, ul#workdetail ul {position:relative; padding:0px; margin:0px;}
ul#workdetail li.left {list-style:none; display:inline-block; width:476px; padding:0px 10px 0px 0px; margin:10px 0px 20px 0px; border-right:1px dotted #2B2B2B; vertical-align:top;}
ul#workdetail li.right {list-style:none; display:inline-block; width:230px; padding:0px; margin:10px 0px 20px 10px; border-right:none; vertical-align:top;}


.end {clear:both; height:75px; width:100%;}

.servicep {display:block; border:none; margin:20px auto 10px auto;}

.tags {width:730px; line-height:35px;}

.tags h2 a:link, h2 a:visited, h2 a:active, h2 a:hover {float:left; display:block; font-family:Times, "Times New Roman", serif; font-size:25px; color:#2B2B2B; font-style:normal; font-weight:normal; margin:0px 10px 0px 0px; padding:0px 0px 5px 0px; height:25px; line-height:25px;}
.tags h3 a:link, h3 a:visited, h3 a:active, h3 a:hover {float:left; display:block; font-family:Times, "Times New Roman", serif; font-size:21px; color:#2B2B2B; font-style:normal; font-weight:normal; margin:0px 10px 0px 0px; padding:0px 0px 5px 0px; height:25px; line-height:25px;}
.tags h4 a:link, h4 a:visited, h4 a:active, h4 a:hover {float:left; display:block; font-family:Times, "Times New Roman", serif; font-size:17px; color:#2B2B2B; font-style:normal; font-weight:normal; margin:0px 10px 0px 0px; padding:0px 0px 5px 0px; height:25px; line-height:25px;}
.tags h5 a:link, h5 a:visited, h5 a:active, h5 a:hover {float:left; display:block; font-family:Times, "Times New Roman", serif; font-size:13px; color:#2B2B2B; font-style:normal; font-weight:normal; margin:0px 10px 0px 0px; padding:0px 0px 5px 0px; height:25px; line-height:25px;}
.tags h6 a:link, h6 a:visited, h6 a:active, h6 a:hover {float:left; display:block; font-family:Times, "Times New Roman", serif; font-size:9px; color:#2B2B2B; font-style:normal; font-weight:normal; margin:0px 10px 0px 0px; padding:0px 0px 5px 0px; height:25px; line-height:25px;}