/* CSS Document */
/***********************************************************\
|***********************************************************|
|************        Main Style Sheet         **************|
|************   (c)2006 All Rights Reserved   **************|
|***********************************************************|
\***********************************************************/

/***********************************************************\
|************        Table of Contents        **************|
|***********************************************************|
|															|
|		A. Global Styles - body, font, ul's, etc			|
|			1. Body											|
|			2. Other Stuff									|
|		B. Header											|
|			1. Logo											|
|			2. Login										|
|			3. Menu											|
|		C. Main Image										|
|			1. Container									|
|			2. Image										|
|			3. Loader										|
|		D. Content											|		
|			1. UI Styles									|
|			2. Left											|
|			3. sidebar										|
|		E. Footer											|
|		F. Specific Page Styles								|
|															|
|***********************************************************|
|**************          Here We Go!          **************|
\***********************************************************/


/*****\
|* A *|	Global Styles ***************************************
\*****/

	/* 1 {Body} */
		body {
			margin: 0;
			padding: 0;
                        padding-bottom: 20px;
			background: #13110c url(../images/bgBody.jpg) center top repeat-y;
			}

		.hide { visibility: hidden; }
		
	/* 2 {Other Stuff} */
		a:hover { color: #fff !important; }
                h1, h4 {  font-size: 1.1em; color: #736E5E;  }
		h2,h3,h5 { font-size: 1.1em; color: #736E5E; margin-top: 10px !important;}
                img { border: 1px solid #261e15; }
                a img { border: 1px solid #9f9376; margin-top: 2px; }
                a:hover img { border: 1px solid #9ec6be; }
		
		h1 { color: #ffffff; font-size: 2em; margin-bottom: 5px; }
		
		h2 {
			  font-size: 18px;
			  text-align: left; font-weight: normal; color: #f89c31; margin-bottom: 0; padding: 0;
			}
		h2#menuUsers{
		font-size:18px;
		text-align:left; color:#f89c31;
		}
		
		h5 { color: #9ec6be; margin-bottom: 0; }
		p {  margin-top: 0; margin-bottom: 20px !important; line-height: 1.8em; }
		.date{margin-top:0; margin-bottom:: 20px !important; line-height:1.8em; color:#FF0000}

		
		.replace { position:relative; margin:0px; padding:0px; /* hide overflow:hidden from IE5/Mac */ /* \*/ overflow: hidden; /* */ } 			
		.replace span{ display:block; position:absolute; top:0px; left:0px; z-index:1; /*for Opera 5 and 6*/ }
		
		    .sIFR-active h1,
			.sIFR-active h2,
			.sIFR-active h3,
			.sIFR-active h4,
			.sIFR-active h5#pullquote {
			  visibility: hidden;
			  line-height: 1em;
			  padding: 0;
			}
		
			.sIFR-active h1 {
			  padding-bottom: 0;
			  margin-top: -8px;
			}
		
			.sIFR-active h2 {
			  font-size: 18px;
			  text-align: left; font-weight: normal; color: #f89c31; margin: 0; padding: 0;
			  margin-bottom: -7px;
			}
		
		
			.sIFR-active h3 {
			  font-size: 17px;
			  margin-bottom: 0;
			}
		
			.sIFR-active h4 {
			  font-size: 15px;
			  font-weight: normal;
			  margin: 0;
			}
			
			.sIFR-active h5 {
			  font-size:14px;
			  font-weight: bold;
			  padding:0;
			   }
		
			.sIFR-active h5#pullquote {
			  font-size: 24px;
			}
		
/*****\
|* B *|	Header	*********************************************
\*****/

		#header { width: 100%; height: 122px; margin: 0px auto; }
		
	
	/* 2 {Login} */
	
	/* 3 {Menu} */
		#menu { width: 680px; margin: 0px auto; text-align: left; position: relative; top: 59px;  }
		#menu ul, #menu li {
			display: inline;
			list-style: none;
			padding-left: 0px;
			}
			
		#menu li.first { padding-left: 0; }
		#menu li.second { padding-left: 0px; }
		
		
		
		#home span, #home a	{ background: url(../images/menuHome.gif) no-repeat top left; height: 16px; width: 49px; }
		#portfolio span, #portfolio a	{ background: url(../images/menuPortfolio.gif) no-repeat top left; height: 16px; width: 76px; }
		#services span, #services a	{ background: url(../images/menuServices.gif) no-repeat top left; height: 16px; width: 74px; }
		#contact span, #contact a	{ background: url(../images/menuContactUs.gif) no-repeat top left; height: 16px; width: 94px; }
				
		#menu a:hover, #menu span.current, #menu a:hover span, #menu span:hover { background-position: bottom left; }

                        #menu #home .home, #portfolio .portfolio, #services .services, #contact .contact { background-position:bottom;}

		
		#menu a {
			/* Text Properties to size correctly */ 
				font-family: Georgia, Verdana, Arial; 
				font-size: 14px;
				text-decoration: none;
				color: #77725c;
			/* Background Properties */
				background: no-repeat top left;
			/* Padding */
				margin-left: 20px;
			}
/*****\
|* C *|	Main Image	******************************************
\*****/

		/* 1 {container} */
		#imgcontainer {
			height: 100px;
			width: 100%;
			padding: 6px 0px 6px 0px;
			margin: 0px auto;
			text-align: center;
			background: url(../images/bgFill.gif);
			}
			
		/* 2 {image} */
		#mainimg { width: 768px; height: 215px; margin: 0px auto; padding: 0px 2px 1px 0px; background: url(../bgMainImg.gif) no-repeat center; }
		
		/* 3 {loader} */
		p#preload { 
			height: 135px; width: 768px; background: #000;
			padding-top: 80px; /* = height of #imgcontainer - height of p#preload */ }
			
/*****\
|* D *|	Content	***********************************************
\*****/
	
		#content { width: 769px; margin: 7px auto; overflow: hidden; font-family: "Trebuchet MS", Tahoma, Verdana; font-size: small; color: #9f9376;}
		#content a { color: #9ec6be; text-decoration: none; border-bottom: 1px solid #36221b; }
                #content .archiveItem { margin-bottom: 20px; }

		
		/* 1 {UI Styles} */
			
			 .tree { color: #ce6600; }
			a.tree { text-decoration: none; color: #3E3B33; }
			
			/* Meta */
			div#meta { width: 465px; height: 53px; padding-top: 25px; background: url(../bgMeta.gif); margin: 15px auto; text-align: center; } 
				div#meta .awards { height: 22px; padding-left: 25px; margin-right: 50px; background: url(../award.gif) no-repeat center left; font-size: medium; }
				div#meta .view 	 { height: 22px; padding-left: 25px; background: url(../view.gif) no-repeat center left; font-size: medium;  }
			
			
		/* 2 {Left} */
			.left { width: 520px; float: left;}
			
		/* 3 {Right} */
			.right { float: right; width: 237px; } .right * { width: auto; }
				
			.sidebar { width: 237px; background:  url(../images/bgFill.gif); padding-top: 15px; padding-bottom: 11px; clear:both; }
			.sidebar img, .sidebar p, .sidebar h5, .sidebar h4, .sidebar h2 {  margin: 0px 20px 0px 20px; } .sidebar h5 { margin-bottom: -5px; }
			.sidebar img { border: 1px #36221b solid; }
			
			.foot { background: url(../images/bgFoot.gif) no-repeat top; height: 32px; width: 237px;}
			
			.sidebar a { text-decoration: none; color: #90896F; }
			.sidebar p { font-size: .9em; }

			.sidebar h3 { color: #928B70; font-family: /*"Serifa BT",*/ Georgia; font-size: 1.2em; padding: 0px 20px 0px 20px; margin-bottom: 6px; }
	
			.sidebar ul li { display: block; list-style: none; padding: 0px 20px 0px 0px; margin: 0; margin-left: -20px;}
			.sidebar ul li a { display: block; padding: 2px 1px 2px 4px; text-decoration: none;  font-size: .9em; color: #fff !important; border-bottom: #281f16 1px solid !important; }
			.sidebar ul li a:hover { background: #281f16;}
			.sidebar a.right { border: none !important; }
			
			.menuUsers a{display:block; text-decoration:none; font-size:.9em; color:#fff; border-bottom:#281f16 1px solid;}
			.menuUsers a:hover {background:#281f16;}
			.menuactive{ background-color:#875C05; display:block; text-decoration:none; font-size:.9em; color:#000000; border-bottom:#281f16 1px solid;}

			

form {
	font-family: Verdana, Arial, Sans-Serif;
	padding: 10px;
	height: expression('1%'); /* IE Pick-a-boo bug fix */
	font-family: "Trebuchet MS", Trebuchet, Arial, sans-serif;
	font-size: small;
	}

form ul, form li { list-style: none; }
form input, form textarea { border: none; border-left: 2px solid #f89c31; margin-bottom: 10px;  color: #000; display: block; padding: 4px;}
form input { width: 50%; }
#button{border:none; border-left:2px solid #f89c31; display:block; padding:4px; color:#fff; background-color:#333333}

.bg{ background: url(../images/bgFill.gif); color:#FFFFFF}
form textarea { font-size: small; font-family: "Trebuchet MS", Trebuchet, Arial, sans-serif; }

#saveForm { border: none; }
ul.submenu{
border-bottom:1px solid #4B515B; border-top:1px solid #4B515B; width:361px; margin:19px 0 0 0; text-align:left; padding:5px 0px 5px 0;
}
ul.submenu li{
font:0.6em Helvetica; list-style-type:none; display:inline; text-transform:uppercase; padding:0 35px 0 0; color:#B8BABE;
}
ul.submenu li.last{
padding:0;
}
#navarea ul{
border-bottom:1px solid #494F59; border-top:1px solid #494F59; width:641px; margin:0 0 0 100px; padding:4px 0 4px 0;
}
#navarea ul li{
list-style-type:none; display:inline; font:0.7em Helvetica; text-transform:uppercase; padding:0 50px 0 0;
}
#navarea a:link, #navarea a:visited{
color:#B8BABE; text-decoration:none;
}
#navarea a.active{
font-weight:bold; color:#FFFFFF; border-bottom:2px solid #E6E43F;
}
#navarea a:hover{
border-bottom:3px solid #E6E43F; 
}
#container{
width:740px; margin:0 auto;background:url(../images/background.jpg) no-repeat 50% 50% #272D38;
}

#signin{
float:right;font-size:12px; color:#999999; margin-right:20px; font-family:Verdana, Arial, Helvetica, sans-serif;
 
}
#signin a{
color:#999999; font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none; 
}

div.sidebar .videosmontly a{margin-left:20px;}