/* Mosaic: Main CSS  */
/* Shannon-Rose Design 2008 */

/* Swatches
	Body/Footer Bkgd 45484a
	Main Bkgd 4F5356
	Dark Yellow c8bf71
	Light Yellow dfd886
	Gray Text e6e6e6
	Footer Text a2a4a6
	
*/

/* == Common Rules ============================ */
.clear { clear: both; }
div.clear {
	font-size: 1px;
	line-height: 1px;
	height: 0;
	visibility: hidden;
}
.left {
	float: left;
	display: inline;
}
.right {
	float: right;
	display: inline;
}
strong { font-weight: bold; }
em { font-style: italic; }
a { color: #e6e6e6; }
a:hover { color: #c8bf71; text-decoration: none; }
/* ============================================ */

body {
	font-size: 62.5%;
	line-height: 140%;
	color: #e6e6e6;
	font-family: Helvetica, Arial, sans-serif;
	background-color: #45484a;
}
div#wrapper {
	width: 100%;
	background: #4F5356 url(../images/homeRepeatingBkgd.jpg) repeat-x 0 98px;
}
div#header { height: 98px; }
div#masthead { width: 900px; }
#header img { 
	margin: 0 25px 0 160px;
	float: left;
	display: inline;
}
#header p {
	color: #5f6062;
	float: left;
	display: inline;
	margin: 50px 0 0;
	font-size: 11px;
	line-height: 14px;
}
div.homeHeader { background: #fff url(../images/homeHeaderBkgd.gif) no-repeat 0 0; }
div.aboutHeader { background: #fff url(../images/aboutHeaderBkgd.gif) no-repeat 0 0; }
div.homeMainA { background: transparent url(../images/homeMainABkgd.jpg) no-repeat 0 0; }
div.homeMainI { background: transparent url(../images/homeMainIBkgd.jpg) no-repeat 0 0; }
div.homeMainC { background: transparent url(../images/homeMainCBkgd.jpg) no-repeat 0 0; }
div.aboutMain { background: transparent url(../images/aboutMainBkgd.jpg) no-repeat 0 0; }
div.portfolioMain { background: transparent url(/images/portfolioMainBkgd.jpg) no-repeat 0 0; }
div.portfolioEducation { background: transparent url(/images/portfolioEducationBkgd.jpg) no-repeat 0 0; }
div.portfolioCultural { background: transparent url(/images/portfolioCulturalBkgd.jpg) no-repeat 0 0; }
div.portfolioCommercial { background: transparent url(/images/portfolioCommercialBkgd.jpg) no-repeat 0 0; }
div.traditionMain { background: transparent url(../images/traditionMainBkgd.jpg) no-repeat 0 0; }
div.teamMain { background: transparent url(../images/teamMainBkgd.jpg) no-repeat 0 0; }
div.eventsMain { background: transparent url(/images/eventsBkgd.jpg) no-repeat 0 0; }
div.philosophyMain { background: transparent url(../images/philosophyMainBkgd.jpg) no-repeat 0 0; }
div.servicesMain { background: transparent url(../images/servicesMainBkgd.jpg) no-repeat 0 0; }
div.historyMain { background: transparent url(/images/history/historyMainBkgd.jpg) no-repeat 0 0; }
div.contactMain { background: transparent url(../images/contactMainBkgd.jpg) no-repeat 0 0; }
div.cultureMain { background: transparent url(/fileadmin/template/main/images/cultureMainBkgd.jpg) no-repeat 0 0; }
div.newsMain { background: transparent url(/images/newsBkgd.jpg) no-repeat 0 0; }
div#content { 
	min-height: 500px;
}
.contentHome {
	background: transparent url(../images/homeContentBkgd.jpg) no-repeat 538px 0;
}
div.darkBar {
	background-color: #121314;
	height: 26px;
	width: 100%;
	margin: -26px 0 0;
	position: relative;
	z-index: 4;
}
div#navigation {
	height: 26px;
	width: 100%;
}
#navigation ul { padding-left: 165px; width: 800px; }
#navigation ul li {
	font-size: 11px;
	line-height: 15px;
	float: left;
	display: inline;
	height: 26px;
	text-transform: uppercase;
	position: relative;
	z-index: 6;
}
#navigation li a {
	padding: 6px 13px 5px;
	display: block;
	color: #c8bf71;
	text-decoration: none;
}
#navigation li a:hover {
	text-decoration: none;
	color: #e6e6e6;
}
div#subNav {
	width: 900px;
	height: 25px;
}
#subNav ul.aboutSubNav { padding: 0 0 0 236px; }
#subNav ul.servicesSubNav { padding: 0 0 0 301px; }
#subNav ul.currentProjectsSubNav { padding: 0 0 0 471px; }
#subNav ul li {
	float: left;
	font-size: 11px;
	line-height: 15px;
	margin: 5px 15px 0 0;
	display: inline;
}
#subNav li a {
	color: #cfd0d0;
	text-decoration: none;
}
#subNav li a:hover { text-decoration: underline; }
div#contentWrap {
	width: 975px;
	position: relative;
	z-index: 2;
	padding: 0 0 75px;
}
div#contentNameChange {
	width: 100%;
	position: relative;
	z-index: 4;
	height: 670px;
	display: none;
	background: transparent url(../images/nameChangeBkgdRepeat.jpg) repeat-x 0 0;
}
div#nameChangeWrap {
	width: 975px;
	height: 670px;
	background: transparent url(../images/nameChangeBkgd.jpg) no-repeat 0 0;
}
#contentNameChange div.nameChangeLeft {
	float: left;
	display: inline;
	margin: 205px 100px 0 235px;
	width: 135px;
	height: 45px;
}
.nameChangeLeft img#evolves { 
	float: right;
	margin: 5px 0 0;
	display: none;
}
#contentNameChange div.nameChangeRight {
	float: left;
	display: inline;
	width: 350px;
	height: 105px;
	position: relative;
	z-index: 8;
	margin: 180px 0 0;
	background: transparent url(../images/dclwLogoLarge.png) no-repeat 0 0;
}
#contentNameChange div.nameChangeRightDouble {
	width: 350px;
	height: 85px;
	position: relative;
	z-index: 6;
	padding-top: 190px;
	margin: 0 0 0 470px;
	display: none;
	background: transparent url(../images/mosaicAssociatesLogo.png) no-repeat 0 190px;
}
div#contentHome {
	margin: 50px 0 0 160px;
	width: 515px;
	display: inline;
	float: left;
}
div#contentTradition {
	margin: 75px 15px 0 160px;
	width: 485px;
	display: inline;
	float: left;
}
#contentTradition p {
	font-size: 11px;
	line-height: 18px;
	margin: 0 20px 10px 84px;
}
#contentTradition h2 {
	font-size: 17px;
	line-height: 21px;
	color: #c8bf71;
	margin: 0 0 5px 84px;
}
#contentHome h1 img { margin: 0 0 25px 64px; }
#contentTradition h1 img { margin: 0 0 15px 64px; }
#contentHome h1 span, #contentTradition h1 span { display: none; }
#contentHome h3 {
	color: #dfd886;
	margin: 0 0 0 64px;
	font-size: 14px;
	line-height: 18px;
	-webkit-text-size-adjust: none;
}
#contentHome h3.indent1 { text-indent: 13px; }
#contentHome h3.indent2 { text-indent: 15px; }
#contentHome h3.indent3 { text-indent: 20px; margin: 0 0 15px 64px; }
#contentHome h3.indent4 { text-indent: 22px; }
#contentHome h3.indent5 { text-indent: 24px; margin: 0 0 15px 64px; }
#contentHome h3.indent6 { text-indent: 28px; }
#contentHome h3.indent7 { text-indent: 30px; }
#contentHome h3.indent8 { text-indent: 32px; margin: 0 0 15px 64px; }
#contentHome h3.indent9 { text-indent: 36px; }
#contentHome h3.indent10 { text-indent: 38px; }
#contentHome h3.indent11 { text-indent: 40px; }
#contentHome h3.indent12 { text-indent: 44px; }
#contentHome h3.indent13 { text-indent: 46px; }
#contentHome h3.indent14 { text-indent: 48px; }
#contentHome h3.indent15 { text-indent: 50px; }
div#contentMain {
	width: 380px;
	float: left;
	display: inline;
	margin: 45px 60px 0 240px;
}
div#contentMainWide {
	width: 690px;
	float: left;
	display: inline;
	margin: 45px 0 0 240px;
}
#contentMain h1,
#contentMainWide h1 {
	font-size: 17px;
	line-height: 21px;
	color: #c8bf71;
}
#contentMain h2,
#contentMainWide h2 {
	font-size: 15px;
	line-height: 19px;
	color: #c8bf71;
}
#contentMain h1 i,
#contentMainWide h1 i {
	font-size: 14px;
	line-height: 21px;
	color: #c0c1c2;
	margin-left: 10px;
	font-style: normal;
}
#contentMain h3,
#contentMainWide h3 {
	font-size: 14px;
	line-height: 18px;
	margin: 15px 0 -10px;
}
#contentMain h4,
#contentMainWide h4 {
	font-size: 11px;
	line-height: 18px;
	margin: 20px 0 0;
	font-weight: bold;
	color: #cebf71;
}
#contentMain p,
#contentMainWide p {
	font-size: 11px;
	line-height: 18px;
	margin: 10px 0 0;
}
#contentMain img, #contentMainWide img { margin: 0 0 10px; }
#contentMain ul, #contentMainWide ul { margin: 25px 0 0; list-style-type: disc; }
#contentMain ul li, #contentMainWide ul li { margin: 0 0 5px 25px; font-size: 11px; line-height: 18px; }
#contentMain p.bodytext, #contentMainWide p.bodytext { margin: 10px 0 0; }
div#sideBarTradition {
	width: 300px;
	height: 426px;
	margin: 75px 0 0;
	display: inline;
	float: left;
	background: transparent url(../images/traditionSideBarBkgd.gif) no-repeat 50% 0;
}
#sideBarTradition img { margin: 0 0 15px; }
#sideBarTradition img#dclwLogo { margin: 16px 0 18px 46px; }
#sideBarTradition h3 {
	font-size: 14px;
	line-height: 18px;
	color: #c8bf71;
	margin: 0 0 0 46px;
}
#sideBarTradition h3 img { margin: 0 0 -3px 15px; }
#sideBarTradition a {
	color: #c8bf71;
	display: block;
	text-decoration: none;
}
#sideBarTradition a:hover { color: #e6e6e6; }
div#sideBarHome {
	width: 250px;
	margin: 75px 0 0;
	display: inline;
	float: left;
}
#sideBarHome img {
	margin: 0 0 10px;
	border: 1px solid #45484A;
}
#sideBarHome h3 {
	font-size: 12px;
	line-height: 18px;
	color: #c8bf71;
	text-transform: uppercase;
}
#sideBarHome p {
	font-size: 11px;
	line-height: 18px;
}
#sideBarHome div#nameChangeIcon {	
	margin: 30px 0 0;
	width: 248px;
	height: 113px;
}
#sideBarHome #nameChangeIcon img { border: none; }
div#sideBar {
	width: 250px;
	float: left;
	display: inline;
	margin: 50px 0 0 0;
}
#sideBar img {
	margin: 0 0 10px;
	border: 1px solid #45484A;
}
#sideBar h3 {
	font-size: 12px;
	line-height: 18px;
	color: #c8bf71;
	text-transform: uppercase;
}
#sideBar p {
	font-size: 11px;
	line-height: 18px;
	margin: 0 0 10px;
}
#footer {
	padding: 0 0 50px;
	background-color: #45484a;
}
#footer p {
	padding: 16px 0 0;
	color: #a2a4a6;
	-webkit-text-size-adjust: none;
	font: normal 9px/15px Arial, sans-serif;	
}
#footer p.firstIndent { text-indent: 2px; padding: 0; }
#footer p.secondIndent { text-indent: 4px; padding: 0; }
#footerLeft {
	width: 225px;
	text-align: right;
	float: left;
	display: inline;
	margin: 0 25px 0 0;
}
#footerRight {
	display: inline;
	float: left;
}
/* Styles for the Contact Page */
.gmnoprint { color: #333; }
.gmnoprint strong { font-size: 17px; }
.gmnoprint a { color: #666; font-size: 12px; }
div.mapWrapper {
	width: 468px;
	height: 409px;
	padding: 9px 0 0;
	margin: 20px 0 0;
	background-color: #151515;
}
div#map_canvas { width: 450px; height: 400px; margin: 0 9px 9px; }
/* Overriding Styles */
div.csc-textpic-clear {
	font-size: 0px;
	line-height: 0px;
	height: 0px;
}
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 0!important; }
div.servicesSlim { margin: 45px 10px 0 240px!important; width: 350px!important; }
div.servicesWide { width: 360px!important; margin: 45px 0 0!important; }
div.servicesWideTall { width: 360px!important; margin: 20px 0 0!important; }
.servicesWide img, .servicesWideTall img { border: none!important; }
/* Home Page Check */
div.caPresent { width: 0; height: 0; visibility: hidden; }