/*STYLES FOR PAGE LAYOUT*/

/*PAGE DEFAULTS*/
html, body {margin:0px; padding:0px;}

body {
  font-family:Verdana, Arial, sans-serif;
  font-size: 0;
  color:#999;
  text-align:center;
  background-color:#fff;
}

/*THIS STYLE CENTERS LAYOUT IN BROWSER*/
#wrapper {
  width:943px;
  margin:100px auto 15px auto;
  text-align:left;
  padding:0;
  background-color:#fff;
}

/*LOGO AND TOP NAV*/
#header {
  width:100%;
  height:33px;
}

#left_top {
  width: 221px;
  height: auto;
  float: left;
  padding: 0;
  margin: 0;
}

#middle_top {
  width: 501px;
  height: auto;
  float: left;
  padding: 0;
  margin: 0;
}

#right_top {
  width: 221px;
  height: auto;
  float: left;
  padding: 0;
  margin: 0;
}


/*MAIN CONTENT AREA BELOW TOP NAV*/
#container {
  width:100%;
  height:auto;
  padding: 0;
  margin:0;  
}

#left {
  width: 221px;
  height: 372px;
  float: left;
  padding: 0;
  margin: 0;
 }
 
 #middle {
  width: 501px;
  height: 372px;
  float: left;
  padding: 0;
  margin: 0;
  
 }

#right {
  width: 221px;
  height: 372px;
  float: left;
  padding: 0;
  margin: 0;
 }



/*SUBNAV*/
#subnav {
  border: solid 1px #999;
  width: 150px;
  height: 460px;
  float: left;
  padding: 0 5px 0 5px;
  margin: 0;
  font-size: 11px;
  line-height: 14px;
 }

/*MAIN TEXT BOX*/

#textbox_3col {
  border: solid 1px #999;
  width: 448px;
  height: 448px;
  float: left;
  padding: 5px;
  margin: 0 0 5px 0;
  font-size: 11px;
  line-height: 15px;
  overflow: auto;
}

#textbox_2col_portfolio {
  border: solid 1px #999;
  width: 283px;
  height: 378px;
  float: left;
  padding: 0 10px 0 10px;
  margin: 0;
  font-size: 11px;
  line-height: 15px;
  overflow: auto;
}



#textbox_2col_btm {
  border: solid 1px #999;
  width: 303px;
  height: 186px;
  float: left;
  padding: 0 10px 0 10px;
  margin: 0 0 5px 0;
  font-size: 11px;
  line-height: 15px;
  overflow: auto;
}

#textbox_testimonial {
  border: solid 1px #999;
  width: 273px;
  height: 170px;
  float: left;
  padding: 0 15px 15px 15px;
  margin: 5px 0 0 0;
  font-size: 11px;
  line-height: 15px;
  overflow: auto;
  }
  
  #contact_3col {
  border: solid 1px #999;
  width: 428px;
  height: 443px;
  float: left;
  padding: 0 15px 15px 15px;
  margin: 0 5px 5px 0;
  font-size: 11px;
  line-height: 14px;
  overflow: auto;
}

#contact_2col {
  border: solid 1px #999;
  width: 273px;
  height: 443px;
  float: left;
  padding: 0 15px 15px 15px;
  margin: 0;
  font-size: 11px;
  line-height: 15px;
  overflow: auto;
}


/*FONT STYLES*/
h1 { font-family: 'Helvetica',sans-serif; font-size: 14px; line-height: 16px; color: #333; padding: 0; }
h2 { font-family: 'Helvetica',sans-serif; font-size: 12px; line-height: 16px; color: #330; padding: 0; text-indent: -5px; }
p { text-align: left; color: #666; font-family: 'Verdana', sans-serif; font-size: 11px; line-height: 15px;}
p.title { text-align: left; color: #fff; font-family: 'Verdana', sans-serif; font-size: 11px; line-height: 0;}
p.caption { text-align: left; color: #666; font-family: 'Verdana', sans-serif; font-size: 11px; line-height: 15px; padding: 0;}
p.footer { text-align: right; color: #666; font-family: 'Verdana', sans-serif; font-size: 10px; line-height: 14px;}
p.leftnav { text-align: right; font-family: 'Verdana', sans-serif; padding: 10px 5px 0 0; font-size: 11px; }
p.leftnav_sub { text-align: right; vertical-align: top; color: #FFF; font-family: 'Verdana', sans-serif; padding: 0 5px 0 0; font-size: 11px; line-height: 13px;}
p.contact_name { font-weight: bold; }
p.contact_address {font-size: 12px; line-height: 18px; }

blockquote { color: #46502c; text-indent: -5px;}

/*STYLES FOR TABLES*/
table {cellpadding: 0; cellspacing: 0;}
td { vertical-align: middle; padding: 0;}
td.projnav { text-align: right;}
tr.caption { cell-height: 48px; text-align: left; font-size: 11px; font-family: 'Verdana', sans-serif;}

/* Style for links */
a {	text-decoration: none; font-weight: normal; }
a:link { color: #663; text-decoration: none; }
a:visited { color: #663; text-decoration: none; }
a:hover  { text-decoration: underline;   }
a:active { color: #663;  }
a:on {text-decoration: underline; }

a.on {text-decoration: underline; }

/* Style for SubNav links */
a.sub_link { text-decoration: none; }
a.sub_link:link { color: #fff; text-decoration: none; }
a.sub_link:hover { text-decoration: underline; }
a.sub_link:visited { color: #fff; }

/*ADDS 5PX SPACE BELOW CONTENT*/
#content {float: left; margin: 0; padding: 0 0 5px 0; }


/*STYLES FOR TOP NAVIGATION*/

#nav {float:left;background:url(images/topNav.gif) no-repeat 0 0;width:501px;height:33px;margin:0;padding:0;list-style:none;position:relative;}
#nav li {float:left;}
#nav a  {float:left;display:block;text-indent:-999px;overflow:hidden;}
#nav a:hover {background:url(images/topNav.gif) no-repeat 0 0;}

/* BUTTONS */
#nav .print a {height:33px;width:125px;}
#nav .web a {height:33px;width:125px;}
#nav .about a {height:33px;width:125px;}
#nav .contact a {height:33px;width:126px;}


/* OVER STATES */
#nav .print a:hover {background-position:0 -33px;}
#nav .web a:hover {background-position:-125px -33px;}
#nav .about a:hover {background-position:-250px -33px;}
#nav .contact a:hover {background-position:-375px -33px;}

/* ON STATES */
#nav .print_on a {background-position:-125px -33px;}
#nav .web_on a {background-position:-125px -33px;}
#nav .about_on a {background-position:-250px -33px;}
#nav .contact_on a {background-position:-375px -33px;}


.clearer {
  font-size: 0;
  height: 0;
  width: 100%;
  display: block;
  clear: both;
}


#footer {
width: 925px;
font-size: 10px;
line-height: 12px;
padding: 0px;
margin: 5px 0 0 0;
text-align: right;
}

#footer p {
  margin: 0px auto 0px auto;
  padding: 0px 0px 10px 0px;
  color: #666;
}