body {
 margin-top: 0;
 margin-bottom: 0;
 background: #002D56 url(../img/body-bg.gif) left top repeat-x;
}
.container {
 position: relative;
 background: #ffffff url(../img/container-bg.gif) left top repeat-y;
}
body#admin .container {
 background: #ffffff;
}

#flashMessage {
 padding: 0.5em;
 background: #F7F38C;
 border: #FFA132 1px solid;
 margin-bottom: 1.0em;
}
#flashMessage .message {
 color: #E17A00;
}
/**
 * Top Navigation
 */
#top-navigation {
 display: block;
 position: fixed;
 z-index: 200;
 top: 0;
 left: 0;
 width: 100%;
 padding: 0.4em 0;
 background: #393939;
}
#top-navigation ul {
 position: relative;
 margin: 0 1.0em;
 padding: 0;
 list-style-type: none;
}
#top-navigation ul li {
 float: left;
}
#top-navigation ul li#loginlink {
 float: right;
}
#top-navigation ul li a {
 padding: 0 0.4em;
 color: #efefef;
 text-decoration: none;
}
#top-navigation ul li a:hover {
 color: #fff000;
}

/**
 * Header
 */
#header {
 position: relative;
 display: block;
 height: 293px;
 background: #4A6985 url(../img/banner-bg.gif) left top no-repeat;
}
body#admin #header {
 background: #4A6985 url(../img/admin-header-bg.gif) left top no-repeat
}
#header h2 {
 overflow: hidden;
 text-indent: -9999px;
 height: 0;
 margin: 0;
 padding: 0;
}
#header .bannerimage {
 position: absolute;
 display: block;
 bottom: 0;
 right: 0;
 height: 235px;
 width: 710px;
}

/**
 * Navigation
 */
#navigation {
 position: relative;
}
#navigation h2 {
 overflow: hidden;
 text-indent: -9999px;
 height: 0;
 margin: 0;
 padding: 0;
}
#navigation ul {
 position: relative;
 display: block;
 height: 38px;
 margin: 0;
 padding: 0;
 list-style-type: none;
 background: #222C37 url(../img/home-navigation-bg.jpg) left top no-repeat;
}
#navigation ul li {
 float: right;
 margin: 0;
 padding: 0;
 text-align: center;
}
#navigation ul li a {
 display: block;
 color: #BCBEC0;
 font-size: 1.2em;
 font-weight: bold;
 text-decoration: none;
 background: transparent;
}
#navigation ul li a:hover {
 color: #ffffff;
 background: transparent;
}
#navigation ul li a span {
 display: block;
 padding-top: 8px;
 height: 30px;
 width: 145px;
}
#navigation ul li#nav-services {
 float: left;
}
#navigation ul li#nav-services a {
 display: block;
 color: #BCBEC0;
 text-decoration: none;
}
body#services #navigation ul li#nav-services a,
body#profile #navigation ul li#nav-profile a,
body#contact #navigation ul li#nav-contact a,
body#gallery #navigation ul li#nav-gallery a,
body#news #navigation ul li#nav-news a,
body#home #navigation ul li#nav-home a,
#navigation ul li#nav-services a:hover {
 color: #ffffff;
}
#navigation ul li#nav-services a span {
 display: block;
 padding-top: 8px;
 height: 30px;
 width: 240px;
}
#navigation ul li#nav-news a span {
 display: block;
 padding-top: 8px;
 height: 30px;
 width: 130px;
}

/**
 * Services Menu
 */
#services-menu {
 overflow: hidden;
 padding-top: 18px;
 padding-right: 9px;
 margin-right: 0;
 min-height: 240px;
 border-right: #ffffff 1px solid;
 background: #CCD5DD url(../img/services-menu-bg.gif) left top no-repeat;
}
#services-menu h2 {
 overflow: hidden;
 text-indent: -9999px;
 height: 0;
 margin: 0;
 padding: 0;
}
#services-menu ul {
 position: relative;
 list-style-type: none;
 margin: 0;
 padding: 0;
}
#services-menu ul li {
 margin: 1.0em 0 1.0em 2.0em;
 padding: 0;
}
#services-menu ul li a {
 color: #55585B;
 text-decoration: none;
}
#services-menu ul li a.selected,
#services-menu ul li a:hover {
 color: #002D56;
}

/**
 * SubPage Menu
 */
#subpages {
 overflow: hidden;
}
#subpages h2 {
 color: #002D56;
 font-size: 1.2em;
 font-weight: bold;
}
#subpages ul {
 position: relative;
 list-style-type: none;
 margin: 0;
 padding: 0;
}
#subpages ul li {
 margin: 1.0em 0 1.0em 1.0em;
 padding: 0;
}
#subpages ul li a {
 color: #55585B;
 text-decoration: none;
}
#subpages ul li a.selected,
#subpages ul li a:hover {
 color: #002D56;
}

/**
 * Download Menu
 */
#download {
 overflow: hidden;
}
#download h2 {
 color: #002D56;
 font-size: 1.2em;
 font-weight: bold;
}
#download ul {
 position: relative;
 list-style-type: none;
 margin: 0;
 padding: 0;
}
#download ul li {
 margin: 1.0em 0 1.0em 1.0em;
 padding: 0;
}
#download ul li a {
 color: #55585B;
 text-decoration: none;
}
#download ul li a.selected,
#download ul li a:hover {
 color: #002D56;
}

/**
 * Content
 */
#content {
 background: #ffffff url(../img/content-bg.gif) left top no-repeat;
}
body#home #content {
 min-height: 510px;
 background: #ffffff url(../img/home-content-bg.gif) left top no-repeat;
}
body#admin #content {
 background: #ffffff;
}

/**
 * Page Images
 */
#page-images {
 position: relative;
 padding-top: 54px;
}
#page-images .pageimage {
 position: relative;
}
#page-images .pageimage .deletephotobutton {
 position: absolute;
 display: block;
 height: 48px;
 top: 0;
 left: 0;
 overflow: hidden;
 z-index: 400;
}
.pagecaption {
 display: block;
 width: 190px;
}

/**
 * Page Content
 */
#page-content {
position: relative;
}
#page-content h1 {
 color: #495055;
 font-size: 1.2em;
 font-weight: bold;
}
#page-content h2 {
 color: #495055;
 font-size: 1.1em;
 font-weight: bold;
 font-style: italic;
}
#page-content h3 {
 margin-top: 1.0em;
 color: #495055;
 font-size: 1.0em;
 font-weight: normal;
 text-decoration: underline;
}
#page-content h4 {
 color: #495055;
 font-size: 1.0em;
 font-weight: normal;
}
#page-content p {
 color: #495055;
}
#page-content a {
 text-decoration: none;
}
#page-content a:hover {
 text-decoration: underline;
}

#page-content #homecontent {
 margin-top: 18px;
 /* margin-right: 300px; */
}

#projectfocus {
 position: relative;
}
#projectfocus #projectimagecontainer {
 position: relative;
 display: block;
 height: 473px;
 width: 630px;
}
#projectfocus #projectimagecontainer img {
 display: block;
 position: absolute;
 top: 0;
 left: 0;
 height: 473px;
 width: 630px;
}

#newslist {
 position: absolute;
 top: 22px;
 left: 240px;
 display: block;
 height: 30px;
 width: 400px;
}
#newslist h3 {
 position: absolute;
 top: 1px;
 left: 0;
 display: block;
 width: 100px;
 font-size: 1.1em;
 font-weight: bold;
}

#ticker {
 position: relative;
 display: block;
 margin: 0 0 0 100px;
 padding: 0;
 height: 20px;
 overflow: hidden;
 list-style-type: none;
}
#ticker li {
 position: absolute;
 top: 0;
 left: 0;
 display: none;
 height: 20px;
 margin: 0;
 padding: 0;
 
}

body#news #subpages ul {
 margin: 0 0 1.5em 0;
}
body#news #subpages ul li {
 margin: 0;
}

/**
 * Gallery Page Content
 */
#gallery-content {

}
#gallery-content h1 {
 color: #495055;
 font-size: 1.2em;
 font-weight: bold;
}
#gallery-content p {
 color: #495055;
}
#gallery-content a {
 text-decoration: none;
}
#gallery-content a:hover {
 text-decoration: underline;
}

#projectlist {
 position: relative;
 clear: both;
}
#projectlist .projectitem {
 position: relative;
 clear: both;
 margin-bottom: 2.0em;
}
#projectlist .projectitem img.projectimage {
 display: block;
 float: left;
 height: 90px;
 width: 90px;
 background: #CCD5DD;
}
#projectlist .projectitem h2 {
 margin: 0 0 0 100px;
 font-size: 1.2em;
 font-weight: bold;
}
#projectlist .projectitem p {
 margin-left: 100px;
}

#fullsize {
 position: relative;
 display: block;
 overflow: hidden;
 height: 491px;
 width: 630px;
}
#fullsize .deletephotobutton {
 display: block;
 height: 48px;
 position: absolute;
 top: 0;
 left: 0;
 overflow: hidden;
 z-index: 400;
}
#fullsize .photo {
 position: absolute;
 top: 0;
 left: 0;
 overflow: hidden;
 /* height: 473px; */
 width: 630px;
}
#fullsize .photo img {
 margin: 0;
 padding: 0;
}
#thumbnails {
 position: relative;
 margin-top: 1.0em;
 margin-bottom: 1.0em;
}
#thumbnails .thumbnailcontainer {
 position: relative;
 display: block;
 float: left;
 margin-right: 3px;
 margin-bottom: 1px;
}
#thumbnails .thumbnailcontainer a {
 
}
#thumbnails .thumbnailcontainer a img {
 background: #CCD5DD;
}
#thumbnails .moveupbutton {
 display: block;
 height: 18px;
 position: absolute;
 top: 0;
 left: 0;
 overflow: hidden;
 z-index: 400;
}
#thumbnails .movedownbutton {
 display: block;
 height: 18px;
 position: absolute;
 top: 0;
 right: 0;
 overflow: hidden;
 z-index: 400;
}

.hidden {
 visibility: hidden;
}
/**
 * Footer
 */
#footer {
 position: relative;
 background: #222C37 url(../img/footer-bg.gif) left top repeat-y;
}
#footer ul {
 position: relative;
 float: right;
 list-style-type: none;
 margin: 0;
 padding: 0;
}
#footer ul li {
 float: left;
 margin: 0.5em 1.0em 0 0;
 padding: 0;
}
#footer ul li a {
 color: #BCBEC0;
 text-decoration: none;
}
#footer ul li a:hover {
 color: #ffffff;
}
#footer p.copyright {
 float: right;
 margin-top: 0.5em;
 margin-bottom: 0.5em;
 margin-right: 1.0em;
 color: #BCBEC0;
}
#footer p.loginlink {
 position: absolute;
 left: 0;
 top: 0;
 height: 30px;
 width: 30px;
}
#footer p.loginlink a {
 display: block;
 margin: 0;
 padding: 0;
 height: 30px;
 width: 30px;
 overflow: hidden;
 text-indent: -9999px;
}

/**
 * Crumbs
 */
p.crumbs {
 margin-top: 1.5em;
}

/**
 * Administration Forms
 */
.form h1,
.index h1 {
 margin-top: 1.5em;
 margin-bottom: 1.5em;
 margin-left: 40px;
 color: #002D56;
 font-size: 1.6em;
 font-weight: bold;
}

.online {
 color: #18FF00;
}
.offline {
 color: #FF0000;
}

form fieldset {
 margin-left: 0;
 padding: 5px 10px 10px 10px;
 border: #dddddd 1px solid
}
form fieldset legend {
 color: #5b5b5b;
 font-size: 1.2em;
 font-weight: bold;
 overflow: visible;
 margin-top: 0.5em;
}
fieldset div.input,
fieldset div.dateselect {
 position: relative;
 clear: both;
}
fieldset div.input label,
fieldset div.dateselect label {
 display: block;
 float: left;
 width: 100px;
 margin-top: 4px;
 margin-right: 10px;
 text-align: right;
 color: #7A7F7F;
}
fieldset div.info label,
fieldset div.pageinfo label {
 display: block;
 float: left;
 width: 100px;
 margin-top: 0px;
 margin-right: 10px;
 text-align: left;
 color: #7A7F7F;
}
fieldset div.input input {
 float: left;
 margin-left: 0;
 margin-bottom: 5px;
 padding: 3px;
 width: 400px;
}
fieldset div.info input.caption,
fieldset div.info input.order {
 float: left;
 margin-left: 0;
 margin-bottom: 2px;
 padding: 3px;
 width: 350px;
}
fieldset div.pageinfo input.caption,
fieldset div.pageinfo input.order {
 float: left;
 margin-left: 0;
 margin-bottom: 2px;
 padding: 3px;
 width: 300px;
}
#formrightcolumn fieldset div.input input {
 width: 160px;
}
fieldset div.input textarea {
 float: left;
 margin-left: 0;
 padding: 3px;
 width: 402px;
 height: 500px;
}
#formrightcolumn fieldset div.input textarea {
 width: 161px;
}
fieldset div.input select {
 margin-left: 0;
 padding: 3px;
 width: auto;
}
fieldset div.input select.dateselect {
 float: none;
 width: auto;
}
#formrightcolumn fieldset div.input input[type=file] {
 width: auto;
}

div.submit {
 clear: both;
 margin-left: 0;
 padding: 3px;
}
div.submit input[type=submit] {
 margin-left: 0;
 padding: 3px;
}
.checkboxlist {
 position: relative;
 clear: both;
 margin-left: 120px;
}
.checkboxlist label {
 float: left;
 margin: 0;
 padding: 0;
 width: 80px;
}
.checkboxlist label span {
 margin-left: 5px;
}
div.radiogroup {
 position: relative;
 clear: both;
 margin-left: 120px;
}
div.radiogroup input {
 float: left;
}
div.radiogroup label {
 float: left;
 margin: 0;
 padding: 0;
 width: 80px;
}
div.checkbox label {
 float: auto;
 margin: 0;
 padding: 0;
}
div.checkbox input[type=checkbox] {
 float: auto;
 width: auto;
 margin: 5px 0 0 120px;
 padding: 0;
}
div.input textarea.metadescription {
 height: 90px;
}
div.input textarea.shortdescription {
 height: 90px;
}
hr.space {background:#fff;color:#fff;height:.0.1em;margin:0 0 0.1em;}