/* CSS Document */
/*  NORTHRIDGE CAPITAL
/* 	Last updated on June 18, 2007
	Created & Updated by RA
*/

/* ============================================================================
									BODY
============================================================================ */
body
{
	padding: 0px;
	background-color: #877059;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	
	
}

/* ============================================================================
									NAVIGATION
============================================================================ */
#navigation
{
	width:1003px;
	height:34px;
	margin:0px;
	background-image: url(../northridge-capital-images/background-navigation.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left top;
	text-align:right;
	padding: 0px;
}

ul#menu
{
	height:34px;
	list-style-type:none;
	position:relative;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:0px;
	padding:0px;
	float:right;
	font-size: 70%;
}

ul#menu li
{
	display:block;
	float:left;
	margin:0px 0px 0px 4px;
}
.logo-padding {
	margin: 0px;
	padding-top: 55px;
	padding-right: 0px;
	padding-bottom: 45px;
	padding-left: 47px;
}
.strapline-padding {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 56px;
	height: 223px;
	width: 300px;
}
.background-submenu 
{
	margin: 0px;
	height: 144px;
	width: 807px;
/*	background-image: url(../northridge-capital-images/background-submenu.jpg);	
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 56px top;*/
	padding: 0px;
}



ul#menu li a
{
	display:block;
	float:left;
	color: #FFFFFF;
	line-height:30px;
	text-decoration:none;
	height:34px;
	margin: 0px;
	padding:0px 17px 0px 15px;
}

ul#menu li a:hover
{
	color: #FFCC33;
}

ul#menu li a.active
{
	color:#FFCC33;
}

/* ============================================================================
									BACKGROUND IMAGES
============================================================================ */
.background-image
{
	background-image: url(../northridge-capital-images/background-image.jpg);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
/*	height: 592px; */
	width: 1003px;
	margin:15px 0px 0px 0px;
	padding: 0px;
}

/* ============================================================================
									CONTENT TEXT
===============================================================================*/
.main-content
{
	width: 617px;
	text-align: left;
	padding: 0px;
	margin: 0px;
}

.opacity-style
{
	filter:alpha(opacity=55); -moz-opacity:0.55; opacity:0.55; -khtml-opacity:0.55;
/*  filter:alpha(opacity=55); -moz-opacity:0.55; opacity:0.55; -khtml-opacity:0.55;	*/
	background-color: #000000;
}

#main-content
{
	width: 327px;
	padding: 0px;
	margin: 0px;
}

#content-main-area
{
	filter:alpha(opacity=55); -moz-opacity:0.55; opacity:0.55; 	-khtml-opacity:0.55; 
	background-color:#000000; 
	z-index:2; 
	position:absolute;
	width: 327px;
	height: 359px;
}

#content-area
{
	padding: 0px 13px 0px 24px;
	margin: 0px;
	z-index:3;
	position:absolute;
	width: 289px;
	height: 359px;
}
#content-area-inside
{
	padding: 0px;
	margin: 0px;
	z-index:3;
	position:absolute;
	width: 289px;
	height: 320px;
	overflow: auto;
}
#content-area-inside p
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	padding: 0px 0px 16px 0px;
	margin: 0px;
	line-height: 15px;
	color: #FFFFFF;

}
.paragraph
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	padding: 0px 0px 16px 0px;
	margin: 0px;
	line-height: 15px;
	color: #FFFFFF;
}
	
#content-area h1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 0px 0px 22px 0px;
	margin: 0px;
}

#content-area-inside h2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 0px 0px 10px 0px;
	margin: 0px;
}

#content-area ul
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	padding: 5px 0px 5px 25px;
	margin: 0px;
	line-height: 15px;
	color: #FFFFFF;
}
#content-area li
{
	padding: 0px 0px 2px 0px;
	margin: 0px;
}

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

/*==========================================================================================================================================
													Portfolio
============================================================================================================================================*/

#portfolio-left1
{
	filter:alpha(opacity=55); -moz-opacity:0.55; opacity:0.55; 	-khtml-opacity:0.55; 
	background-color:#000000; 
	z-index:2; 
	position:absolute;
	width:  318px;
	height: 265px;
	padding: 0px;
	margin: 0px;
}

#portfolio-left
{
	z-index:3; 
	position:absolute;
	width: 318px;
	height: 265px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

#portfolio-left h1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px 0px 12px 0px;
}

#portfolio-content-area
{
	padding: 0px 0px 0px 0px;
	margin: 0px;
	z-index:3;
	position:absolute;
	height: 210px;
	width: 318px;
}

#portfolio-content-area p
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	padding: 0px 20px 16px 0px;
	margin: 0px;
	line-height: 15px;
	color: #FFFFFF;
}

#pc_img1
{
	padding: 0px 25px 0px 0px;
	margin: 0px;
	z-index:3;
	position:absolute;
	height: 210px;
	width: 293px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 15px;
}
#pc_img2
{
	padding: 0px 25px 0px 0px;
	margin: 0px;
	z-index:3;
	position:absolute;
	height: 210px;
	width: 293px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 15px;
}
.pc_img
{
	padding: 0px 25px 0px 0px;
	margin: 0px;
	z-index:3;
	position:absolute;
	height: 210px;
	width: 293px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 15px;
}
#portfolio-bottom-area1
{
	filter:alpha(opacity=55); -moz-opacity:0.55; opacity:0.55; 	-khtml-opacity:0.55; 
	background-color:#000000; 
	z-index:2; 
	position:absolute;
	width: 524px;
	height: 47px;
}

#portfolio-bottom-area
{
	padding: 0px;
	margin: 0px;
	z-index:3;
	position:absolute;
	width: 524px;
	height: 47px;
}

#portfolio-bottom-area h1
{
	font-family: Helvetica, Arial, Verdana;
	font-size: 13px;
	margin: 0px;
	padding: 18px 0px 0px 0px;
	color: #FFFFFF;
}
#portfolio-bottom-area_h1
{
	font-family: Helvetica, Arial, Verdana;
	font-size: 13px;
	font-weight: bold;
	margin: 0px;
	padding: 18px 0px 0px 0px;
	color: #FFFFFF;
}
.p_img
{
	font-family: Helvetica, Arial, Verdana;
	font-size: 13px;
	font-weight: bold;
	margin: 0px;
	padding: 18px 0px 0px 0px;
	color: #FFFFFF;
}

.project-heading
{
	font-family: Helvetica, Arial, Verdana;
	font-size: 11px;
	color: #FFFFFF;
	padding: 5px 0px 0px 0px;
	margin: 0px;
}
.blue-font
{
	color:#00CCFF;
}

.project-heading a
{
	color: #FFFFFF;
	text-decoration: none;
}
.project-heading a:hover
{
	color: #999999;
	text-decoration: none;	
}
/*=======================================================================================================
								Service Page
========================================================================================================*/

#serv-content-main-area
{
	filter:alpha(opacity=55); -moz-opacity:0.55; opacity:0.55; 	-khtml-opacity:0.55; 
	background-color:#000000; 
	z-index:2; 
	position:absolute;
/*	width: 327px;*/
	width: 429px;
	height: 359px;
}

#serv-content-area
{
	padding: 0px 13px 0px 24px;
	margin: 0px;
	z-index:3;
	position:absolute;
	width: 392px;
	height: 359px;
}
#serv-content-area-inside
{
	padding: 0px;
	margin: 0px;
	z-index:3;
	position:absolute;
	width: 392px;
	height: 320px;
	overflow: auto;
}
#serv-content-area-inside p
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	padding: 0px 5px 16px 0px;
	margin: 0px;
	line-height: 15px;
	color: #FFFFFF;
}
#serv-content-area h1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 0px 0px 22px 0px;
	margin: 0px;
}

#serv-content-area-inside h2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 0px 0px 10px 0px;
	margin: 0px;
}

#serv-content-area ul
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	padding: 5px 0px 16px 25px;
	margin: 0px;
	line-height: 15px;
	color: #FFFFFF;
}
#serv-content-area li
{
	padding: 0px 0px 2px 0px;
	margin: 0px;
}

/*=======================================================================================================
								Key Personnal Page
========================================================================================================*/
#key-content-main-area
{
	filter:alpha(opacity=55); -moz-opacity:0.55; opacity:0.55; 	-khtml-opacity:0.55; 
	background-color:#000000; 
	z-index:2; 
	position:absolute;
	width: 586px;
	height: 359px;
}


#key-content-area
{
	padding: 0px 13px 0px 24px;
	margin: 0px;
	z-index:3;
	position:absolute;
	width: 560px;
	height: 359px;
}
#key-content-area-inside
{
	padding: 0px 10px 0px 0px;
	margin: 0px;
	z-index:3;
	position:absolute;
	width: 560px;
	height: 320px;
	overflow: auto;
}

#key-content-area h1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 0px 0px 22px 0px;
	margin: 0px;
}

#key-content-area-inside h2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 0px 0px 10px 0px;
	margin: 0px;
}

.paragraph1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	padding: 0px 0px 16px 5px;
	margin: 0px;
	line-height: 15px;
	color: #FFFFFF;
}
.cpyrgt-home-align
{
	padding: 0px 0px 0px 56px;
	margin: 0px;
}
.cpyrgt-txt
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}
.cpyrgt-txt a
{
	text-decoration: none;
}
.cpyrgt-txt a:hover
{
	text-decoration: underline;
}

.listitem
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	padding: 5px 0px 10px 5px;
	margin: 0px 0px 0px 0px;
	color: #FFFFFF;
	font-weight: bold;
}
.listitem a
{
	text-decoration: underline;
}
.listitem a:hover
{
	text-decoration: none;
}