/****************************
Alternio Ventures, LLC.
Designed by: Aaron M. Dempsey
Created: Feb. 4, 2009
Updated: Feb. 17, 2009
Thanks for looking!



kthx! :-)
****************************/

.clear {
	 clear: both;
}

#temp_logo h1 {
		margin-right: auto;
		margin-left: auto;
		margin-top:  200px;
		width: 312px;
		height: 84px;
		display: block;
		background: transparent url(images/logo_big.gif) no-repeat;
}

#temp_logo h1 span {
		display: none;
}

#temp_about {
		font: 16px/1.7 "Helvetiva Neue", Helvetiva, Arial, sans-serif;
		border-top: 1px dotted silver;
		padding: 10px;
		width: 400px;
		margin-left: auto;
		margin-right: auto;
}

#temp_about span {
		font: bold 16px/1.7 "Helvetiva Neue", Helvetiva, Arial, sans-serif;
}

#temp_about a {
		color: gray;
		border-bottom: 1px dotted black;
		text-decoration: none;
}

/******* MAIN BODY *******/
body {
		background:  #fff;
		padding: 0;
		margin: 0;
}

#wrapper {
		width: auto;
		height: auto;
		background: url(images/background.gif) repeat-x bottom left;

}

#container {
		width: 1002px;
		margin-left: auto;
		margin-right: auto;
		background: url(images/background.gif) repeat-x bottom left;
}

#header {
		height: 100px;		
}

#top {
		width: 1000px;
		height: 175px;
}

#footer {
		clear: both;
		width: auto;
		height: 100px;
		background: url(images/footer.gif) repeat-x;
}

/******* LOGO FUN *******/
.logo {
		clear: both;
		float: left;
		width: 175px;
		height: 175px;
}

.logo h1 a {
		margin-left: 20px;
		margin-right: auto;
		padding:  0;
		width: 77px;
		height: 126px;
		display: block;
		background: transparent url(images/logo.png) no-repeat;
}

.logo h1 a:hover {
		margin-top: 0px;
		padding: 0;
		width: 77px;
		height: 126px;
		display: block;
		background: transparent url(images/logo.png) no-repeat;
}

.logo h1 a span {
		display: none;
}

/******* NAVIGATION *******/
#nav {
		position: relative;
		float: right;
		width: 825px;
		height: 175px;
		list-style-type: none;
		margin: 0px;
		padding-top: 20px;
		padding-left: 0px;
		z-index: 99;
}

#nav li {
		display: inline;
		margin: 0;
		padding: 0;
}

#nav li a {
		float: left;
		padding: 0;
		text-decoration: none;	
		z-index: 99;
}

#nav li a span {
		display: none;
}

#nav li.design a {
		width: 175px;
		height: 145px;
		margin-right: 35px;
		background: url(images/design.png) no-repeat;
}

#nav li.design a:hover {
		width: 175px;
		height: 145px;
		background: transparent url(images/design.png) no-repeat;
}

#nav li.development a {
		width: 175px;
		height: 145px;
		margin-right: 35px;
		background: url(images/development.png) no-repeat;
}

#nav li.development a:hover {
		width: 175px;
		height: 145px;
		background: transparent url(images/development.png) no-repeat;
}

#nav li.ideas a {
		width: 175px;
		height: 145px;
		margin-right: 35px;
		background: url(images/ideas.png) no-repeat;		
}

#nav li.ideas a:hover {
		width: 175px;
		height: 145px;
		background: transparent url(images/ideas.png) no-repeat;
}

#nav li.contact a {
		width: 175px;
		height: 145px;
		background: url(images/contact.png) no-repeat;
}

#nav li.contact a:hover {
		width: 175px;
		height: 145px;
		background: transparent url(images/contact.png) no-repeat;
}

/******* WHAT? MAIN PAGE *******/


/******* NEWS MAIN PAGE *******/
#news {
		clear: both;
		width: 1000px;
		height: 200px;
}

.news_left {
		float: left;
		width: 175px;
		height: 200px;
}

.news_left h2 {
		width: 100px;
		height: 30px;
		padding: 0;
		margin-left: 30px;
		display: block;
		background: url(images/news.png) no-repeat;
}

.news_left h2 span {
		display: none;
}

.news_right {
		float: right;
		width: 825px;
		margin: 0;
		padding-top: 25px;
}

/******* FOOTER ******/
.footer_contain{
		width: 1000px;
		margin-left: auto;
		margin-right: auto;
}

.blocks {
		position: relative;
		float: left;
		width: 250px;
		margin: 0;
		padding: 0;
}

.last_block {
		float: right;
		width: 250px;
		margin: 0;
		padding: 0;
}

.alternio {
		padding-left: 75px;
		width: 175px;
		background-image: url(images/alternio_footer.gif);
		background-repeat: no-repeat;
		background-position: left center;
		
}

.copyright {
		float: right;
		width: 250px;
		padding: 10px;
}

/******* OTHER PAGES BODY STYLE ********/

/******* DESIGN PAGE *********/

/******* DEVELOPMENT PAGE ********/

/******* IDEAS PAGE ********/

/******* CONTACT PAGE ********/