/*.container {background:url(blueprint/src/grid-black.png);}*/


/* COLOR SWATCHES */

.green {color:#7f9778;}
.red {color:#945252;}
.blue {color:#577483;}
.blue-light {color:#7ca5ba;}
.orange {color:#F08B45;}


/* typography.css */
body {font-size:75%;}
h1,h2,h3,h4,h5 {color:#ccc;}
.alt { color:#ccc;}
a {	color:#7ca5ba;font-weight: bold;text-decoration:none;	}
a:hover {color:#94c5de;text-decoration: underline;}
	
a.btn {
	background-color:#577483;
	padding:1px 4px 2px;
	margin:0 1px;
	color:#ddd;
	text-decoration:none;	
	}
/*a.btn:visited {
	background-color: #38395d;
	}*/
a:hover.btn {
	background-color: #444;
}


.nolist {
	list-style:none;
	margin-left:0;
	}
.larger {font-size: 150%;}
.smaller {font-size: 50%;}	
/* grid */
.box {background-color:#fff;}
.container {position:relative;}

/*.caps { 
  letter-spacing: 1px; 
  text-transform: uppercase; 
  font-size:1em;
  font-weight:bold;
  padding:0 2px;
}*/

.caps { 
  font-variant: small-caps; 
  letter-spacing: 1px; 
  text-transform: lowercase; 
  font-size:1.3em;
  line-height:100%;
  font-weight:bold;
  padding:0 2px;
}
.border {
	border: 3px solid #7f9778;
	}
/* layout */

.left {float: left;}
.right {float: right;}

body {
	background-color:#000;
	color:#ddd;
	margin:0;
	}
.header {
	background-image: url(/i/header-bg-1.png);
	background-position: 50% -10px;
	background-repeat: no-repeat;
	height: 210px;
	width: 100%;
	min-width:950px;
	position: relative;
}
.heading { 
	color:#FFF;
	background-color:#7f9778;
	padding:0px 10px 5px;
}

#footer {
	margin-top:20px;
/*	background-color:#333;*/
}
#footer p {
	float:left;
	margin:32px 0 0 350px;
	height:20px;
}
#footer span {
	display:block;
	float:left;
	
}
	
/* Layout: menu */

.menu {
	height:50px;
	margin:0;
	margin-bottom:10px;
	list-style: none;
}
.menu li {
	float:left;
	margin:0;
	list-style: none;
}
.menu a{
/*	display:block;*/
	float:left;
	margin-right:10px;
	padding: 6px 10px;
	text-decoration:none;
	color:#aaa;
	background-color:#555;
	text-transform: uppercase;

}
.menu a:hover {
	border-bottom: 4px solid #fff;
	color:#fff;

}
.imgButton { 
	background-color: #7f9778;
	text-decoration:none;
	display:block;	
	padding:5px;
	color:#fff;
}

.imgButton span {
	display:block;
	line-height:2;
	text-align: center;	
	margin-bottom:-3px;
}

.imgButton img {
	margin:0;
}

a:hover.imgButton  {
	background-color:#fff;
	color:#7f9778;
	}
	
#logo-btn {
	width:289px;
	height:160px;
	position: absolute;
	top: 11px;
	left: 69px;
	border-bottom: 4px solid #000;
	background-image: url(/i/backbonedesign-logo-night.png);
}
/*#logo-btn:hover {
	border-bottom: 4px solid #fff;
}*/

.backbone-logo {
display: block;
margin:-32px 0 32px;
	height:50px;
	background: url(/i/logo-sm-black.png) no-repeat 2px;
	width: 98px;
}
.backbone-logo strong {visibility:hidden;}
	
/* Pages */

#pg-home .menu-webdesign, 
#pg-illustration .menu-illustration,
#pg-animation .menu-animation
  {
	background-color: #7f9778;
	color:#fff;
	border-bottom: 4px solid #fff;
}

#pg-home div.last ul.nolist strong{
	color:#7f9778;
}
/*Red Color*/
#pg-illustration .menu-illustration  {	background-color: #945252;}
#pg-illustration .border {	border-color: #945252;}
#pg-illustration #content strong {	color: #945252;}

/*Blue Color*/
#pg-animation .menu-animation { background-color: #577483; }
#pg-animation .border {	border-color: #577483;}
#pg-animation #content strong {	color: #577483;}



/* GALLERY */
.gallery {
	width:300px;
	height:210px;
	overflow: hidden;
	background-color: #fff;
}
.gallery img{
	margin:0;
}
.gallery span{ 
	width:5000px;
	display:block;
	}
.thumbs img {
	cursor: pointer;
	margin:0 3px 0 0;
}
.thumbs img.current {
	border-color:#fff !important;
}