/* -----------------------------------------------
	CELIS DESIGN CSS	
----------------------------------------------- */


/* reset whitespace */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,hr, img { 
	margin:0;
	padding:0;
	border:none;
	}


body {
	width: 990px;
	color:#898989;
	font:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-weight:200;
	line-height: 18px;
	letter-spacing: 0.5px;
	font-style:italic;
	}

.dark{
	background:#000;
	}
.light{ 
	background:#E9E9E9;
	}

#contact, 
#profile, 
.navwrap, 
.description {
	width:990px; 
	float:left;
	}

.hidden {
	display:none;
	}



/* -----------------------------------------------
	Header	
----------------------------------------------- */

#header {
	width:990px; 
	height:130px; 
	position:fixed; 
	top:0; left:0;
	z-index:30; 
	opacity: 0.90; 
	}


#logo {
	float:left; 
	margin-top:90px; 
	margin-left:28px; 
	}

#nav {
	float: right;  
	margin-top:100px;
	}

#nav li {
	display:inline; 
	padding-right: 20px; 
	}



/* -----------------------------------------------
	Landing	
----------------------------------------------- */


#intro { 
	padding-top:45px;
	margin-left:38px; 
	width:990px;
	}

#featured {
	margin-top:35px; 
	width:990px;
	}
	
#featured p {
		
	margin-left:38px; 
	padding: 18px 0 0 0;
	color:#555;

		
	}
	
 
#landing h1 {
	font-size:18px; 
	margin-left:38px;
	padding-top:22px; 
	font-weight:100;
	color:#CCC;
	}
	


#landing-thumbs {
	margin: 30px 0 0 37px;
	}

div.landing-thumb{
	position: relative;
	width: 200px;
	height: 133px;	
	background-color: black;
	margin: 0px 37px 52px 0px;
	float:left;
	}

div.landing-caption {
	position: absolute;
	top: 24px;
	left: 0;
	padding: 0 10% 1px 3px; 
	height: 16px;	
	background-color:#fff;
	display: none;
	font-size:13px;
	color:#000;
	}



#landingfoot p {
	color:#555; 
	font-size:13px;
	font-weight:100;}


/*
#panel {
	background: #000; 
	width:100%;height: 101%; 
	display: none;
	z-index:40; 
	opacity: 0.97; 
	position:fixed; 
	top:130; 
	left:0;
	}
*/



/* -----------------------------------------------
	Folio / Projects	
----------------------------------------------- */

#content {
	margin-top:130px;
	}

#portfolio {
	margin-top:137px; 
	}

.initfolio{ 
	position:fixed; 
	top:3000; 
	height:10px; 
	opacity:0.01;
	}

.project {
	height:590px;	
	padding-bottom:107px; 
	}

.portero {
	height:480px; 
		background:url(../images/portero_16.jpg) no-repeat; 
	}

.portero_tint {
	height:480px; 
	background:url(../images/portero_tint.jpg) no-repeat; 
	}

.thumb {
	float:left;
	margin:18px 0 0 28px;
	}

.pics, .flashbox {
	float:right; 
	margin:18px 20px 0 0; 
	cursor:pointer;
	cursor:hand;
	}

.detailbar {
	float:left; 
	width:276px; 	
	height:18px; 	
	margin:18px 0 0 28px; 
	padding-left:8px; 
	background:url(../images/black60.png); 
	}

.navbar {
	float:right;
	width:586px; 
	height:18px; 	
	margin:18px 20px 0 0;  
	background:url(../images/black60.png); 
	}

.stillnav {
	float:left; 
	height:88px; 
	padding-right:20px;	
	}
	
.loader {
	margin-top:3px;
	}

.view {
	float:right;
	margin-right:8px;	
	}

.navwrapAV {
	float:left; 
	width:379px; 
	margin-top: 223px; 
	}




/* -----------------------------------------------
	Text / Text Containers
----------------------------------------------- */

/*folio*/

.title {
	float:left; 
	width:300px; 
	margin: 29px 0 0 28px;  
	padding-top:3px; 
	}

.title h1 {
	color:#FFF; 
	font-size:15px; 
	margin-left:5px; 
	font-weight:200;  
	font-style: normal;
	}

.line { 
	background:url(../images/white.jpg) repeat-x; 
	background-position:center; 
	height:14px; 
	}

.line p { 
	float:left; 
	margin-left:12px; 
	background-color:#000;  
	width:auto; 
	font-size:11px; 
	letter-spacing:1px; 
	padding: 0 4px 0 4px; 
	text-align:center;
	}

.blurb-box {
	float:right; 
	width:586px; 
	margin: 22px 20px 0 0; 
	cursor:pointer; 
	cursor: hand; 
	font-style:normal;
	}
	
/* profile / contact */ 

#profile {
	color:#666;
	}
	
.about {
	border-bottom: 1px dotted;
	font-style:normal;
	}

#profile h1 {
	font-style:normal;
	font-weight:600;
	color:#333;
	}

.profile-content { 
	margin-top:9px;
	}

.sublist { 
	font-style:italic; 
	list-style:none; 
	color:#999;
	}

#contactBody, 
#flashContact {
	float:left; margin-left:28px;
	}

#contactBody {
	margin-top:33px;
	font-size:14px;
	}

li { 
	list-style:none;
	font-style:italic;

	}

	


/* -----------------------------------------------
	Links	
----------------------------------------------- */

.load {}  

a, a:visited, .view p {
	
	color:#555;
	text-decoration: none;
	font-size:11px;
	font-style:italic;
	cursor:pointer; 
	cursor: hand;
	
	}
	
#nav a {
	font-size:14px; 
	padding-left:18px;
	}

.stillnav a {
	padding-right:11px; 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-style:normal; color:#333;
	}

.stillnav li {
	display:inline; 
	padding-right:1px; 
	}


a.arrow_down {
	
	float:right; 
	margin: 0 0px 3px 0; 
	width:17px; 
	height:17px;
	background: transparent url('../images/arrow_down.gif') no-repeat left top;

}

a.arrow_down:hover {

background-position: 0px -17px;


}

a.arrow_up {
	
	float:right; 
	margin: 0 0px 3px 0; 
	width:17px; 
	height:17px;
	background: transparent url('../images/arrow_up.gif') no-repeat left top;

}

a.arrow_up:hover {

background-position: 0px -17px;


}

 a.lastcross {
	float:right; 
	margin: 0 0px 3px 0;  
	font-size:16px; 
	}

a.lastcross{
	font-size:19px;
	}

a.disabled, a:hover, 
a.blurbcross:hover, 
a.activeSlide, 
a.stillnav:hover {
	color:#fff;
	}
	
a.light {
	color:#999;
	}
	
a.disabled-light, a.light:hover {
	color:#333;
	}
	
	

.email a {
	font-size:14px;
	color:#000;
	}

.email a:hover {
	color:#999;
	}

a.cross {
	margin-left:38px; 
	font-weight:200; 
	font-size:15px;
	}


/*yellow: color:#F5DA85;*/