/* CSS Document */

	h1{
		font-family:"Trebuchet MS";
		font-size:200%;
		margin-bottom:0px}
	h2{
		font-family:"Trebuchet MS";
		font-size:150%;
		margin:0 0 5px 0;}
	
	body{
		font: 12px Arial, Helvetica, sans-serif;
		margin:0;
		color:#568691;}
	p.pc_logo{
		float:left;
		width:320px;
		height:85px;
		background:url(../../assets/header/graphics/logo.gif) no-repeat;
		margin:0px 0px 0 0px;}
a:link, a:visited, a:hover, a:active{
	color:#db8c2f;
	text-decoration:underline;
}
		
	p.pc_logo a{
		display:block;
		width:320px;
		height:85px;
		text-indent:-99999px;}
	#nav{
		background:url(../header/graphics/buttonbg.gif) no-repeat;
		width:320px;
		height:85px;
		float:right;}
	#nav ul{
		list-style:none;
		padding:0;
		margin:0;}
	#nav li{
		float:left;
		display:inline;}
	body.featured_work #nav li.featured_work a{
			background:url(/assets/header/graphics/featured_wkR.gif) no-repeat bottom;}

	
	body#contact #nav li.contact a{
			background:url(/assets/header/graphics/contactR.gif) no-repeat bottom;}		
	#header{
		background: url(/assets/header/graphics/headerbg.gif) repeat-x; 
		height:85px;
		min-width:800px;}
	#nav li.featured_work a{
		overflow:hidden;
		margin:0px 0 0 75px;
		display:block;
		width:116px;
		height:67px;
		background:url(/assets/header/graphics/featured_wk.gif) no-repeat bottom;
		text-indent:-999999px;}
	#nav li.featured_work a:hover{
		background:url(/assets/header/graphics/featured_wkR.gif) no-repeat bottom;}
	#nav li.contact a{
		overflow:hidden;
		margin:0px 0 0 30px;
		display:block;
		width:70px;
		height:67px;
		background: url(/assets/header/graphics/contact.gif) no-repeat bottom;
		text-indent:-999999px;}
	#nav li.contact a:hover{
		background:url(/assets/header/graphics/contactR.gif) no-repeat bottom;}		

	p{
		margin:0;}
	div.glory-shot-txt{		
		color:#568691;
		float:left;
		width:273px;
		height:247px;
		font:150% "Trebuchet MS";}
	div.section{
		width:27%; 
		height:260px; 
		border-right:1px solid #d0dde0; 
		float:left; 
		padding:0 30px 0 30px;}
	p.identity{
		text-indent:-999999px;
		margin:0 0 10px;
		width:199px;
		height:14px;
		background:url(../../graphics/identity_dev.gif) no-repeat;}
	p.web_design{
		text-indent:-999999px;
		margin:0 0 10px;
		width:113px;
		height:14px;
		background:url(/graphics/web_design.gif) no-repeat;}
	p.print{
		text-indent:-999999px;
		margin:0 0 10px;
		width:113px;
		height:14px;
		background:url(../../graphics/print_design.gif) no-repeat;}
	.borderit img{
		padding:4px;
		border: 1px solid #d0dde0;
		background-color:#fff;}
	.borderit:hover img{
		background-color:#d0dde0;}
	.borderit:hover{
		color: red; /* irrelevant definition to overcome IE bug */}
	p.caption{
		margin:10px 0 0 0;
		font:11px Arial, Helvetica, sans-serif;
		color:#7e7e7e;
		line-height:20px;}
	p.proj_descrip{
		font-size:12px;
		color:#7e7e7e;
		line-height:20px;
		margin-top:0px;}
	div#projects{
		float:right; 
		background: url(/graphics/project_menu.gif) no-repeat; 
		width:168px; 
		height:382px;}
	#projects ul{
		padding:0px; 
		margin:40px 0 0 10px; 
		list-style:none;}
	#projects ul li a{
		color:#568691;
		padding-left:15px;
		line-height:30px;}
	#projects ul li a:hover{
		background:url(/graphics/arrow.gif) no-repeat 0% 52%;}
	#projects ul li a.selected{
		background:url(/graphics/arrow.gif) no-repeat 0% 52%;
		font-weight:bold;}
	
	/* Page specific Project Elements*/
	body.casas-del-sol div#projects ul li a.casas{
		background:url(/graphics/arrow.gif) no-repeat 0% 52%;
		font-weight:bold;
	}
		
	div#footer{
		background:url(/graphics/footer_bg.gif) repeat-x; 
		height:100px; 
		background-position:0% 90%;}
		
	.content{
		margin:10px auto 0 auto; 
		width:800px;}
	h1.featured_work{
		height:18px; 
		width:185px; 
		margin:20px 0 10px 0; 
		background:url(/graphics/featured_work.gif) no-repeat; 
		text-indent:-99999px;}
	h1.contact{
		height:18px; 
		width:185px; 
		margin:20px 0 10px 0; 
		background:url(/graphics/contact.gif) no-repeat; 
		text-indent:-99999px;}
	div.featured_project{
		width:576px; 
		height:330px; 
		background: url(/graphics/project_bg.gif) no-repeat; 
		float:left;
		padding:25px;}
	h2.description{
		margin:0;
		background:url(/graphics/description.gif) no-repeat; 
		text-indent:-999999px;}
	/*Featured Work Image Styles*/
	p.cvent01{
		background: url(../../portfolio/cvent/01.gif) no-repeat;
		margin:0;
		padding:0;
		width:550px;
		height:300px;
		text-indent:-999999px;}
	div.top_section{
		border-bottom:1px #d0dde0 solid; 
		padding-bottom:25px;}
	div.main_image{

		height:248px; 
		margin-bottom:20px; 
		float:left;}
		
	div.featured_project a img{
		border:0;
	}
div.main_image h2{
	color:#db8c2f;
	font-family:"Trebuchet MS";
	text-transform: uppercase;
	font-size:180%;
	font-weight:normal;
}	
p.image{
	width:488px;
	height:248px;
	float:left;
	display: block;
	margin-right:20px;

}	
p.image a img{
	border:1px solid #D0DDE0;
	padding:4px;
}
div.txt{
	float:right;
	width:280px;
}
div.txt p{
		font-size:130%;
		line-height:25px;
}