@charset "utf-8";
/* CSS Document */
/* Forms Input */
#facilityBtn{
	position:absolute;margin-top:283px;margin-left:100px;
}
#hiringBtn{
	position:absolute;margin-top:335px;margin-left:100px;
}
input {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
        background: #FFFFFF;
        width:207px;
	height:16px;
	padding:2px;
	border:1px solid #555555;
	color:#0e0e0e;
}

input:focus {
	background: #dddddd;
	border:1px solid #0e0e0e;
}


input.areacode {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
        background: #FFFFFF;
        width:75px;
	height:16px;
	padding:2px;
	border:1px solid #555555;
	color:#0e0e0e;
}
input.areacode:focus {
        background: #dddddd;
	border:1px solid #0e0e0e;
}
input.digits {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
        background: #FFFFFF;
        width:115px;
	height:16px;
	padding:2px;
	border:1px solid #555555;
	color:#0e0e0e;
}
input.digits:focus {
        background: #dddddd;
	border:1px solid #0e0e0e;
}
input.submit {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #FFFFFF;
        width:125px;
	height:25px;
	padding:2px;
	border:1px solid #555555;
	color:#0e0e0e;
}
input.checkbox {
	width:20px;
	margin-top:8px;
}
textarea {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width:500px;
	height:100px;
	background: #FFFFFF;
	padding:2px;
	border:1px solid #555555;
	color:#0e0e0e;
}
textarea:focus {
        background: #dddddd;
	border:1px solid #0e0e0e;
}
/* End Forms Input */
/* Tags */
	/* General */
		* {
			margin: 0;
			padding: 0;	
		}
		img {
			border: 0;	
		}
		body {
			background-color: #FFF;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			color: #666666;	
			overflow-x: hidden;
		}
		a {
			outline: none;
			color: #004880;
		}
		p {
			margin: 2px 0 10px 0;
			line-height: 16px;
		}
		h1 {
			color: #f88326;
			font-size: 24px;
			margin: 10px 0 0 0;
		}
		h1.smlHeader {
			font-size: 18px;
			margin: 0;	
		}
		h2 {
			margin: 25px 0 0 0;
			font-size: 18px;
		}
		h3 {
			font-size: 14px;
			margin: 2px 0 2px 15px;	
		}
		ul {
			margin-top: 5px;
			margin-left: 60px;
			list-style-image: url(/images/bullet.jpg);
			list-style-position: outside;
		}
		td {
			vertical-align: top;	
		}
	/* End General */
/* End Tags */

/* IDs */
	/* General */
		#header {
			width: 100%;
			height: 70px;
			padding-top: 30px;
			text-align: center;
		}
		#header h1 {
			margin: 0;	
		}
		#blkBanners {
			background-color: #000;
			width: 100%;	
		}
		#banners {
			width: 100%;
		}
		#title {
			background-color: #FFF;
			width: 100%;
			height: 54px;	
		}
		#title .navigation {
			position: absolute;
			right: 0px;
			top: 34px;
			text-align: right;
			width: 700px;
			font-size: 14px;
		}
		#title .navigation a {
			color: #9a9a9a;
			font-size: 14px;
			text-decoration: none;
			margin-left: 40px;
		}
		#title .navigation span {
			color: #f06700;
			margin-left: 40px;
		}
		#title .navigation a:hover {
			color: #f06700;
		}
		#content {
			padding-top: 13px;
			width: 100%;	
		}
		#phoneFooter {
			text-align: center;
			margin-top: 40px;
			width: 100%;
			font-size: 16px;
		}
		#footer {
			width: 100%;	
		}
		#flash {
			border: none;	
		}
		#rolloverSPAN {
			font-size: 10px;	
		}
		#rolloverSPAN a {
			display: inline;
			height: 20px;
			color: #f88326;
			text-decoration: none;
		}
	/* End General */
	
	/* Navigation */
		#header a {
			display: block;
			float: left;
			background-position: left;
			height: 54px;	
		}
		#header a:hover {
			background-position: right;	
		}
		#header a span {
			display: none;	
		}
		#footer {
			font-size: 10px;
		}
		#footer .wrapper {
			border-top: #CECECE 1px solid;
			padding: 10px 0 20px 0;
			margin-top: 30px;
		}
		#footer .footerLogo {
			float: left;
			margin-right: 50px;	
		}
		#footer span {
			color: #9a9a9a;
			margin-right: 10px;	
		}
		#footer .text a {
			color: #5d5d5d;
			padding-left: 10px;
			text-decoration: none;
		}
		#footer .text a:hover {
			color: #9a9a9a;
		}
		#footer .text .rgtBorder {
			border-right: #9a9a9a 1px solid;
			padding-right: 10px;
		}
		#footer span a {
			color: #5d5d5d;
			text-decoration: none;
		}
	/* End Navigation */
	
	/* Content */
	
	/* End Content */
/* End IDs */

/* Classes */
	/* General */
		.wrapper {
			position: relative;
			width: 950px;
			margin: 0 auto 0 auto;
		}
		
.wrapper3 {
			position: relative;
			width: 950px;
			margin: 0 auto 0 auto;
			height:356px;
		}

.floatLeft {
			float: left;	
		}
		.floatRight {
			float: right;	
		}
		.clear {
			clear: both;	
		}
	/* End General */
	
	/* Navigation */
		.logo {
			background-image: url(/images/header/nav_mediabutton.jpg);
			width: 139px;
		}
		.videoProduction {
			background-image: url(/images/header/nav_video.jpg);
			width: 135px;
		}
		.websiteDesign {
			background-image: url(/images/header/nav_website.jpg);
			width: 129px;
		}
		.cdDVD {
			background-image: url(/images/header/nav_multimedia.jpg);
			width: 134px;	
		}
		.otherServices {
			background-image: url(/images/header/nav_other.jpg);
			width: 124px;	
		}
		.aboutUs {
			background-image: url(/images/header/nav_aboutus.jpg);
			width: 92px;	
		}
		.portfolio {
			background-image: url(/images/header/nav_portfolio.jpg);
			width: 90px;
		}
		.contact {
			background-image: url(/images/header/nav_contact.jpg);
			width: 85px;	
		}
		.viewPortfolio {
			display: block;
			width: 180px;
			height: 44px;
			background-image: url(/images/viewPortfolio.png);
			background-position: left;
		}
		.contactUs {
			display: block;
			width: 219px;
			height: 45px;
			background-image: url(/images/cta_contact.jpg);
			background-position: left;	
		}
		.viewPortfolio:hover, .contactUs:hover {
			background-position: right;	
		}
		.viewPortfolio span, .contactUs span {
			display: none;	
		}
		.roof {
			position: relative;
			height: 350px;
		}
		.roof img {
			float: right;
		}
		.roof .viewPortfolio {
			position: absolute;
			bottom: 25px;
			left: 100px;
		}
	/* End Navigation */
	
	/* Text */
		.bold {
			font-weight: bold;	
		}
		.center {
			text-align: center;	
		}
		.blkTXT {
			color: #000;	
		}
		.greyTXT {
			font-size: 38px;
			color: #666666;	
		}
		.orangeTXT {
			font-size: 22px;
			color: #e36c0a;
		}
		.whiteTXT {
			color: #FFF;
			font-size: 16px;	
			line-height: 22px;	
		}
		.bigTXT {
			color: #666;
			font-size: 16px;	
			line-height: 22px;
		}
		.hugeTXT {
			font-size: 38px;	
		}
	/* End Text */
	
	/* Content */
		.catLength {
			display: block;
			color: #FFF;	
		}
		.flash_bg {
			color: #FFF;
			background-image: url(/images/flash_bg.gif);
			background-repeat: repeat-x;
			min-height: 400px;	
		}
		.lftColumn {
			float: left;
			width: 530px;
			margin-right: 20px;
		}
		.rgtColumn {
			float: left;
			width: 400px;
		}
		.lftColumn1x1 {
			float: left;
			width: 460px;
			margin-right: 20px;
		}
		.rgtColumn1x1 {
			float: left;
			width: 470px;
		}
		.lftColumn1x2 {
			float: left;
			width: 330px;
			margin-right: 20px;
		}
		.rgtColumn1x2 {
			float: left;
			width: 600px;
		}
		.lftColumn2x1 {
			float: left;
			width: 550px;
			margin-right: 20px;
		}
		.rgtColumn2x1 {
			float: left;
			width: 380px;
		}
		.text {
			text-align: center;	
		}
		.listLft {
			float: left;
			width: 240px;	
			margin-right: 10px;
		}
		.soldOnHold {
			width: 400px;
			margin: 50px auto 0 auto;	
		}
		.soldOnHold .txt {
			float: left;
			width: 200px;
			text-align:right;
			border-right: #9a9a9a 1px solid;
			padding-right: 10px;
		}
		.soldOnHold .getSoldOnHold {
			float: left;
			display: block;
			background-image: url(/images/sold_on_hold.jpg);
			background-position: left;
			width: 141px;
			height: 52px;
		}
		.soldOnHold .getSoldOnHold:hover {
			background-position: right;	
		}
		.soldOnHold .getSoldOnHold span {
			display: none;	
		}
		.marginNone {
			margin: 0;
		}
		.marginAll {
			margin: 10px 10px 10px 10px;	
		}
		.listBullets ul {
			margin-left: 20px
		}
		.listBullets h3 {
			margin: 0;	
		}
		.recentProjects {
			width: 300px;
			height: 200px;
			overflow: scroll;
			overflow-x: hidden; 
			border: #d6d6d6 1px solid;
			margin-left: 35px;
			margin-bottom: 20px;
		}
		.newsDIV {
			width: 300px;
			height: 200px;
			overflow: scroll;
			overflow-x: hidden; 
			border: #d6d6d6 1px solid;
			margin-left: 35px;
		}
		.newsDIV h2, .recentProjects h2 {
			color: #f88326;
			background-color: #d6d6d6;
			text-align: center;
			padding: 5px 0 5px 0;
			margin: 0;
		}
		.newsDIV ul, .recentProjects ul {
			margin: 0;
			list-style: none;
			list-style-image: none;	
		}
		.newsDIV li, .recentProjects li {
			margin: 10px 0 10px 0;	
		}
		.newsDIV .newsContainer, .recentProjects .newsContainer {
			padding: 0 5px 0 5px;	
		}
		.sideHeader {
			margin: 0 0 0 35px;
		}
		.newsDIV .text_side_date, .date {
			font-weight: bold;
			font-style: italic;
		}
	/* End Content */
/* End Classes */

/* Portfolio */
	.portfolioListing {
		position: relative;
		background-color: #dddcdc;
		float: left;
		width: 280px;
		height: 345px;
		margin: 0px 8px 25px 8px;
		padding: 10px;
		color: #474747;
		font-size: 11px;
	}
	.viewMore {
		position: absolute;
		font-size: 10px;
		bottom: 5px;
		right: 5px;
		z-index: 9;
	}
	.portfolioListing a img, .portfolioListingVideo a img {
		border: #7b7b7b 1px solid;
	}
	.portfolioListing a img:hover, .portfolioListingVideo a img:hover {
		border: #f5882c 1px solid;
	}
	.portfolioListing h1 {
		color: #f5882c;
		font-size: 16px;
		margin-top: 4px;
	}
	
	/* LOGO LISTING */
	.logoListing {
		position: relative;
		background-color: #dddcdc;
		float: left;
		width: 280px;
		height: 235px;
		margin: 0px 8px 25px 8px;
		padding: 10px;
		color: #474747;
		font-size: 11px;
	}
	.logoListing a img, .logoListingVideo a img {
		border: #7b7b7b 1px solid;
	}
	.logoListing a img:hover, .logoListingVideo a img:hover {
		border: #f5882c 1px solid;
	}
	.logoListing h1 {
		color: #f5882c;
		font-size: 16px;
		margin-top: 4px;
	}
	#topNav {
		position: relative;
		background-color: #ede9e9;
		border-top: #999 2px solid;
		width: 950px;
		height: 20px;
		line-height: 30px;
		padding: 5px 5px 5px 5px;
		clear: both;
	}
	.previousClient {
		width: 200px;
		height: 100%;
	}
	#topNavEXT_lft {
		position: absolute;
		top: -2px;
		left: -950px;
		width: 950px;
		background-color: #ede9e9;
		border-top: #999 2px solid;
		width: 950px;
		height: 35px;	
		z-index: 0;
	}
	#topNavEXT_rgt {
		position: absolute;
		top: -2px;
		right: -950px;
		width: 950px;
		background-color: #ede9e9;
		border-top: #999 2px solid;
		width: 950px;
		height: 35px;	
		z-index: 1;
		overflow: hidden;
	}
	#clientNav {
		position: relative;	
	}
	#clientNav a {
		color: #000;
		padding: 0px 15px 0px 15px;
		border-left: #CCC 1px solid;
		border-right: #CCC 1px solid;
		text-decoration: none;
	}
	#clientNav a:hover {
		color: #666;
	}
	.screen {
		position: relative;
		background-color: #999999;
		width: 960px;
		min-height: 400px;
		z-index: 2;
		padding: 10px 0 10px 0;
		text-align: center;
	}
	.screen img {
		margin: 30px auto 30px auto;
	}
	.screen embed, .screen object {
		float: left;
		border: #050505 1px solid;
	}
	.screen iframe {
		position: absolute;
		top: 0;
		right: 0;
		background-color: #050505;
		border: 0;
		width: 320px;
		height: 429px;
		overflow-x: hidden;
	}
	.screen .videoContent {
		position: relative;
		background-color: #050505;
		width: 100%;
		height: 430px;	
		padding: 0px;
		margin: 30px 0px 30px 0px;
	}
	.screen .videoContent .current {
		text-align: left;
	}
	.screen .videoCategories {
		background-color: #050505;
		color: #FFF;
		width: 630px;
		height: 29px;
		padding-top: 1px;
		text-align: left;
		padding-left: 10px;
		font-size: 18px;
	}
	.screen .videoCategories a {
		color: #FFF;
		background-color: #333333;
		padding: 0px 15px 0 15px;
		margin: 0 10px 0 10px;	
	}
	.screen .videoCategories a:hover {
		color: #f57d1a;
		background-color: #000;
	}
	#screenEXT_lft {
		position: absolute;
		top: 0;
		left: -950px;
		background-color: #999999;
		width: 950px;
		height: 100%;
		min-height: 400px;
		z-index: 0;
	}
	#screenEXT_rgt {
		position: absolute;
		top: 0;
		right: -950px;
		background-color: #999999;
		width: 950px;
		height: 100%;
		min-height: 400px;
		z-index: 0;
	}
	.screen img show {
		display: block;
		vertical-align: middle;	
	}
	#textContent {
		color: #000;
	}
	#textContent h1 {
		color: #f5882c;
		font-size: 24px;
	}
	#textContent h2 {
		color: #f5882c;
		font-size: 18px;
	}
	#description {
		width: 950px;	
		margin-right: 20px;
		margin-top: 10px;
		line-height: 16px;
	}
	#description li {
		margin-right: 20px;	
	}
	#job {
		float: left;
		width: 450px;	
	}
	#services {
		margin-left: 20px;
		float: left;
		width: 450px;
	}
	#job ul, #services ul {
		padding-left: 10px;
		margin: 0;
		list-style-position: inside;
	}
	#job li, #services li {
		margin-right: 30px;	
	}
	#screenRemote {
		position: relative;
		background-color: #ede9e9;
		border-bottom: #999 2px solid;
		width: 950px;
		height: 35px;
		padding-left: 5px;
		z-index: 2;
	}
	#screenRemote span {
		display: none;	
	}
	#screenRemoteEXT_lft {
		position: absolute;
		top: 0;
		left: -950px;
		width: 950px;
		background-color: #ede9e9;
		border-bottom: #999 2px solid;
		width: 950px;
		height: 35px;	
		z-index: 0;
	}
	#screenRemoteEXT_rgt {
		position: absolute;
		top: 0;
		right: -950px;
		width: 950px;
		background-color: #ede9e9;
		border-bottom: #999 2px solid;
		width: 950px;
		height: 35px;	
		z-index: 1;
		overflow: hidden;
	}
	.tabs {
		position: relative;
		z-index: 0;
		float: left;	
	}
	.tabs a {
		position: relative;
		top: 0px;
		font-family: Arial, Helvetica, sans-serif;
		color: #000;
		background-image: url(/Portfolio/images/tabBtn.jpg);
		background-position: left;
		display: block;
		float: left;
		width: 91px;
		height: 23px;
		text-align: center;
		line-height: 24px;
		margin-right: 5px;
	}
	.tabs a:hover {
		color: #FFF;
		background-position: right;
	}
	.tabs .selected {
		position: relative;
		top: 0px;
		font-family: Arial, Helvetica, sans-serif;
		color: #FFF;
		background-position: right;
		background-image: url(/Portfolio/images/tabBtn.jpg);
		display: block;
		float: left;
		width: 91px;
		height: 23px;
		text-align: center;
		line-height: 24px;
		margin-right: 5px;
	}
	#external {
		float: right;	
		padding-right: 5px;
	}
	#extension {
		position: absolute;
		top: 196px;
		left: 0px;
		background-color: #cbcbcb;
		width: 100%;
		height: 550px;
		z-index: -1;	
	}
	.hidden {
		display: none;	
	}
	.show {
		display: inline;	
	}
	.pages { 
		float: left;
		width: auto;
		height: 35px;
		margin-right: 20px;
	} 
	.pages ul { 
		margin: 0;
		padding: 0;
		height: 24px;
		list-style-type: none;
	} 
	.pages ul li{ 
		width: 20px;
		float: left;
		margin: 0 1px 1px 0;
	} 
	.pages a{ 
		position: relative;
		top: -1px;
		font: bold 10px Verdana, Arial;
		text-align: center;
		line-height: 22px;
		background: #fff;
		color: #f5882c;
		text-decoration: none;
		border: #595b5c 1px solid;
		display: block;
		font-weight: bold;
		font-size: 12px;
		z-index: 0;
	}
	.pages a:hover, .pages a.current{ 
		background: #f57d1a;
		color: #FFF;
		border: #595b5c 1px solid;
		font-weight: bold;
	} 
	.launchSiteBtn {
		display: block;
		background-image: url(/Portfolio/images/launchSite_btn.jpg);
		background-position: left;
		width: 96px;
		height: 24px;
		margin-top: 4px;
	}
	.launchSiteBtn:hover {
		background-position: right;	
	}
	.bottom {
		border-bottom: #999 2px solid;
	}
	.clientNavDIV {
		position: relative;
		top: -6px;
		float: right;
		height: 10px;
		margin: 3px 10px 0 10px;
	}
	#botNav {
		position: relative;
		width: 950px;
		height: 20px;
		line-height: 30px;
		padding: 5px 5px 5px 5px;
		clear: both;
		text-align: center;
		margin: 10px 0 15px 0;
	}
	#botNav span {
		display: none;	
	}
	#botNav a {
		background-position: left;	
	}
	#botNav a:hover {
		background-position: right;	
	}
	.botNavDIV {
		float: left;
		display: block;
		width: 33%;	
	}
	.prevClient {
		background-image: url(/Portfolio/images/previousClient.jpg);
		float: left;
		display: block;
		width: 101px;
		height: 23px;
	}
	.returnPortfolio {
		background-image: url(/Portfolio/images/returnPortfolio.jpg);
		display: block;
		width: 103px;
		height: 24px;
	}
	.nextClient {
		background-image: url(/Portfolio/images/nextClient.jpg);
		float: right;
		display: block;
		width: 91px;
		height: 23px;
	}
	.center {
		margin: 0 auto 0 auto;	
	}
	.shortList {
		font-size: 10px;
		color: #666;
	}
	.otherClients {
		clear: both;	
	}
	.otherClients li {
		float: left;
		width: 285px;
	}
	.tabhidden {
		display: none;	
	}
	.tabshow {
		display: block;	
	}
	.webVideo {
		background-color: #000;
		margin: 0 auto 0 auto;
		text-align: center;
	}
	.footerTXT {
		float: right;
		width: 830px;	
		text-align: right;
	}
	.rolloverSPAN{
		width: 113px;
		height: 18px;	
	}
/* End Portfolio */