/*
Theme Name: Nextspace
Theme URI: http://www.leeterwal.com
Description: Custom theme for Nextspace.
Author: Shaun Lee
*/

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

/* Simple Reset */
html, body, ul, ol, li, form, fieldset, legend
{
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6, p { margin-top: 0; }

fieldset,img { border: 0; }

legend { color: #000; }

li { list-style: none; }

sup { vertical-align: text-top; }

sub { vertical-align: text-bottom; }

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td
{
	text-align: left;
	vertical-align: top;
	font-weight: normal;
}

input, textarea, select
{
	font-size: 110%;
	line-height: 1.1;
}

abbr, acronym
{
	border-bottom: .1em dotted;
	cursor: help;
}

/* General */

a:link, a:active, a:visited {
	color: #900;
	text-decoration: none;
}

a:hover {
	border-bottom: 1px dashed #900;
}

.clrflt {
	clear: both;
}

.fltlft { 
	float: left;
  }

.fltrgt {
	float: right;
}

h1 {
	font-size: 22px;
	color: #000;
	font-weight: normal;
	line-height: 26px;
}

h2 {
	padding: 0;
	margin: 0;
}

#content h2 {
	font-size: 22px;
	color: #000;
	font-weight: normal;
	line-height: 26px;
}

h3 {
	font-size: 18px;
	line-height: 20px;
	color: #666;
	font-weight: normal;
	padding: 15px 0 0 0;
	margin: 0;
}

h4 {
	padding: 0;
	margin: 0 0 4px 0;
}

/* 960 Layout */

body {
	font-size: 12px;
	font-family: Sans-Serif;
	color: #333;
	text-align: center;
	background: url(images/body_bg.jpg) repeat-x top;
}

#page {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

#header {
	height: 76px;
	overflow: hidden;
}


/* Header styles */
a.org:link, a.org:active, a.org:visited {
	float: right;
	background: url(images/org_bg.gif) no-repeat top;
	text-decoration: none;
	width: 205px;
	height: 20px;
	text-align: center;
	padding-top: 8px;
	color: #949494;
	border-bottom: none;
	display: block;
}

a.org:hover {
	color: #fff;
}

#searchform {
	padding: 15px 0 5px 0;
	margin: 0;
	height: 27px;
	float: right;
	width: 220px;
}

.screen-reader-text {
	float: left;
	color: #999;
	width: 55px;
	padding-top: 4px;
}

#s {
	height: 15px;
	background-color: #333;
	border: 1px solid #666;
	width: 120px;
	color: #FFF;
	font-size: 12px;
	margin: 0 5px 0 0;
	padding: 3px 3px 0 3px;
	float: left;
}

#searchsubmit {
	height: 20px;
	width: 29px;
	background: url(images/go.jpg) no-repeat top;
	border: none;
	margin: 0px;
	padding: 0;
	float: left;
}

#searchsubmit:hover {
	background-position: bottom;
}

#header #nav {
	float: right;
	width: 530px;
	font-size: 14px;
}

#header #nav li {
	display: inline; 
}

a.big:link, a.big:active, a.big:visited {
	color: #FFF;
	text-decoration: none;
	background: url(images/nav_bg_big.jpg) no-repeat top;
	width: 118px;
	height: 21px;
	padding-top: 8px;
	display: block;
	float: left;
	text-align: center;
}

a.big:hover {
	color: #000;
	text-decoration: none;
	background-position: bottom;
	border-bottom: none;
}

a.sml:link, a.sml:active, a.sml:visited {
	color: #FFF;
	text-decoration: none;
	background: url(images/nav_bg_sml.jpg) no-repeat top;
	width: 83px;
	height: 21px;
	padding-top: 8px;
	display: block;
	float: left;
	text-align: center;
}

a.sml:hover {
	color: #000;
	text-decoration: none;
	background-position: bottom;
	border-bottom: none;
}

/*Home page*/

.home {
	background: url(images/body_home.jpg) repeat-x top;
}

#slideshow {
	background: #000;
	width: 960px;
	height: 281px;
	overflow: hidden;
	position: relative;
	z-index: 0;
}

#slideshow a,
#slideshow a img {
  height: 281px;
  width: 960px;
}

/*Visual nav*/
#snav {
	width: 250px;
	height: 190px;
	margin: -220px 0 0 0;
	position: relative;
	z-index: 1;
}

#snav li {
	width: 170px;
	text-align: right;
}

#snav li a:link, 
#snav li a:active, 
#snav li a:visited  {
	width: 170px;
	height: 13px;
	display: block;
	padding: 9px;
	color: #FFF;
	text-align: right;
	text-decoration: none;
	font-size: 14px;
	outline: 0;
}

#snav li a:hover,
#snav li.activeSlide a {
	border-bottom: none;
	background: url(images/nav.png) no-repeat center right;
}

.slideLink,
.slideLink:hover {
	border: 0;
	margin: 0;
	padding: 0;
}


/*h2 styles*/
.csBlack {
	background: url(images/featured.png) no-repeat left;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src='images/featured.png',sizingMethod='scale');
	width: 300px;
	height: 36px;
	margin-bottom: 10px;
}

.threedBlack {
	background: url(images/latest.png) no-repeat left;
	width: 300px;
	height: 36px;
	margin-bottom: 10px;
}

.orgBlack {
	background: url(images/h2_org.png) no-repeat left;
	width: 300px;
	height: 36px;
	margin-bottom: 10px;
}

.interactiveWhite {
	background: url(images/h2_interactive.png) no-repeat left;
	width: 300px;
	height: 36px;
	margin-bottom: 10px;
}

.pagetitle {
	font-weight: normal;
	color: #000;	
	font-size: 22px;
	line-height: 26px;
}

.col {
	width: 300px;
	margin: 30px 10px 10px 10px;
	float: left;
	color: #000;
}

.greyBox {
	background: url(images/grey_box.jpg) no-repeat bottom;
	background-color: #ececec;
	margin-top: 15px;
	margin-bottom: 20px;
	padding-bottom: 15px;
	font-size: 14px;
	position: relative;
	z-index: 0;
}

.greyBox a:link, .greyBox a:active, .greyBox a:visited, .greyBox a:hover  {
	color: #333;
	display: block;
	text-decoration: none;
	border-bottom: none;
	margin-top: -5px;
	padding-bottom: 5px;
}

.greyBox p {
	padding: 0 20px;
}

.greyBox img {
	float: left;
	padding-right: 15px;	
}

.quoteBox p {
	background: url(images/quote_hr.gif) no-repeat bottom center;
	padding: 0 20px 10px 20px;
	font-style: italic;
}

.quoteBox h4 {
	font-size: 14px;
	padding: 0 20px;
	margin-bottom: 5px;
}

.blacky {
	color: #000;
}

/* Internal pages */
#article {
	float: left;
	width: 370px;
	margin: 30px 10px 10px 10px;
	line-height: 16px;
}

#content {
	margin: 30px 10px 10px 10px;
	line-height: 16px;
}

#page .form {
  margin-top: 30px;
}

#article a.imglink:hover {
  border-bottom: 0;
}

.contactBox {
	background: url(images/contact_bg.jpg) no-repeat top;
	width: 300px;
	color: #000;
}

.contactBox h3 {
	padding: 15px 0 10px 20px;	
}

.contact {
	padding: 0 20px 20px 20px;
}

.contact p {
	margin: 0;
	padding: 0 0 5px 0;
}

.contactInfo {
	float: left;
	width: 140px;
	padding-left: 8px;
}

.relatedCs {
	background: url(images/h2_r_cs.jpg) no-repeat top;
	width: 300px;
	height: 49px;
}

.relatedThreed {
	background: url(images/h2_r_threed.jpg) no-repeat top;
	width: 300px;
	height: 49px;
}

.latestThreed {
	background: url(images/h2_latest_threed.jpg) no-repeat top;
	width: 300px;
	height: 49px;
	padding-bottom: 7px;
	text-indent: -9999px;
}

.linkHold {
	padding: 0 0 0 45px;
	margin: 0 0 0 15px;
}

.linkHold li {
	list-style-type: square;
	color: #900;
	padding: 0 0 5px 0;
	line-height: 14px;
}

#subnav {
	width: 220px;
	height: 515px;
	margin: 25px 10px 10px 10px;	
	float: left;
	background: url(images/sub_bg.gif) no-repeat top left;
	font-size: 14px;
	padding: 20px 0 0 0;
}

#subnav li {
	background: url(images/subnav_hr.gif) no-repeat bottom center;
	float: left;
	width: 220px;
}

#subnav a:link, #subnav  a:active, #subnav a:visited {
	color: #666;	
	display: block;
	padding: 7px 10px 6px 20px;
	margin: 0;
}

#subnav a:hover,
#subnav li.current_page_item a,
#subnav li.current-cat a {
	background-image: url(images/sub_roll.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #650304;
	color: #FFF;
	border-bottom: none;
}

#subnav a.selected:link, 
#subnav a.selected:active, #subnav a.selected:visited, #subnav a.selected:hover {
	background-image: url(images/sub_roll.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #650304;
	color: #FFF;
	border-bottom: none;
}

/*tag cloud*/
#sidebar #wp-cumulus {
	background: url(images/tag_bg.jpg) no-repeat top;
	height: 300px;
	display: block;
	padding-bottom: 10px;
}

.widgettitle {
	font-size: 14px;
	color: #333;
	font-weight: normal;
	padding: 12px 0 0 17px;	
}


/*Footer*/
#footer {
	background: url(images/footer_bg.jpg) repeat-x top;	
	padding: 45px 0 0 0;
	text-align: left;
}

#footer img {
	padding-right: 5px;
}

.sitemap {
	width: 960px;
	margin: 0 auto;
}

.sitemap li {
	width: 150px;
	margin: 0 10px 0 0;
	float: left;	
	font-weight: bold;	
}

#footer a:link, #footer a:active, #footer a:visited {
	color: #999;
	text-decoration: none;
}

#footer a:hover {
	border-bottom: none;
	color: #900;
}

.copy {
	float: left;
	padding: 0 0 0 6px;
}

.sitemap li ul {
	margin: 10px 0 0 0;
	padding: 0;
}

.sitemap li ul li {
	font-weight: normal;
	padding-bottom: 8px;
	margin: 0;
	line-height: 14px;
}

hr {
	border: 0;
	color: #CCC;
	background-color: #e0e0e0;
	height: 1px;
}

/* Teaser Visual Slideshow */
#vshow { position:relative; height:174px; width:300px; float:left; margin: 0 0 20px 0; }
#vshow a { position:absolute; z-index:8; opacity:0.0; }
#vshow a.active { z-index:10; opacity:1.0; }
#vshow a.last-active { z-index:9; }
#vshow a:hover { border: none; }

/* Template contextual navigation */
 
.page-template-p_about-php .about:active, .page-template-p_about-php .about:link, .page-template-p_about-php .about:visited {
	color: #000;
	text-decoration: none;
	background-position: bottom;
	border-bottom: none;
}

.page-template-p_case-php .case:active, .page-template-p_case-php .case:link, .page-template-p_case-php .case:visited {
	color: #000;
	text-decoration: none;
	background-position: bottom;
	border-bottom: none;
}

.page-template-p_visual-php .visual:active, .page-template-p_visual-php .visual:link, .page-template-p_visual-php .visual:visited {
	color: #000;
	text-decoration: none;
	background-position: bottom;
	border-bottom: none;
}

.page-template-p_products-php .products:active, .page-template-p_products-php .products:link, .page-template-p_products-php .products:visited {
	color: #000;
	text-decoration: none;
	background-position: bottom;
	border-bottom: none;
}

.page-template-p_3d-php .thinking:active, .page-template-p_3d-php .thinking:link, .page-template-p_3d-php .thinking:visited,
.archive .thinking:active, .archive .thinking:link, .archive .thinking:visited
 {
	color: #000;
	text-decoration: none;
	background-position: bottom;
	border-bottom: none;
}

.home .big:link, .home .big:visited, .home .big:hover, .home .big:active {
	color: #b4b4b4;
	background: url(images/nav_bg_big.jpg) no-repeat top;
	width: 118px;
}

.home .sml:link, .home .sml:visited, .home .sml:hover, .home .sml:active {
	color: #b4b4b4;
	background: url(images/nav_bg_sml.jpg) no-repeat top;
	width: 83px;
}

.home .big:hover {
	color: #FFF;
}

.home .sml:hover {
	color: #FFF;
}

#article ul,
.article ul {
  margin: 0 0 8px 0;
}

#article ul li,
.article ul li {
  list-style-type: disc;
  margin: 0 0 3px 15px;
}

.category-newsletters .article table {
  width: 710px !important;
}