/* reset css */
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td
{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
/* remember to define focus styles! */
:focus{outline:0;}
body{line-height:1;color:black;background:white;}
ol,ul{list-style:none;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}
blockquote:before,blockquote:after,
q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}


/* main elements */

body { background-color: black; color: white; font-family: Helvetica, Arial, Sans; font-size: 12px; line-height: 14px;}
h1 { font-size: 2em; line-height: 1em; color: #bb4a23; font-weight: bolder; }
h3 { font-size: 1em; line-height: 1em; color: white; font-weight: bolder; padding: .5em 0px 20px 0px;}
h4 {color: #bb4a23; }
p {  font-weight: normal; color:#666; padding: 0px 0px 1.5em 0px;}
p a {color: #bb4a23; text-decoration: none; font-weight: normal; }

#connect #content_right h3 { padding: 0px 0px 0px 0px;}
ul.accomplishments 
	{ width: 200px; list-style: disc; list-style-position: outside; 
	  padding: 10px 0px 10px 20px; font-weight: normal; }
ul.accomplishments li 
	{font-weight: normal; font-size: .8em; line-height: 1em; color: white; 
	  padding: 0px 0px .5em 0px; }
#top_nav { height: 30px; width: 1000px; color: #bb4a23; margin: 30px auto 0px auto;}
#top_nav a { color: #bb4a23; text-decoration: none;}
#top_nav a.selected { color: white; }

#nav { height: 30px; width: 1000px; color: #bb4a23; margin: 0px 0px 0px 550px;}
#orange_box { height: 25px; width: 60px; background-color: #bb4a23; float: right; color: white; 
	          text-align: center; padding: 5px 0px 0px 0px;}
#orange_box a {  color: white; margin: 0px auto 0px auto;}
#content { width: 1000px;  border: 1px solid #333; margin: 0px auto 150px auto; padding: 0px;  }

#homepage #content_left, #connect #content_left      
	{ height: 500px; width: 550px; position: relative; top: -20px;
	  background: url(/images/two_people.png) no-repeat top center; 
	  margin: 0px 0px -20px 0px;}
#homepage #content_right p{
	line-height: 2em;
}

#about_us #content_left
	{ height: 416px; width: 450px; position: relative; top: -20px;
	   margin: 40px 20px 0px 30px; padding: 20px 40px 20px 20px; }
#content_right  { float: right; height: 480px; width: 450px;   }
/* #about_us #content_right 
	{ background: url(../images/two_people_sm.png) no-repeat bottom right;  height: 550px }*/
#connect #content_right { height: 450px; }	

	
#about_us #content_right_design { }
#content_bottom {  height: 100px; width: 1000px; border-top: 1px solid #333;}
#content_right_design { padding: 30px 40px 0px 0px;}
#content_bottom .column 
	{ float: left; width: 249px; text-align: center; 
	  line-height: 120%; margin: 0px 0px 0px 0px;
	  padding: 0px; border-right: 1px solid #333; height: 100px;}
#content_bottom .last 
	{ border: none; background: url(/images/blackbook_logo.png) no-repeat center center; }
#content_bottom .column p 
	{ color: white; font-size: .85em; line-height: 150%; padding: 1em 1em 0px 1em; }
#content_bottom .column p.lighter 
	{ color: #666; }

p.lighter a, p.lighter a:visited{
	color: #FFF;
	text-decoration: underline;
}