/* CSS Document - alliedpixel.com - Screen Stylesheet
/*
/* version:   1.1.5
/* date:      06/03/2009
/* author:    brian.crumley@alliedpixel.com
/* website:   http://www.alliedpixel.com
/*
----------------------------------------------------------*/

/* Begin Init Styles
----------------------------------------------------------*/

/* reset elements padding and margin */
html, body, form, fieldset {
	padding: 0;
	margin: 0 }

/* reset elements vertical padding and margin */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
	padding: 0;
	margin: 1em 0 }

/* reset elements left margin */
li, dd, blockquote {
	margin-left: 2.5em }
blockquote {
	padding-right: 5px }

/* reset miscellaneous element consistency */
form label {
	cursor: pointer }
fieldset { }
input, select, textarea {
	font-size: 100% }

.left {
	float: left }
.right {
	float: right }
.img-right {
	border: none;
	padding: 1em 0 1em 1em }


/* Begin Body Styles
----------------------------------------------------------*/	
body {
	background: url('../assets/image/body_decoHR.gif') repeat-x;
	font: 100%/120% Arial, Helvetica, sans-serif }


/* Begin Container Styles
----------------------------------------------------------*/
#container {
	width: 955px;
	text-align: left;
	margin: 0 auto }


/* Begin Header Styles
----------------------------------------------------------*/
#header {
	border-bottom: 1px solid #ccc;
	height: 110px;
	padding: 0 0 10px 10px;
	margin-bottom: 40px }
#logo {
	float: left;
	padding: 32px 0 0 0;
	margin: 0 }
#header form {
	float: right;
	width: 212px;
	height: 27px;
	background: url('../assets/image/form_searchBkg.gif') top left no-repeat;
	padding: 7px 8px 0 8px;
	margin: 0 }
#header form #search_field {
	float: left;
	width: 156px;
	height: 20px;
	background: url('../assets/image/form_searchFieldBkg.gif') no-repeat;
	padding: 0 0 0 8px;
	margin-right: 6px }
#header form #search_field input {
	height: 15px;
	border: none;
	background: none;
	font-size: .7em;
	color: #ccc;
	padding: 4px 0 0 0 }
#header form #btn_sitesearch {
	margin: 0 }


/* Begin Primary Navigation Styles
---------------------------------------------------------- */
#nav {
	/* clear: right; <-- Moved to DIV in XHTML because IE6 sucks */
	float: right;
	font: 100%/120% Arial, Helvetica, sans-serif;
	font-size: .9em;
	text-transform: uppercase;
	color: #666;
	margin: 55px 0 0 0 }
#nav ul {
	list-style-type: none;
	padding: 0;
	margin: 0 }
#nav li {
	float: left;
	background: url('../assets/image/nav_leftBkg.gif') no-repeat left top;
	list-style-type: none;
	display: inline;
	overflow: hidden;
	padding: 0 0 0 7px;
	margin: 0 }
#nav a {
	display: block;
	background: url('../assets/image/nav_rightBkg.gif') no-repeat right top;
	padding: 4px 11px 0 4px;
	text-decoration: none;
	font-weight: bold;
	color: #666 }
#nav a:hover {
	color: #45abcc;
	text-decoration: none }
#nav .active {
	background-image: url('../assets/image/nav_bkgLeft_ov.gif') }
#nav .active a {
	background-image: url('../assets/image/nav_bkgRight_ov.gif');
	color: #fff;
	padding-bottom: 3px }
#nav .active a:hover {
	color: #fff;
	text-decoration: none }


/* Begin Banner Styles
----------------------------------------------------------*/
#banner {
	text-align: center }
#banner.bannerSpacer {
	margin-bottom: 40px }
	

/* Begin Content/Column Styles
----------------------------------------------------------*/
#content {
	clear: both }
#subnav {
	float: left;
	width: 185px }
#primary {
	float: right;
	width: 698px;
	padding-right: 20px;
	margin: 0 0 40px 30px }


/* Begin Index Styles
----------------------------------------------------------*/
#indexcontent {
	margin: 0 30px }
#mission {
	float: left;
	width: 482px }
#mission h1 {
	font-size: .9em;
	font-weight: bold;
	line-height: 1.3em;
	color: #333;
	margin: 35px 0 }
#mission h1 .highlight {
	color: #1fb25a }
#mission a:link, #mission a:visited, #mission a:active {
	color: #999;
	text-decoration: underline }
#mission a:hover {
	color: #45abcc;
	text-decoration: none }
#shortcuts {
	float: right;
	background: url('../assets/image/shortcuts_bkg.gif') top left repeat-x;
	padding-right: 5px;
	margin: 25px 0 }
#shortcuts ul {
	list-style-type: none;
	padding: 0;
	margin: 0 }
#shortcuts ul li {
	position: relative;
	float: left;
	display: inline;
	width: 183px;
	padding: 0 5px 0 0;
	margin: 0 }
#shortcuts ul li.vr {
	background: url('../assets/image/shortcuts_vr.gif') left 10px no-repeat;
	padding: 0 5px 0 0 }
#shortcuts ul li a {
	float: left;
	display: block;
	width: 168px;
	line-height: 1.5em;
	text-decoration: none;
	padding: 12px }
#shortcuts ul li a:hover {
	color: #999 } /* <-- Makes #shortcuts ul li a:hover .tease work in IE6 */ 
#shortcuts ul li a strong {
	display: block;
	font-size: .8em;
	font-weight: bold;
	line-height: 1em;
	color: #666;
	text-decoration: underline;
	padding: 0;
	margin: 0 0 4px 45px }
#shortcuts ul li a .tease {
	display: block;
	font-size: .7em;
	line-height: 1.2em;
	color: #666;
	padding: 0;
	margin: 0 0 0 45px }
#shortcuts ul li a:hover .tease {
	color: #999 }
#shortcuts ul li .ico {
	position: relative;
	float: left;
	display: block;
	width: 35px;
	height: 34px;
	line-height: 1em;
	padding: 0;
	margin: 0 }
#news {
	clear: both;
	width: 914px;
	height: 54px; /* added to lock bkg height equal to two lines of text */
	background: #daeef5 url('../assets/image/news_bkgBottom.gif') bottom left no-repeat;
	padding: 0 0 14px 0;
	margin: 0 auto 40px auto }
#news h2 {
	float: left;
	width: 72px;
	background: url('../assets/image/news_bkgTopLeft.gif') top left no-repeat;
	font-size: .9em;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.1em;
	color: #666;
	padding: 14px 0 0 24px;
	margin: 0 0 10px 0 }
#news p {
	background: url('../assets/image/news_bkgTopRight.gif') top right no-repeat;
	font-size: 0.8em;
	line-height: 1.5em;
	color: #666;
	padding: 12px 24px 0 0;
	margin: 0 }
#news a:link, #news a:visited, #news a:active, #news a:hover {
	color: #808080;
	text-decoration: none }
#news a:link span, #news a:visited span, #news a:active span {
	color: #45abcc;
	text-decoration: none }
#news a:hover span {
	color: #45abcc;
	text-decoration: underline }


/* Begin Secondary Navigation Styles
----------------------------------------------------------*/
#subnav {
	font: 100%/120% Arial, Helvetica, sans-serif;
	font-size: .8em;
	padding-left: 22px }
#subnav .firstLevelUL {
	padding: 0;
	margin: 0 }
#subnav .firstLevel {
	background: url('../assets/image/subnav_hr.gif') top repeat-x;
	list-style-type: none;
	list-style-image: none;
	padding: 0 0 1px 0;
	margin: 0 }
#subnav .subNavInit {
	background: none }
#subnav .firstLevel a {
	display: block;
	font-weight: bold;
	color: #666;
	line-height: 15px;
	text-decoration: none;
	padding: 5px 10px;
	margin: 0 }
#subnav .firstLevel a.secondary {
	color: #1fb25a }
#subnav .firstLevel a:hover {
	background: url('../assets/image/subnav_bkg_ov.gif') right 2px no-repeat;
	color: #333;
	text-decoration: none }
#subnav .firstLevel a.secondary:hover {
	color: #1fb25a }


/* Begin Content Styles
----------------------------------------------------------*/
#primary h1 {
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.1em;
	color: #666;
	margin-top: 0 }
#primary h2 {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.3em;
	color: #45abcc }
#primary h3 {
	font-size: 0.9em;
	font-weight: bold;
	line-height: 1.5em;
	color: #666 }
#primary p, #primary ol, #primary ul, #primary table {
	font-size: 0.8em;
	line-height: 1.5em;
	color: #666 }
#primary ol, #primary ul {
	margin-top: 0;
	margin-bottom: 0 }
#primary a:link, #primary a:visited, #primary a:active {
	color: #1fb25a;
	text-decoration: underline }
#primary a:hover {
	color: #45abcc;
	text-decoration: none }
#primary .testimonial {
	background: url('../assets/image/testimonials_quote.gif') top left no-repeat;
	padding: 10px 0 0 36px }
#primary .signature {
	font-size: 0.8em;
	text-align: right }
#primary .signatureCompany {
	color: #333 }

#primary .logoContainer {
	float: left;
	padding: 0;
	margin: 0 10px 10px 0 }
#primary .logoContainer p {
	padding: 0;
	margin: 0 }
#primary .logoFrame {
	border: 1px solid #ccc;
	padding: 1px }
#primary .awardBadge {
	width: 36px;
	height: 36px;
	background: url('../assets/image/award_countBkg.gif');
	position: relative;
	z-index: 1000;
	top: 83px;
	margin-top: -18px;
	margin-right: -131px;
	margin-bottom: -18px;
	margin-left: 131px }
#primary .awardBadge p {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	padding-top: 7px }
.spacer {
	clear: left }
#primary ul .left {
	float: left }
#primary .colContent {
	float: left;
	margin-right: 60px }
#primary .colContentLastChild {
	margin-right: 0 }
#primary p.sitemapTitle  {
	margin-bottom: 0 }
#primary .sitemapTitle a:link, #primary .sitemapTitle a:visited, #primary .sitemapTitle a:active {
	font-weight: bold;
	color: #666;
	text-decoration: none }
#primary .sitemapTitle a:hover {
	color: #666;
	text-decoration: underline }

#primary .staff {
	clear: both; 
	width: 300px; /* width value added to correct Safari display */
	padding: 0;
	margin: 0 }
#primary .staff h4 {
	font-size: .9em;
	font-weight: bold;
	line-height: 1.0em;
	color: #666;
	padding: 0;
	margin: 0 0 0 -1px }
#primary .staff h4 strong {
	display: block;
	font-size: .7em;
	font-weight: normal;
	color: #999; }
#primary .staffThumbnail {
	float: left; 
	border: 1px solid #ccc;
	margin: 0 15px 20px 0 }
#primary .staffThumbnail img {
	border: 3px solid #fff }


#primary .case-study {
	background-color: #daeef5;
	clear: both; 
	padding: 1em;
	margin: 1.5em 0 }
#primary .case-study h4 {
	font-size: .9em;
	font-weight: bold;
	line-height: 1.0em;
	color: #666;
	padding: 0;
	margin: 0 0 0 -1px }
#primary .case-study h4 strong {
	display: block;
	font-size: .7em;
	font-weight: normal;
	color: #999; }
#primary .case-study-thumbnail {
	float: left; 
	border: 1px solid #ccc;
	margin: 0 15px 20px 0 }
#primary .case-study-thumbnail img {
	border: 3px solid #fff }
#primary .case-study .video a {
	display: inline;
	background: url('../assets/image/ico_video.gif') 2px 9px no-repeat;
	color: #12a379;
	padding: 10px 0 8px 25px  }


#primary #pipwinner {
	width: 698px;
	background: #daeef5 url('../assets/image/gear_bkgBottom.gif') bottom left no-repeat;
	padding: 0 0 1em 0;
	margin: 0 }
#primary #pipwinner {
	height: auto }
#primary #pipwinner img {
	background-color: #fff;
	padding: 10px;
	margin-right: 20px }
#primary #pipwinner h2 {
	float: left;
	background: url('../assets/image/gear_bkgTopLeft.gif') top left no-repeat;
	font-size: .9em;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.1em;
	color: #666;
	padding: 14px 0 0 24px;
	margin: 0 0 10px 0 }
#primary #pipwinner h3  {
	background: url('../assets/image/gear_bkgTopRight.gif') top right no-repeat;
	padding: 1.3em 24px 0 0;
	margin: 0 0 1em 0 }
#primary #pipwinner p  {
	font-size: 0.8em;
	line-height: 1.5em;
	color: #666;
	padding: 0 24px;
	margin: 0 }

#primary #gear {
	width: 698px;
	height: 54px; /* added to lock bkg height equal to two lines of text */
	background: #daeef5 url('../assets/image/gear_bkgBottom.gif') bottom left no-repeat;
	padding: 0 0 14px 0;
	margin: 0 }
#primary #gear h2 {
	float: left;
	width: 105px;
	background: url('../assets/image/gear_bkgTopLeft.gif') top left no-repeat;
	font-size: .9em;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.1em;
	color: #666;
	padding: 14px 0 0 24px;
	margin: 0 0 10px 0 }
#primary #gear p {
	background: url('../assets/image/gear_bkgTopRight.gif') top right no-repeat;
	font-size: 0.8em;
	line-height: 1.5em;
	color: #666;
	padding: 12px 24px 0 0;
	margin: 0 }
#primary #gear a:link, #primary #gear a:visited, #primary #gear a:active, #primary #gear a:hover {
	color: #808080;
	text-decoration: none }
#primary #gear a:link span, #primary #gear a:visited span, #primary #gear a:active span {
	color: #45abcc;
	text-decoration: none }
#primary #gear a:hover span {
	color: #45abcc;
	text-decoration: underline }
#primary .gearThumbnail {
	float: left; 
	border: 1px solid #ccc;
	margin: 0 20px 30px 0 }
#primary .gearThumbnail img {
	border: 3px solid #fff }


/* Begin Content Styles - STANDALONE VIDEO
----------------------------------------------------------*/
.standaloneVideo {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	padding: 0;
	margin: 0 }
	

/* Begin Content Styles - TABLES
----------------------------------------------------------*/
#primary table {
	width: 95% }
#primary table.mini {
	width: 50%;
	margin: 1.5em 0 }
#primary table th {
	/*border-top: 1px solid #ccc;*/
	border-bottom: 1px solid #ccc;
	text-align: left;
	padding: 6px 5px }
#primary table td {
	border-bottom: 1px solid #ccc;
	padding: 3px 5px }
#primary table tr.alt {
	background: #efefef }
#primary .packageError {
	color: #f00 }
#primary .packageSuccess {
	color: #1fb25a }
#primary .rentalList {
	margin: 1em 0 }
#primary .rentalList tr:hover, #primary .rentalList tr.alt:hover {
	background: #45abcc;
	color: #fff }
#primary .rentalList thead tr:hover {
	background: transparent;
	color: inherit }
#primary .rentalList .price {
	width: 160px }
#primary .newTag {
	padding: 0 0 0 10px }
.packageNumCol {
	text-align: center }
.packageItemCol { }
.packagePriceCol {
	width: 100px }


/* Begin Content Styles - CONTACT INFO
----------------------------------------------------------*/
#contact {
	float: left;
	background: #fff;
	padding: 15px 15px 0 15px;
	margin: 0 }
#contact ul {
	width: 240px;
	list-style-type: none;
	padding: 0;
	margin: 0 }
#contact ul li {
	float: left;
	display: block;
	width: 240px;
	padding: 0;
	margin: 0 }
#contact ul li .contactRow {
	float: left;
	display: block }
#contact ul li .contactRow .contactDetail {
	display: block;
	padding: 0 0 15px 0;
	margin: 0 0 0 70px }
#contact ul li .label {
	float: left;
	display: block;
	width: 70px;
	height: 35px;
	font-weight: bold;
	padding: 0;
	margin: 0 }
	

/* Begin Content Styles - FORMS
----------------------------------------------------------*/
#primary form {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #f6f6f6;
	padding: 20px 40px }
#primary form.packageForm {
	border-top: none;
	border-bottom: none;
	background: none;
	padding: 0 }
#primary form label {
	display: block;
	font-size: 0.8em;
	color: #666;
	text-align: left;
	line-height: 1.5em;
	padding: 0 ;
	margin: 10px 20px 0 0 } /* <-- margin-top added to correct ie6 collapsing issue */
#primary form label em {
	font-size: 0.9em;
	color: #999;
	line-height: 1.5em;
	padding: 0 ;
	margin: 0 }
#primary form input {
	border: 1px solid #cecece;
	background: #e7e7e7;
	/*height: 17px;*/
	font-size: 0.8em;
	color: #666;
	/*padding: 3px 2px;*/
	margin: 0 20px 10px 0 }
#primary form #contact_subject, #primary form #pip_org_status {
	border: 1px solid #cecece;
	background: #e7e7e7;
	font-size: 0.8em;
	color: #666;
	margin: 0 0 10px 0 }
#primary form #pip_org_status {
	width: 205px }

#primary form #otherstatus { display: none }

#primary form textarea {
	display: block;
	width: 300px;
	height: 9em;
	border: 1px solid #cecece;
	background: #e7e7e7;
	font: 100%/120% Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #666;
	padding: 2px;
	margin: 0;
	margin-bottom: 10px !important }
#primary form textarea.appWidth {
	width: 500px }
#primary form textarea.addressHeight {
	height: 5em }

#primary form #cbsame {
	width: 300px;
	text-align: right;
	padding-bottom: 4px;
	margin-top: -18px }
#primary form #cbsame label {
	display: inline;
	font-size: 0.7em;
	color: #999;
	text-align: left;
	line-height: 1.5em;
	padding: 0 ;
	margin: 0 }
#primary form #cbsame input {
	border: none;
	background: none;
	margin: 0 5px 0 0 }

#primary form #pip_sum {
	display: block }

#primary form .send, #primary form .sendApp {
	border: none;
	background: none;
	width: 97px;
	height: 20px;
	margin-left: 10px }
#primary form .sendApp {
	width: 113px }
#primary form .sendEmail {
	width: 82px }
#primary form .reset {
	border: none;
	background: none;
	width: 75px;
	height: 20px }
#primary .required {
	color: #f00 }
#primary form input.focus, #primary form textarea.focus, #primary form #contact_subject.focus, #primary form #pip_org_status.focus {
	background: #fff }
#primary form input.nofocus, #primary form textarea.nofocus, #primary form #contact_subject.nofocus, #primary form #pip_org_status.nofocus {
	background: #e7e7e7 }
#primary form .intern {
	margin-bottom: 20px }
#primary form .intern p {
	font-weight: bold }
#primary form .intern label {
	display: inline;
	font-size: 0.8em;
	color: #666;
	text-align: left;
	line-height: 1.5em;
	padding: 0 ;
	margin: 0 20px 0 0 }
#primary form .intern input {
	border: none;
	background: none;
	font-size: 0.8em;
	color: #666;
	padding: 0;
	margin: 0 }

#primary form.packageList {
	border: none;
	background: none;
	padding: 0;
	margin: 0 }
#primary form.packageList .selectContainer {
	float: left;
	padding: 0;
	margin-right: 10px }
#primary form.packageList .selectContainer select {
	width: 295px;
	color: #666 }
#primary form.packageList .selectContainer p {
	padding: 0;
	margin: 0 }

#directions_results {
	margin-top: 20px }
#primary form.drivingDirections .selectContainer {
	float: left;
	padding: 0;
	margin: 0 }
#primary form.drivingDirections .directions {
	border: none;
	background: none;
	width: 98px;
	height: 20px;
	margin: 19px 0 0 10px }


/* Begin Content Styles - NEWS
----------------------------------------------------------*/
#primary #newsList { }
#primary #newsList ul {
	padding: 0;
	margin: 0 }
#primary #newsList ul li {
	display: block;
	border-bottom: 1px dotted #ccc;
	text-decoration: none;
	padding: 12px 10px 10px 10px;
	margin: 0 }
#primary #newsList ul li strong {
	display: block;
	font-weight: bold;
	color: #666;
	padding: 0;
	margin: 0 }
#primary #newsList ul li .date {
	display: block;
	font-size: .9em;
	font-weight: normal;
	line-height: 1.5em;
	color: #999;
	padding: 0 0 10px 0;
	margin: 0 }
#primary h2.pip {
	border: 1px solid #ccc;
	font-size: 1em;
	padding: 1em }
#primary h2.pip a {
	background: url('../assets/image/ico_pip.gif') -8px -5px no-repeat;
	color: #999;
	text-decoration: none;
	padding: 10px 4px 10px 47px;
	margin: 0 }
#primary h2.pip a:hover {
	color: #45abcc;
	text-decoration: underline }
.pdf a {
	background: url('../assets/image/ico_pdf.gif') 2px 7px no-repeat;
	color: #12a379;
	padding: 8px 4px 8px 27px;
	margin: 0 }
.pdf a:hover { }
.video a {
	background: url('../assets/image/ico_video.gif') 2px 9px no-repeat;
	color: #12a379;
	padding: 10px 0 8px 25px;
	margin: 0 }
.video a:hover { }


/* Begin Search Result Styles
----------------------------------------------------------*/
/*.highlight { background: #FFFF40; }*/
.searchheading { font-size: 0.9em; font-weight: bold; line-height: 1.5em; color: #666 }
.summary { font-size: 0.8em; font-style: italic; line-height: 1.5em; color: #666 }
/*.suggestion { font-size: 100%; }
.results { font-size: 100%; }
.category { color: #999999; }*/
.sorting { font-size: 0.8em; line-height: 1.5em; color: #666; text-align: right; }

.result_title { font-size: 0.8em; line-height: 1.5em; color: #666 }		
.description { font-size: 0.8em; line-height: 1.5em; color: #333 }
.context { font-size: 0.8em; line-height: 1.5em; color: #666 }
.infoline { font-size: 0.6em; line-height: 1.5em; color: #999 }

.zoom_searchform { font-size: 100%; }
.zoom_results_per_page { font-size: 80%; margin-left: 10px; }
.zoom_match { font-size: 80%; margin-left: 10px;}				
.zoom_categories { font-size: 80%; }
.zoom_categories ul { display: inline; margin: 0px; padding: 0px;}
.zoom_categories li { display: inline; margin-left: 15px; list-style-type: none; }

input.zoom_button {  }
input.zoom_searchbox {  }		

.result_image { float: left; display: block; }
.result_image img { margin: 10px; width: 80px; border: 0px; }

.result_block { margin-top: 15px; margin-bottom: 15px; clear: left; }
.result_altblock { margin-top: 15px; margin-bottom: 15px; clear: left; }

.result_pages { font-size: 0.8em; line-height: 1.5em; color: #666 }
.result_pagescount { font-size: 0.8em; line-height: 1.5em; color: #666 }

.searchtime { font-size: 80%; }

.recommended { background: #DFFFBF; border-top: 1px dotted #808080; border-bottom: 1px dotted #808080; margin-top: 15px; margin-bottom: 15px; }
.recommended_heading { float: right; font-weight: bold; }
.recommend_block { margin-top: 15px; margin-bottom: 15px; clear: left; }		
.recommend_title { font-size: 100%; }
.recommend_description { font-size: 100%; color: #008000; }
.recommend_infoline { font-size: 80%; font-style: normal; color: #808080;}


/* Begin Footer Styles
----------------------------------------------------------*/
#footer {
	clear: both;
	border-top: 1px solid #ccc;
	font: 100%/120% Arial, Helvetica, sans-serif;
	font-size: .7em;
	color: #52565b;
	padding: 14px 10px;
	margin-bottom: 14px }
#footer ul {
	list-style-type: none;
	padding: 0;
	margin: 0 }
#footer li {
	list-style-type: none;
	display: inline;
	overflow: hidden;
	padding: 0 8px 0 0;
	margin: 0 }
#footer a:link, #footer a:visited, #footer a:active {
	color: #1fb25a;
	text-decoration: underline }
#footer a:hover {
	color: #45abcc;
	text-decoration: none }