/* westwoods of boulder v3.0 stylesheet  ::  october 28, 2008 by soul design group  ::  www.souldesigngroup.com */

html {
	height:auto;
}

* { 
	behavior: url(iepngfix.htc);
	margin:0px;
	padding:0px;
	outline:none;
}

body {
	background:url(images/bg.jpg) repeat top center #000;
	font-family:'Georgia', 'Times New Roman', serif, Verdana;
	font-size:1em;
	line-height:1.3em;
	letter-spacing:1.3px;
    color:#BBB;
	margin:0 auto;
	border:none;
}

p {
	margin-top:10px;
}

h1 {
	font-size:20px;
	font-family:'Lucida Fax', serif, Verdana;
	color:#888;
}

h2 {
	font-size:18px;
	font-family:'Lucida Fax', 'Times New Roman', Helvetica, serif;
	color:#888;
	line-height:20px;
}

h3 {
	font-size:14px;
	font-weight:bold;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	color:#888;
}

.text-alt-small {
	font-family:Helvetica, Verdana, Arial, sans-serif; 
	font-size:10px; 
	line-height:1em;
	letter-spacing:.8px;
}

a:link {text-decoration:none; color:#999;}
a:active {text-decoration:none; border:none; color:#999;}
a:visited {text-decoration:none; color:#999;}
a:hover {text-decoration:none; color:#777;}

a.ul:link {text-decoration:none; color:#999; border-bottom:1px solid #CCC;}
a.ul:active {text-decoration:none; color:#999; border-bottom:1px solid #CCC;}
a.ul:visited {text-decoration:none; color:#999; border-bottom:1px solid #CCC;}
a.ul:hover {text-decoration:none; color:#777; border-bottom:1px solid #CCC;}

.clear {clear:both;}
.clear-right {clear:right;}
.clear-left {clear:left;}

img {border:none;}

.image-border-gold {
	padding:4px;
	border:1px dotted #8B6E21;
}

#tt {position:absolute; display:block; background:url(images/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#CDC; color:#333; font-size:9px;}
#ttbot {display:block; height:5px; margin-left:5px; background:url(images/tt_bottom.gif) top right no-repeat; overflow:hidden}


/*********************************
		      HEADER
*********************************/
#header{
	position:absolute;
	top:0;
	left:0;
}

#header-bg {
	float:left;
}

#header-logo {
	position:absolute;
	top:5px;
	left:15px;
}


/*********************************
		   NAVIGATION
*********************************/
#nav {
	width:400px;
	height:35px;
	clear:both;
	background: url(images/nav-bg.png) top left no-repeat;
	position:absolute;
	top:60px;
	left:35px;
	text-align:center;
}

#nav-links {
	margin:-1px auto 0 auto;
	padding:5px 0 0 5px;
}

.nav-item {
	float:left;
	margin:1px 10px 0 10px;
}

a.nav-link:link {text-decoration:none; text-indent:-3000px; float:left;}
a.nav-link:active {text-decoration:none; text-indent:-3000px; float:left;}
a.nav-link:visited {text-decoration:none; text-indent:-3000px; float:left;}
a.nav-link:hover {text-decoration:none; text-indent:-3000px; float:left;}



/*********************************
		     CONTENT
*********************************/
#content {
	width:90%;
	min-height:650px;
	margin:150px auto 45px auto;
}

#page-identifier {
	position:absolute;
	margin:-20px 0 0 0;
	padding:25px 20px 20px 1px;
	background:url(images/black-40.png) repeat;
}


/*********************************
	     CONTENT-DOORS
*********************************/
a.doors-bg:link {text-decoration:none; text-indent:-3000px; float:left;}
a.doors-bg:active {text-decoration:none; text-indent:-3000px; float:left;}
a.doors-bg:visited {text-decoration:none; text-indent:-3000px; float:left;}
a.doors-bg:hover {text-decoration:none; text-indent:-3000px; float:left;}

.door-thumbs {margin:8px 5px; font-size:8px;}

#tech-container {
	padding:4px;
	border:1px dotted #8B6E21;
}


/*********************************
	     CONTENT-CURRENT
*********************************/
#current-containter {
	width:710px;
	margin:0 auto;
}

#current-items {
	width:75px;
	margin:0 25px 0 0;
	float:left;
}

.current-item {
	margin-bottom:5px;
	padding-top:5px;
	border-top:1px dotted #333;
}

#current-slide {
	float:left;
}


/*********************************
	      CONTENT-ARCH
*********************************/
#arch-containter {
	width:710px;
	margin:0 auto;
}

#arch-items {
	width:75px;
	margin:0 25px 0 0;
	float:left;
}

.arch-item {
	margin-bottom:5px;
	padding-top:5px;
	border-top:1px dotted #333;
}

#arch-slide {
	float:left;
}


/*********************************
	     CONTENT-LINKS
*********************************/
#link-container {
	width:650px;
	margin:0 auto;
}

.link-item {	
	margin-bottom:40px;	
}

.link-img {	
	width:275px;
	margin-right:10px;
	float:left;
}

.link-text {
	width:350px;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	font-size:11px;
	float:left;
	padding-left:10px;
	border-left:1px dotted #333;
}
	

/*********************************
		      FOOTER
*********************************/

#footer {
	width:95%;
	position:fixed;
	_position:relative;
	bottom:0px;
	_margin:30px 0 3px 0;
	padding:0 0 2px 0;
	text-align:right;
	font-size:x-small;
	color:#333;
	border-top:1px dotted #222;
	background:url(images/black-40.png) repeat;
}


/*********************************
		     LIGHTBOX
*********************************/
#lightbox{
	background-color:#fff;
	border: 1px solid #e1e1e1;
	padding: 10px;
	}
#lightboxDetails{
	font-size: 0.9em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(images/overlay.png); }

* html #overlay{
	background-color: #FFF;
	background-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
	}