/*  GLOBALS  */

*			{ margin: 0; padding: 0; }
body 		{ background: #000; font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; line-height: 17px; color:#CCC; }
body.sort 		{ background: #fff; font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; line-height: 17px; color:#333333; }
a:link 		{ color: #999; text-decoration: none; }
a:visited 	{ color: #999; text-decoration: none; }
a:hover 	{ color: #FFFF99; text-decoration: underline; }
a:active 	{ color: #999; text-decoration: none; }
body.sort a:link 		{ color: #333; text-decoration: underline; font-size: 15px; }
body.sort a:visited 	{ color: #333; text-decoration: underline; }
body.sort a:hover 		{ color: #000; text-decoration: none; }
body.sort a:active 		{ color: #333; text-decoration: underline; }
img 		{ border: none; }
p			{ padding: 0 0 20px 0; }

/*  STRUCTURE  */

#container 		{ width: 980px; height: auto; overflow: visible; margin: 0 auto;}
	#header			{ width: 980px; height: 155px; background: url(../images/top.gif) top center no-repeat; }
	#header2		{ width: 980px; height: 155px; background: url(../images/top2.gif) top center no-repeat; }
		#logo			{ width: 980px; height: 70px; float: left; }
			#logo ul			{ list-style: none; }
		#nav			{ padding-top:25px; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color:#494949; }
			#nav ul, #nav ul li { list-style: none; margin: 0; padding: 0; }
			#nav ul { padding: 5px 0 4px; text-align: center; }
			#nav ul li { display: inline; margin-right: .55em; }
			#nav ul li.last { margin-right: 0; }
			#nav ul li a { padding: 5px 0; text-decoration: none; }
			#nav ul li a span { padding: 5px 1em; }
			#nav ul li a:hover span { text-decoration: none; }
			/*
			#navigation ul li a {
			display: inline-block;
			white-space: nowrap;
			width: 1px;
			}
			#navigation ul { padding-bottom: 0; margin-bottom: -1px; }
			*/
			* html #navigation ul li a { padding: 0; }
			
			ul#gallerynav1	{ list-style: none; width: auto; float: left; text-align: left; padding: 14px 0 0 375px; }
				ul#gallerynav1 li	{ padding: 2px; }
				
			ul#gallerynav2	{ list-style: none; width: auto; float: left; text-align: left; padding: 14px 0 0 40px; }
				ul#gallerynav2 li	{ padding: 2px; }
				
			ul#gallerynav3	{ list-style: none;  width: auto; float: left; text-align: left; padding: 14px 0 0 40px; }
				ul#gallerynav3 li	{ padding: 2px; }
				
			#return			{ margin: 0 auto; width: 117px; height: auto; padding-top: 10px; }
			
			#nav .small		{ font-size: 10px; text-decoration: none; }
			#nav a			{ color: #a7a7a7; }
			#nav a:active	{ color: #a7a7a7; }
			#nav a:visited	{ color: #a7a7a7; }
			#nav a:hover	{ color: #FFFF99; text-decoration: none; } 
		
	#content 		{ width: 980px; height: auto; overflow: visible; float: left; background: url(../images/bg1.gif) top center repeat-y; }
	
		#homeleft		{ width: 210px; height: 307px; float: left; background: url(../images/bird.jpg) top left no-repeat; margin-left: 13px; display: inline; }
		#homenav		{ width: 190px; height: 400px; float: left; overflow: hidden; }
		#homeright		{ width: 550px; height: auto; float: left; overflow: hidden; }
		#browse			{ width: 190px; height: 130px; }
	
		#about-left 	{ width: 500px; height: auto; float: left; margin: 25px 0 0 70px; display: inline; line-height:1.75em; }
		#about-right 	{ width: 280px; height: auto; float: left; margin: 25px 0 0 50px; display: inline; line-height:1.75em; }
		
		#contact-left 	{ width: 333px; height: auto; float: left; margin: 25px 0 0 70px; display: inline; line-height:1.75em; }
		#contact-right 	{ width: 447px; height: auto; float: left; margin: 25px 0 0 50px; display: inline; line-height:1.75em; }
		
		.galleries-1	{ width: 260px; height: 294px; float: left; display: inline; margin: 0 0 0 70px; position: relative; }
		.galleries-2	{ width: 260px; height: 294px; float: left; display: inline; margin: 0 0 0 32px; position: relative;}
		.galleries-3	{ width: 260px; height: 294px; float: left; display: inline; margin: 0 0 0 32px; position: relative;}
			.galleries-thumb			{ position: absolute; width: 260px; height: 175px; float: left; }
			.galleries-thumb a  		{ position: absolute; top: 0; left: 0; padding: 4px; text-decoration: none; background: #1f1f1f; -moz-border-radius: 5px;   }
			.galleries-thumb a:hover	{ background: #9d9d9d; }
			.galleries-sub				{ position: absolute; top: 183px; left: 0; width: 252px; height: auto; float: left; padding-left: 4px; }
			span.sub					{ font-style: italic; font-size: 15px; line-height: 19px; color: #8b8b8b; }
		
		div.project		{ width: 840px; height: auto; float: left; padding: 20px 0; line-height:1.75em; margin-left: 70px; display: inline; }
			div.project-img		{ width: 345px; height: auto; float: left; }
			div.project-desc	{ width: 465px; height: auto; float: left; margin-left: 30px; display: inline; }
		
		#gallerynav	{ width: 980px; height: 93px; float: left; background: url(../images/browsenav.gif) top left no-repeat #000; }
		
		#gallery 	{ width: 840px; height: auto; overflow: visible; float: left; margin-left: 70px; display: inline; background: url(../images/gallerytop.gif) top center no-repeat #bbb; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333;}
		
			#gallerytop		{ width: 840px; height: 62px; float: left; }
		
				#gallerytitle	{ width: 200px; height: auto; float: left; display: inline; padding: 20px 20px 10px 30px; font-size: 17px; font-family: Georgia, "Times New Roman", Times, serif; line-height: normal; font-weight: normal; color: #1f1f1f; }
			
				#galleryinst	{ width: 450px; height: auto; float: right; display: inline; padding: 20px 30px 0 0; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; line-height: normal; text-align: right; color: #666; }
			
				#galleryinst strong	{ font-weight: bold; color: #1f1f1f;}
	
	#footer			{ width: 920px; height: 49px; float: left; padding: 340px 60px 0px 0px; font-size: 10px; background: url(../images/footer.jpg) no-repeat; text-align: right;  }
		#footer a			{ color: #909090; }
		.footer-dark		{ color: #666; }
	#footer-gallery			{ width: 920px; height: 49px; float: left; padding: 340px 60px 0px 0px; font-size: 10px; background: url(../images/footer-gallery.jpg) no-repeat; text-align: right;  }
		#footer-gallery a			{ color: #909090; }
		.footer-dark		{ color: #666; }
		
/*  TAGS  */

h1, h1 a, h1 a:link		{ font-size: 24px; font-family: Georgia, "Times New Roman", Times, serif; color: #c7c7c7; text-align: left; font-weight: normal; line-height: normal; padding-bottom: 5px; }
h1 a:visited	{ color: #c7c7c7; }
h1 a:hover		{ color: #fff; text-decoration: underline; }
h1 a:active		{ color: #fff; }

h2				{ font-size: 17px; font-family: Georgia, "Times New Roman", Times, serif; line-height: normal; font-weight: normal; }
h3				{ font-size: 20px; line-height: normal;	color: #CCCC99; padding: 0 0 20px 0; }
h4				{ font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; color: #fff; text-align: left; line-height: normal; }

/*  FORMS  */

.input250 		{ font: 12px Arial, Helvetica, sans-serif; color: #000000; border: 1px solid #999999; height: 20px; width: 250px; background: #CCCCCC; padding-top: 5px; padding-left: 3px; }
.input200 		{ font: 12px Arial, Helvetica, sans-serif; color: #000000; border: 1px solid #999999; height: 20px; width: 200px; background: #CCCCCC; padding-top: 5px; padding-left: 3px; }
.textarea250 	{ font: 12px Arial, Helvetica, sans-serif; color: #000000; border: 1px solid #999999; height: 140px; width: 250px; padding-top: 5px; padding-left: 3px; background: #CCC; }

/*  CUSTOM CLASSES  */


		div#feature_list {
			width: 715px;
			height: 400px;
			overflow: hidden;
			position: relative;
			margin-left: 41px;
			display: inline;
			float: left; 
		}

		div#feature_list ul {
			position: absolute;
			list-style: none;	
			padding: 0;
			margin: 0;
		}

		ul#tabs {
			left: 0;
			top: 67px;
			z-index: 2;
			width: 190px;
			
		}

		ul#tabs li {
			font-size: 12px;
		}
		
		/* ul#tabs li img {
			padding: 5px;
			border: none;
			float: left;
			margin: 10px 10px 0 0;
		} */

		ul#tabs li a {
			color: #9d9d9d;
			text-decoration: none;	
			display: block;
			padding: 7px 32px 0 15px;
			height: 27px;
			outline: none;
			text-align: right;
		}

		ul#tabs li a:hover {
			color: #fff;
			text-decoration: underline;
		}

		ul#tabs li a.current {
			background: #9d9d9d url(../images/tab-bg.gif) top left no-repeat;
			color: #000;
		}

		ul#tabs li a.current:hover {
			text-decoration: none;
		}

		ul#output {
			top: 30px;
			right: 0;
			width: 529px;
			height: 355px;
			position: relative;
		}

		ul#output li {
			position: absolute;
			width: 529px;
			height: 355px;
		}

		ul#output li a {
			position: absolute;
			bottom: 0;
			right: 0;
			padding: 4px;
			text-decoration: none;
			font-size: 11px;
			color: #FFF;
			background: #1f1f1f;
			-moz-border-radius: 5px;
		}
		
		ul#output li a:hover {
			background: #9d9d9d;
		}


.clear 				{ clear: both; }
.fl					{ float: left; }
.introtitlecap {
	font-family: Georgia, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 25px;
	color: #CCCCCC;
}