body { background: url('/images/bg.png') #260300 repeat-x center top; font-family: Verdana,Arial, Helvetica, Sans-Serif; font-size: 11px; text-align: center; margin-top: 0px; }
img { border: 0;}
div {font-family: Verdana,Arial, Helvetica, Sans-Serif; font-size: 12px; }
textarea, input, select, .input { font-family: Verdana; font-size: 7pt; font-weight: normal; background-color: #dae9f8; border: 1px solid #a6b6bd; color: #000000; }
a:link, a:visited, a:active { text-decoration: none; color: #3398CC; }
a:hover { color: orange; text-decoration: none; }
h1, h2, h3, h4, h5 { font-size:13px;color:#333;margin:0px;padding:0px; }
table { font-size: 11px; padding: 0px; margin: 0px; border-spacing: 0px; }

.ul { margin-left: 5px; list-style-image: url('/images/li.gif'); line-height: 1.3em; padding-left: 13px; }

.bordered-gray { border: 2px solid #e3e3e3; }
.colored-gray { background-color: #e3e3e3; color: #000000; font-weight: bold; }

a.black, .black { color: black }
a.black:hover { color: orange; }

a.underline { text-decoration: underline; color: #a62a32; }
a.underline:hover { text-decoration: none; color: #a62a32; }

#container { background-image: url('/images/middle-background.png'); background-repeat: no-repeat; background-position: bottom; background-color: #ffffff; width: 787px; margin-left: auto; margin-right: auto; text-align: left; border: 1px solid #a4a4a4; }
#header { width: 100%; height: 88px; margin: 0px; }
#header-bottom { width: 100%; height: 250px; margin: 0px; }
#menu { width: 100%; height: 50px; color: white; font-size: 12px; margin-top: 0px; }
a.menulink { float: left; display: block; height: 19px; width: 120px; margin-top: 5px; margin-left: 5px; text-decoration: none; color: white; font-weight: bold; line-height: 19px; text-align: center; }
a.menulink:hover { border-bottom: 3px solid red; }

#title { float: right; position: relative; top: 175px; margin-right: 18px; font-size: 20px; font-weight: bold; color: white; }
#content { margin: 6px; color: black; font-size: 12px; }
#footer { width: 100%; margin-top: 50px; text-align: center; font-size: 10px; }
#quote { width: 500px; height: 100px; margin-left: auto; margin-right: auto; }
#services-container { width: 97%; height: 200px; margin-left: auto; margin-right: auto; }
#gallery { float: left; background-image: url('/images/gallery.jpg'); height: 150px; width: 240px; display: table; margin-left: 5px; margin-right: 5px; position: relative; }
#gallery:hover { background-image: url('/images/gallery-on.jpg'); cursor: pointer; }

#technical-services { float: left; background-image: url('/images/technical-services.jpg'); height: 150px; width: 240px; display: table; margin-left: 5px; margin-right: 5px; }
#technical-services:hover { background-image: url('/images/technical-services-on.jpg'); cursor: pointer; }

#meetings { float: left; background-image: url('/images/meetings.jpg'); height: 150px; width: 240px; display: table; margin-left: 5px; margin-right: 5px; }
#meetings:hover { background-image: url('/images/meetings-on.jpg'); cursor: pointer; }

#concerts { margin-left: auto; margin-right: auto; }

#services-container .text { padding: 5px; margin-top: 30px; color: white; display: none; }

#testimonial { background: url('/images/quote-bg.gif'); width: 467px; height: 180px;}
#testimonial #text { padding-top: 1px; padding-left: 10px; font-size: 11px; }

.large { font-size: 16px; font-weight: bold; }
.photo-album { display: block; border: 1px solid #a4a4a4; padding: 10px; margin-bottom: 10px; clear: both; }

.photo { margin: 5px; background:#ffffff; padding:9px; border: 2px solid #ccc; }
.photo:hover { border:2px solid #666; }

.clearfix:after { content: "."; display: block; clear:both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: block; clear: both; }

.heightfix { min-height: 1px; height: auto !important; height: 1px; }

#results { padding: 10px 10px 5px; }
#results .image{ width:200px;float:left;padding-right:10px;}
#results .info{ float:left;width:380px;padding-right:20px;}

a.pages { float: left; display: block; padding-right: 2px; padding-left: 2px; margin-right: 4px; line-height: 20px;}
a.pages:hover { background-color: #3398CC; color: #FFFFFF; font-weight: normal;}
a.pages-active { float: left; display: block; padding-right: 2px; padding-left: 2px; margin-right: 4px; line-height: 20px; border-bottom: 3px solid #3398CC; font-weight: bold; }

#uploadPhotos { margin-left: auto; margin-right: auto;}
#uploadPhotos label { float: left; width: 10em; font-size: 11px;}

.message-success { background-color: #dbffe9; border: 1px solid #73a788; width: 400px; height: 45px; display: table; padding: 4px; margin-left: auto; margin-right: auto; margin-top: 15px; margin-bottom: 20px; }
.message-error { background-color: #ffddc6; border: 1px solid #ee9955; width: 400px; padding: 4px; margin-left: auto; margin-right: auto; margin-top: 15px; margin-bottom: 20px; }
.message-info { background-color: #d9edff; border: 1px solid #84c4ff; width: 400px; padding: 4px; margin-left: auto; margin-right: auto; margin-top: 15px; margin-bottom: 20px; }
.message-warning { background-color: #ffddc6; border: 1px solid #ee9955; width: 400px; padding: 4px; margin-left: auto; margin-right: auto; margin-top: 15px; margin-bottom: 20px; }

.dropmenu{ position:absolute; visibility: hidden; border:1px solid; border-color: #b7b7b7; font:normal 10px Verdana; line-height: 16px; z-index: 100; background: #e1e1e1; width: 180px; }
.dropmenu a{ width: 100%; display: block; text-indent: 3px; padding: 1px 0; text-decoration: none; font-weight: normal; text-indent: 5px; color: black; }
.dropmenu a:hover{ background-color: #b7b7b7; color: black; }
a.dropmenu-item:visited, a.dropmenu-item:link, a.dropmenu-item:active {	color: #000000; }