/*

	newman.css

	Note that some of these classes are overridden in ie_fixes.css:

	.thumbnail.admin
	.leftsectioncolumn

*/


/* general
----------------------------------------------- */

html {
	font-family: Verdana, Arial, sans-serif;
}

td {
	vertical-align: top;
}

.navlinks {
	visibility: hidden;
}



/* navigation
----------------------------------------------- */

	/* navbar links */

.main-nav {
	color:			#0265CE;
	font-size:		9px;
	font-weight:	bold;
	letter-spacing: 1px;
	vertical-align:	40%;
}

.main-nav a {
	color:				#0265CE;
	text-decoration:	none;
}

.main-nav a:visited {
	color:				#0265CE;
	text-decoration:	none;
}

.main-nav a:hover {
	color:				#999;
}

.main-nav a:active {
	color:				#39f;
}

.main-nav.linktext {
	vertical-align:	40%;
}

	/* popup and flyout menus */

.sub-nav {
	font-size:		9px;
	color: 			#6699cc;		/* needed if href is a javascript call */
	line-height:	12px;
}

.sub-nav.projects a {
	color: 				#6699cc;
	text-decoration: 	none;
}

.sub-nav.practice a {
	color:				#cc66cc;
	text-decoration:	none;
}

.sub-nav.news a {
	color:				#669933;
	text-decoration:	none;
}

.sub-navcaps {
	font-size:		8px;
	line-height:	13px;
	font-weight:	bold;
	color: 			#369;
	text-transform:	uppercase;
}

.sub-nav.contact a {
	color: 				#cc9933;
	text-decoration:	none;
}


.sub-navcaps a:hover {
	color: #369;
}

.sub-navcaps a:visited {
	color: #369;
}

.sub-navcaps a:active {
	color: #369;
}

	/* Breadcrumb links */

.crumb-nav {
	float:			left;
	font-size: 		25px;
	font-family:	Verdana;
	color: 			#000;
	margin-top:		1px;		/* line up baseline with logo */
	margin-right:	16px;		/* add right hand space for next crumb */
}

	/* these a links are not working properly */

.crumb-nav a {
	color: 			#ccc;
	text-decoration: none;
}

.crumb-nav a:hover {
	color: 			#ccc;
	text-decoration: underline;
}

.crumb-nav-hover {
	float:				left;
	font-size: 			25px;
	font-family:		Verdana;
	color: #000;
	text-decoration: 	underline !important;
	margin-top:			1px;		/* line up baseline with logo */
	margin-right:		16px;		/* add right hand space for next crumb */
}

	/* these a links are not working properly */

.crumb-nav-hover a {
	color: 			#ccc;
	text-decoration: none;
	text-decoration: 	underline !important;
}

.crumb-nav-hover a:hover {
	color: 			#ccc;
	text-decoration: underline;
}

.crumb-nav-gray {
	float:			left;
	font-size: 		25px;
	font-family: 	Verdana;
	color: 			#ccc;
	margin-top:		1px;
	margin-right:	16px;
}

	/* these a links are not working properly */

.crumb-nav-gray a {
	color: 				#ccc;
	text-decoration:	none;
}

.crumb-nav-gray a:hover {
	color: 				#ccc;
	text-decoration:	underline !important;
}

.crumb-nav-gray-hover {
	float:				left;
	font-size: 			25px;
	font-family: 		Verdana;
	color: 				#ccc;
	text-decoration:	underline !important;
	margin-top:			1px;
	margin-right:		16px;
}

	/* these a links are not working properly */

.crumb-nav-gray-hover a {
	color: 				#ccc;
	text-decoration:	none;
}

.crumb-nav-gray-hover a:hover {
	color: 				#ccc;
	text-decoration:	underline;
}

.crumb-cell {
	visibility: hidden;
	float:			left;
	width: 			auto;
}

.crumb-cell2 {
	visibility: hidden;
	position: absolute;
}

.crumb-arrow {
	visibility: hidden;
	position: absolute;
}


img.crumb-logo {
	visibility: visible !important;
	display: 		inline;
	float:			left;
	width: 			auto;
	margin: 		5px 5px 0px 0px;
}

	/* These should be cleaned up */

A:link {
	text-decoration:	none;
}

A:visited {
	text-decoration:	none;
}

A:hover {
	text-decoration:	none;
}

A:active {
	text-decoration:	none;
}

	/* Admin project links */

A:link.project {
	text-decoration:	none;
	font-size:			12px;
	font-weight:		bold;
	color:				#87B5E6;
}

A:visited.project {
	text-decoration:	none;
	font-size:			12px;
	font-weight:		bold;
	color:				#87B5E6;
}

A:hover.project {
	text-decoration:	none;
	font-size:			12px;
	font-weight:		bold;
	color:				#87B5E6;
}

A:active.project {
	text-decoration:	none;
	font-size:			12px;
	font-weight:		bold;
	color:				#87B5E6;
}

	/* Not sure I need these anymore */

.admin-nav a.link {
	text-decoration:	none;
	color:				white;
	font-size:			12px;
	font-weight:		bold;
}

.admin-nav a:visited {
	text-decoration:	none;
	color:				gray;
	font-size:			12px;
	font-weight:		bold;
}

.admin-nav a:hover {
	text-decoration:	none;
	color:				white;
	font-size:			12px;
	font-weight:		bold;
}

.admin-nav a:active {
	text-decoration:	none;
	color:				white;
	font-size:			12px;
	font-weight:		bold;
}


/* Sizing styles
----------------------------------------------- */

.contenttop {
	height:			163px;
}

.navsecond {
	height:			18px;
	padding-left:	15px;
}

.contentbottom {
	height:			414px;
}

.contentleft {
	width:	530px;
}

.toppadding16 {
	padding-top:	16px;
}

.toppadding32 {
	padding-top:	32px;
}

.paddingleft {
	padding-left:	15px;
}

.paddingleftdbl {
	padding-left:	30px;
}

.paddingright {
	padding-right:	15px;
}

.paddingright80 {
	padding-right:	80px;
}

.leftcolumn {
	width:	530px;
}

.navbarimg {
	float:	left;
	margin: 0 2px 0 0;
	border:	none;
}


/* Background color styles
----------------------------------------------- */

.greenbackground {
	background-color:	#8CD573;
}

.dkmagentabackground {
	background-color:	#990099;
}

.ltbluebackground {
	background-color:	#87B5E6;
}

.ltblue2background {
	background-color:	#98CCFF;
}

.dkbluebackground {
	background-color:	#2366AA;
}

.dkredbackground {
    background-color:	#AE0509;
}

.medgraybackground {
    background-color:	#666;
}

.dkgraybackground {
	background-color: #6c6c6c;
}

.orangebackground {
    background-color:	#FFCE63;
}


/* home
----------------------------------------------- */

.small-gray {
	font-size:		9px;
	line-height:	13px;
	color: 			#999;
}

.small-gray-bold {
	font-size:		10px;
	font-weight:	bold;
	line-height:	13px;
	text-transform:	uppercase;
	color: 			#999;
}

	/* removed text-transform: none from these */

.small-gray a {
	color: 				#999;
	text-decoration: 	none;
	background-color:	white;
}

.small-gray a:link {
	color: 				#999;
	text-decoration: 	none;
	background-color:	white;
}

.small-gray a:visited {
	color: 				#999;
	text-decoration: 	none;
	background-color:	white;
}

.small-gray a:hover {
	color:	#bbb;
	background-color:	white;
}

.small-gray a:active {
	color:	#666;
	background-color:	white;
}


.photo {
	position: 			relative;
}

.photo-img {
	display:			table-cell;
	width:				970px;
	height:				414px;
	text-align:			center;
	position: 			absolute;
	top: 				0px;
	left: 				0px;
	z-order: 			1;
	background-color:	#666;
}

.photo-caption {
	font-size:		10px;
	line-height:	13px;
	font-weight:	bold;
	position: 		absolute;
	top: 			386px;
	left: 			15px;
	z-order: 		2;
	background-color: transparent;
}

.big-intro {
	font-size:		20px;
	line-height:	30px;
	color:			#369;
}


/* projects (small gray text see above)
----------------------------------------------- */

.text {
	font-size: 11px;
	line-height: 16px;
	color: #000;
	}


.sub-heds {
	font-size: 		10px;
	line-height: 	14px;
	font-weight: 	bold;
	color: 			#369;
	text-transform:		uppercase;
	}

.text a {
	color: #000;
	background-color: #ccf;
	}


.thumbnail {
	width:		47px;
	height:		36px;
	padding:	0px;
	margin:		0px;
}

.thumbnail-img-on {
	border:		1px solid #000000;
	cursor:		pointer;
}

.thumbnail-img-off {
	border:		1px solid #ffffff;
	cursor:		pointer;
}

.dimmed {
	opacity:		0.50;
	filter: 		alpha( opacity = 50 );
	-moz-opacity: 	0.50;
}

.bright {
	opacity:		1;
	filter: 		alpha( opacity = 100 );
	-moz-opacity: 	1;
}

.mainphoto {
	width:			540px;
	height:			415px;
	margin:			0px;
	padding:		0px;
	display:		table-cell;
	overflow:		hidden;
	text-align:		center;
	vertical-align:	middle;
	cursor: 		pointer;
}

.centeredphoto {
	text-align:		center;
	vertical-align:	middle;
}

.projectcolumn {
	float:	left;
	width:	300px;
}


/* categories ???
----------------------------------------------- */

.white-text {
	font-size:		13px;
	line-height:	18px;
	color:			#fff;
}

.white-text a {
	font-size:			13px;
	line-height:		18px;
	color:				#fff;
	text-decoration:	none;
}

.white-sub-heds {
	font-size:		10px;
	line-height:	14px;
	font-weight:	bold;
	color:			#fff;
}

/* this was switched to small_white */

.black-text {
	font-size:		11px;
	line-height:	16px;
	color:			#000000;
}

.black-sub-heds {
	font-size:		10px;
	line-height:	14px;
	font-weight:	bold;
	color:			#000000;
}

.small-ltblue {
	font-size:		10px;
	line-height:	13px;
	text-transform: uppercase;
	color:			#9cc;
}

.small-ltblue a, .small-ltblue a:visited {
	color:				#fff;
	text-decoration:	none;
}

.small-ltblue a:hover {
	color:	#9cc;
}

.small-ltblue a:active {
	color:	#9cf;
}

	/* Overridden in ie_fixes */

.leftsectioncolumn {
	width:	525px;
}

.imagelisting {
	width:	215px;
	height:	208px;
}

.imagelisting-title {
	padding-left:	2px;
}


/* section openers / intermediate pages
----------------------------------------------- */

.big-text {
	font-size:		25px;
	line-height:	30px;
	color: 			#fff;
}

.links-nav {
	font-size:		12px;
	line-height:	17px;
	color:			#fff;
}

.links-nav-caps {
	font-size:		10px;
	line-height:	17px;
	text-transform:	uppercase;
	color:			#fff;
}

.links-nav a {
	color:				#fff;
	text-decoration:	none;
}

.links-nav a:hover {
	text-decoration:	underline;
}

.links-nav a:active {
	text-decoration:	underline;
}




/* temp fonts used for development
----------------------------------------------- */

.navmain {
	font-size:		24px;
	line-height:	75px;
}

.whitesans {
	color:			white;
	font-size:		12px;
	font-weight:	bold;
}

.largewhitesans {
	color:		white;
	font-size:	24px;
}

.medwhitesans {
	color:		white;
	font-size:	17px;
}

.blacksans {
	color:			black;
	font-size:		12px;
	font-weight:	bold;
}

.largeblacknav {
	color:		black;
	font-size:	24px;
}

.greysans {
	color:			gray;
	font-size:		12px;
	font-weight:	bold;
}

.bluesans {
	color:			#AEC6F2;
	font-size:		12px;
	font-weight:	bold;
}

.dkbluesans {
	color:			#3385D6;
	font-size:		12px;
	font-weight:	bold;
}

.pinksans {
	color:			#FF99FF;
	font-size:		12px;
	font-weight:	bold;
}


/* admin
----------------------------------------------- */

	/* Overridden in ie_fixes.css */

.thumbnail.admin {
	padding:		2px;
	margin:			5px;
	text-align:		center;
	vertical-align:	middle;
	color:			white;
	border:			1px solid white;
	cursor:			pointer;
}

	/*

		1:0.77

		Wrong -- what are these dimensions now?
		width = "215" height = "165"
	*/

.featurephoto {
	width:			215px;
	height:			165px;
	padding:		2px;
	margin:			5px;
	text-align:		center;
	vertical-align:	middle;
	color:			white;
	border:			1px solid white;
	cursor:			pointer;
}


	/* 1:0.43 */

.homepagephoto {
	width:			236px;
	height:			109px;
	padding:		2px;
	margin:			5px;
	text-align:		center;
	vertical-align:	middle;
	color:			white;
	border:			1px solid white;
	cursor:			pointer;
}

.slideshow.admin {
	width:			200px;
	height:			86px;
	padding:		2px;
	margin:			5px;
	text-align:		center;
	vertical-align:	middle;
	color:			white;
	border:			1px solid white;
}

.preview {
	width:			100px;
	height:			43px;
}

.slideshow.preview {
	padding:		2px;
	margin:			5px;
	text-align:		center;
	vertical-align:	middle;
	color:			white;
	border:			1px solid white;
}

	/* 1:0.66 */

.personnel.admin {
	width:			100px;
	height:			152px;
	padding:		2px;
	margin:			5px;
	text-align:		center;
	vertical-align:	middle;
	color:			white;
	border:			1px solid white;
	cursor:			pointer;
}

.tdright.admin {
	text-align:		right;
	padding-right:	5px;
}

.whitehr {
	color:				white;
	background-color:	white;
	height:				2px;
	width:				100%;
}

/* Project Section Modifiers/Rewrite */

.singlecolumntext p, .singlecolumntext a, .singlecolumntext a:hover, .singlecolumntext a:active, .singlecolumntext a:visited{
	font-size: 13px;
	line-height: 18px;
}

.singlecolumntext a:hover {
	text-decoration: underline;
}

.toptextpadding {
	padding-top: 9px;
}
.topimagepadding {
	padding-top: 22px;
}

.bottomimagepadding {
	padding-top: 10px;
}

/* Principal Template CSS */

.float_left {
		float: left;
}

.principals_column {
	width: 235px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
}

.small_column {
	width: 126px;
	padding-left: 0px;
	margin-top: 14px;
}

.pink_links {
	font-size: 9px;
	line-height: 13px;
	color: #fa2df3;
	margin-top: 16px;
}

.pink_links a, .pink_links a:active, .pink_links a:visited{
	font-size: 9px;
	line-height: 13px;
	color: #fa2df3;
	margin-top: 16px;
}

.pink_links a:hover {
	text-decoration: underline;
}


.blue_links {
	font-size: 9px;
	line-height: 13px;
	color: #2576ce;
	margin-top: 16px;

}

.blue_links a{
	font-size: 9px;
	line-height: 13px;
	color: #2576ce;
	margin-top: 16px;
}

.blue_links a:hover{
	text-decoration: underline;
}



.blue_links_margin {
	margin-left: -9px;
}

.gray_text {
	color: #656565;
	margin-top: 0;
	font: 11px/16px "Lucida Grande", Lucida, Verdana, sans-serif;
}

.small_caps {
	text-transform: uppercase;
}

.gray_text A:link, .gray_text A:visited {
	color: #555555;
}

.gray_text A:hover {
	color: #888888;
}