
/* Layout/CSS specific to HOME Page */


/* ------------------------------------------------------------------------------------------------------*/
/* BASE BLOCK ELEMENTS & GLOBAL STYLES ------------------------------------------------------------------*/

body {
	/*background-image: url(../images/shared/background_bgTile_home.gif);*/
}



/* ------------------------------------------------------------------------------------------------------*/
/* PAGE CONTENT BLOCK / SUBNAV & LEFT COLUMN AREA  ------------------------------------------------------*/


#projectLogin {
	/*position: relative;*/
	float: right;
	margin: 15px 35px -30px; 0;
	top: 20px;
	left: 633px;
	height: 15px;
	text-align: right;
	width: 100px;
	font-size: 11px;
	padding: 0 8px 0 0;
	color: #707172;
	background: url(../images/shared/greenArrow.gif) right 3px no-repeat;
}

/* Alt properties for standards-based browsers  */
html > body #projectLogin { left: 625px; }

/*#projectLogin {
	float: right;
	text-align: right;
	width: 100px;
	font-size: 11px;
	margin: 17px 37px 12px 0;
	padding: 0 8px 0 0;
	color: #707172;
	background: url(../images/shared/greenArrow.gif) right 3px no-repeat;
}*/


/* ------------------------------------------------------------------------------------------------------*/
/* PAGE CONTENT BLOCK / SUBNAV & LEFT COLUMN AREA  ------------------------------------------------------*/

#specializations {
	width: 220px;
	min-height: 335px;
	padding: 0 0 0 0;
	margin: 0 -3px 0 0;  /* -3px value is there to offset 3 pixel jog with floats in IE, doesn't seem to affect other browsers */
	font-size: 10px;
	color: #626262;
	line-height: 12px;
	text-transform: uppercase;
	background-image: url(../images/home/leftSide_gradient.gif);
	background-repeat: no-repeat;
	float: left;
}

#specializations h1 {
	margin: 50px 0 20px 22px;
	padding: 0;
}

#specializations ul {
	list-style: none;
	margin: 0 0 0 22px;
	padding: 0;
}

#specializations ul li {
	margin: 0 0 2px 0;
	padding: 0;
	height: 12px;
}

/* Alt properties for standards-based browsers. IE seemed to be adding an extra 3 pixels that I couldn't get rid of, so the total bottom margin needed to be adjusted */
html > body #specializations ul li { margin: 0 0 5px 0;} 


#testimonial {
	margin: 0;
	/*padding: 69px 0 0 16px;*/
	padding: 91px 0 0 16px;
}


/* ------------------------------------------------------------------------------------------------------*/
/* PAGE CONTENT BLOCK / CONTENT COLUMN  -----------------------------------------------------------------*/


#contentColumn {
	width: 450px;
	/* height: 335px; */
	margin: 0 0 0 254px;
	padding: 30px 0 0 0;
}


#imageBlock {
	width: 515px;
	height: 310px;
	margin:  0 0 0 216px;
	padding: 0;
	background-image:  url("../images/shared/imageBlock_horizRules.gif");
	background-position: 0px 288px;
	background-repeat: repeat-x;
}

/* Alt properties for standards-based browsers */
html > body #imageBlock { margin: 0 0 0 220px;} 

#mainImg {
	margin: 0 0 0 4px;
}

#caption {
	width: 350px;
	margin: 0;
	padding: 2px 0 0 34px;
	font-size: 10px;
	color: #707172;
	float: left;
}

/* Alt properties for standards-based browsers  */
html > body #caption { padding: 4px 0 0 34px; }

#projectLink {
	width: 100px;
	margin: 0 0 0 382px;
	padding: 1px 0 0 0;
	font-size: 10px;
	color: #707172;
	text-align: right;
}

/* Alt properties for standards-based browsers  */
html > body #projectLink { padding: 3px 0 0 0; }

