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

#splash {margin:25px auto; width: 700px; height:400px;}

* {margin:0; padding:0;}

body {background: #547354 url(../visual/bg.gif) repeat-x; margin:0; font:12px Arial, Helvetica, sans-serif; color:#222;}

h1 { font-size:24px; letter-spacing:-.06em; padding:12px 0 15px 0; }

h2 { font-size: 22px; letter-spacing:-.05em; padding:12px 0; font-weight:normal;}

h3 { font-size:18px; letter-spacing:.02em; padding:12px 0 0 0; line-height:normal;}

h4 { font-size:16px; letter-spacing:-.02em; font-weight:normal;}

h5 { font-size:14px; letter-spacing:-.015em; font-weight:normal; line-height:normal;}

h6 { font-size:12px; letter-spacing:-.015em; font-weight:normal; line-height:15px; padding-top:5px;}

h7 { font-size:14px; letter-spacing:-.015em; font-weight:normal; line-height:26px;}




/*   Logo   */

#logo { width: 900px; height:84px; margin: 0 auto; background: transparent url(/visual/top-header.jpg) 0 0 no-repeat;  border-left: solid 10px #FFF; border-right: solid 10px #FFF; border-top: solid 10px #FFF; }

#logo h1 { text-indent: -9000px; text-decoration: none; font-size:50px; overflow: hidden; }

#logo h1 a { display:block; }




p {margin-bottom:12px; line-height:150%; color:#000;}

a { text-decoration:none; color: #333333;}

a:hover { text-decoration:none; color:000;}


.title { font-size:20px; color: #333; letter-spacing:-.025em; font-weight:800;}

.title a:link, a:visited { color: #333; text-decoration: none;}

.title a:hover { text-decoration: none; color: #888;}

.title a:active { text-decoration: none;}






#outer {width:910px; padding:0 5px; margin:0 auto 10px auto; background:#FFFFFF;}

#content {background:#FFF url(../visual/bg_content1.gif) repeat-x top;}

.textpad50 {padding:10px 50px; line-height:150%;}

.textpad50 img {margin: 5px 0px 10px 10px; line-height:14px; padding:2px; border: solid 5px #090;}

.textpad_serv {padding:10px 50px 50px 50px; line-height:14px; border-bottom:dotted 1px #CCC; margin-bottom:10px;}

.homeaccordian {padding:0 10px;}

.slideshow_header { margin: 0 auto; width:900px; height:290px;}

.sub_header { margin: 0 auto; width:900px; height:150px;}

.divder2 {width:880px; height:20px; background:url(../visual/divider-2.gif); margin: 0 auto 2px auto; padding:0 10px 0 10px;}

.mainbox { width:270px; height:290px; margin: 0 5px 10px 5px; padding:9px; float:left;}

#midbar { background:url(../visual/bg_midbar.gif) no-repeat top center; width:auto; height:250px; margin:5px 5px 35px 5px; padding-top:10px;}



/*  contact  */

.contact_box { width:300px; height:208px; float:left;}




/*  projects  */

.project_info {font-size:12px; text-align:left; line-height:normal; padding:2px; font-weight:800; color:#222;}

.project_group {font-size:12px; text-align:left; line-height:normal; font-weight:800; padding:15px;}

.pic_link { background: url(../visual/pics-button.png); float:right; border: none; width:75px; height:25px;}

.pic_more { background: url(../visual/see-more-button.png); float:left; border: none; width:75px; height:25px; margin-top:5px;}

.project_pic {width: 150px; height:185px; float: left; margin: 0 25px 35px 10px; padding: 3px; }




/*   Nav   */

#nav {background: url(../visual/bg_nav.jpg) repeat-x top; height:32px; margin: 0 auto; text-align:right; width:900px; text-transform:uppercase; }

#nav ul { padding:10px 0;}

#nav li { list-style:none; display:inline; letter-spacing:-.01em; font-weight:bold; padding:0; }

#nav a { color:#FFF; text-decoration:none; padding:10px 11px;}

#nav a:hover { background: #222; color:#FFF; text-decoration:none; padding:10px 11px;}




/*   colors   */

.red { color: #990000;}

.grey { color:#333333;}

.ltgray { color:#999;}

.white { color:#FFF;}

.green { color:#003300;}

.lime {color:#339933;}

.blue { color:242c46;}




/*   Footer   */

#footer {background:#FFF url(../visual/footer.jpg)  repeat-x top center; margin: 10px auto 0 auto; border-bottom: solid 10px #FFF; width:900px; height:200px;}

#footer_slogan { width:550px; margin-left:40px; float:left; margin-top:40px; color:#FFF;}

#copyright { width:550px; margin: 30px 0 0 40px; float:left;}

#contact { width:200px;  margin: 30px 40px 0 0; float:right; color:#000;}



/*    Form    */

.form { font: 16px Arial, Helvetica, sans-serif; width:350px; float:left; margin-left:40px;}

.formbox { font: 16px Arial, Helvetica, sans-serif; color:#666; width:250px; border:solid 1px #003300; padding:5px;}

.form_button {}