/* SITE STYLES */
body{padding:0px; margin:0px; font-size:100%; background:#999 }


table{font-size:100%;}
a{ color: #fff; font-weight: bold;text-decoration: none;}
a:hover{ color: #fff; text-decoration: underline;font-weight: bold;}

img{border:none;}
.left{float:left}
.right{float:right}
.strong{font-weight:bold}
.normal{ font-weight: normal}
.italic{font-style: italic}
.center{text-align:center}
.textright{text-align:right}

.button {border:1px solid #000;color:#fff; font-family:Verdana,San-Serif; font-size:110%;font-weight:bold;margin:1px; padding:0px 8px; cursor:hand; background: #009c00}

.hidden{display:none}

h1{font-size:160%; font-weight:bold; padding:0px; margin:3px 0px 10px 10px; font-family:  Tahoma, sans-serif; letter-spacing: 1px; color:#000; }
h2{font-size:115%; font-weight:bold; color:#fff; font-family: tahoma, sans-serif;padding:4px 0px 4px 0px;margin:0px 0px 5px 0px; border-bottom:1px solid #fff; letter-spacing: 1px}


form{margin:0px; padding:0px;}


/* END SITE STYLES */

#header_wrapper{  background: #999; font-size: 75%; background: url(./i/headerbg.gif); background-repeat:  repeat-x;}
#header{ width:770px;margin: auto; background: #eee url(./i/navbg.gif); background-repeat:  repeat-x; height:65px; font-family: Arial, helvettica, Tahoma; border-bottom:1px solid #fff; }
#header #logo{ float:right; margin-right:35px}
#header #login{ padding:4px 0px 3px 20px; font-size:80%; color:#999; height:30px;}
#header #login .textbox{ border:#bbb 1px solid; color:#666; height:14px; margin-top:6px; font-size:100%; padding:1px 3px}
#header .error{ color: #c00; display: inline; margin-left:10px; font-weight: bold; font-size:110%}
#header #login .button_link { padding: 2px 0px 0px 0px; display: inline; font-size:110%; }
#header #login .button_link a .box{	color: #666 ; border: solid 1px #bbb; margin: 0px 0px 0px 5px; padding: 1px 4px 1px 5px; font-weight: bold; text-decoration: none;background: #f5f5f5;}
#header #login .button_link a .arrow{color: #fff ; border: solid 1px #bbb; padding: 1px;	font-weight: bold;	text-decoration: none;	background: #bbb;}


#nav { width:550px; padding-top: 2px}
#nav ul{font-size:100%; margin:0px; padding:0px; padding:6px; }
#nav li{display:inline;  margin-left:2px; padding:6px 11px 6px 11px;}
#nav li.selected{display:inline; background:#3DB621; margin-left:2px; padding:6px 14px 6px 14px;}
#nav a{color:#fff; }
	
#main{ font-size:65% ; color: #333; font-family:Verdana, Tahoma, Arial Helvetica, sans-serif; background: #bdbdbd;text-align: center; border-bottom: 1px solid #ddd  }




/*HOMEPAGE STYLES */
#main_content{width:770px; background: #fff; text-align:left; margin: auto }
#main_content td{vertical-align:top; margin: 0px; padding: 0px}
#main_content td#main_col{}
#main_content td#main_col p{ margin:10px  }
#main_content td#right_col{ width:240px; padding:10px 10px; background: #6D93B9; border-left:1px solid #fff; color: #fff}
#home_images{ margin:15px; text-align: center}
#home_images img{ vertical-align: middle; margin-left:30px}
#main_content td#right_col .side_item{margin-bottom:25px}
#main_content td#right_col #portfolio{width:154px; text-align:center; border:1px dashed #9ACBFE;  padding:2px 0px; margin:5px 0px 5px 30px}
#main_content td#right_col #portfolio_link{ text-align:center}
/*END HOMEPAGE STYLES */

/*DESIGN STYLES */
/*THIS DOES ALL INTERNAL PAGES*/
#main_design{width:770px; background: #6D93B9; color: #fff; text-align:left; margin: auto }
#main_design h1{color: #fff;margin:20px 20px 20px 20px;}
#main_design h2{margin: 20px 20px 10px 20px;}
#main_design td{vertical-align:top; margin: 0px; padding: 0px}
#main_design td#main_col{padding-bottom: 30px }
#main_design td#main_col p{margin:10px 20px;  }
#main_design td#right_col{ width:240px; padding:0px 0px; border-left:1px solid #fff; background: #fff}

#main_design ul{  margin:10px 45px; font-weight: bold}
#main_design li{  margin: 7px}
/*END HOMEPAGE STYLES */

/*CONTACT STYLES */
#contact{ border:1px solid #fff; margin:20px; padding:15px}
#contact .line{ margin-bottom: 7px}
#contact .label{ width:110px; margin-top:5px; display: inline; float:left}
#contact .boxes{ margin-left:110px}
#contact .line .input{ font-size: 120%; background:#f5f5f5; font-family: Arial, helvettica; border:solid 1px #666}
#contact .line .textbox{ width:150px}
#address{margin: 20px}
/*END CONTACT STYLES */

/*CLIENT STYLES */
#clients { width:670px; margin: 20px 20px 20px 40px}
#clients td { width:330px; padding-right: 20px; padding-bottom: 30px}
#clients td img{ float: left; margin-right: 10px}
#clients .info{ margin-left:160px }
#clients .info .title{margin-bottom:7px; font-weight: bold}
.assocs{ margin-left:70px; margin-bottom:15px; }
.assocs img{ vertical-align: middle;margin-right:30px}
/*END CLIENT STYLES */


#footer_wrapper{width:100%;text-align:center; background: #999;font-family: Arial, helvettica, Tahoma}
#footer{text-align:center; font-size:65%; letter-spacing: 0.1em;  margin: auto; width:770px; background: #000; color:#fff; padding: 4px 0px 3px 0px}
#footer p{ margin:3px 0px;}
#footer #tel_text{color:#666}
#footer a{color: #fff}

