/* Specific to example one */

#example-one, #example-two { padding: 10px; margin: 0 0 15px 0; }

#example-one .nav, #example-two .nav { overflow: hidden; margin: 0 0 0px 40px; }
#example-one .nav li, #example-two .nav li { float: left; margin: 0; }
#example-one .nav li.last, #example-two .nav li.last { margin-right: 0; }
#example-one .nav li a, #example-two .nav li a { border: 4px #670a34 solid; display: block; padding: 0px; margin: 0 11px 10px 0; width: 72px; height: 72px; background: #670a34; color: white; font-size: 10px; text-align: center; -moz-border-radius: 12px;
-webkit-border-radius: 12px; text-decoration: none; }
#example-one .nav li a:hover, #example-two .nav li a:hover { background-color: #111; }

#example-one ul, #example-two ul { list-style: none; margin-left: 40px; }
#example-one ul li a, #example-two ul li a { display: block; padding: 4px; color: #FFCC00; outline: none; }
#example-one ul li img, #example-two ul li img {text-decoration:none; border:0px;}
#example-one ul li a:hover, #example-one ul li a:focus, #example-two li a:hover, #example-two ul li a:focus { background: color: white; }
#example-one ul li:last-child a, #example-two ul li:last-child a { }

#example-one li.nav-one a.current, #example-two li.nav-one a.current, ul.featured li a:hover { color: white; }
#example-one li.nav-two a.current, #example-two li.nav-two a.current, ul.core li a:hover { background-color: #d30000; color: white; }
#example-one li.nav-three a.current, #example-two li.nav-three a.current, ul.jquerytuts li a:hover { background-color: #8d01b0; color: white; }
#example-one li.nav-four a.current, #example-two li.nav-four a.current, ul.classics li a:hover { background-color: #FE4902; color: white; }

#example-one .list-wrap li, #example-two .list-wrap li {
background-color:#31030e;
background-image: url('http://www.spaciousmind.com/images/projects-orgtab-bg3.jpg');
padding: 20px; 
width: 770px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}

.orgtabs-content-projects {height:320px;}

.orgtabs-content-projects {
	width: 780px;
	height: 300px;
	margin-bottom: 20px;
	}
	
.orgtabs-content-projects-left {
	width: 250px;
	height: 300px;
	float: left;
	text-align: center;
}

.orgtabs-content-projects-right {
	width: 475px;
	padding: 0 25px 5px 5px;
	float: right;
}

.content-projects-left a {
border: 0;
text-decoration: none;
}

.content-projects-right p {
margin-bottom: 5px;
margin-top: 0px;
}

.content-projects-right h3 {
margin-bottom: 10px;
}

img.contentimage {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}

#example-one h3, #example-two h3 {
font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
color: #fff;
font-weight: bolder;
font-size: 22px;
line-height: 25px;
}


#example-one li.nav-one a {
background-image: url('http://www.spaciousmind.com/images/projects/project-addictionnv-thumb.jpg');

}

#example-one li.nav-one a:hover {
background-position: 0 -72px;
}

#example-one li.nav-two a {
background-image: url('http://www.spaciousmind.com/images/projects/project-cyberangels-thumb.jpg');
}

#example-one li.nav-two a:hover {
background-position: 0 -72px;
}


#example-one li.nav-three a {
background-image: url('http://www.spaciousmind.com/images/projects/project-wyn-thumb.jpg');
}

#example-one li.nav-three a:hover {
background-position: 0 -72px;
}

#example-one li.nav-four a {
background-image: url('http://www.spaciousmind.com/images/projects/project-penonfire-ss-thumb.jpg');
}

#example-one li.nav-four a:hover {
background-position: 0 -72px;
}


#example-one li.nav-five a {
background-image: url('http://www.spaciousmind.com/images/projects/project-superchunk-thumb.jpg');
}

#example-one li.nav-five a:hover {
background-position: 0 -72px;
}

#example-one li.nav-six a {
background-image: url('http://www.spaciousmind.com/images/projects/project-portastatic-thumb.jpg');
}

#example-one li.nav-six a:hover {
background-position: 0 -72px;
}

#example-one li.nav-seven a {
background-image: url('http://www.spaciousmind.com/images/projects/project-teada-thumb.jpg');
}

#example-one li.nav-seven a:hover {
background-position: 0 -72px;
}

#example-one li.nav-eight a {
background-image: url('http://www.spaciousmind.com/images/projects/project-dianemillar-thumb.jpg');
}

#example-one li.nav-eight a:hover {
background-position: 0 -72px;
}

#example-one li.nav-nine a {
background-image: url('http://www.spaciousmind.com/images/projects/project-ucibiosci-thumb.jpg');
}

#example-one li.nav-nine a:hover {
background-position: 0 -72px;
}


#example-two li.nav-ten a {
background-image: url('http://www.spaciousmind.com/images/projects/project-print-lanza-thumb.jpg');
}

#example-two li.nav-ten a:hover {
background-position: 0 -72px;
}

#example-two li.nav-eleven a {
background-image: url('http://www.spaciousmind.com/images/projects/project-print-penonfire-ss-thumb.jpg');
}

#example-two li.nav-eleven a:hover {
background-position: 0 -72px;
}

#example-two li.nav-twelve a {
background-image: url('http://www.spaciousmind.com/images/projects/project-print-wyn-thumb.jpg');
}

#example-two li.nav-twelve a:hover {
background-position: 0 -72px;
}



/* Generic Utility */
.hide { position: absolute; top: -9999px; left: -9999px; }