html{
position: relative; 
}


body {
margin: 0;  /* ori */
padding: 0; /* ori */
font-family: verdana, arial, helvetica, sans-serif;
background-color: #edeedf;  
}

img{
border: 0;
}

.skipnavigation {display: none;} 
p.jumptotop {
font-family: Verdana, Arial, Helvetica, sans-serif; 
display: inline; 
line-height: 2.5; 
}


a.top:link, a.top:visited{
text-decoration: none;
font-size: 1em;
margin-left: 0;
}

a.top:hover{
text-decoration: none;
}

a.top_smaller:link, a.top_smaller:visited{
text-decoration: none;
font-size: .7em;
margin-left: 12px;
}

a.top_smaller:hover{
text-decoration: none;
}


/* To place the main image at the top of the page. */

td.scroller-left {
	width: 260px;
	font-size: 140%;
}

td.scroller-right {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 140%;
	width: 430px;
	vertical-align: middle;
}

#container1 {
background-image: url(images/bg_07.gif); 
background-repeat: no-repeat; 
background-position: 0px 0; 
width: 780px; 
min-height: 638px;
margin: 0;
padding:0;
background-color: #edeedf;
border: 0px solid #000;
}

img.logosymbol {
float: left;
margin-left: 173px;
margin-top: 37px;
margin-bottom: 5px;
padding-bottom: 0;
}

img.logosymbol-forscroller {
float: left;
margin-left: 172px;
margin-top: 30px;
}


/* To place the image in the panel running down the right side of the page. */

#container2 {
/* background-image: url(images/logo_right_nosymbol.gif); */ 
/* background-repeat: no-repeat;  */
/* background-position: top right; */
margin: 0;
padding:0;
}

.dots
	{
	background: transparent url("images/dots.gif") repeat-x; 
	margin: 17px 15px 0 10px;
	padding: 0;
	}

.dots-narrow
	{
	background: transparent url("images/dots.gif") repeat-x;  
	margin: 5px 15px 0 10px;
	padding: 0;
	}

.dots-med
	{
	background: transparent url("images/dots.gif") repeat-x;  
	margin: 15px 15px -14px 10px;
	padding: 0;
	}

.arrow{
margin-top: 12px;
margin-right: 8px;
}

.bullet{
margin: 0 5px 2px 0;}

/* Headings. */

h1 {
font-size: .85em;
padding-top: 5px;
padding-bottom: 0;
margin: 10px 0 0 0;
padding-left: 10px;
padding-right: 5px;
font-weight: bold;
}

h2{
font-size: .8em;
padding-top: 0;
padding-bottom: 0;
margin: 15px 0 7px 0;
padding-left: 10px;
padding-right: 5px;
font-weight: bold;
}

h3{
font-size: .7em;
padding-top: 5px;
padding-bottom: 0;
margin: 10px 0 0 0;
padding-left: 10px;
padding-right: 5px;
font-weight: bold;
}

/* Styles for the main text on the page. */

#main-text {
margin-top: 0;
margin-bottom: 50px;
margin-left: 165px;
margin-right: 50px;
line-height: 1.2em;
}

#main-text table{
width: 525px;
margin-left: 6px;}

.tdleft{
width: 60%;
line-height: 1.7em;}

.tdright{
width: 40%;
line-height: 1.7em;}

#bodytextarea{
margin-left: 15px;
margin-right: 0px;
}

p, table {
font-size: .7em;
padding-top: 5px;
padding-bottom: 5px;
margin: 0;
padding-left: 10px;
padding-right: 5px;
}

ol, ul {
margin: 0;
font-size: .7em;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 0;
padding-right: 10px;
list-style:none;
color: #336699;
font-weight: bold;
}

.nobullet{
padding-left: 10px;}

.nobullet li.indent1{
margin-left: 20px;}

.nobullet li.indent2{
margin-left: 65px;}

.nobullet li.indent3{
margin-left: 110px;}

.nobullet li.indent4{
margin-left: 155px;}

.nobullet li.indent5{
margin-left: 200px;}

.nobullet li.indent6{
margin-left: 245px;}


/* styles for nav */

#nav {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-left: 165px;
padding-right: 10px;
font-weight: bold;
font-size: .9em;
text-align: left;
color: #ffffff;
padding-top: 0px;
padding-bottom: 0px;
line-height: 1.5em;
}

#nav ol, #nav ul {
font-size: .7em;
line-height: 1.5em;
padding-top: 4px;
padding-bottom: 4px;
margin: 0;
padding-left: 10px;
padding-right: 0px;
list-style: none;
font-weight: bold;
background-color: #336699;
margin-right: 50px;
color: #fff;
}

#nav li{
margin-left: 16px;
display: inline;
}

#nav li a{
padding-right: 35px;    /*  this affects spacing between links - do on below as well */
color: #fff;
text-decoration: none;}

#nav li a.on{
padding-right: 35px;    /*  this affects spacing between links */
text-decoration: none;
color: #c9dbed;}

#nav li a:hover{
color: #c9dbed;}


/* styles for nav projects */

#projects{
margin: 10px 0;
padding: 0 0 0 3px;
color: #336699;
font-weight: bold;
border: 0px solid #000;}

#projects a{
padding-right: 15px;
text-decoration: none;
color: #336699;}

#projects a:hover{
color: #234669;
text-decoration: underline;}

.proj_one{
vertical-align: top;
width: 240px;
padding-top: 10px;
}

.proj_two{
vertical-align: top;
width: 240px;
padding-top: 10px;
}

#nav-projects {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-left: 165px; /* influences nav bar - cant go lower */
padding-right: 0px;
font-weight: bold;
font-size: .9em;
text-align: left;
color: #336699;
padding-top: 5px;
padding-bottom: 5px;
line-height: 1.5em;
}

#nav-projects ol, #nav-projects ul {
font-size: .7em;
line-height: 1.5em;
padding-top: 2px;
padding-bottom: 4px;
margin: 0;
padding-left: 0px;
padding-right: 0px;
list-style: none;
font-weight: bold;
background-color: #edeedf;
margin-right: 40px;
color: #369;
}

#nav-projects li{
margin-left: 24px; /* when you add RETAIL then make this 16 */
display: inline;
}

#nav-projects li a{
padding-right: 19px; /* controls spacing in between project links */
color: #336699;
text-decoration: none;}

#nav-projects li a.on{
color: #234669;}

#nav-projects li a:hover{
color: #234669;}

/* NAV COMMERCIAL SUB  */
#nav-commercial-sub {
margin-bottom: 0;
margin-left: 146px;
margin-right: 0;
padding-left: 70px; /* influences nav bar - cant go lower */
padding-right: 0px;
font-weight: bold;
font-size: .9em;
text-align: left;
color: #336699;
padding-top: 0px;
padding-bottom: 10px;
line-height: 1.5em;
}

#nav-commercial-sub ol, #nav-commercial-sub ul {
font-size: .7em;
line-height: 1.5em;
padding-top: 2px;
padding-bottom: 4px;
margin: 0;
padding-left: 0px;
padding-right: 0px;
list-style: none;
font-weight: bold;
background-color: #edeedf;
margin-right: 40px;
color: #369;
}

#nav-commercial-sub li{
margin-left: 24px; /* when you add RETAIL then make this 16 */
display: inline;
}

#nav-commercial-sub li a{
padding-right: 19px; /* controls spacing in between project links */
color: #336699;
text-decoration: none;}

#nav-commercial-sub li a.on{
color: #234669;}

#nav-commercial-sub li a:hover{
color: #234669;}

/* END NAV COMMERCIAL SUB */

a:link, a:visited {
text-decoration: underline;
font-weight: bold;
color: #369;
}

a:hover {
text-decoration: underline;
color: #234669;
}

#images-mid{
margin-top: 50px;
margin-left: 10px;
margin-bottom: 0;
padding: 0;}


/* column */
ul.column li { 
position: relative;
margin-left: 26px; 
list-style-type: none;
color: #000;
font-weight: bold;
}

ul.column li.two { 
position: relative;
margin-left: 102px; 
list-style-type: none;
color: #000;
font-weight: bold;
}

ul.column li.three { 
position: relative;
margin-left: 178px; 
list-style-type: none;
color: #000;
font-weight: bold;
}

ul.column li.four { 
position: relative;
margin-left: 254px; 
list-style-type: none;
color: #000;
font-weight: bold;
}

ul.column-inner li { 
position: relative;
margin-left: 16px; 
list-style-type: disc;
color: #000;
font-weight: normal;
font-size: 1.3em;
}

ul.column-two-inner li { 
position: relative;
margin-left: 16px; 
list-style-type: disc;
color: #000;
font-weight: normal;
font-size: 1.3em;
}

ul.column-three-inner li { 
position: relative;
margin-left: 16px; 
list-style-type: disc;
color: #000;
font-weight: normal;
font-size: 1.3em;
}

ul.column-four-inner li { 
position: relative;
margin-left: 16px; 
list-style-type: disc;
color: #000;
font-weight: normal;
font-size: 1.3em;
}


/* Styles for projects */

.projects-table{
padding: 0;
}

.projects-table td{
padding: 0 0 10px 0;
}

.proj_col_one{
vertical-align: top;
font-weight: bold;
text-align: left;
width: 200px;
}

.proj_col_two{
vertical-align: top;
font-weight: bold;
text-align: left;
width: 200px;
}

.proj_col_three{
vertical-align: top;
text-align: left;
width: 180px;
}

.proj-image{
float: left;
border: 1px solid #000;
padding: 2px;
margin-bottom: 4px;}



/* styles for contact page and form */

.floatleft{
float: left;
width: 200px;
margin-bottom: 25px;}

.floatleftfull{
float: left;
width: 480px;
margin-bottom: 25px;}

.floatright{
float: left;
width: 250px;
margin-bottom: 25px;}

div.row {
  clear: both;
  padding-top: 5px;
  }

div.row span.label {
  float: left;
  width: 80px;
  text-align: left;
margin-left: 4px;
font-size: 0.7em; font-family: Verdana, Arial, Helvetica, sans-serif;
  }

div.row span.formw {
  float: right;
  width: 400px;
  text-align: left;
font-size: 0.7em; font-family: Verdana, Arial, Helvetica, sans-serif;
  } 

div.spacer {
  clear: both;
  }

.inlinetext {display: inline; font-size: 0.7em; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 20px 20px 0 20px;}

.emailaddress {
vertical-align: bottom;
}

input, textarea{
border: 1px solid #369;
background-color: #edeedf;
}

input:focus{
border: 1px solid #1b3652;}

textarea:focus{
border: 1px solid #1b3652;}

input.btn {
	font: bold 10px "Verdana", "Arial", "Georgia", sans-serif;
	color: #fff;
	background-color: #369;
	border: 1px solid #000;
}

input.btnover {
	font: bold 10px "Verdana", "Arial", "Georgia", sans-serif;
	color: #fff;
	background-color: #1b3652;
	border: 1px solid #000;
}



/* Styles for the footer */

#footer {
margin-top: 0;
margin-bottom: 0;
margin-right: 145px;
margin-left: 175px;
padding-bottom: 0;
padding-left: 15px;
background-color: #edeedf;
}

#footer img {
margin-bottom: 0;
padding-bottom: 0;
}

#footer a:link, #footer a:visited {
color: #fff;
border-bottom: none;
margin-right: 15px;
}

#footer a:hover {
text-decoration: underline;
color: #fff;
}