/* ************ XHTML LAYOUT ************ */
html{
	font-family:Lucida Grande, verdana, arial, helvetica, sans-serif;
}

body{
	font-size:12px;
	height:100%;
	word-spacing:1px;	
	background:#F2F4F1 url("images/background.stage.gif")  0 310px repeat-x ;
	

}

.wrapper{
	width:950px;
	text-align:left;
	margin: auto; 	
}



/* TOP SHELF */

#shelf{
	height:1%;
	overflow:hidden;
	border-bottom:2px solid #000;
	color:#696969;
	font-size:11px;
	background:#111111 url("images/background.shelf.jpg") center -15px no-repeat;
	padding:7px 0 5px 0;
	text-shadow: 2px 2px #000;	
}
#shelf a{
	color:#ababab;
	text-decoration:none;
		
}
#shelf a:hover{
	color:#f1f1f1;
}
#shelf ul{
	list-style:none;
	height:1%;
	overflow:hidden;
}
#shelf ul li{
	display:block;
	float:left;
 }
#shelf ul li span{
	color:#8DB851;
	font-weight:bold;
}
#shelf .l{
	float:left;	
 }
#shelf .r{
	float:right; 
}

#shelf .twitter{
	color:#33CCFF;	
}

/* HEADER */

#header{
	border-top:2px solid #333333;
	border-bottom:2px solid #cdcdcd;
	background:#232323 url("images/background.header.jpg")  center 0px no-repeat;
	height:300px;
}
#header .l{
	float:left;
}
#header .r{
	float:right;	
}
#header a{
	color:#999999;
	text-decoration:none;		
}

#header .logo{
	margin-top:30px;	
}
#header .logo a{
	font-size:46px;
	color:#8DB851;	
	font-weight:bold;
}
#header .logo a span.lc{
	color:#fdfdfd;
	letter-spacing:1px;	
	
}
#header .logo a span.domain{
	font-size:13px;
	color:#696969;
	letter-spacing:0px;
	font-weight:normal;
}
#header .logo p{
	float:left;	
}
#header .logo ul{
	list-style:none;
	display:block;
	padding-top:8px;
}
#header .logo ul li{
	color:#555555;
	list-style:none;
	font-size:11px;	
	line-height:13px;
	text-transform: uppercase;	
}
#header .logo ul li.domain{
	color:#797979;	
}
/* FOOTER AREA */

#footer{
	margin-top:60px;	
	color:#999999;
	font-size:11px;
	text-align:center;
	padding-bottom:50px;
	
	
}
#footer ul{
	display:inline;	
}
#footer ul li{
	list-style:none;	
	display:inline;
}
#footer a{
	color:#696969;
	text-decoration:none;
}
#footer ul li.phone{
	color:#8DB851;	
}

/* STAGED AREA */

#stage{
	height:1%;
	overflow:hidden;
	margin-top:-185px;	
}
#stage h1{
	font-size:38px;
	color:#f0f0f0;
	padding:0px;
	text-shadow: 3px 3px #000;
}
#stage .col1{
	float:left;
	width:33%;
	
}
#stage .col2{
	float:right;
	width:66%
}
#stage .col1 .heading{
	color:#f0f0f0;
	padding-top:30px;
	border:0px solid;
	height:140px;
}
#stage .col1 .heading h1{
	position:relative;
	bottom:0px;
	font-size:38px;
	padding-bottom:7px;
}
#stage .col1 .heading p{
	font-size:20px;
	color:#555555;	
	text-shadow: 2px 2px #000;
}


#stage .col1 a{
	color:#565656;
	text-decoration:none;	
}
#stage .col1 a:hover{
	text-decoration:underline;	
}
#stage .col1 .content{
	margin-top:40px;	
	padding-right:10px;	
	font-size:24px;
	color:#797979;
	border:0px solid;	
}
#stage .col1 .content p{
	padding-bottom:14px;
}
#stage .col1 .content p.designer{
	font-size:12px;	
}
#stage .col1 .small{
	font-size:16px;	
}
#stage .col1 .content h2{
	font-size:32px;
}

#stage .col2 .showcase{
	width:600px;
	float:right;
	border:2px solid #333333;
	background-color:#000;
	padding:10px;
	-moz-border-radius:10px;	
	-webkit-border-radius:10px;	
	margin-bottom:14px;
	
}
#stage .col2 .showcase #showcase{
	background-color:#191919;
 	height:350px;
	-moz-border-radius:7px;	
	-webkit-border-radius:7px;	
	overflow:hidden;	
} 

#stage .col2 .featured{
	margin-top:0px;
	margin-right:0px;
	position:relative;
	float:right;
	-moz-border-radius:4px;	
	-webkit-border-radius:4px;	
	background:url("images/background.opacity.png") 100% 50% no-repeat;
	padding:4px 36px 4px 14px;
}
#stage .col2 .featured a{
	color:#fff;
	text-decoration:none;	
} 

#stage .col2 .featured span{
	color:#ababab;
	padding-right:4px;
} 
#stage .col2{
	
}
#stage .col2 .thumbs{
	width:710px;
	margin-left:4px;
}
#stage .col2 .thumbs div{
	background-color:#191919;
	-moz-border-radius:7px;	
	-webkit-border-radius:7px;
	border:2px solid #333333;
	width:130px;
	float:left;
	margin-right:29px;
	margin-bottom:30px;
}
#stage .col2 .thumbs dl{
	border:5px solid #000;	
	-moz-border-radius:7px;	
	-webkit-border-radius:7px;
	height:90px;
	overflow:hidden;
}

	
#stage .col2 .thumbs dt a{
	border:0px solid red;	
	display:block;
	position:absolute;
}
#stage .col2 .thumbs dt img{	
}
#stage .col2 .thumbs dd {
	position:relative;
	text-align:center;
	color:#fff;	
}

#stage .col2 .thumbs dd a{
	display:block;
	height:90px;
	text-decoration:none;
}

#stage .col2 .thumbs dd a span{
	height:90px;
	background:url("images/opacity.png");
	display:none;
	color:#f9f9f9;

}
#stage .col2 .thumbs dd a:hover span{
	display:block;
	padding-top:25%;
}

#stage .col1 .contact{
	margin-top:40px;
	color:#797979;		
}
#stage .col1 .contact dl{
	margin-bottom:10px;	
	color:#676767;	
	font-size:16px;
}
#stage .col1 .contact dd{
	color:#797979;	
	font-size:14px;
}
#stage .col1 .contact dd.main{
	font-size:27px;	
	color:#131313;
}



/******* FORMS *****/

#form-contact{
	padding:14px;	
}
#form-contact .marketing, #form-contact .subject,  #form-contact .lastname {
	display:none;	
}
#form-contact input.text, #form-contact textarea.text{
	background:#383838 url("images/input.background.gif") 0 -15px repeat-x;
	margin-top:5px;
	margin-bottom:7px;
	border:2px solid #333333;
	color:#ababab;
	-moz-border-radius:3px;	
	-webkit-border-radius:3px;
	padding:3px 0 3px 0px;
}

#form-contact textarea.text{
	height:75px; 	
}
#form-contact  label{
	font-size:12px;
	color:#555555;
}
#form-contact label.error{
	color:#f4f4f4;
}
#form-contact input.submit{
	-moz-border-radius:3px;
	color:#f1f1f1;
	padding:4px 8px 4px 8px;
	border:1px solid #6A8F35;
	background:#f6f6f6 url(images/input.submit.green.gif) 0 0 repeat-x ;
	background-color:#666666;
	float:right;
}

#form-contact .alert{
	padding:0px;	
	padding-bottom:7px;
}
#form-contact .alerterror{
	background:none;
	border:0px solid;
}
#form-contact .alertpassed{
	color: #8FB953;
	background:none;
	border:0px solid;
}
.contact .disclaimer{
	clear:right;
	padding-top:14px;
	padding-left:20px;
	font-size:10px;
	color:#666666;	
}


/******* MENU *****/

#menu {
	list-style:none;	
}
#menu li a{
	color:#ababab;
	letter-spacing:1px;
	text-decoration:none;
	display:block;
	font-size:16px;
	text-align:right;
	text-transform:uppercase;
	text-shadow: 2px 2px #000;	
}	
#menu li a span{
	color:#696969;
	display:block;
	margin-top:0px;
	padding-top:2px;
	font-size:11px;
	letter-spacing:1px;
	border-top:1px solid #232323;	
}

#menu li a:hover{
	color:#fdfdfd;
}
#menu li a:hover span{
	color:#33A02C;
}

/******* CMS TEMPLATES *****/
#cms .default h1{
	color:#f0f0f0;
	margin-top:30px;
	padding-bottom:7px;
}
#cms .default p.summary{
	border:0px solid;
	height:90px;
	font-size:20px;
	color:#555555;	
	text-shadow: 2px 2px #000;
}
#cms .default .content{
	margin-top:40px;
	font-size:12px;
	color:#797979;
}
#cms .default .content h2{
	color:#555555;
	font-size:20px;
	padding-bottom:7px;
}
#cms .default .content h3{
	font-size:16px;	
	padding-bottom:7px;
}
#cms .default .content a{
	color:#696969;	
}

/*
#stage .col1 .content{
	margin-top:30px;	
	padding-right:10px;	
	font-size:24px;
	color:#797979;
	border:0px solid;	
}
#stage .col1 .content p{
	padding-bottom:14px;
}
#stage .col1 .content p.designer{
	font-size:12px;	
}
#stage .col1 .small{
	font-size:16px;	
}



#stage .col1 .content h2{
	font-size:32px;
}

#stage .col1 .heading h1{
	position:relative;
	bottom:0px;
	font-size:38px;
	padding-bottom:7px;
}
#stage .col1 .heading p{
	font-size:20px;
	color:#555555;	
	text-shadow: 2px 2px #000;
	
}
*/

}

#cms .default .content{
	
}