/*
Site: Sunlit Architecture - Crested Butte, CO
Author: Christian Ross (http://twitter.com/christianross)
Author URI: http://www.thinairmediasolutions.com  
August 17, 2010 
*/


/* ---- Reset CSS ---- */

html, body, img {
	margin: 0; padding: 0; border: 0; outline: 0;
	font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;
	vertical-align: baseline;
}
:focus { outline: 0; }

html { overflow-x: auto; overflow-y: auto; }

body { line-height: 1; }
p { margin:0; padding:0; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
em { font-style: italic; }
strong { font-weight: bold; }

.clear:after { content: "."; display: block; height: 0;	font-size: 0; clear: both; visibility: hidden; }
.clear { display: inline-block; }
/* \*/
.clear { display: block; }
/* */ 
.image { display: block; font-size: 0; text-indent: -9999px; outline: none; }
td { vertical-align:top; }


/*  Sunlit Architecture - CSS  */
/*  Layout  */

body {
	margin: 0;
	background:#222 url(../images/bg1.png) 0 0 repeat;
	font: 14px/20px "Lucida Fax", "Lucida Roman", "Times New Roman", Times, serif;
	color:#FFF;
	text-align:left;
}

#container	{ width:1010px; margin:0 auto 20px; text-align:left; z-index:1; }
#header		{ width:940px; margin:0 auto; height:95px; margin-top:20px; }
  #logo		{ float:left; width:250px; }
  #nav		{ float:right; width:680px; text-align:right; margin-top:36px; }
#slideshow  { z-index:3; position:relative; height:550px; width:940px; margin:0 auto 20px; background:url(../images/slider-bg.png) 0 0 no-repeat; padding:15px 35px; }
#banner		{ width:940px; margin:0 auto 20px; padding:15px 35px; }
#content	{ width:940px; margin:0 auto; border:1px solid #333; padding:20px 0; background:url(../images/content-bg.png) 0 0 repeat; }
  #main-content {  }
  #sidebar  	{  }

#footer { width:940px; margin:0 auto; text-align:center; font-size:14px; line-height:28px; margin-top:30px; color:#CCC; }


  
/*  Styles  */

a:link    { color: #FC3; font-weight: bold; text-decoration: none; font-size:12px; } 
a:visited { color: #FC3; font-weight: bold; text-decoration: none; font-size:12px; }
a:active  { color: #FC3; font-weight: bold; text-decoration: none; font-size:12px; }
a:hover   { color: #666; font-weight: bold; text-decoration: underline; font-size:12px; }

a.completesite:link    { color: #FC3; font-weight: bold; text-decoration: none; } 
a.completesite:visited { color: #FC3; font-weight: bold; text-decoration: none; }
a.completesite:active  { color: #FC3; font-weight: bold; text-decoration: none; }
a.completesite:hover   { color: #666; font-weight: bold; text-decoration: underline; }

a.mainNav:link,	a.mainNav:active,a.mainNav:visited  { 
	color:#FFF; font-size: 14px; line-height:20px; 
	font-weight:normal; font-family: "ff-dax-web-pro-condensed-1", sans-serif;
	text-decoration:none; text-transform:uppercase;
	padding:8px 12px;
	text-shadow:1px 1px #000; -moz-text-shadow:1px 1px #000; -webkit-text-shadow:1px 1px #000;
}

a.mainNav:hover   { 
	color:#FC3; font-size: 14px; line-height:20px; 
	font-weight:normal; font-family: "ff-dax-web-pro-condensed-1", sans-serif;
	text-decoration:none; text-transform:uppercase;
	padding:8px 12px;
	text-shadow:1px 1px #000; -moz-text-shadow:1px 1px #000; -webkit-text-shadow:1px 1px #000;
}

a.courses:link, a.courses:active, a.courses:visited { color:#980000; font:14px Georgia, "Times New Roman", Times, serif; text-decoration:none; font-weight:bold; }
a.courses:hover	{ color:#980000; text-decoration:underline; font:14px Georgia, "Times New Roman", Times, serif; font-weight:bold; }

a.footer:link, a.footer:active, a.footer:visited { color:#FC3; text-decoration:none; font-size:12px; text-transform:uppercase; padding:0 10px; text-shadow:1px 1px #000; -moz-text-shadow:1px 1px #000; -webkit-text-shadow:1px 1px #000; }
a.footer:hover { color:#FFF; text-decoration:none;  text-transform:uppercase; font-size:12px; padding:0 10px; text-shadow:1px 1px #000; -moz-text-shadow:1px 1px #000; -webkit-text-shadow:1px 1px #000; }


.completesite 	{ font: 14px/20px "Lucida Fax", "Lucida Roman", "Times New Roman", Times, serif; }
.pipe		  	{ font-size:10px; color:#999; padding:0 12px; }
.space			{ padding:0 12px; }
.footerNav		{ padding:0 6px; }
.underline		{ border-bottom:1px solid #E4E9EE; display:block; margin-top:10px; }
.sans			{ font:12px/18px Arial, Helvetica, sans-serif; color:#FFF; }


p.completesite  { margin-bottom:20px; }
p { padding:0; margin:0; }
#footer p { font-size:14px; line-height:28px; }


h1.completesite { margin: 0 0 10px 0; font-size: 32px; line-height:38px; color:#FFF; font-family: "ff-dax-web-pro-condensed-1", sans-serif; }
h2.completesite { margin: 0 0 10px 0; font-size: 22px; line-height:26px; color:#FFF; font-family: "ff-dax-web-pro-condensed-1", sans-serif; }
h3.completesite { margin: 0 0 5px 0;  font-size: 18px; line-height:22px; color:#FFF; font-family: "ff-dax-web-pro-condensed-1", sans-serif; }
h4.completesite { margin: 14px 0 5px 0;  font-size: 16px; line-height:20px; color:#FFF; font-family: "ff-dax-web-pro-condensed-1", sans-serif; }


ul { padding:0; margin:0; }
li { padding:0 0 0 0; margin:0 0 0 20px; border:0; }


input {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}