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

body, br, div, p, a, strong, img, ul, li {padding: 0px; margin: 0px;}
.clearBoth{clear:both;}

/* top */

body{background-color:#000000;}

#top-bg{width:100%; height:330px; background:url(images/bg-header.jpg) repeat-x;}
#top{width:800px; height:330px; margin:auto; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif;}
#header{width:800px; height:38px; background-image:url(images/header.jpg)}
.menu{ margin: 0; padding-top:4px; font: .7em Arial; width: 100%; list-style: none; font-weight:bold;}
.menu li{display: inline;}
.menu li a{color:#8C8C8C; float:right; padding: 9px 15px; text-decoration: none;}
.menu li a:visited{color:#8C8C8C;}
.menu li a:hover{color:#FFFFFF;}
.menu li #current{color:#FFFFFF;}

/* mid */

#mid{width:800px; height:292px; margin:auto;}
#mid-left-portfolio{width:382px; height:292px; background:url(images/left-portfolio.jpg); float:left;}
#mid-left-contact{width:382px; height:292px; background:url(images/left-contact.jpg); float:left;}
#mid-right{width:418px; height:292px; background:url(images/right-general.jpg); float:right;}
#mid-right-contact{width:418px; height:292px; background:url(images/right-contact.jpg); float:right;}
.right-para{ padding:130px 13px 0 13px; font:Arial, Helvetica, sans-serif; font-size:.92em; line-height:1.3em; color:#999999;}
.right-form{ padding:165px 13px 0 45px; font:Arial, Helvetica, sans-serif; font-size:.92em; color:#999999;}

/* body */

#body-bg{width:100%; height:100%;background:url(images/bg-body.jpg) repeat-x; background-color:#FFFFFF;}
#body-content{width:800px; height:100%; margin:auto; font-family:Arial, Helvetica, sans-serif;}
#body-left{width:421px; height:328; float:left;}
#body-right{width:379px; height:328; float:right; padding-top:55px; text-align:center; background:url(images/body-right.jpg) top no-repeat;}
.body-header{background:url(images/body-header.jpg); width:800px; height:65px; color:#09567F;}
.body-header ul{padding:28px 0 0 25px;}
.body-header ul li{ display: inline; padding:0 0 0 15px; color:#09567F; font-weight:bold;}
.body-header ul li a{ color:#1f87be; text-decoration:none;}
.body-header ul li a:hover{ display: inline; color:#000000; text-decoration:none;}
.body-header ul li #current{ color:#09567F;}
.body-header p{ padding:28px 0 5px 45px; font-weight:bold;  font-size:1em}
.body-h{background:url(images/body-h.jpg); width:800px; height:43px; color:#09567F;}
.body-h p{ padding:10px 0 5px 45px; font-weight:bold;  font-size:1em}

/* gallery */

#content {margin:auto; padding:0 25px 10px 25px; text-align:center;}
#content img{ padding:0; border:1px #e7e7e7 solid; margin:15px 0;}

#banners {margin:auto; padding:0 25px 10px 25px; text-align:center;}
#banners img{ padding:0; margin:15px 0;}

#bannersSmall {margin:auto; padding:0 25px 10px 25px; text-align:center;}
#bannersSmall img{ padding:0; margin:15px; float:left; border:1px #e7e7e7 solid;}

p {	margin: 0; padding: 7px 0;}
a {	outline: none;	margin-right: 20px;}
a img {	border: 1px solid #CCC;	padding: 2px; margin: 5px 0px;}

/* footer */

#footer-bg{width:100%; height:125px; background:url(images/bg-footer.jpg) repeat-x;}
#footer{width:800px; height:125px; margin:auto; font-family:Arial, Helvetica, sans-serif; background:url(images/footer.jpg); text-align:left;}

#footer p{font:.6em Arial; color:#999999; padding-top:4px;}

.footer{ margin:auto; padding-top:73px; font: .7em Arial; width: 100%; list-style: none; font-weight:bold;}
.footer li{display: inline; padding:0;}
.footer li a{color:#666666; padding:0; text-decoration: none;}
.footer li a:visited{color:#666666;}
.footer li a:hover{color:#CCCCCC;}
.footer li #current{color:#CCCCCC;}