/*
 *
 *  Master CSS stylesheet
 *  ColdwellBankerDSD.com
 *  MJAD <http://www.masarjohnston.com/>
 *  rev20081201, msl
 *
 */
 
 /*  ELEMENTS  */

html, body { width:100%; height:100%; margin:0px; padding:0px; background-color:#fff; }

img { highlight:none; border:none; }

table { border:none; border-collapse:collapse; margin:0; padding:0; }

a {    }

#container {
	display:block;
	position:relative; 
	width:900px; 
	height:100%; 
	min-height:700px;
	margin:0px auto;
	padding:0;
	z-index:2; 
}
#cplogo, #tflogo {
	position:absolute;
	top:20px;
	left:0px;
	width:150px;
	height:100px;
	margin:0 0 5px 0;
	padding:0;
	z-index:3;
}
#cplogo2 {
	position:absolute;
	top:45px;
	right:0px;
	width:120px;
	height:auto;
	margin:0 0 0 5px;
	padding:0;
	z-index:3;
}
#tflogo2 {
	position:absolute;
	top:45px;
	right:0px;
	width:120px;
	height:auto;
	margin:0 0 0 5px;
	padding:0;
	z-index:3;
}

#cplogo img, #tflogo img, #cplogo2 img, #tflogo2 img { width:100%; height:auto; }

#livearea {
	color:#333;
	background:transparent;
	padding: 0;
	margin: 140px 0 0 0;
	width: 900px;
	height: 548px;
	position:absolute;
	z-index:4;
}

.glow { display:block; width:900px; -moz-box-shadow:0 0 12px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 0 12px rgba(0, 0, 0, 0.2); box-shadow:0 0 12px rgba(0, 0, 0, 0.2); }

#navbar { width:900px; height:32px; margin:0; padding:0; background:transparent url('../../images/navbar_bg.gif') repeat-x; }
#navbar_tom { width:900px; height:32px; margin:0; padding:0; background-color:#333333; background-image:-webkit-linear-gradient(top, #333333, #666666); background-image:linear-gradient(to bottom, #333333, #666666); }
	#navbar_tom a { color:#eee; height:32px; font:400 13px/32px Helvetica, Arial, sans-serif; text-align:center; text-transform:uppercase; text-decoration:none; margin:0px; padding:0 12px; }

#hdr { padding:0; margin:0; width:900px; height:7px; }

/*  **********  Content **********  */

#content {
	padding: 0;
	margin: 0;
	width: 900px;
	min-height: 470px;
	height:auto;
	z-index:5;
}

#content img.splash { float:left; width:450px; height:auto; -moz-opacity:1; -webkit-opacity:1; opacity:1; -moz-transition:all 0.2s; -webkit-transition:all 0.2s; transition:all 0.2s; cursor:pointer;  }
	#content img.splash:hover { -moz-opacity:0.7; -webkit-opacity:0.7; opacity:0.7; }

/*  **********  Sidebar **********  */

#content td.sidebar {
	background: #000 url('../../images/sidebar_bg.gif') no-repeat;
	padding: 0;
	margin: 0;
	width: 249px;
	height: 478px;
	text-align:left;
	vertical-align:top;
}
#content td.sidebar div {
	width: 249px;
	height: 454px;
}

#content td.sidebar p {
	color: #fff;
	font: 12px/22px Palatino, Times, TimesNewRoman, 'Times New Roman', serif;
	padding: 0 12px 0 18px;
}

#content td.sidebar a  {
	color: #fff;
	font: 12px/22px Palatino, Times, TimesNewRoman, 'Times New Roman', serif;
	text-decoration:none;
}
#content td.sidebar a:hover  {
	color: #567e39;
	font: 12px/22px Palatino, Times, TimesNewRoman, 'Times New Roman', serif;
	text-decoration:underline;
}

#content td.sidebar strong {
	font: bold 12px/22px Helvetica, Arial, sans-serif;
}

.mag {
	color: #d71440;
}
.rst {
	color: #963223;
}

/*  **********  Body **********  */

#content .body {
	color: #333;
	font: 12px/14px Helvetica, Arial, sans-serif;
	background: #fff;
	padding: 0;
	margin: 0;
	height: 478px;
}

.mediumtext { padding:15px; }
.mediumtext li { color: #333; font: 12px/15px Helvetica, Arial, sans-serif; margin-bottom:10px; }

#projects_1, #projects_2 {
	color: #333;
	font: 12px/14px Helvetica, Arial, sans-serif;
	background: #fff;
	padding:12px;
	margin: 0;
}
#projects_1 .mapnav, #projects_2 .mapnav {
	padding:12px;
	background:#eee;
}

#content .body #swf {
	background: #fff;
	width: 100%;
}
#content .body #txt {
	width: 651px;
}
#content .body #txt div {
	padding: 12px;
}

/*  **********  Tom Fowler pages  **********  */

.hdr_tom {
	background-color: #963223;
}

.nav { display:inline-block; float:left; height:32px; padding:0; margin:0; -moz-transition:all 0.2s; -webkit-transition:all 0.2s; transition:all 0.2s; cursor:pointer; }
	.nav:hover { color:#fff; background:#963223; }
.nav_selected { background:#963223; }
	.nav_selected:hover { color:#fff; background:transparent; }
	
.slideshow { display:block; float:left; position:relative; background:#fff; width:900px; height:487px; border:none; overflow:hidden; margin:0px; }
.slideshow img { position:absolute; top:0; left:0; opacity:0.0; border:none; background:#fff; }
	.slideshow img.actv { opacity:1.0; z-index:3; }
	.slideshow img.last-active { z-index:2; }


/*  **********  Home  **********  */
.clr_home,
.hdr_home,
.ftr_home {
	background-color: #480922;
}
.sub_home {
	color: #480922;
	font-weight: bold;
}
.nav_home {
	width: 93px;
	height: 32px;
	background: #480922 url('../../images/nav_home.gif') no-repeat;
	padding:0;
	margin:0;
	overflow:hidden;
}
.nav_home:hover,
.nav_home_selected {
	background: #480922 url('../../images/nav_home_over.gif') no-repeat;
	padding:0;
	margin:0;
	overflow:hidden;
}
.ftr_home {
	color: #75495a;
	padding-left: 24px;
}

/*  **********  Sales & Marketing  **********  */

.clr_sales,
.hdr_sales,
.ftr_sales {
	background-color: #567e39;
}
.sub_sales {
	color: #567e39;
	font-weight: bold;
}
.green {
	color: #567e39;
}
.nav_sales {
	width: 270px;
	height: 32px;
	background: #567e39 url('../../images/nav_sales.gif') no-repeat;
	padding:0;
	margin:0;
	overflow:hidden;
}
.nav_sales:hover,
.nav_sales_selected {
	background: #567e39 url('../../images/nav_sales_over.gif') no-repeat;
	padding:0;
	margin:0;
	overflow:hidden;
}

	/*  **********  Subnav : Sales  **********  */
	
	#subnav_sales {
		width: 270px;
		padding: 0;
		margin: 0 0 0 93px;
		position: absolute;
		z-index: 100;
		visibility: hidden;
	}
	#subnav_sales div {
		background: transparent url('../../images/subnav_sales.png') repeat-x;
		padding: 0;
		margin: 0;
		text-align: center;
		border-bottom: 1px solid #567e39;
	}
	#subnav_sales a {
		color:#fff;
		font: normal 13px Helvetica, Arial, sans-serif;
		text-decoration:none;
		padding: 7px;
		display: block;
	}
	#subnav_sales a:hover,
	#subnav_sales a:active {
		color:#fff;
		text-decoration:underline;
	}

.ftr_sales {
	color: #7f9b6c;
	padding-left: 24px;
}

/*  **********  Case Studies  **********  */

.clr_casestudies,
.hdr_casestudies,
.ftr_casestudies {
	background-color: #0a787d;
}
.sub_casestudies {
	color: #0a787d;
	font-weight: bold;
}
#content a.lnk_casestudies {
	color: #0a787d;
	text-decoration:none;
}
#content td.sidebar div a.lnk_sub_casestudies {
	color: #fff;
	text-decoration:none;
}
#content a.lnk_casestudies:hover,
#content td.sidebar div a.lnk_sub_casestudies:hover {
	color: #0a787d;
	text-decoration:underline;
}
.nav_casestudies {
	width:154px;
	height:32px;
	background: #0a787d url('../../images/nav_casestudies.gif') no-repeat;
	padding:0;
	margin:0;
	overflow:hidden;
}
.nav_casestudies:hover,
.nav_casestudies_selected {
	background: #0a787d url('../../images/nav_casestudies_over.gif') no-repeat;
	padding:0;
	margin:0;
	overflow:hidden;
}

	/*  **********  Subnav : Casestudies  **********  */
	
	#subnav_casestudies {
		width: 154px;
		padding: 0;
		margin: 0 0 0 363px;
		position: absolute;
		z-index: 100;
		visibility: hidden;
	}
	#subnav_casestudies div {
		background: transparent url('../../images/subnav_casestudies.png') repeat-x;
		padding: 0;
		margin: 0;
		text-align: center;
		border-bottom: 1px solid #0a787d;
	}
	#subnav_casestudies a {
		color:#fff;
		font: normal 13px Helvetica, Arial, sans-serif;
		text-decoration:none;
		padding: 7px;
		display: block;
	}
	#subnav_casestudies a:hover,
	#subnav_casestudies a:active {
		color:#fff;
		text-decoration:underline;
	}

.ftr_casestudies {
	color: #4d989b;
	padding-left: 24px;
}

/*  **********  Projects  **********  */

.clr_projects,
.hdr_projects,
.ftr_projects {
	background-color: #aa4f05;
}
.sub_projects {
	color: #aa4f05;
	font-weight: bold;
}
.hdr_projects {
	color: #fff;
	padding:3px;
}
.hdr_projects a {
	color: #fff;
	text-decoration:none;
}
.hdr_projects a:hover {
	color: #fff;
	text-decoration:underline;
}
#projects_1 a,
#projects_2 a,
a.lnk_projects {
	color: #aa4f05;
	text-decoration:none;
}
#projects_1 a:hover,
#projects_2 a:hover,
a.lnk_projects:hover {
	color: #aa4f05;
	text-decoration:underline;
}
.nav_projects {
	width:124px;
	height:32px;
	background: #aa4f05 url('../../images/nav_projects.gif') no-repeat;
	padding:0;
	margin:0;
	overflow:hidden;
}
.nav_projects:hover,
.nav_projects_selected {
	background: #aa4f05 url('../../images/nav_projects_over.gif') no-repeat;
	padding:0;
	margin:0;
	overflow:hidden;
}
	
	/*  **********  Subnav : Projects  **********  */
	
	#subnav_projects {
		width: 124px;
		padding: 0;
		margin: 0 0 0 517px;
		position: absolute;
		z-index: 100;
		visibility: hidden;
	}
	#subnav_projects div {
		background: transparent url('../../images/subnav_projects.png') repeat-x;
		padding: 0;
		margin: 0;
		text-align: center;
		border-bottom: 1px solid #aa4f05;
	}
	#subnav_projects a {
		color:#fff;
		font: normal 13px Helvetica, Arial, sans-serif;
		text-decoration:none;
		padding: 7px;
		display: block;
	}
	#subnav_projects a:hover,
	#subnav_projects a:active {
		color:#fff;
		text-decoration:underline;
	}

.ftr_projects {
	color: #b97c49;
	padding-left: 24px;
}

/*  **********  Leadership  **********  */

.clr_leadership,
.hdr_leadership,
.ftr_leadership {
	background-color: #0b6b9d;
}
.sub_leadership {
	color: #0b6b9d;
	font-weight: bold;
}
.nav_leadership {
	width:138px;
	height:32px;
	background: #0b6b9d url('../../images/nav_leadership.gif') no-repeat;
	padding:0;
	margin:0;
	overflow:hidden;
}
.nav_leadership:hover,
.nav_leadership_selected {
	background: #0b6b9d url('../../images/nav_leadership_over.gif') no-repeat;
	padding:0;
	margin:0;
	overflow:hidden;
}

a.lnk_leadership {
	color: #0b6b9d;
	text-decoration:none;
}
a.lnk_leadership:hover {
	color: #0b6b9d;
	text-decoration:underline;
}

.ftr_leadership {
	color: #4e8fb1;
	padding-left: 24px;
}

/*  **********  Contact  **********  */


.clr_contact,
.hdr_contact,
.ftr_contact,
.clr_legal,
.hdr_legal,
.ftr_legal {
	background-color: #963223;
}
.sub_contact,
.sub_legal {
	color: #963223;
	font-weight: bold;
}
.nav_contact {
	width:121px;
	height:32px;
	background: #963223 url('../../images/nav_contact.gif') no-repeat;
	padding:0;
	margin:0;
	overflow:hidden;
}
.nav_contact:hover,
.nav_contact_selected {
	background: #963223 url('../../images/nav_contact_over.gif') no-repeat;
	padding:0;
	margin:0;
	overflow:hidden;
}

.ftr_contact,
.ftr_legal {
	color: #ac685e;
	padding-left: 24px;
}

/*  **********  Footer  **********  */

#ftr {
	color: #333;
	background:#fff;
	font: normal 10px Helvetica, Arial, sans-serif;
	text-align:right;
	padding: 0;
	margin-top: 12px;
	width: 900px;
	height: 28px;
	z-index:5;
}

#ftr a {
	color: #333;
	font: normal 10px Helvetica, Arial, sans-serif;
	text-decoration:none;
}
#ftr a:hover {
	color: #567e39;
	text-decoration:underline;
}

#ftrbar {
	font: 14px Palatino, Times, TimesNewRoman, 'Times New Roman', serif;
	padding: 0;
	margin: 0;
	width: 900px;
	height: 32px;
}
#ftrbar sup {
	font-size: 9px;
}

/*  **********  Forms  **********  */

form, form h3, form h4, form .sub_contact, form p { font-family:Arial, Helvetica, sans-serif; }

input { font-size:10px; }
input.red { background-color:#6C665C; font-weight:bold; font-size:12px; color:white; }
input.req { background-color:#FFFF99; }
			
input[type=text],
input[type=file],
input[type=password] {
	height:24px;
}
input[type=text],
input[type=file],
input[type=password],
textarea {
	border: 1px solid #aaa;
	background-color: #fff;
	padding:0;
	margin:0;
}
input[type=text]:hover,
input[type=file]:hover,
input[type=password]:hover,
textarea:hover {
	background-color: #ffc;
}
textarea.violet {background-color:#ccccff;}

.radiobutton {
	color: #000;
	font: 9pt Arial, Helvetica, sans-serif;
}

.formlabel {
	color: #333;
	font: 8pt Arial, Helvetica, sans-serif;
	text-align: right;
}
.formlabelerror {
	color: #f00;
	font: 8pt Arial, Helvetica, sans-serif;
	text-align: right;
}
.formdata {
	color: #333;
	font: 8pt Arial, Helvetica, sans-serif;
	text-align: left;
}
.formdataerror {
	color: #f00;
	font: 8pt Arial, Helvetica, sans-serif;
	text-align: left;
}

.formdataerror input[type=text],
.formdataerror input[type=password],
.formdataerror textarea,
.formdataerror select {
	color: #f00;
	background-color: #fee;
}

input[type=text]:hover,
input[type=password]:hover,
.formdataerror input[type=text]:hover,
.formdataerror input[type=password]:hover {
	background-color: #ffc;	
}

.submit-cnt { display:block; float:right; height:40px; width:160px; background:#963223; margin:0; padding: 0 10px; font-size:15px; color:#FFF; line-height:36px; font-family:Arial, Helvetica, sans-serif; border-radius:4px; 
	-moz-border-radius:4px; -webkit-border-radius:4px; -moz-appearance:button; -webkit-appearance:button; box-shadow:none !important; -webkit-box-shadow:none; border:none; outline:none; cursor:pointer; }
	.submit-cnt:hover { background:#000; }
.error { padding:0 0 2%; margin:0; text-align:left; font-size:15px; color:#f00; font-family:Arial, Helvetica, sans-serif; }

#success { padding:2% 0 0 0;}
	#success p { font-family:Arial, Helvetica, sans-serif;font-size:15px;line-height:15pt;color:#4b4d4b;text-align:center;}


.wide {
	width:200px;
}
.wider {
	width:340px;
}
.widest {
	width:495px;
}

.style1 { font-size:12px; font-family:Helvetica, Arial, sans-serif; }


/* ***************************************** */

/*  Highslide Styles  */

.highslide {
	cursor: url('/assets/js/highslide_3_2_5/highslide/graphics/zoomin.cur'), pointer;
    outline: none;
}
.highslide img {
	background-color: transparent;
	padding: 0;
	margin: 0;
}
.highslide-html {
    background-color: #ffffff;
}
.highslide-html-content {
	position: absolute;
    display: none;
    padding: 10px;
}
.highslide-image {
	border: 10px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 5px solid white;
    border-top: none;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}