/*
	project: web application template
	author: luka cvrk (www.solucija.com)
*/

img, div, #logo, #teaser, #divider, #textlist, #bar.step, #step, #fader  { behavior: url(iepngfix.htc) }

*{ margin: 0; padding: 0; }*
body { margin: 50px 0 0; background: #f7f7f7 url(../images/pagebg3.jpg) repeat-x; font: .74em "Trebuchet MS", Arial, Sans-Serif; color: #444; }
	h1 { font-size: 3em; font-weight: normal; float: left; }
	h1 a { text-decoration: none; }
	h2 { font-size: 2em; color: #FFF2B3; font-weight: normal; margin: 0 0 .8em; }
	h3 { font-size: 1.5em; border-bottom: 1px solid #eee; margin: 0 0 .8em; }
	p  { margin: 0 0 2em 0; line-height: 1.8em;}
	em { border-bottom: 1px dotted #fff; cursor: pointer; }
	a { color: #9D2900; }
	
	
	a:hover { color: #A0000E; text-decoration: none; }
	
	a.heading {color: #444444; text-decoration:none;}
	a.heading:hover {color: #000000; text-decoration: none;}
	
	img { border: 0; }
	.yellow { color: #d9ce00; }
	
.wrap { width: 900px; margin: 0 auto; }
 
#header { width: 900px; height: 50px; margin: 0 auto; margin-top: 0px; margin-bottom: 60px; background: transparent;}
	
		#logo {background:url(../images/logoyellowstone.png) no-repeat transparent; width: 360px; height:105px; color: transparent; text-indent: -5000px; margin-top: -30px; margin-left: -140px;}
	
		#menu  { float: right; padding: 6px 0 0 0; list-style: none; display:block; }
		#menu li { display: inline; }
		#menu a { display: block; float: left; margin-left: 30px; padding: 7px; text-decoration: none; font-size: 13px; color: #000000; }
		#menu a:hover { color: #000; border-bottom: 2px solid #ccc; }
		#menu .active a { border-bottom: 2px solid #C70012; color: #9D2900;}
		
		
		
		ul#navlinks {/*position:absolute;*/
	margin: 0 0px 0 0;
	padding: 0 0 0 0;
	height: 53px;
	float: right;
	display: inline;
	position: absolute;
	top:0px; right: 8%;

}

ul#navlinks li {
	padding: 0 0px 0 0;
	margin: 0;
	display: block;
	float: left;
	text-indent: -9999px;
}

ul#navlinks li a {
	border: 0;
	display: block;
	text-decoration: none;
	overflow: hidden;}

li a:hover {margin-top: -4px;}

li#firm a {
	width: 85px;
	height: 70px;
	background: url(../images/thefirm.jpg) transparent no-repeat;
}

li#firm a:hover {
	background: url(../images/thefirmhover.jpg) transparent no-repeat;
}
li#firmcurrent a{
	width: 85px;
	height: 70px;
	background:url(../images/thefirmhover.jpg) transparent no-repeat;
}
li#firmcurrent a:hover {
	background:url(../images/thefirm.jpg) transparent no-repeat;
}

li#services a {
	width: 85px;
	height: 70px;
	background:url(../images/services.jpg) transparent no-repeat;
}
li#services a:hover {
	background:url(../images/serviceshover.jpg) transparent no-repeat;
}
li#servicescurrent a{
	width: 85px;
	height: 70px;
	background:url(../images/serviceshover.jpg) transparent no-repeat;
}
li#servicescurrent a:hover {
	background:url(../images/services.jpg) transparent no-repeat;
}



li#properties a {
	width: 85px;
	height: 70px;
	background: url(../images/mission.jpg) transparent no-repeat;
}

li#properties a:hover {
	background: url(../images/missionhover.jpg) transparent no-repeat;
}

li#propertiescurrent a{
	width: 85px;
	height: 70px;
	background:url(../images/missionhover.jpg) transparent no-repeat;
}
li#propertiescurrent a:hover {
	background:url(../images/mission.jpg) transparent no-repeat;
}


li#contact a {
	width: 85px;
	height: 70px;
	background:url(../images/contact.jpg) transparent no-repeat;
}

li#contact a:hover {
	background: url(../images/contacthover.jpg) transparent no-repeat;
}

li#contactcurrent a {
	width: 85px;
	height: 70px;
	background:url(../images/contacthover.jpg) transparent no-repeat;
}

li#contactcurrent a:hover {
	background: url(../images/contact.jpg) transparent no-repeat;
}
	
		
		
		
		
		
		
		
		
		
		
		
#teaser { clear: both; height: 240px; background: url(../images/sunburst.png) repeat transparent; margin: 0 auto; margin-top: 30px;}
	.box { float: left; padding: 30px 0 0; width: 480px; color: #C7E3EE; }
	
#bar { height: 40px; margin: 0 0 30px; padding: 8px 0 0 0; background: transparent; margin-top: 25px; }
	.step { cursor: pointer; color: #FAFDDD; padding: 4px 0 0 11px; margin: 0 35px 0 0; font-size: 1.4em; float: left; text-align: center; background: url(../images/step.png) no-repeat transparent; height: 30px; }
	.step a { color: #fff; margin: 0 10px 0 0; background:transparent; text-decoration: none; }
	.step a:hover {color:#FFFF00;}
	
.col { float: left; width: 29.9%; margin: 0 0px 0px 0; padding-left: 0px;}
.coldiv {float: left; width: 12px; margin-right: 30px;}
#divider {background:url(../images/divider.png) transparent; height: 300px;}
	.last { float: left; margin: 0; }
	.info { border: 1px solid #e0e0e0; background: #f4f4f4; padding: 7px; }

#footer { clear: both; width: 900px; margin: 0 auto; padding: 25px;  background: transparent url(../images/small_logotypef7.jpg) no-repeat right 13px; }	
	#footer .right { float: right; margin: 0 25px 0 0; }
	#footer a { color: #808080; font-weight: bold; }
	
	.next, .prev{
	cursor:pointer;
}

#screen{
	position:relative;
	height:240px;
	width:950px;
	margin-top:-40px;
	margin-left: -75px;
}
	#screen .next, #screen .prev{
		position:absolute;
		top:100px;
	}
	#screen .prev{
		left:10px;
	}
	#screen .next{
		right:-120px;
	}
	#navigation{
		width:600px;
		text-align:center;
		margin-left:62px;
	}
		#navigation ul{
			margin-left:55px !important;
			margin-left:35px;
		}
			#navigation li{
				float:left;
				margin:0 20px;
				padding:10px 20px;
				background-color:#EEE;
			}
				#navigation a{
					color:#933;
					font-weight:bolder;
					text-decoration:none;
				}
	
#sections{
	overflow:hidden;
	background-color:transparent;
	width:950px;
	height:240px;
	clear:left;
	margin-left:62px;
}
	
	#sections ul{
		width:3200px;
	}
	
		#sections li{
			float:left;
			padding:11px 30px;
			list-style:none;
		}
			#sections li.fallen{
				margin-top:369px;
			}
			
			#sections p{
				width:550px;
				margin:16px 0;
				font-size:140%;
				font-family:Georgia, "Times New Roman", Times, serif;
				line-height:1.7em;
				color:#000000;
			}
			
			#sections h2{
				color:#993333;
				margin:20px 0pt;
				font-size:325%;
			}
			#sections a{
				color:#777;
				font-weight:bolder;
				text-decoration:none;
			}
			
			#slidetitle-about {
			background:url(../images/sliderheader-aboutyellowstone.jpg) no-repeat; width: 340px; height:38px; text-indent:-5000px;}
			
			ul#textlist {/*position:absolute;*/
			list-style-image:url(../images/bullet.png); padding-left: 15px;}

ul#textlist li {
	padding-top: 5px;
}

#fader {height: 235px; width: 45px; background: url(../images/fader.png) no-repeat transparent; position:relative; top: -215px; right: -984px;}

#theform {
	width: 100%;
	}

#formlegend {
	font-size: 3.5em;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #d1d0d0;
	border-bottom: 0px solid #e2e2e2;
	padding-bottom: 0px;
	}
	
	#formlegend span {
	display:none;
	}

h3.form {
	height: 4em;
	font-size: 1.5em;
	color: #878787;
	line-height: 150%;
	padding-bottom: 15px;
	font-family:Georgia, "Times New Roman", Times, serif;
	}

label {
	font-size: 1.3em;
	font-family:Georgia, "Times New Roman", Times, serif;
	display: block;
	line-height: 1.5em;
	}
	
	label span {font-size:0.7em; color: #878787;}

input {
	font-size: 1em;
	padding-bottom: 15px;
	margin-bottom:10px;
	border:2px solid #c5c4c4;
	height: 1.2em;
	}
	
	#submit {color: #00CC00;}
	
	#sitemap a {color: #A3AA17; text-decoration:none;}
	#sitemap a:hover {color: #1B1B1B;}