.highlight-red {
	color: #cc0000;
	font-weight: bold;
}
/* GENERIC GLOBAL CLASSES 
--------------------------------------------------------------------------------------- */
.clear
	{ clear:both; }
.float-left
	{ float:left; 
	display:inline;}
.float-left-img  
{
	float: left;
	margin: 0 25px 25px 0;
	:inline;
}

.float-right
	{ float:right; 
	display:inline;}

.float-right-img
{
	float: right;
	margin: 0 0 25px 25px;
	display:inline;
}

.dropcap 
	{
	float: left;
	color: #999999;
	padding-right: 5px;
	line-height: 50%;
	font-size:5em;
}
.text-left
	{ text-align:left; }
.text-right
	{ text-align:right; }
.text-center
	{ text-align:center; }
.text-justify
	{ text-align:justify; }

.text-singlespace
	 { margin:0; padding:0;}
.text-highlight-outline
{
	background-color: #FFFF00;
	outline: solid #000000 1px;
}


.discreet 
	{ padding:0 0 8px 0; margin:0; color:#999999; font-size:10px; }
 
.bold
	{ font-weight:bold; }
.italic
	{ font-style:italic; }
.underline
	{ border-bottom:1px solid; }
.highlight
	{ background:#ffc; }
.nopadding
	{ padding:0; }
.noindent
	{ margin-left:0;padding-left:0; }
.nobullet
	{ list-style:none;list-style-image:none; }

.img-left, .img-right
	{ padding:10px; }
.img-left
	{ float:left; margin:4px 10px 4px 0;}
.img-right 
	{ float:right; margin:4px 0 4px 10px; }
.img-right p, .img-left p
	{ padding:0 0 0 0; font-size:small; color:#7F8E29; font-style:italic; }	
.img-with-caption, .image-box-caption
	{ width:190px; text-align:center; }	
.image-box-caption	
	{ border:1px solid #000099; }
	
.inline-right {
	display: inline;
	float: right;
	margin: 3px 0 10px 31px;
}
.inline-right img {
	margin-bottom: 4px;
}
.inline-left {
	display: inline;
	float: left;
	margin: 3px 31px 10px 0;
}
.inline-left img {
	margin-bottom: 0;
}	
.image-caption {
	color: #666;
	font: normal 11px Arial;
	margin:0 -1.5em 0 1.5em;
}
/*---------------------------------------------------------------------------------------
                        PSEUDO-CLASS SELECTORS & CORRESPONDING CLASSES
--------------------------------------------------------------------------------------- */

/* HEADER LAYOUT
--------------------------------------------------------------------------------------- */
 
#wrap {
	width:960px;
	margin:0 auto;
	background-color: #FFF;
	overflow: hidden;
}

#header
	{
	height:175px;
	width: 960px;
	margin: 0;
	padding: 0;
	float: left;
	clear: both;
}
#main 
	{
	width:960px;
}


/* MIDDLE LAYOUT
--------------------------------------------------------------------------------------- */

#content 
	{
	width:715px;
	float: left;
	display: inline;
	padding: 0 10px 15px 15px;
	border-right: dotted #473186 1px;
}

/* FOOTER LAYOUT
--------------------------------------------------------------------------------------- */

#footer
	{
	width:960px;
	background-color:#4B3391;
	padding:5px 0 5px 0;
	text-align:center;
	clear: both;
	margin: 0 auto;
	color: #FFF;
}
.breadcrumbs , .breadcrumbs a{
	padding-bottom: 35px;
	color: #241F85;
	font-weight: bold;
	text-decoration: none;
	padding-top: 15px;
	font-size: 11px;
}
.breadcrumbs a:hover {
	text-decoration: underline;
}



#legal 
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	padding:2px;
	margin-bottom:10px;
}
.footer-tagline {
	background-color: #ff9900;
	clear: both;
	text-align: center;
	color: #FFF;
	font-size: 12px;
	padding: 5px;
}
.footer-tagline p {
	margin-top: 10px;
	font-weight: bold;
}

#footer-address p
	{
	font-size:12px;
	color:#FFF;
	padding:0px;
}

#santa-clara-website-design   
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#999;
	margin:15px 0 0 0;
}
#santa-clara-website-design  a
	{ text-decoration:none; color:#999999; font-weight:bold; font-size:10px; }
#santa-clara-website-design  a:hover 
	{ color:#333333; }
#service-area {
	width:900px;
	margin:0 auto;
	padding: 0px;
	text-align: center;
	color: #666;
	font-size: 12px;
	clear: both;
}
#service-area h2 {
	font-size: 16px;
	font-weight: bold;
	color: #CCC;
}
#service-area h3 {
	font-size: 1em;
	font-weight: bold;
	color: #999;
	padding-top: 10px;
}