@charset "UTF-8";

/* 
	CSS Document for Neuro-Designs v.8.0
	Copyright (c) 2010 Neuro-Designs. All rights reserved.
	
*/

@import url("_styles_reset.css");
@import url("_styles_error.css");
@import url("_styles_ie.css");
@import url("_colorbox.css");

/* General Settings */

::selection {
	background: #00a1e1; /* Safari */
	color: #fff;
	}
	
::-moz-selection {
	background: #00a1e1; /* Firefox */
	color: #fff;
	}

body {
	font: 10px/20px helvetica, arial, sans-serif;
	color: #666;
	background: #fafafa;
	font-size: 62.5%;
	}

	body#popup {
		background: #fff;
		padding: 20px;
		}

img {
	vertical-align: middle;
	}
	
a:link, a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #00a1e1;
	}
	
	a:hover {
		color: #999;
		}

	a:active {
		position: relative;
		top: 0px;
		}

	a {
		-webkit-transition: color .4s ease-out;
		}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	}
		
h3 {
	font-size: 1.4em;
	margin-bottom: 15px;
	}
	
h4 {
	font-size: 1.1em;
	}

p, div.vcard {
	font-size: 1.1em;
	line-height: 1.8em;
	margin-bottom: 15px;
	}

ul {
	font-size: 1.1em;
	overflow: hidden;
	margin-bottom: 15px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	}
	
	ul li {
		background: #eee;
		margin-bottom: 2px;
		padding: 5px 10px;
		}
		
		ul li:last-child {
			margin-bottom: 0px;
			}

ul.clientList {
	overflow: hidden;
	margin-bottom: 15px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	}
	
	ul.clientList li {
		display: inline-block;
		float: left;
		background: #eee;
		margin: 0px 2px 2px 0px;
		padding: 5px 10px;
		height: 20px;
		}
		
strong {
	font-weight: bold;
	}
	
em {
	font-style: italic;
	}

small {
	font-size: 0.9em;
	line-height: 1.8em;
	}

sup {
	font-size: 0.7em;
	position: relative;
	top: -0.6em;
	}

sub {
	font-size: 0.7em;
	position: relative;
	bottom: -0.6em;
	}

/* Default Input Settings */		

input.defaultButton {
	background: #00a1e1;
	border: 1px solid #00a1e1;
	padding: 5px 10px;
	color: #fff;
	font: bold 1em helvetica, arial, sans-serif;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	}

	input.defaultButton:hover {
		background: #eaeaea;
		border: 1px solid #eaeaea;
		color: #666;
		}

input.defaultInputBlog {
	background: #fff;
	width: 170px;
	padding: 4px;
	border: 1px solid #eaeaea;
	color: #666;
	font: 1em helvetica, arial, sans-serif;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	}
		
input.defaultInput, textarea.defaultTextarea {
	background: #fff;
	padding: 4px;
	border: 1px solid #eaeaea;
	color: #666;
	font: 1em helvetica, arial, sans-serif;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	}

	input.defaultInput:hover, input.defaultInputBlog:hover, textarea.defaultTextarea:hover {
		border: 1px solid #ccc;
		}


/* Additional Element Classes */

a.vcardDownload {
	border-top: 1px solid #eaeaea;
	display: inline-block;
	margin-top: 5px;
	}
		
.nomargin {
	margin: 0px;
	}

.hide {
	display: none;
	}

.hidden {
	visibility: hidden;
	}
	
.divider {
	margin-top: 15px;
	border-top: 1px solid #eaeaea;
	margin-bottom: 15px;
	}
	
.shade {
	background: #eee;
	padding: 5px 10px;
	margin-bottom: 10px;
	}

.strike {
	text-decoration: line-through;
	}

.nav_arrow {
	background: #ccc;
	padding: 0px 4px;
	color: #fff;
	font-size: 12px;
	text-align: center;
	border-radius: 3px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	}
	
	.nav_arrow:hover {
		background: #00a1e1;
		}

.anchor {
	height: 1px;
	line-height: 1px;
	margin: 0px;
	padding: 0px;
	}

.alignLeft {
	text-align: left;
	}		

.alignRight {
	text-align: right;
	}		

.alignCenter {
	text-align: center;
	}		

/* Layout Settings */

#header {
	background: #fff;
	width: 100%;
	min-width: 910px;
	margin: 0px auto;
	padding-top: 10px;
	}

	#header .plc {
		width: 910px;
		margin: 0px auto;
		overflow: hidden;
		}
		
		#header .plc h1 {
			width: 305px;
			float: left;
			display: block;
			}

			#header .plc h1 a{
				background: url("images/header_logo.gif") 0 0 no-repeat;
				width: 221px;
				height: 72px;
				margin: 0px;
				display: block;
				text-indent: -2000em;
				text-decoration: none;
				z-index: 1000;
				}
	
#menu {
	background: #fff;
	}
	
	#menu ul {
		margin: 0px auto;
		padding-top: 20px;
		overflow: hidden;
		}
		
		#menu ul li {
			background: #fff;
			float: left;
			margin: 0px 5px 0px 0px;
			padding: 0px;
			font-size: 1.2em;
			font-weight: bold;
			text-align: center;
			text-transform: uppercase;
			}
			
			#menu ul li a:link, #menu ul li a:visited {
				background: #fff;
				display: block;
				padding: 5px 10px;
				color: #999;
				font-weight: bold;
				}

			#pgHome #menu ul li a#menu_home:link, #pgHome #menu ul li a#menu_home:visited,
			#pgProfile #menu ul li a#menu_profile:link, #pgProfile #menu ul li a#menu_profile:visited,
			#pgServices #menu ul li a#menu_services:link, #pgServices #menu ul li a#menu_services:visited,
			#pgProjects #menu ul li a#menu_projects:link, #pgProjects #menu ul li a#menu_projects:visited,
			#pgContact #menu ul li a#menu_contact:link, #pgContact #menu ul li a#menu_contact:visited,
			#pgBlog #menu ul li a#menu_blog:link, #pgBlog #menu ul li a#menu_blog:visited,
			#pgJobs #menu ul li a#menu_jobs:link, #pgJobs #menu ul li a#menu_jobs:visited,			
			#pgStore #menu ul li a#menu_store:link, #pgStore #menu ul li a#menu_store:visited			
			{
				background: #eaeaea;
				display: block;
				padding: 5px 10px;
				color: #999;
				font-weight: bold;
				border-radius: 3px;
				-webkit-border-radius: 3px;
				-moz-border-radius: 3px;
				cursor: default;
				}
				
				#menu ul li a:hover {
					background: #eaeaea;
					color: #999;
					font-weight: bold;
					border-radius: 3px;
					-webkit-border-radius: 3px;
					-moz-border-radius: 3px;
					}

				#menu a {
					-webkit-transition: background-color .4s ease-out;
					}
	
#titlebar {
	background: #00a1e1;
	width: 100%;
	min-width: 910px;
	min-height: 10px;
	border-bottom: 10px solid #fff;
	}
	
	#titlebar h2 {
		width: 870px;
		margin: 0px auto;
		padding: 20px;
		color: #fff;
		font-size: 2.4em;
		text-transform: uppercase;
		}

	#titlebar h2 span {
		color: rgba(255,255,255,0.7);
		}
		
	#titlebar h2 a:link, #titlebar h2 a:visited {
		color: rgba(255,255,255,0.7);
		}
		
		#titlebar h2 a:hover {
			color: #fff;
			}

#main {
	background: #fff url("images/main-2.png") center no-repeat;
	width: 870px;
	height: 280px;
	margin: 0px auto;
	padding: 10px 0px;
	}
	
	#main h2 {
		text-indent: -80000em;
		}
	
#contents {
	background: #fff;
	width: 100%;
	min-width: 910px;
	min-height: 400px;
	padding: 10px 0px;
	}
	
	#contents .plc {
		width: 888px;
		margin: 0px auto;
		overflow: hidden;
		font-size: 1.1em;
		line-height: 1.8em;
		}
		
		#contents .plc .col1 {
			width: 276px;
			float: left;
			padding: 5px 10px;
			overflow: hidden;
			}

		#contents .plc .col2 {
			width: 572px;
			float: left;
			padding: 5px 10px;
			overflow: hidden;
			}

		#contents .plc .col2shade {
			width: 572px;
			float: left;
			padding: 5px 10px;
			background: #fafafa;
			}

		#contents .plc .col3, #contents .plc .client {
			width: 868px;
			padding: 5px 10px;
			}
			
			#contents .plc .client h3 {
				margin: 0px;
				font-size: 1.4em;
				}
				
		#contents .plc .colHalf {
			width: 424px;
			float: left;
			padding: 5px 10px;
			overflow: hidden;
			}

#footer {
	width: 100%;
	min-width: 910px;
	padding-top: 10px;
	border-top: 1px solid #eaeaea;
	}
	
	#footer .plc {
		width: 870px;
		margin: 0px auto;
		margin-bottom: 20px;
		color: #999;
		font-size: 1em;
		}


/* Home Settings */

p.availability, p.warning {
	font-weight: normal;
	background: #00a1e1;
	color: #fff;
	padding: 5px 10px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	}
	
	p.warning {
		background: #f00;
		margin-top: 0px;
		}

	p.availability a:link, p.availability a:visited, p.warning a:link, p.warning a:visited {
		color: #fff;
		}
		
		p.availability a:hover, p.warning a:hover {
			color: #eaeaea;
			}

#projects_random {
	width: 276px;
	overflow: hidden;
	}
	
	#projects_random img {
		width: 274px;
		border: 1px solid #eaeaea;
		}
		
	#projects_random h4 {
		background: #eaeaea;
		width: 256px;
		padding: 5px 10px;
		text-align: left;
		border-bottom-left-radius: 3px;
		border-bottom-right-radius: 3px;
		-webkit-border-bottom-left-radius: 3px;
		-webkit-border-bottom-right-radius: 3px;
		-moz-border-radius-bottomleft: 3px;
		-moz-border-radius-bottomright: 3px;
		}


/* Profile Settings */

p.partners img {
	margin: 10px;
	}

a.gotoProject {
	padding-left: 5px;
	}

.testimonial {
	background: #fafafa url("images/quote.png") 10px 8px no-repeat;
	margin-bottom: 15px;
	padding: 8px 10px 8px 50px;
	border: 1px solid #eaeaea;
	font-size: 1.1em;
	font-style: italic;
	font-weight: bold;
	overflow: hidden;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	}

	.testimonial span.person {
		font-style: normal;
		font-weight: normal;
		}
		
	body#popup .testimonial {
		font-size: 1.1em;
		}
				

/* Services Settings */

p.services {
	background: #eee;
	width: 168px;
	height: 170px;
	float: left;
	margin: 0px;
	padding: 10px;
	border: 1px solid #fff;
	}
	
	p.services strong {
		font-size: 1.2em;
		font-weight: bold;
		}

	
/* Project Settings */

.projects {
	width: 888px;
	overflow: hidden;
	}
	
	.projects h3 {
		padding-left: 10px;
		}

	.projects .tn {
		width: 202px;
		height: 100px;
		float: left;
		border: 10px solid white;
		}
		
		.projects .tn .img {
			background: #fafafa;
			width: 200px;
			height: 50px;
			border: 1px solid #eaeaea;
			overflow: hidden;
			}

			.projects .tn .img:hover {
				border: 1px solid #ccc;
				}

				.projects .tn .img {
					-webkit-transition: border .4s ease-out;
					}
						
		.projects .tn h4 {
			margin: 5px 0px 0px 0px;
			font-size: 1.1em;
			}

p.legend {
	color: #999;
	font-weight: bold;
	line-height: 1.5em;
	}
		
table.legend tr td {
	background: #eee;
	padding: 4px 8px;
	border-right: 2px solid #fff;
	font-size: 1em;
	line-height: 1.5em;
	}

/* Contact Settings */
		
p.rep {
	background: #eee;
	width: 264px;
	float: left;
	display: block;
	margin: 0px;
	padding: 10px;
	border: 1px solid #fff;
	}

	
/* Accordion Settings */

.toggler {
	background: url("images/icon_plus.png") left center no-repeat;
	margin: 0px;
	padding: 5px 0px 5px 15px;
	border-bottom: 1px solid #eaeaea;
	cursor: pointer;
	outline: 0;
	}

h4.toggler img, .storeLegend {
	margin-right: 3px;
	vertical-align: top;
	outline: 0;
	}
	
	.storeLegend {
		margin-right: 3px;
		}
 
.element {
	background: #eee;
	margin-left: 15px;
	margin-bottom: 10px;
	padding: 5px 15px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	}

.elementblank {
	background: #fff;
	margin-bottom: 10px;
	padding: 10px 15px;
	}
 
.element p, .elementblank p {
	margin: 0;
	padding: 4px 0px;
	}
	
	.elementblank p {
		padding-top: 10px;
		}


/* Confirmation Page Settings */

form#confirm {
	}

	form#confirm label {
		width: 120px;
		display: inline-block;
		}
	
	form#confirm label.error {
		width: auto;
		display: inline;
		float: right;
		font-size: 10px;
		font-weight: bold;
		color: #fff;
		background: #f00;
		padding: 2px 4px;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		}














/* Store Settings */

#storeSlide {
	width: 868px;
	}  
  
  
	#storeSlide .slides {
		width: 866px;
		height: 380px;
		margin-bottom: 5px;
		overflow: hidden;
		border: 1px solid #eaeaea;
		}  
  
		#storeSlide .slides ul {  
		/* total width of all slides */  
			width: 3464px;
			} 
  
		#storeSlide .slides li {
			width: 866px;
			height: 380px;
			padding: 0px;
			margin: 0px;
			border: 0px;
			float: left;
			background: #fff;
			overflow: hidden;
			}
			
			#storeSlide .slides li img {
				width: 590px;
				height: 380px;
				float: left;
				}

			#storeSlide .slides li .subSlide {
				width: 590px;
				height: 380px;
				float: left;
				overflow: hidden;
				}
			
			#storeSlide .slides li .info {
				width: 255px;
				height: 380px;
				float: right;
				background: #fafafa;
				border-left: 1px solid #eaeaea;
				padding: 10px;
				font-size: 11px;
				}
				
				#storeSlide .slides li .info p {
					line-height: 16px;
					}
					
					#storeSlide .slides li .info p .subnav {
						}
						
						#storeSlide .slides li .info p .subnav a:link, #storeSlide .slides li .info p .subnav a:visited {
							display: inline-block;
							margin-right: 2px;
							padding: 2px 5px;
							background: #ccc;
							border-radius: 2px;
							-moz-border-radius: 2px;
							-webkit-border-radius: 2px;			
							color: #fff;
							}
							
							#storeSlide .slides li .info p .subnav a:hover, #storeSlide .slides li .info p .subnav a.activeSlide {
								background: #00a1e1;
								}
				
				#storeSlide .slides li .info h3 {
					color: #00a1e1;
					margin-bottom: 5px;
					font-size: 18px;
					}
					
				#storeSlide .slides li .info h4 {
					line-height: 1.4em;
					margin-bottom: 15px;
					}
					
				#storeSlide .slides li .info p.price {
					font-size: 24px;
					font-weight: bold;
					line-height: 14px;
					background: #666;
					color: #fff;
					display: inline-block;
					margin-bottom: 5px;
					padding: 15px 10px 10px 10px;
					border-radius: 3px;
					-moz-border-radius: 3px;
					-webkit-border-radius: 3px;			
					}
					
					#storeSlide .slides li .info p.price span {
						font-size: 11px;
						font-weight: normal;
						}
  
  
	#storeSlide .slides-nav {
		width: 860px;
		margin: 0px auto;
		}  
  
		#storeSlide .slides-nav li {  
			float: left;
			margin: 2px;
			padding: 0px;
			}  
  
			#storeSlide .slides-nav li a {  
				display: block;
				outline: none;
				padding: 1px;
				background: #eaeaea;
				}
				
				#storeSlide .slides-nav li a img {
					width: 72px;
					}
				
	.js #storeSlide .slides-nav li.on,  
	.js #storeSlide .slides-nav li.on a {  
		background-color: #ccc;
		}

.onLow {
	font-weight: bold;
	color: #fff;
	background: #f60;
	padding: 2px 4px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	}

.onSale {
	font-weight: bold;
	color: #fff;
	background: #f00;
	padding: 2px 4px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	}

.onOrder {
	font-weight: bold;
	color: #fff;
	background: #89d200;
	padding: 2px 4px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	}

table.stock {
	margin-top: 0px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	text-align: center;
	}
	
	table.stock td {
		background: #eaeaea;
		border-right: 1px solid #fafafa;
		border-bottom: 1px solid #fafafa;
		text-align: center;
		font-weight: bold;
		display: table-cell;
		vertical-align: middle;
		}

	table.stock tr.head td {
		background: #999;
		padding: 0px 10px;
		color: #fff;
		}
	
table.sizechart {
	width: 100%;
	font-size: 1.1em;
	border-collapse: collapse
	}

	table.sizechart th {
		background: #999;
		color: #fff;
		font-weight: bold;
		border: 1px solid #fff;
		padding: 2px 5px;
		}
	
	table.sizechart tr td {
		background: #eaeaea;
		font-weight: bold;
		border: 1px solid #fff;
		padding: 2px 5px;
		}

	table.sizechart tr.alt td {
		background: #fafafa;
		font-weight: bold;
		border: 1px solid #fff;
		padding: 2px 5px;
		}

ul.sizechart {
	list-style-type: square;
	padding-left: 15px;
	}
	
	ul.sizechart li {
		background: none;
		padding: 0px;
		list-style-type: square;
		list-style-position: outside;
		}











/* Tooltip Settings */

#tooltip {
	text-align: left;
	width: 150px;
	position: absolute;
	background-color: #00a1e1;
	color: #fff;
	padding: 5px 10px;
	opacity: 0.9;
	font-size: 10px;
	line-height: 16px;
	z-index: 3000;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;			
	box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	}

#tooltip h3, #tooltip div {
	margin: 0; 
	}
	
#tooltip h3 {
	font-size: 12px;
	}




/* Twitter Updates */

ul#twitter_update_list {
	font-size: 1em;
	margin-bottom: 0px;
	}
	
	ul#twitter_update_list li {
	background: #fafafa url("images/icon_twitter_bird.png") right no-repeat;
	padding: 8px 50px 8px 10px;
	border: 1px solid #eaeaea;
	font-size: 1em;
	font-style: italic;
	font-weight: bold;
	overflow: hidden;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	}

















/* Tabbed Interface */

.tabbedInterface {
	overflow: hidden;
	margin-bottom: 20px;
	}

	#contents .tabbedInterface ul.tabs {
		overflow: hidden;
		font-size: 11px;
		}

		#contents .tabbedInterface ul.tabs li {
			float: left;
			padding: 0px;
			margin-right: 2px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			}

			#contents .tabbedInterface ul.tabs li a {
				display: block;
				padding: 5px 10px;
				outline: none;
				overflow: hidden;
				color: #999;
				border-bottom: none;
				}
				

	#contents .tabbedInterface .tab_container {
		overflow: hidden;
		}

	#contents .tabbedInterface ul.tabs li.active {
		background: #00a1e1;
		}

		#contents .tabbedInterface ul.tabs li.active, #contents .tabbedInterface ul.tabs li.active a { 
			background: #00a1e1;
			color: #fff;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			}