/* 
    AUTHOR: Chris Coyier
            chriscoyier@gmail.com
            http://chriscoyier.net
*/

/* RESETS & BASIC PAGE SETUP */
* { margin: 0; padding: 0; }
html { overflow-y: scroll; }
body { 
	font: 62.5% "Lucida Grande", Arial, Sans-Serif;
	background: url(images/body-bg.jpg) top left repeat;
}

ul { list-style: none inside; }
p { font-size: 1.2em; line-height: 1.2em; margin-bottom: 1.2em; }
	p.metadata { background: #e0e0e0; padding: 3px;} 
a { outline: none; }
a img { border: none; }

h1 {
	font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	}
	h1#logo {
		width: 720px;
		height: 130px;
		background: url(images/header.jpg) no-repeat center center;
		text-indent: -9999px;
	}
h2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color:000000;
	}
h3 {
	font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
	margin:1px;
	letter-spacing:-5px;
	color:#444;
	font-size:42px;
	color:777777;
	}
h4 {
	font-family: Helvetica,Arial,sans-serif;
	font-size: 24px;
	font-weight: normal;
	color:777777;
	}
h5	{ font-family: Georgia, Serif; font-size: 36px; text-align: center; 
								  font-weight: normal; 
	}
h6 {
	font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
	margin:1px;
	letter-spacing:-2px;
	font-size:40px;
	color:000000;
	}
/* END RESET */  

/* TOOLBOX */
.floatleft { float: left; }
.floatright { float: right; }
.clear {
	clear: both;
	text-align: center;
	
}
/* END TOOLBOX */

/* STRUCTURE AND STUFF */
#page-wrap {
	width: 720px;
	margin: 0 auto;
	background: url(images/content-bg.jpg) repeat-y;
	} 
	#top {
		width: 720px;
		float: left;
	}
	#main-content {
		padding: 10px 400px px px;
	}
	#article-area {
		width: 455px;
		float: left;
		padding: 7px;
	}
	#article-index {
		width: 240px;
		float: left;
		padding: 1px;
	}
	#article-index2 {
		width: 450;
		float: right;
		padding: 5px;
	}
	#sidebar {
		width: 250px;
		float: right;
		padding: 0px;
	}
	#sidebarevent {
		width: 250px;
		height: 250px;
		float: right;
		background:url(images/);
		padding: 0px;
	}
	#services {
		width: 470px;
		height: 250px;
		float: left;
		padding: 0px;
		background:url(images/);
	}

ul#nav {
	
	}
	ul#nav li {
		display: inline;
		}
		ul#nav li a {
			display: block;
			height: 37px;
			text-indent: -9999px;
			float: left;
		}
		ul#nav li.company a {
			width: 68px;
			background: url(images/nav-company.jpg) bottom center no-repeat;
		}
		ul#nav li.events a {
			width: 48px;
			background: url(images/nav-events.jpg) bottom center no-repeat;
		}
		ul#nav li.services a {
			width: 53px;
			background: url(images/nav-services.jpg) bottom center no-repeat;	
		}
		ul#nav li.contact a {
			width: 51px;
			background: url(images/nav-contact.jpg) bottom center no-repeat;	
		}
		ul#nav li.blog a {
			width: 32px;
			background: url(images/nav-blog.jpg) bottom center no-repeat;	
		}
		ul#nav li.empty a { 
			width: 468px;
			background: url(images/nav-empty.jpg) bottom center no-repeat;
			
		}
		ul#nav li a:hover {
			background-position: center center;
		}
		
#footer-container {
	min-width: 720px;
	background: FFFFFF;
}
		
#footer {
	min-height: 50px;
	background: url(images/footer-bg.jpg) no-repeat;
	color: #000000;
	text-align: center;
}

#footer2 {
	min-height: 100px;
	background: #FFFFFF;
}

#footer3 {
	min-height: 100px;
	background: #FFFFFF;
	float: right;
	
}
#container { background: #FFFFFF; } 
#footer1 { float:left; width:50%;} 
#footer2 { marging-left:50%; width:50%;} 


*					{ margin: 0; padding: 0; }
body				{ font-size: 62.5%; font-family: Georgia, serif;
	 				  background: url(images/page.jpg) top left no-repeat #000000;}
					  
					  

#slider							{ background: white url(images/slider-bg.jpg); height: 227px; overflow: hidden;
								  position: relative; margin: 5px 0; }
								  
                                /* DEFAULT is for three panels in width, adjust as needed
                                   This only matters if JS is OFF, otherwise JS sets this. */								  
#mover							{ width: 2880px; position: relative; }

.slide							{ padding: 40px 30px; width: 720px; float: left; position: relative; }
.slide h1						{ font-family: Helvetica, Sans-Serif; font-size: 30px; letter-spacing: -1px;
								  color: #e25900; }
.slide p						{ color: #999; font-size: 12px; line-height: 22px; width: 300px; }
.slide img						{
	position: absolute;
	top: 17px;
	left: 340px;
	width: 325px;
	height: 171px;
}
#slider-stopper					{ position: absolute; top: 1px; right: 20px; background: #ac0000; color: white;
								  padding: 3px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000; }

#twitter_div {
	float: inherit;
	left: 186px; 
	top: 10px; 
	width: 500px;
	height: 300px;
	overflow: auto;
}
ul#twitter_update_list { 
	font: "Trebuchet MS", Arial, Helvetica, sans-serif
	list-style: none; 
	font-size:10px;	
        background: url(images/transBlue.png)
}
ul#twitter_update_list li { 
	margin-bottom: 1px;
	padding: 10px;
	color: #000000;
	background: url(images/transpBlue.png);
}
a {
	color: #000;
}






/* END STRUCTURE */