body { margin: 0; padding: 0; font-family: verdana, sans-serif; font-size: 11px; color: #353535; background-color: #CFCDB2;} /* background: #ADA489; */
img { border: none; }
a { color: #369; }
a:hover { color: #06f; }
#container { width: 950px; margin: auto; margin-top: 15px; padding: 0px; background: #FFF; border: 1px solid #537EB2; }
#topBar { width: 950px; height: 100px; background: #369 url(../images/common/top_bg.jpg); }

#logoDiv  {float: left; display: inline; width: 240px; height: 80px;  padding-top: 20px; padding-left: 50px;}

#navDiv { float: right; display: inline; width: 650px; height: 100px;  border-left: 1px solid #537EB2; /* background: #efefef; */ } 

/* FOR HOME */
#home #logoDiv { width: 310px; padding-top: 20px; padding-left: 50px; }
#home #navDiv { width: 580px; height: 100px;  }

/* top nav */
#listHolder { border: 1px solid #537EB2; border-width: 1px 0px;  /* line-height: 10px;  */margin-top: 40px; padding-left: 20px; }
#topBar ul { margin: 0; padding: 0; padding-right: 0px;  list-style-type: none;  }
#topBar ul li { float: left; }
#topBar ul li a { display: block; }

#homeNav a { width: 78px; height: 39px; text-indent: -5000px; background: url(../images/nav/home.gif) no-repeat top; }
#servicesNav a { width: 90px; height: 39px; text-indent: -5000px; background: url(../images/nav/services.gif) no-repeat top; }
#aboutNav a { width: 107px; height: 39px; text-indent: -5000px; background: url(../images/nav/about.gif) no-repeat top; }
#examplesNav a { width: 102px; height: 39px; text-indent: -5000px; background: url(../images/nav/examples.gif) no-repeat top; }
#designNav a { width: 134px; height: 39px; text-indent: -5000px; background: url(../images/nav/design.gif) no-repeat top; }
#contactNav a { width: 96px; height: 39px; text-indent: -5000px; background: url(../images/nav/contact.gif) no-repeat top; }


/* #homeNav, */ #homeNav a:hover, #homeNav.on a {  background: url(../images/nav/home.gif) no-repeat left bottom; }
/* #servicesNav, */ #servicesNav a:hover, #servicesNav.on a {  background: url(../images/nav/services.gif) no-repeat left bottom; }
/* #aboutNav, */ #aboutNav a:hover, #aboutNav.on a { background: url(../images/nav/about.gif) no-repeat left bottom; }
/* #examplesNav, */ #examplesNav a:hover, #examplesNav.on a {  background: url(../images/nav/examples.gif) no-repeat left bottom; }
/* #designNav, */ #designNav a:hover, #designNav.on a {  background: url(../images/nav/design.gif) no-repeat left bottom; }
/* #contactNav, */ #contactNav a:hover, #contactNav.on a {  background: url(../images/nav/contact.gif) no-repeat left bottom; }

#banner { height: 120px; background: #369 url(../images/common/top_bg.jpg); }


#content { padding-top: 40px; padding-bottom: 20px; }


/* sub nav */

#nav2 { float: left;  display: inline; margin-left: 50px; width: 220px;   /* background: #ccc; */ }
#heading { margin-bottom: 20px; }

#nav2 ul { list-style-type: none; margin: 0; padding: 0;}
#nav2 ul li {  }
#nav2 ul li a { display: block; width: 210px; text-decoration: none; margin-bottom: 12px; color: #369; font-size: 12px; } /* width necessary to get IE 6 to not put in extra vertical margins */
#nav2 ul li a:hover, #nav2 ul li.on a { color: #6D3720; }

/* COLUMNS */
#leftCol { float: left; display: inline;  width: 290px; margin-left: 30px; }
#rightCol { float: right;  display: inline; width: 270px; margin-right: 45px; }



/* FOR HOME */
#home #leftCol { float: left;  width: 260px; margin-left: 50px; margin-bottom: 0; /*  background: #efefef; */}
#home #rightCol { float: right; width: 540px; margin-right: 50px;  /* background: yellow;  */}
#home #leftCol p { font-size: 12px;  color: #6D3720;}
#home #leftCol p a { font-size: 11px; text-decoration: none; }
#home #leftCol h2 { font-size: 18px; font-weight: normal;  color: #6D3720; margin-top: 0; padding-top: 0;}


.clearer { clear: both; display: block; height: 1px; overflow: hidden; }

p { line-height: 1.4em; margin: 0; padding: 0; margin-bottom: 12px;}

h1 { font-weight: normal; font-size: 14px; color: #369; margin-top: 0;}
h2 {font-weight: bold; font-size: 11px; color: #960; margin:0; padding: 0; margin-bottom: 8px; }

#leftCol ul { list-style-type: none; padding: 0; margin: 0; margin-bottom: 20px; }
#leftCol ul li { margin-bottom: 6px; }



/* About Bob Video specific */
#video #leftCol { width: 360px; margin-left: 30px; }
#video #rightCol {width: 200px; margin-right: 45px; }



#footer { width: 950px; padding: 0px;  margin: auto; background: #369;  height: 40px; font-family: verdana, sans-serif; font-size: 9px; color: #85AFD3; }
#footer a {  color: #85AFD3; }
#footer a: hover { color: #fff; }
#copyrightDiv { float: left;  display: inline; width: 200px; padding-left: 50px; padding-top: 12px; padding-bottom: 20px; }
#contactDiv { float: right;  display: inline; width: 400px; padding-top: 12px; padding-right: 50px; text-align: right; font-size: 12px; }


 .clearerFooter { display: none; clear: both; width: 950; margin: 0;  padding: 0px;  display: block; height: 1px; overflow: hidden; background: red;}