* {
  padding:0;
  margin:0
}

h1,h2,h3,h4,h5,h6 {
  font-size:100%;
  font-weight:normal
}

body {
  color:#000;
  background:#aaa url('../images/back.jpg') repeat top left;/*homebg.jpg*/
  background-attachment:fixed;
  font-size:100%;
  font-family: "New Century Schoolbook", Baskerville Old Face, Georgia, serif;
  text-align:center
}

#main {
  width:725px;
  margin:25px auto;
  text-align:left;
  background:#fff;
  border:10px solid #fff;
  position:relative
}

/*
FRONT PAGE STYLES
*/

#main img#logo {
  position:absolute;
  bottom:0;
  right:0
}

#main div.vcard {
  width:636px;
  height:28px;
  background:#fff url('../images/header1.gif') no-repeat top left;
  font-size:1.28em;
  color:#333;
  margin-top:370px;
  margin-bottom:160px;
  position:relative
}

#main div.vcard * {
  margin-left:-9999px
}

#main div.vcard p#newsletter {
  margin-left:0;
  bottom:-100;
  position:absolute;
  z-index:1000;
  padding-top:90px
}

#main div.vcard p#newsletter a {
  color:#444;
  margin-left:0;
  font-size:0.8em
}

ul#indexnav {
  list-style-type:none;
  position:absolute;
  top:0;
  left:2px
}

ul#indexnav li {
  float:left;
}

ul#indexnav li a {
  display:block;
  width:180px;
  height:555px;
  color:#fff;
  text-indent:-9999px;
  background-repeat:no-repeat;
  background-position:top left
}

ul#indexnav li a:hover {
  background-position:top right
}

ul#indexnav li#about a {
  background-image:url('../images/main/about.jpg')
}

ul#indexnav li#portfolio a {
  background-image:url('../images/main/portfolio.jpg')
}

ul#indexnav li#services a {
  background-image:url('../images/main/services.jpg')
}

ul#indexnav li#contact a {
  background-image:url('../images/main/contact.jpg')
}

/*
PORTFOLIO, ETC STYLES
*/

#content {
  width:940px;
  margin:25px auto;
  text-align:left;
  border:10px solid #fff;
  position:relative;
  /*background:#fff url('../images/mid.gif') repeat-y top left;*/
  background-color:#FFFFFF;
}

body.portfolio #content {
  background-image:none
}
/*aki!!!!!!!!!!!!!!!!!!!!!*/
#content #header {
  width:102px;
  background-color:white;/*#d3e1ca;*/
  float:left
}

body.portfolio #content #header {
  min-height:520px;
  _height:477px;
}

#header2 {
  min-height:685px;
  _height:477px;
}

#content #header a img#logo {
  border:0px;
  border-bottom:5px solid #90b777
}
  
#content #header h1 {
  text-indent:-9999px
}

#content ul#nav {
  list-style-type:none;
  height:32px;
  background-color:#559442;
  border-bottom:5px solid #90b777;
  float:left;
  width:837px
}

#content ul#nav li {
  float:left;
  padding:0 14px;
  background:url('../images/navbg.gif') no-repeat center right;
}

#content ul#nav li#contact {
  background:url('none.html')
}

#content ul#nav li a {
  background-position:top left;
  background-repeat:no-repeat;
  height:32px;
  text-indent:-9999px;
  display:block
}


#content ul#nav li a:hover, #content ul#nav li a.current {
  background-position:bottom left;
}

#content ul#nav li#about a {
  background-image:url('../images/nav/about.gif');
  width:105px
}

#content ul#nav li#contact a {
  background-image:url('../images/nav/contact.gif');
  width:95px
}

#content ul#nav li#portfolio a {
  background-image:url('../images/nav/portfolio.gif');
  width:115px
}

#content ul#nav li#services a {
  background-image:url('../images/nav/services.gif');
  width:100px
}

#content ul#nav li#news a {
  background-image:url('../images/nav/news.gif');
  width:62px
}

#content ul#nav li#press a {
  background-image:url('../images/nav/press.gif');
  width:62px
}

#content #portimages {
  float:left;
  width:837px;
  height:483px;
  overflow:hidden
}

#content #subcontent {
  clear:both;
  padding:10px 256px 0 103px;
  position:relative
}

#content h2, #content h3 {
  font-family: "New Century Schoolbook", Verdana, sans-serif;
  color:#559442;
  font-weight:bold;
  text-transform:uppercase;
  font-size:85%
}

#content #subcontent h3 {
  font-size:72%;
  text-transform:capitalize;
  margin-bottom:15px
}

#content p, #content table, #faq, #services_list {
  font-family: "New Century Schoolbook", Georgia, serif;
  color:#777;
  font-size:80%
}

#faq * {
  font-size:10pt
}

#content #subcontent ul {
  list-style-type:none;
  text-transform:lowercase;
  color:#777;
  font-size:85%;
}

#content #subcontent ul#port-view {
  position:absolute;
  top:10px;
  right:180px;
  padding:3px 12px;
  background:url('../images/sub-navbg.gif') repeat-y top right
}

#content #subcontent ul#port-view li, #content #subcontent ul#port-proj li {
  float:left
}

#content #subcontent ul#port-view li:first-child, #content #subcontent ul#port-proj li:first-child {
  margin-right:10px
}

#content #subcontent ul#port-view li a {
  display:block;
  float:left;
  width:32px;
  height:6px;
  background:url('../images/port-view.gif') no-repeat top left;
  margin:6px 1.5px
}

#content #subcontent ul#port-view li a span, #content #subcontent ul#port-proj li a span, #content #subcontent ul#port-map li a span {
  display:none
}

#content #subcontent ul#port-view li a:hover, #content #subcontent ul#port-view li a.current {
  background-position:bottom left
}

#content #subcontent ul#port-proj {
  position:absolute;
  top:10px;
  right:65px;
  padding:3px 12px;
  background:url('../images/sub-navbg.gif') repeat-y top right
}

#content #subcontent ul#port-proj li a {
  display:block;
  float:left;
  width:10px;
  height:10px;
  margin:3px 0 3px 5px
}

#content #subcontent ul#port-proj li a#prev {
  background:url('../images/port-proj-prev.gif') no-repeat top left
}

#content #subcontent ul#port-proj li a#next {
  background:url('../images/port-proj-next.gif') no-repeat top left
}

#content #subcontent ul#port-proj li a#prev:hover, #content #subcontent ul#port-proj li a#next:hover {
  background-position:top right
}

#content #subcontent ul#port-map {
  position:absolute;
  top:10px;
  right:40px
}

#content #subcontent ul#port-map li span {
  display:none
}

#content #subcontent ul#port-map li a {
  display:block;
  border:1px solid #A2A1A2
}

#content #subcontent ul#port-map li a:hover, #content #subcontent ul#port-map li a.current {
  background-color:#cdcccc
}

#content #subcontent ul#port-map li a#project_1 {
  width:9px;
  height:10px;
  position:absolute;
  top:0;
  left:0
}

#content #subcontent ul#port-map li a#project_2 {
  width:7px;
  height:10px;
  position:absolute;
  top:0;
  left:13px
}

#content #subcontent ul#port-map li a#project_3 {
  width:6px;
  height:6px;
  position:absolute;
  top:0;
  left:24px
}

#content #subcontent ul#port-map li a#project_4 {
  width:20px;
  height:6px;
  position:absolute;
  top:14px;
  left:0
}

#content #subcontent ul#port-map li a#project_5 {
  width:6px;
  height:10px;
  position:absolute;
  top:10px;
  left:24px
}

#content #subcontent ul#port-map li a#project_6 {
  width:13px;
  height:9px;
  position:absolute;
  top:24px;
  left:0
}

#content #subcontent ul#port-map li a#project_7 {
  width:13px;
  height:9px;
  position:absolute;
  top:24px;
  left:17px
}

#content #subcontent ul#port-services {
  position:absolute;
  top:55px;
  right:20px;
  font-size:15px;
  text-transform:capitalize;
  font-style:italic
}

#content #subcontent ul#port-services li {
  float:left
}

#content #subcontent ul#port-services li.clear {
  float:none;
  clear:both
}

#content #subcontent ul#port-services li a {
  color:#777;
  font-style:normal;
  margin-right:3px;
}

#content #subcontent div.annote {
  position:absolute;
  top:-100px;
  left:-60px;
  _left:-160px;
  color:#777;
}

#content #subcontent div.annote span {
  display:block;
  width:80px;
  margin-left:70px;
  font-size:74%;
}

#content #footer {
  clear:both;
  width:100%;
  height:35px;
  background:#fff url('../images/footer1.gif') no-repeat bottom right;
  font-size:1.28em;
  color:#333
}

#content #footer * {
  display:block;
  position:absolute;
  left:-9999px;
  margin-left:-9999px
}

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

#mid {
  width:638px;
  float:left
}

#mid h2, #mid h3, #mid p, #mid table, #mid td {
  padding:10px 15px
}

#faq dt, #faq dd {
  margin:0 15px
}

#faq p {
  margin:15px 0px;
  padding:0;
  font-size:100%
}

#faq dt {
  padding-top:10px;
  border-top:1px solid
}

#faq dt:first-child {
  border:0;
  padding-top:0
}

#mid h2 {
  font-size:95%;
  padding:20px 15px;
}

#mid h3 {
  font-size:80%
}

#mid p {
  line-height:1.4
}

#mid a, #sidebar a {
  color:#90b777
}

#mid a:hover, #sidebar a:hover {
  color:#fcc412
}

#mid #services_list {
  list-style-type:none
}

#mid #services_list li {
  padding:0px 25px;;
  margin-left:15px;;
  margin:7px 0px 7px 25px;
  background:url('../images/main/leaf.gif') no-repeat top left;
  font-size:11pt
}


#mid #services_list li ul {
  list-style-type:none;
}


#mid #services_list li ul li {
  margin-left:5px;
  padding-left:25px;
  background-position:center left
}

#port-nav {
  width:800px;
  height:632px;
  float:left;
  list-style-type:none;
  margin:15px;
  position:relative
}

#port-nav li a {
  display:block;
  position:absolute;
  background-position:top left;
  background-repeat:no-repeat;
}

#port-nav li a span {
  margin-left:-9999px
}

#port-nav li#port-nav1 a {
  background-image: url('../images/portfolio/11.jpg');  
  width:243px;
  height:270px;
  top:0
}

#port-nav li#port-nav2 a {
  background-image: url('../images/portfolio/22.jpg');
  width:243px;
  height:270px;
  left:263px;
  top:0
}

#port-nav li#port-nav3 a {
  background-image: url('../images/portfolio/33.jpg');
  width:162px;
  height:162px;
  left:526px;
  top:0
}

#port-nav li#port-nav4 a {
  background-image: url('../images/portfolio/44.jpg');
  width:505px;
  height:162px;
  top:290px
}

#port-nav li#port-nav5 a {
  background-image: url('../images/portfolio/55.jpg');
  width:162px;
  height:270px;
  top:182px;
  left:526px
}

#port-nav li#port-nav6 a {
	background-image: url('../images/portfolio/66.jpg');
	width:333px;
	height:162px;
	top:472px;
	left:0px;
}

#port-nav li#port-nav7 a {
  background-image: url('../images/portfolio/77.jpg');
  width:333px;
  height:162px;
  top:472px;
  left:355px;
}

#mid .vcard .type {
  display:none
}

#mid .vcard .fn, #mid .vcard .adr .street-address, #mid .vcard .tel {
  display:block
}

#mid .vcard {
  color:#333
}

#mid .vcard .fn {
  font-size:120%
}

form fieldset {
  border:0;
  padding:10px 0
}

form label {
  display:block;
  float:left;
  width:100px
}

form #subject {
  width:260px
}

form input, form textarea {
  background:#fff url('../images/input.gif') repeat-x top left ;
  border:1px solid #abadb3;
  padding:3px 0
}

#mid form p {
  padding:5px 30px;
}

form img {
  vertical-align:top;
  padding-top:8px
}

#mid form p span {
  font-style:italic;
  font-size:85%
}

#mid form p.error {
  color:#444;
  background:lightpink;
  border:1px solid pink;
  margin-left:20px;
  padding:5px;
  margin-bottom:5px;
  width:600px
}

#mid form p.address label {
  display:inline;
  float:none;
}

p.address #zip {
  width:70px;
  margin-left:5px
}

p.phone input {
  width:40px
}

form fieldset.set2 label {
  width:200px
}

#mid p.address label[for="city"] {
  display:block;
  float:left
}

#examples {
  list-style-type:none;
  margin-top:50px
}

#examples li {
  margin-bottom:15px;
  width:190px;
  height:190px;
  overflow:hidden
}

#examples img {
  border:0
}

.clear {
  clear:both;
  float:none
}

p.clear {
  margin-top:25px
}

.imgleft {
  float:left;
  padding-right:10px;
  padding-top:0px;
  border:0;
}

.imgright {
  float:right;
  padding-left:10px;
  padding-top:10px;
  border:0;
}

.post {
	font-size:1.1em;
}

.post img {
	padding: 5px;
}

.post h2 {
  background: url('../images/title_bg.gif') no-repeat center left;
  margin:0 15px 5px;
}

#mid .post h2 a {
  color:#fff
}

.post small {
  color:#777;
  margin-left:15px;
  display:block;
  font-size:0.7em;
  margin-top:-15px
}


.post li {
  color:#666;
  list-style-type:none;
  padding:0px 25px;;
  margin-left:15px;;
  margin:7px 0px 7px 25px;
  background:url('../images/main/leaf.gif') no-repeat top left;
  font-size:11pt
}


.post li ul {
  list-style-type:none;
}


.post li ul li {
  margin-left:5px;
  padding-left:25px;
  background-position:center left
}


#sidebar {
  padding-top:48px
}

#sidebar ul {
  list-style-type:none
}

#sidebar li {
  /*padding-left:10px;
  line-height:1.5em*/
  
  padding:0px 22px;
  margin-left:5px;
  margin-bottom:10px;
  margin-top:10px;
  /*margin:7px 0px 7px 5px;*/
  background:url('../images/main/leaf.gif') no-repeat top left;
  font-size:11pt
}

#sidebar li.widget {
  margin:5px 0 5px
}

#sidebar li li {
  background:none;
  padding:0 0px
}

#special {
  background-color:#90b777;
  margin:15px 15px 5px;
  padding:5px;
  color:#222;
  border:1px solid #d3e1ca;
  font-size:0.9em
}

#special a {
  color:#fcc412
}

#special img {
  float:left;
  padding:20px 8px 15px 5px
}


.bigKid:first-line {
  font-size:110%;
  font-weight:bold
}