@charset "utf-8";
/* CSS Document */

body {
	
	font-size: 75%;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	line-height: 1.6em;
	
}

body#home {
	
	background: url(images/bgHome.jpg) repeat-x left 155px;
	
}

body.not-front {
	
	background: url(images/bgOther.jpg) repeat-x left 155px;
	
}

a {
	
	text-decoration: none;
	color: #e31b24;
	
}

a:hover {
	
	text-decoration: underline;
	
}

h1 {
	
	font-size: 14px;
	text-transform: uppercase;
	color: #000000;
	font-weight: bold;
	padding-bottom: 20px;
	border-bottom: 1px dotted #d9d9d9;
	margin-bottom: 20px;
	
}

h2 {
	
	font-size: 1.5em;
	line-height: 1.5em;
	
}

h3 {
	
	padding: 0 20px 10px 35px;
	font-size: 1.17em;
	text-transform: uppercase;
	border-bottom: #d9d9d9 1px dotted;
	
}

em {
	
	color: #e31b24;

}

h1 strong {
	
	font-size: 24px;
	display: block;
	
}

strong {
	
	font-weight: bold;
	
}

.content p {
	
	margin: 0 20px 20px 20px;
	
}

.content ul {
	
	margin-left: 20px;
	margin-top: 20px;
	padding-left: 15px;

	
}

.content li {
	
	padding-left: 10px;
	padding-bottom: 5px;
	
}

li {
	
	list-style-image: url(images/bullet.gif);
	
}

.content h3 {
	
	width: 260px;
	margin-top: 20px;
	margin-bottom: 20px;

}

.contact .fullBorder h3 {
	
	margin: 0;
	padding: 0;
	border: none;
	
}

.contact h4 {
	
	text-transform: uppercase;
	color: #e31b24;
	font-weight: bold;
	margin-top: 0;
	
}

.contact .fullBorder {
	
	padding:20px;
	
}

.contact .fullBorder .tagline {
	
	margin: 20px 0;
	
}

#meta {
	
	height: 40px;
	
}

#meta input {
	
	color: #999999;
	
}

#meta input:focus {
	
	color: #111111;
	
}

#meta p {
	
	position: absolute;
	left: 0;
	top: 20px;
	
}

textarea {
	
	margin-bottom: 10px;
	
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

#wrapper {
	
	width: 982px;
	margin: 0 auto;
	
}

#header {
	
	height: 125px;
	position: relative;
	width: 982px;
	
}

#logo {
	
	text-indent: -9999px;
	background: url(images/logo.jpg) top left no-repeat;
	width: 100px;
	height: 77px;
	display: block;
	position: absolute;
	top: 25px;
	left: 22px;
	
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

#priMenu {
	
	text-align: right;
	padding-top: 90px;
	
}

#priMenu a:hover {
	
	color: #333333;
	margin-bottom: 4px;

}

#priMenu li {
	
	display: inline;
	text-transform: uppercase;
	font-weight: bold;
	padding: 0 20px;
	border-right: #c8c8c8 1px dotted;
	padding-bottom: 2px;
	cursor: default;
	
}

#priMenu li.active {
	
	background: url(images/activeArrow.gif) left 2px no-repeat;
	
}

#priMenu li.active a {
	
	color: #333333;
	
}

#footerMenu li {

	display: inline;
	text-transform: uppercase;
	border-right: #c8c8c8 1px dotted;
	font-size: 10px;
	padding: 0 10px;
	
}

#footerMenu li.first {
	
	padding-left: 0;
	
}

#priMenu li.last,
#footerMenu li.last {
	
	border-right: none;
	padding-right: 0;
	
}

#priMenu li a,
#footerMenu li a {
	
	color: #999999;

}

#footerMenu li a:hover {

	text-decoration: underline;

}

.subMenu {
	
	float: right;
	background: #404040;
	padding: 4px 20px;
	position: absolute;
	right: 0;
	border-top: 2px solid #FFFFFF;
	width: 942px;
	height: 31px;
	padding-top: 8px;
	border-bottom: 1px solid #ffffff;
	z-index: 999;
	top: 109px;
	
}

.subMenu li {

	display: inline;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	padding: 0 18px !important;
	background: url(images/subBullet.jpg) 8px 2px no-repeat;
	border: none !important;
	
}

.subMenu li a {
	
	color: #cccccc !important;
	
}

.subMenu li a:hover {
	
	color: #ffffff !important;
	
}

#priMenu li.about ul,
#priMenu li.services ul {
	
	display: none;
	
}

#priMenu li.about:hover ul,
#priMenu li.services:hover ul {
	
	display: block;
	
}

.sideSub li {
	
	padding: 0 5px 10px 0 !important;
	list-style-image: url(images/smallBullet.gif);
	text-transform: capitalize;
	
}

ul.sideSub {
	
	margin-left: 25px;
	
}

li.sideSub {
	
	border-bottom: 1px solid #eeeeee;
	padding-bottom: 5px !important;
	
}

#sideMenu {
	
	text-transform: uppercase;
	
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

#jBanner {
	
	height: 400px;
	width: 982px;
	position: relative;
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	overflow: hidden;
	z-index: -10;

	
}

#slides {
	
	height: 400px;
	width: 982px;
	overflow: hidden;

	
}

	#slideTag {
		
		background: url(images/80.png);
		height: 150px;
		width: 272px;
		position: absolute;
		right: 0;
		top: -270px;
		z-index: 999;
		
	}
	
	#slideTag .featured {
		
		background: url(images/featured.png) top left no-repeat;
		width: 272px;
		height: 37px;
		
	}
	
	#slideTag div.featured .inner {
		
		width: 98px;
		margin-left: 160px;
		
	}

	.arrow {
		
		display: block;
		width: 20px;
		height: 37px;
		text-indent: -9999px;
		background: url(images/arrows.png) no-repeat;
		cursor: pointer;

	}
	
		.leftArrow {
			
			float: left;
			
		}
		
		.leftArrow:hover {
			
			background-position: 0 -37px;
			
		}
		
		.rightArrow {
			
			float: left;
			background-position: -20px 0;
			
		}
		
		.rightArrow:hover {
			
			background-position: -20px -37px;
			
		}
		
		#number,
		#latest {
			
			float: left;
			padding: 8px 5px 0 5px;
			margin: 0;
			
		}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

.slide {
	
	width: 982px;
	height: 400px;
	float: left;
	z-index: 5;
	
}

#slideOne {
	
	background: url(images/banner/banners_manning_centre.jpg) no-repeat top left;
	
}

#slideTwo {
	
	background: url(images/banner/banners_vaughan.jpg) no-repeat top left;
	
}

#slideThree {
	
	background: url(images/banner/banners_ibew.jpg) no-repeat top left;
	
}

#slideFour {
	
	background: url(images/banner/banners_sas.jpg) no-repeat top left;
	
}

#slideFive {
	
	background: url(images/banner/banners_shell_albian_sands.jpg) no-repeat top left;
	
}

#slideSix {
	
	background: url(images/banner/banners_inksta.jpg) no-repeat top left;
	
}
		
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

#tags {
	
	height: 113px;
	text-align: right;
	width: 232px;
	overflow: hidden;
	padding: 0 20px;
	font-weight: bold;
	font-size: 10px;
	
}

#tags .accent {
	
	font-size: 14px;
	margin: 5px 0 10px 0;
	font-weight:normal;
	
}

.tag {
	
	padding: 10px 0 0 0;
	height: 103px;
	
}

#tags .inner {
	
	margin-top: -791px;
	
}

#slideTag .container {
	
	position: relative;
	
}

#slideTag .more {
	
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #c01c23;
	display: block;
	color: #FFF;
	padding: 10px;
	font-weight: bold;
	font-size: 10px;
	
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

.not-front #Banner {
	
	height: 185px;
	
}

.about #Banner {

	background: url(images/banner/joi_media_header_about.jpg) top left no-repeat;

}

.services #Banner {
	
	background: url(images/banner/joi_media_header_services.jpg) top left no-repeat;
	
}
.portfolio #Banner {
	
	background: url(images/banner/joi_media_header_portfolio.jpg) top left no-repeat;
	
}

.contact #Banner {
	
	background: url(images/banner/joi_media_header_contact.jpg) top left no-repeat;
	
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
#container {
	
	margin-top: 10px;
	border-top: #e31b24 solid 4px;
	overflow: hidden;
	
}

body.front #container {
	
	padding-top: 30px;
	
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

.column {
	
	float: left;
	
}

body.front #columnOne {
	
	border: 1px solid #eeeeee;
	padding: 20px;
	width: 283px;
	padding-bottom: 22px;
	
}

body.front #columnTwo {
	
	width: 292px;
	margin-left: 10px;
	
}

body.front #columnThree {

	width: 320px;
	margin-left: 30px;
	position: relative;
	height: 241px;
	
}

body.front #columnThree li {
	
	list-style-image: none;
	
}

body.front #columnThree h3 {
	
	margin: 0;
	border: none;
	padding: 0;
	margin-bottom: 15px;
	color: #444444;
	font-size: 1.17em;
	text-transform: uppercase;
	font-weight: bold;
	background: url(images/recent.png) no-repeat center left;
	padding-left: 43px;
	padding-top: 8px;
	border: 1px solid #eeeeee;
	margin-left: -15px;
	width: 295px;
	
}

.tweetList {
	
	position: relative;
	padding-top: 40px;
	
}

.tweetList small {
	
	position: absolute;
	top: -30px;
	left: 0;
	display: block;
	text-transform: capitalize;
	width: 200px;
	
}

.tweetList small .accent {
	
	text-transform: capitalize;
	
}

.tweetList li {
	
	position: absolute;
	margin-bottom: 25px;
	display: none;
	
}

.tweetList .tweet_content_0 {
	
	display: block;
	
}

#overlay {
	
	background-color:#ffffff;
	width: 320px;
	height: 140px;
	z-index: 600;
	position: absolute;
	top: 55px;
	display: none;
	
}

#follow {

	background: url(images/fade.jpg) top left no-repeat;
	padding-top: 20px;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	width: 320px;
	
}

#follow a {
	
	display: block;
	text-indent: -9999px;
	float: left;
	
}

#follow p {
	
	float: left;
	color: #e31b24;
	text-transform: uppercase;
	padding-right: 10px;
	font-weight: bold;
	
}

#followTwitter {
	
	background: url(images/follow.jpg) 0 -18px no-repeat;
	height: 18px;
	width: 58px;
	
}
	#followTwitter:hover {
		background-position: 0 0;
	}

#followFacebook {
	
	background: url(images/follow.jpg) -58px -18px no-repeat;
	height: 18px;
	width: 58px;
	
}
	#followFacebook:hover {
		background-position: -58px 0;
	}

#followLinkedIn {
	
	background: url(images/follow.jpg) -116px -18px no-repeat;
	height: 18px;
	width: 66px;

}
	#followLinkedIn:hover {
		background-position: -116px 0;
	}
	
#followFlickr {
	
	background: url(images/follow.jpg) -208px -18px no-repeat;
	height: 18px;
	width: 47px;
	
}

	#followFlickr:hover {
		
		background-position: -208px 0;

	}
	
#followRSS {
	
	background: url(images/follow.jpg) -182px -18px no-repeat;
	height: 18px;
	width: 27px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	top: 10px;
	right: 0;

}
	#followRSS:hover {
		background-position: -182px 0;
	}

.microBanner {
	
	width: 288px;
	height: 112px;
	border: 1px solid #eeeeee;
	padding-right: 2px;

}

#dbp { margin-bottom: 13px; }

#dbp a {
	
	display: block;
	text-indent: -9999px;
	background: url(images/miniBanner.jpg) 0 0 no-repeat;
	height: 112px;
	width: 288px;
	
}

	#dbp a:hover {
		
		background-position: 0 -112px;
		
	}

#jttw a {
	
	display: block;
	text-indent: -9999px;
	background: url(images/miniBanner.jpg) -290px 0 no-repeat;
	height: 112px;
	width: 288px;
	
}

	#jttw a:hover {
		
		background-position: -290px -112px;
		
	}

#meta {
	
	overflow: hidden;
	position: absolute;
	top: 30px;
	right: 0;
	width:480px;
	
}

#metaLogin {
	
	display: block;
	background: url(images/login.jpg) center right no-repeat;
	padding-right: 30px;
	padding-left: 10px;
	border-left: 1px dotted #c8c8c8;
	width: 30px;
	float: right;
	font-size: 10px;
	text-transform: uppercase;
	color: #999999;
	
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

	body.about #columnOne,
	body.services #columnOne {
		
		width: 225px;
		
	}
	
	body.about #columnTwo,
	body.services #columnTwo {
		
		width: 502px;
		margin: 0 30px 0 0;
		border-left: 1px solid #eeeeee;
		padding-left: 29px;
		
	}
	
	body.about #columnThree,
	body.services #columnThree {
		
		width: 195px;
		
	}
	
	body.contact #columnOne {
		
		width: 502px;
		
	}
	
	body.contact #columnTwo {
		
		width: 450px;
		margin-left: 30px;
		
	}
	
	#orderedList p {
		
		margin-left: 35px;
		
	}
	
	#breadCrumbs {
		
		padding: 10px 0 16px 0;
		margin-top: 0;
		margin-left: 0;
		
	}
	
	#breadCrumbs li {
		
		display: inline;
		padding: 0 25px 0 0;
		background: url(images/breadCrumbs.gif) top right no-repeat;
		
	}
	
	#breadCrumbs li.last {
		
		background-position: right -15px;
		
	}

	
		#breadCrumbs li a {
			
			color: #666666;
			
		}
		
		.content #breadCrumbs li a {
			
			font-size: 11px;
			
		}
		
		#breadCrumbs li.last a {
			
			color: #e31b24;
			
		}
		
	#sideMenu li a {
		
		color: #666666;
		
	}
	
	#sideMenu li a:hover {
		
		color: #e31b24 !important;
		
	}
	
	#sideMenu li {
		
		padding: 14px 10px 11px 20px;
		
	}
	
	#sideMenu li.active {
	
		background-color: #f6f6f6;
		border-bottom: #eeeeee 1px solid;
		border-top: #eeeeee 4px solid;
		padding: 10px;
		padding-left: 20px;
		
	}
	
	#sideMenu .sideSub li.active {
		
		background-color: #FFFFFF;
		border: none;
		
	}
	
	#sideMenu li.active a {
		
		color: #e31b24;
		
	}
	
	.listOne {
		
		background: url(images/listOne.png) top left no-repeat;
		
	}
	
	.listTwo {
		
		background: url(images/listTwo.png) top left no-repeat;
		
	}
	
	.listThree {
		
		background: url(images/listThree.png) top left no-repeat;
		
	}
	
	.vision {
		
		background: url(images/vision.png) top left no-repeat;
		
	}
	
	.job {
		
		background: url(images/career.png) top left no-repeat;
		
	}
	
	.mission {
		
		background: url(images/mission.png) top left no-repeat;
		
	}
	
	.news {
		
		background: url(images/news.png) top left no-repeat;
		
	}	
	
	#testimonials {
		
		border-top: 4px solid #eeeeee;
		margin-top: 45px;
		
	}
	
	#testimonials h3 {
		
		margin: 10px 0 0 0;
		border: none !important;
		color: #999999;
		padding: 0;
		
	}
	
	#testimonial .content p {
		
		margin: 0 15px 20px 15px;
		
	}
	
	.testimonial {
		
		border-top: 1px solid #eeeeee;
		border-bottom: 1px solid #eeeeee;
		background: url(images/quotes.gif) #f6f6f6 top left no-repeat;
		text-indent: 50px;
		margin: 0 !important;
		padding: 30px 15px;
		
	}
	
	.content .testimonial,
	.content .testimonialEven {
		
		margin-top: 35px !important;
		
	}
	
	.testimonialEven {
		
		border: 1px solid #eeeeee;
		background: url(images/quotesZebra.gif) #ffffff top left no-repeat;
		text-indent: 50px;
		margin: 0 !important;
		padding: 30px 15px;
		
	}
	
	.from {
		
		margin: 0 0 25px 0 !important;
		background: url(images/speechArrow.gif) top left no-repeat;
		padding: 20px 0 0 0;
		
	}
	
	.services #getInTouch,
	.about #getInTouch {
		
		background: url(images/map.jpg) left 10px no-repeat;
		margin-top: 45px;
		padding-bottom: 50px;
		
	}
	
	.contact #getInTouch {
		
		border-left: 1px solid #eeeeee;
		border-bottom: 1px solid #eeeeee;
		border-top: 1px solid #eeeeee;
		padding: 20px;
		height: 68px;
		margin-bottom: 30px;
		
	}
	
	#getInTouch h3 {
		
		margin: 10px 0;
		color: #999999;
		border-top: #eeeeee solid 4px !important;
		border-bottom: #eeeeee solid 1px !important;
		padding: 7px 2px 0 2px;
		margin-bottom: 15px;
		
	}
	
	#getInTouch h4 {
		
		text-transform: uppercase;
		color: #e31b24;
		font-weight: bold;
		
	}
	
	#getInTouch p {
		
		margin-bottom: 20px;
		
	}
	
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

	#members {
		
		border-top: 1px solid #eeeeee;
		padding: 0 20px 20px 0;
		margin-left: 20px;
		
	}
	
	.member {
	
		border-bottom: 1px solid #eeeeee;
		overflow: hidden;
		padding-top: 20px;
		padding-bottom: 20px;
		cursor: pointer;
		
	}
	.content .member h3 {
		
		border: none;
		margin: 0;
		padding: 0;
		
	}
	
	.content #members h2 {
		
		padding: 10px 0;
		border-bottom: 1px solid #eeeeee;
		color: #e31b24;
		
	}
	
	.content .member h4 {
		
		border-bottom: 1px #d9d9d9 dotted;
		padding-bottom: 10px;
		width: 200px;
		margin-top: -5px;
		
	}
	
	.content .member p {
	
		margin: 10px 0 0 0;
		
	}

	.member .info {
		
		width: 360px;
		margin-left: 10px;
		float: left;
		
	}
	
	#openAll,
	#closeAll {
		
		cursor: pointer;
		text-transform: uppercase;
		font-size: 10px;
		color: #999999;
		padding: 3px;
		border: solid 1px #eeeeee;
		
	}
	
	#openAll:hover,
	#closeAll:hover {
		
		color: #e31b24;
		
	}
	
	#toggles {
		
		text-align:right;
		margin-top: 20px;
		
	}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

body.portfolio #columnOne {
	
	width: 982px;
	
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

.contact .column input {
	
	display: block;
	margin-bottom: 10px;
	
}

.contact .column label {
	
	display: block;
	margin: 5px 0;	
	
}

#viewMap {
	
	display: block;
	float: right;
	background-color: #e31b24;
	color: #ffffff;
	padding: 4px 15px;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	line-height: 10px;
	
}

#contact #columnTwo h3 {
	
	padding: 10px 0 0 0;
	
}

#contact iframe {
	
	border: 2px solid #eeeeee;
	margin-bottom: -5px;
	
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

#footer {
	
	border-top: 1px solid #e31b24;
	padding-top: 10px;
	margin-top: 60px;
	padding-bottom: 20px;
	overflow: hidden;
	
}

#footer p {
	
	color: #999999;
	float: left;
	
}

#footer ul {
	
	float: right;
	
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

.posting h4 {
	
	text-transform: uppercase;
	color: #e31b24;
	font-weight: bold;
	padding: 10px 20px;
	
}

.posting h4:hover {
	
	color: #ffffff;
	background-color: #e31b24;
	
}

.posting {
	
	border: 1px solid #eeeeee;
	width: 500px;
	cursor: pointer;
	
}

.posting h3 {
	
	border: none;
	margin-bottom: -20px;
	padding: 0 10px 10px 20px;
	
}

.posting .info {
	
	padding-bottom: 20px;
	margin-top: 10px;
	width: 480px;
	
}


/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

#textSize {
	
	height: 24px;
	width: 972px;
	border-bottom: 4px #eeeeee solid;
	text-align: right;
	padding-top: 6px;
	padding-right: 10px;
	font-size: 10px;
	
}

.project #textSize {
	
	width: 306px;
	float: right;
	padding-top: 0;
	margin-top: -4px;
	
}

#textSize a {
	
	color: #999999;
	font-weight: bold;
	cursor: pointer;
	
}

#textSize a:hover {
	
	text-decoration: none;
	color: #333333;
	
}

.current {
	
	color: #000000 !important;
	
}

#size1 {
	
	padding: 0 5px 0 10px;
	
}

#size2 {
	
	font-size: 1.2em;
	border-left: 1px solid #999999;
	padding: 0 5px;
	
}

#size3 {
	
	font-size: 1.4em;
	border-left: 1px solid #999999;
	padding: 0 5px;
	
}

#contact #textSize {
	
	margin-bottom: 25px;
	
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

.contentImg {
			 
	margin-bottom: 15px;
	border: 1px solid #eeeeee;

}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
.accent,
.error {
		
	color: #e31b24 !important;
		
}

.bold {
	
	font-weight: bold;
	
}

.tagline {
	
	padding: 20px;
	background-color: #eeeeee;
	margin-bottom: 20px;
	
}

h2.tagline {
	
	height: 81px;
	
}

.member img {
	
	background: #e31b24; width: 90px; height: 100px; float: left;

}

.fullBorder {
	
	border: 1px solid #eeeeee;
	margin-top: 20px;
	
}

.dottedBottom {
	
	border-bottom: 1px #d9d9d9 dotted;
	padding-bottom: 20px;
	margin-bottom: 20px;
	
}

.type {
	
	width: 360px;
	
}

.bullet {
	
	background: url(images/bullet.gif) center left no-repeat;
	width: 6px;
	margin: 0 3px;
	height: 10px;
	display: inline-block;
	
}

#contact div.content .contactLeft {
	
	float: left;
	width: 125px;
	margin: 0;
	
}

.clear {
	
	clear: both;
	
}

div.fullBorder {
	
	padding-bottom: 20px;
	padding-top: 20px;
	
}

#sIFRcontainer {
	
	overflow: hidden;
	border-bottom: 1px dotted #d9d9d9;
	margin-bottom: 8px;
	padding-bottom: 1px;
	
}

#sIFRcontainer h1 {
	
	float: left;
	padding: 0;
	margin: 0;
	border: none;
	
}

.sIFR-active #designingA {
	
	width: 106px;
	height: 18px;
	
}

.sIFR-active #lasting {
	
	width: 75px;
	height: 18px;
	
}

.sIFR-active #firstImpression {
	
	width: 300px;
	font-weight: bold;
	
}

.introImg {
	
	float: right;
	margin-left: 10px;
	
}

#dots {
	
	position: absolute;
	bottom: 40px;
	z-index: 9999;
	
}

#dots .active {
	
	background-position: 0 -20px;
	
}

.dot {
	
	width: 19px;
	height: 20px;
	background: url(images/twitterActive.gif) top left no-repeat;
	float: left;
	cursor: pointer;
	
}