/* General */
	*{
		font-family:Arial, Helvetica, sans-serif;
		outline:0;		
		}
		
	body{
		margin:0px;
		padding:0px;
		}
		
	#bodyContainer{
		margin:0px;
		padding:0px;
		background:url('../_images/bg-body.gif') repeat-y top center;
		}
		
	h1, h2, h3, h4, h5{
		color:#4585D2;
		font-weight:normal;
		}


	h1#siteTitle{
		float:left;
		position:relative;
		top:24px;
		margin-left:-1px;
		border-bottom:none;
		}
		
	h1#siteTitle a span{
		display:none;
		}
		
	h1.pageTitle{
		color:#000000;
		}
		
	h1{
		clear:left;
		font-size:22pt;
		margin:0;
		padding:0.5em 0 0.2em 0;
		border-bottom:1px #ddd solid;
		}
	
	p,li,th,td,legend{
		font-size:11px;
		}
	
	fieldset,legend{
		padding:0.5em;
		border:solid 1px #efefef;
		}
		
	fieldset{
		margin-bottom:1em;
		}
	
	p{
		font-size:12px;
		color:#555;
		line-height:18px;
		text-align:justify;
		}
		
	a{
		color:#81b000;
		text-decoration:none;
		font-weight:bold;
		}
		
	a:hover{
		text-decoration:underline;
		}
	
	img{
		border:none;
		}
	
	ul.nav{
		list-style:none;
		}
		
	ul.nav li{
		display:inline;
		}
	
	#top{
		width:864px;
		margin:auto;
		margin-top:1px;
		padding:0;
		}

	#header{
		padding:30px 0 0;
		height:143px;
		}
	
	#pxlcontent{
		clear:both;
		}
		
		
	#pxlcontent .colLeft,
	#pxlcontent .colRight{
		float:left;
		width:410px;
		padding-right:10px;
		}
	

	#slideshow{
		position:relative;
		top:19px;
		left:18px;

		}
	
	.clear{
		clear:both;
		}
		
	.left{
		float:left;
		padding:15px;
		padding-left:0px;
		}
		
	.right{
		float:right;
		padding:15px;
		padding-right:0px;
		}
		
	a.btn:link,
	a.btn:visited,
	a.btn:hover,
	a.btn:active{
		color:#fff !important;
		background:#4585D2;
		font-size:12pt;
		padding:5px;
		border-top:solid 2px #67A7F4;
		border-left:solid 2px #67A7F4;
		border-right:solid 2px #2363B0;
		border-bottom:solid 2px #2363B0;
		line-height:2em;
		text-decoration:none;
		}
		
	a.btn:hover{
		border-top:solid 2px #2363B0;
		border-left:solid 2px #2363B0;
		border-right:solid 2px #67A7F4;
		border-bottom:solid 2px #67A7F4;
		}

/* CU3ER Flash Headers */
	#pxl-cu3er{
		padding-bottom:20px;
		padding-top:20px;
		width:865px;
		height:330px;
		background:url('../_images/cu3er-bg.jpg') no-repeat bottom center;
		}
		
	#portfolioPage #pxl-cu3er,
	#servicesPage #pxl-cu3er,
	#contactPage #pxl-cu3er,
	#requestQuotePage #pxl-cu3er,
	#newsBlogPage #pxl-cu3er{
		height:172px;
		}
		
	#cu3er-container{
		position:relative;
		width:800px;
		left:32px;
		}

	#portfolioPage #cu3er-container,
	#servicesPage #cu3er-container,
	#contactPage #cu3er-container,
	#requestQuotePage #cu3er-container,
	#newsBlogPage #cu3er-container{
		position:relative;
		width:865px;
		left:0;
		}
		
/* Banner Headers */
	#pxl-banner{
		padding-bottom:40px;
		padding-top:20px;
		width:865px;
		height:172px;
		background:url('../_images/cu3er-bg.jpg') no-repeat bottom center;
		}
	
/*Header Navigation*/

	ul.nav{
		list-style:none;
		}
		
	ul.nav li{
		display:inline;
		}

	#hdrNav	{
		position:absolute;
		padding-left:297px;
		padding-top:3px;
		}
		
	#hdrNav	a:link, #hdrNav a:visited{
		float:left;
		display:block;
		width:82px;
		height:86px;
		background:url('../_images/navigation-bg.jpg') 0px -86px;
		color:#fff;
		text-decoration:none;
		text-align:center;
		margin-right:9px;
		font-size:10pt;	
		font-weight:bold;
		}

	#hdrNav	a:hover,
	#hdrNav a:active{
		background-position:0 0;
		}
		
	#hdrNav	a span{
		position:relative;
		top:30px;
		}
		
	.clientSupport{
		display:block;
		color:#000;
		font-size:9pt;
		text-decoration:none;
		}
		
/*Left Navigation*/
	#leftNav{
		margin-left:0;
		padding-left:0;
		padding-bottom:1em;
		list-style:none;
		}
		
	#leftNav a:link, 
	#leftNav a:visited{
		display:block;
		width:179px;
		margin-top:9px;
		padding:3px;
		font-size:10pt;
		color:#888;
		border-bottom:1px #eee dotted;
		text-decoration:none;
		background:url('../_images/left-nav-arrow.gif') no-repeat top right;
		}
		
	#leftNav a:hover,
	#leftNav a:active{
		font-weight:bold;
		color:#4585D2;
		}
		
	#leftNavSub{
		display:none;
		list-style:none;
		margin-left:0;
		padding-left:0;
		}

	#leftNavSub li{
		margin-left:0;
		padding-left:0;
		}

	#leftNav #leftNavSub a{
		width:159px;
		margin-left:20px;
		background:url('../_images/left-nav-arrow.gif') no-repeat center left;
		padding-left:15px;
		}
		
	#pxl-location{
		margin:20px 0 0 20px;
		border-left:1px #ccc solid;
		padding-left:20px;
		}
	#pxl-location h2{
		color:#9fdb21;
		padding-bottom:1em;
		font-size:12pt;
		}
	#pxl-location p{
		padding-bottom:0;
		font-size:8pt;
		color:#888;
		}
		
/*Left Blog*/

	#leftBlog{
		list-style:none;
		padding-left:0;
		}
		
	#leftBlog li{
		padding-bottom:1em;
		margin-bottom:1em;
		margin-left:0em;
		margin-right:1em;
		border-bottom:1px #ccc dotted;
		}
		
	#leftBlog li strong{
		color:#666;
		}
	
	#leftBlog li h3{
		display:inline;
		color:#666;
		text-align:left;
		font-weight:normal;
		letter-spacing:-0.05em;
		font-size:9pt;
		}
		
	#leftBlog li p{
		display:inline;
		color:#999;
		text-align:left;
		font-weight:normal;
		margin:1em 0 1em 0.5em;
		}
		
	#leftBlog li p a{
		color:#4585D2 ;
		}

/*Page Actions*/
	.addthis_toolbox{
		position:absolute;
		padding-left:718px;
		}
	
	.PxlSci-IcoYouTube{
		float:left;
		display:block;
		height:32px;
		width:32px;
		background:url('../_images/youtube-ico.jpg') 2px 0 no-repeat;
		padding:0px 2px;
		margin:0px;
		text-indent:-500em;
		}
	
	.PxlSci-IcoYouTube:hover{
		background:url('../_images/youtube-ico.jpg') 2px -32px no-repeat;
		}
		
	.addthis_32x32_style .addthis_button_email:link,
	.addthis_32x32_style .addthis_button_email:visited{
		background:url('../_images/send-ico.jpg') 0px 0px no-repeat;
		}
	.addthis_32x32_style .addthis_button_email:hover,
	.addthis_32x32_style .addthis_button_email:active{
		background:url('../_images/send-ico.jpg') 2px -32px no-repeat;
		}
		
	.addthis_32x32_style .addthis_button_print:link,
	.addthis_32x32_style .addthis_button_print:visited{
		background:url('../_images/print-ico.jpg') 0px 0px no-repeat;
		}
	.addthis_32x32_style .addthis_button_print:hover,
	.addthis_32x32_style .addthis_button_print:active{
		background:url('../_images/print-ico.jpg') 2px -32px no-repeat;
		}
		
	.addthis_32x32_style .addthis_button_expanded:link,
	.addthis_32x32_style .addthis_button_expanded:visited{
		background:url('../_images/expand-ico.jpg') 2px 0px no-repeat;
		}
	.addthis_32x32_style .addthis_button_expanded:hover,
	.addthis_32x32_style .addthis_button_expanded:active{
		background:url('../_images/expand-ico.jpg') 2px -32px no-repeat;
		}
	
		
	.at300bs:hover{
		opacity:0;
		}
	
	#pageActions{
		padding:0;
		margin:0;
		height:28px;
		text-align:right;
		font-size:9px;
		}
		
	#pageActions a{
		line-height:25px;
		padding:5px 0;
		margin-left:9px;
		border-bottom:none !important;
		color:#666;
		}
		
	#pageActions a:link, #pageActions a:visited{
		text-decoration:none;
		color:#666;
		font-weight:bold;
		}
	#pageActions a:hover, #pageActions a:active{
		color:#666;
		}

	#pageActions a span{
		margin-left:25px;
		color:#666;
		}
		
	.pAblog:link, .pAblog:visited{
		background:url('../_images/ico2-blog.gif') no-repeat;
		}
	.pAblog:hover, .pAblog:active{
		background:url('../_images/ico2-blog.gif') 0px -26px no-repeat;
		}
	.pAshare:link, .pAshare:visited{
		background:url('../_images/ico2-send.gif') no-repeat;
		}
	.pAshare:hover, .pAshare:active{
		background:url('../_images/ico2-send.gif') 0px -26px no-repeat;
		}
	.pAprint:link, .pAprint:visited{
		background:url('../_images/ico2-print.gif') no-repeat;
		}
	.pAprint:hover, .pAprint:active{
		background:url('../_images/ico2-print.gif') 0px -26px no-repeat;
		}
	.pAtwitter:link, .pAtwitter:visited{
		background:url('../_images/ico2-twitter.gif') no-repeat;
		}
	.pAtwitter:hover, .pAtwitter:active{
		background:url('../_images/ico2-twitter.gif') 0px -26px no-repeat;
		}
	.pAfacebook:link, .pAfacebook:visited{
		background:url('../_images/ico2-facebook.gif') no-repeat;
		}
	.pAfacebook:hover, .pAfacebook:active{
		background:url('../_images/ico2-facebook.gif') 0px -26px no-repeat;
		}
	.pAyoutube:link, .pAyoutube:visited {
		background:url('../_images/ico2-youtube.gif') no-repeat;
		}
	.pAyoutube:hover, .pAyoutube:active {
		background:url('../_images/ico2-youtube.gif') 0px -26px no-repeat;
		}
		
/*Footer*/
	ul#ourTechnologies{
		margin:0;
		padding:10px;
		clear:left;
		list-style:none;
		display:block;
		text-align:center;
		}
	
	ul#ourTechnologies li{
		display:inline;
		}

	#footer{
		padding-top:30px;
		clear:left;
		float:left;
		width:100%;
		height:200px;
		background:url('../_images/ftr-img.gif') no-repeat bottom center;		
		}

	#ftrNav{
		border-top:solid 1px #eee;
		padding-top:20px;
		width:828px;
		margin:0 auto;
		text-align:center;
		}
		
	#ftrNav a:link, #ftrNav a:visited{
		color:#999;
		font-size:8pt;
		text-transform:uppercase;
		text-decoration:none;
		margin-right:27px;
		margin-top:9px;
		padding-top:9px;
		}

	#ftrNav a:hover, #ftrNav a:active{
		margin-top:9px;
		color:#000;
		padding-top:9px;
		border-top:solid 2px #9fdb21;
		}
		
	#copyright{
		text-align:center;
		display:block;
		width:828px;
		margin:0 auto;
		color:#ccc;
		font-size:8pt;
		padding-top:18px;
		}
		
/*Splash Page*/

	#splashPage a.hermesAward{
		position:absolute;
		top:390px;
		}

	#splashPage	#flash{
		background:#fff url('../_images/bg-flash.gif') top center;
		height:334px;
		margin-bottom:9px;
		}
	
	#splashPage	.hdrNavHome:link,
	#splashPage	.hdrNavHome:visited,
	#splashPage	.hdrNavHome:hover,
	#splashPage	.hdrNavHome:active{
		background-position:0 0;
		}

/*Portfolio Page*/
	#portfolioPage .hdrNavPortfolio:link,
	#portfolioPage .hdrNavPortfolio:visited,
	#portfolioPage .hdrNavPortfolio:hover,
	#portfolioPage .hdrNavPortfolio:active{
		background-position:0 0;
		}
		
	#portfolioPage #colRight{
		width:865px;
		margin-left:0;
		padding-left:0;
		}
		
	#portfolioPage #flash{
		height:541px;
		}

	#portfolioPage #portfolioSlideShow{
		width:831px;
		border:solid 1px #dddddd;
		margin-left:20px;
		}
		
	#portfolioPage ul#portfolioSlideShowNav{
		float:left;
		margin:0 0 10px 0;
		padding:0;
		list-style:none;
		}

	#portfolioPage ul#portfolioSlideShowNav li{
		display:inline;
		}
	
	#portfolioPage ul#portfolioSlideShowNav li a:link,
	#portfolioPage ul#portfolioSlideShowNav li a:visited{
		display:block;
		float:left;
		font-size:8pt;
		text-align:center;
		width:119px;
		margin:9px 0 0px 10px;
		padding:3px;
		border-top:1px #ccc solid;
		border-left:1px #ccc solid;
		border-right:1px #999 solid;
		border-bottom:1px #999 solid;
		background:#f5f5f5;
		color:#666;
		text-decoration:none;
		white-space:nowrap;
		}
	#portfolioPage ul#portfolioSlideShowNav li a:hover,
	#portfolioPage ul#portfolioSlideShowNav li a:active{
		border-top:1px #999 solid;
		border-left:1px #999 solid;
		border-right:1px #ccc solid;
		border-bottom:1px #ccc solid;
		background:#eee;
		color:#333;
		}

	#portfolioPage #portfolioSlideShow object,
	#portfolioPage #portfolioSlideShow embed{
		position:relative;
		margin:auto;
		}
	
/*Services Pages*/

	#leftNavWebsiteDesign #hdrNav a.hdrNavServices{
		background-position:0 0;
		}

	.website-design-services-list{
		list-style:none;
		margin-left:50px;
		}
		
	.website-design-services-list li{
		display:block;
		float:left;
		width:250px;
		color:#4585D2;
		margin: 0 1em 1em 0;
		white-space:nowrap;
		}
		
	.website-design-services-list img{
		vertical-align:middle;
		}
		
	.website-design-production-process th{
		background:#4585D2;
		color:#fff;
		padding:10px 5px;
		white-space:nowrap;	
		width:25%;	
		}

	.website-design-production-process th img{
		vertical-align:middle;
		}
		
	.website-design-production-process td{
		background:#e3ecf8;
		vertical-align:top;
		padding:10px 5px;
		}
		
	.website-design-production-process td ul{
		margin:10px 10px 10px 0px;
		padding:0 0 0 3em;
		}
		
	.website-design-production-process td ul li{
		margin:0 0 1em 0;
		padding:0;
		color:#4585D2;
		}
		
	/*PPC*/
	
		#leftNavPaidAd #pxlcontent dl ol{
			padding-left:0;
			}
		
		#leftNavPaidAd #pxlcontent dl li{
			color:#fff;
			background:#4585D2;
			padding:5px;
			margin:0.3em 0em;
			font-size:12pt;
			}

		#PPCreasons{
			list-style:none;
			margin-left:0;
			padding-left:0;
			text-align:center;
			}
			
		#PPCreasons li{
			display:inline;
			margin:0 0 0 0;
			padding:0 10px 0 0;
			}

/*Request a Quote Page*/

	#requestQuotePage #ui-datepicker-div{
		font-size:8pt;
		}

	#requestQuotePage #hdrNav a.hdrNavRequest{
		background-position:0 0;
		}

	#requestQuotePage .leftNavrequestQuote{
		color:#4585D2 !important;
		font-weight:bold;
		}
		
		
	#requestQuotePage #quoteForm{
		margin-top:20px;
		padding:20px;
		border:double #efefef;
		width:550px;
		margin-left:150px;
		}
		
	#requestQuotePage form p{
		clear:left;
		}

	#requestQuotePage form label{
	display:block;
	float:left;
	text-align:right;
	width:17em;
	padding-top: 0;
	padding-right: 1em;
	padding-left: 1em;
	margin-top:5px;
		}
		
	#requestQuotePage form input.textbox {
	width:18em;
	padding:4px;
	height:12px;
	color: #666666;
	border: solid 1px #DFDFDF;
	background-color: #FFFFFF;
		}
		
	#requestQuotePage form select {
			
	color: #666666;
	border: solid 1px #DFDFDF;
	background-color: #FFFFFF;
		}

	#requestQuotePage form textarea{
	width:18em;
	padding:4px;
	color: #666666;
	border: solid 1px #DFDFDF;
	background-color: #FFFFFF;
		}
	#requestQuotePage form ul{
	margin:0 0 0 13em;
	padding:0;
	list-style:none;
		}
		
	#pxlcontent .element label.error {
	font-weight: normal;
	color: red;
	text-transform:lowercase;
	position:relative;
	top: -5px;
	font-size: 10px;
	width: 24em;
	text-align: left;
	}
	#pxlcontent .element input.error {
	border: 1px solid red;
	background-color: #EBEBEB;
	}
	#pxlcontent .done {
	display:none;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: 2px;
	}
	#pxlcontent .loading {
	float:right;
	background:url('../request-quote/ajax-loader.gif') no-repeat 1px;
	height:28px;
	width:28px;
	display:none;
	}
	.focusField {
	border:solid 1px #73A6FF;
	background:#EFF5FF;
	color:#000;
	}
	.idleField {
	color: #CCCCCC;
	border: solid 1px #DFDFDF;
	background-color: #FFFFFF;
	}
		
	/*#requestQuotePage input.fsSubmitButton{
		margin-left:10em;
		}
	#requestQuotePage input.fsResetButton{
		margin-left:20em;
		}*/
		
		
/*News & Blog Page*/

	#newsBlogPage .leftNavNewsBlog{
		color:#4585D2 !important;
		font-weight:bold;
		}

	
/*Contact & Locations Page*/

	#contactPage #pxlcontent{
		height:650px;
		}

	#contactPage .hdrNavContact:link,
	#contactPage .hdrNavContact:visited,
	#contactPage .hdrNavContact:hover,
	#contactPage .hdrNavContact:active{
		background-position:0 0;
		}

	#contactPage .leftNavContactUs{
		color:#4585D2 !important;
		font-weight:bold;
		}
	
	#contactPage .colLeft{
		margin-left:70px;
		width:300px;
		}

	#contactPage .btn-requestQuote:link,
	#contactPage .btn-requestQuote:visited,
	#contactPage .btn-requestQuote:active{
		position:relative;
		left:-30px;
		display:block;
		width:301px;
		height:150px;
		background:url('../_images/btn-requestaquote.jpg') 0 20px no-repeat;
		text-indent:-500em;
		}
		
	#contactPage .btn-requestQuote:hover{
		background-position:0 -148px;			
		}
		
		
/*Careers Page*/

	#careersPage #ui-datepicker-div{
		font-size:8pt;
		}

	/*#careersPage #hdrNav a.hdrNavRequest{
		background-position:0 0;
		}

	#careersPage .leftNavrequestCareers{
		color:#4585D2 !important;
		font-weight:bold;
		}*/
		
		
	#careersPage #careersForm{
		margin-top:20px;
		padding:20px;
		border:double #efefef;
		width:550px;
		margin-left:150px;
		}
		
	#careersPage form p{
		clear:left;
		}

	#careersPage form label{
	display:block;
	float:left;
	text-align:right;
	width:17em;
	padding-top: 0;
	padding-right: 1em;
	padding-left: 1em;
	margin-top:5px;
		}
		
	#careersPage form input.textbox {
	width:18em;
	padding:4px;
	height:12px;
	color: #666666;
	border: solid 1px #DFDFDF;
	background-color: #FFFFFF;
		}
		
	#careersPage form select {
			
	color: #666666;
	border: solid 1px #DFDFDF;
	background-color: #FFFFFF;
		}

	#careersPage form textarea{
	width:18em;
	padding:4px;
	color: #666666;
	border: solid 1px #DFDFDF;
	background-color: #FFFFFF;
		}
	#careersPage form ul{
	margin:0 0 0 13em;
	padding:0;
	list-style:none;
		}
		
	#pxlcontent .element label.error {
	font-weight: normal;
	color: red;
	text-transform:lowercase;
	position:relative;
	top: -5px;
	font-size: 10px;
	width: 24em;
	text-align: left;
	}
	#pxlcontent .element input.error {
	border: 1px solid red;
	background-color: #EBEBEB;
	}
	#pxlcontent .done {
	display:none;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: 2px;
	}
	#pxlcontent .loading {
	float:right;
	background:url('../request-quote/ajax-loader.gif') no-repeat 1px;
	height:28px;
	width:28px;
	display:none;
	}
	.focusField {
	border:solid 1px #73A6FF;
	background:#EFF5FF;
	color:#000;
	}
	.idleField {
	color: #CCCCCC;
	border: solid 1px #DFDFDF;
	background-color: #FFFFFF;
	}
		
	/*#careersPage input.fsSubmitButton{
		margin-left:10em;
		}
	#careersPage input.fsResetButton{
		margin-left:20em;
		}*/