body {	
	margin: 0;
	padding: 0;
	background: #E1E1E1;
	font-family: "Helvetica Neue", Arial, sans-serif;
	font-size: small;
	color: #000;
	line-height: 1.4;
	}





#bodyContainer {
	margin: 0 auto;
	width: 960px;
 	text-align: left;
	background-color: #FFFFFF;
	}





#header {
	width: 960px;
	background: #fff;
	/* ===== to contain nav within black background ===== */
	overflow: hidden;
	margin: 0;
	padding: 0;
	}
#header img {
	margin: 20px 0 20px 20px;
	padding: 0;
	}





/* ===== for breadcrumbs ===== */
#subheader {
	width: 960px;
	background: #5F5F5F;
	color: #fff;
	margin: 0 0 10px 0;
	padding: 0;
	clear: both;
	overflow: hidden;
	}

/* ===== margin:0; kills the paragraph tag natural 13px space for a p tag ===== */
.subheader {
	margin: 0;
	padding: 3px 20px;
	font-size: 11px;
	color: #fff;
	}

/* ===== for subheader links ===== */
#subheader a {
	margin: 0;
	padding: 0;
	text-decoration: none;
	color: #fff;
	font-weight: normal;
	}

#subheader a:hover {
	text-decoration: underline;
	}











/* =====  pseudo link code should follow the order LoVeHA ===== */
/* ===== For links around the website ===== */
a:link {
	font-weight: bold;
	}
a:visited { 
	color: purple;
	font-weight: bold;
	}
a:hover { 
	color: #ff9900;
	font-weight: bold;
	}
a:active { 
	color: #ff9900;
	font-weight: bold;
	}











#nav {
	clear: both;
	margin: 0;
	padding: 0;
	float: right;
	list-style: none;
	}
#nav li {
	margin: 0;
	padding: 0;
	float: right;
	}

#nav a {
	margin: 0 0 10px 0;
	padding: 0 25px 0 5px;
	float: left;
	text-decoration: none;
	color: #000;
	border-left: 1px solid #fff;
	font-weight: bold;
	}
#nav a:hover {
	text-decoration: underline;
	}










/* ===== portfolio links ===== */
#portfolio a {
	margin: 0;
	padding: 0 2px;
	color: #000;
	text-decoration: none;
	font-size: medium;
	}
#portfolio a:visited { 
	color: purple;
	}
#portfolio a:hover {
	color: #ff9900;
	text-decoration: underline;
	}
#portfolio a:active { 
	color: #ff9900;
	}










/* ===== site wide lists ===== */
.siteList {
	margin: 0;
	padding: 0 0 0 30px;
	}
.siteList li {
	margin: 0;
	padding: 0;
	}











/* ===== headers: 150,140,130,120,110,100 ===== */
	h1 {
	font-size: 150%;
	margin: 0;	
	padding: 0;
	}	


	h2 {
	font-size: 120%;
	margin: 0;
	padding: 0;
	}


	h5 {
	font-size: 110%;
	margin: 0;
	padding: 0;
	}

	h6 {
	font-size: 100%;
	margin: 0;
	padding: 0;
	}
	







/* ===== for paragraphs around site ===== */
.lineBreak {
	margin: 0;
	padding: 0;
	}
.lineBreakBot {
	margin: 0 0 10px 0;
	padding: 0;
	}





/* ===== blockquote ===== */

blockquote {
	border-left: 10px solid #333;
	color: #000;
	padding: 0 10px;
	margin: auto 0;
	}

blockquote p {
	border: 1px solid #333;
	border-width: 1px 0;
	padding: 10px 0 10px 25px;
	}

blockquote ul {
	border: 1px solid #333;
	border-width: 1px 0;
	padding: 10px 0 10px 25px;
	}












#footer {
	clear: both;
	margin: 0;
	padding: 0;
	background: #000;
	color: #fff;
	}

#footer p {
	margin: 0;
	padding: 5px 0 5px 10px;
	}


/* ===== star html hack for IE6 ===== */
* html #footer {
height: 1%;
}











/* ===== images CSS added 02.03.10 ===== */
.logo {
	float: left;
	margin: 0 5px 0 0;
	}
.imageLeft {
	float: left;
	margin: 0 5px 0 0;
	border: 1px solid #000;
	}

.imageRight {
	float: right;
	margin: 0 0 0 5px;
	border: 1px solid #000;
	}










table {
border-collapse: collapse;
margin-bottom: 13px
}

table,th, td {
border: 1px solid black;
padding: 0 4px;
}










.textBoxRight
	{
	width: 200px;
	float: right;
	margin: 0 0 5px 5px;
	padding: 5px;
	border: 1px solid #E1E1E1;
	background: #E1E1E1;
	font-size: x-small;
	}

.textBoxRight a {color: #000;}

.textBoxRight a img {border: none;}






/* ===== width=450+5padding+0margin=460 ===== */
.textBox
	{
	width: 450px;
	padding: 5px;
	margin: 0;
	border: none;
	background: #E1E1E1;
	font-size: x-small;
	}

.textBox a {color: #000;}

.textBox a img {border: none;}






/* ===== to indent contact page map ===== */
#map {
	margin: 0;
	padding: 0 0 0 55px;
	}








/* ===== article credits ===== */
.credits {
	margin: 0 0 20px 0;
	padding: 0;
	}

/* ===== Service Unsolicited Compliments ===== */
.testimonial {
	color: #777;
	}

/* ===== call to action ===== */
.action {
	font-family: trebuchet,"Trebuchet MS",sans-serif;
	font-size: medium;
	font-weight: bold;
	color: #ff9900;
	}





/* ===== for social buttons ===== */
#social {
	margin: 0;
	padding: 15px 0;
	}
/* ===== for social header ===== */
.socialHeader {
	color: #777;
	}
/* ===== for line above social header ===== */
.underline {
	border-bottom: 1px solid #777;
	padding: 0 0 20px 0;
	}




/* ===== blog H5 indent ===== */

.indenttop {
	margin: 0;
	padding: 20px 0px 0px 0px;
	}
