/*

Owner: VGS
Author: Dustin Pfeifer
URL: www.tiltstudio.biz

Date: June 19th, 2007

*/

* {
	margin:0;
	padding:0;
}

body {
	background:#afafb1 url("../images/background.jpg") repeat-x top;
	width:959px;
	text-align:center;
	margin:0 auto;
	padding:0;
}


/* Layout ==================== */

#container {
	text-align:left;
	background:#afafb1 url("../images/background_content.jpg") repeat-y top;
	
}

#header {
	background:#afafb1 url("../images/background_header.jpg") repeat-x top;
	height:136px;
}

#content {

}

#left {
    float:left;
    width:307px;
    padding:87px 0 0 101px;
}

#right {
    float:right;
    width:450px;
    padding:0 101px 0 0;
}


/* Navigation ==================== */

ul#nav {
	margin:20px 0 0 0;
}

#nav li {
	list-style-type:none;
	margin:0 0 0 0;
}

#explore a, #what a, #projects a, #learn a, #aboutvgs a, #about a, #shop a, #featured a, #catalog a {
	display:block;
	height:36px;
	width:187px;
	overflow:hidden;
	text-indent:-9999px;
}


#explore a {
	background: url('../images/nav_explore.jpg') no-repeat;
	margin:-15px 0 0 0;
}

#explore a:hover {
	background: url('../images/nav_explore_ro.jpg') no-repeat;
	margin:-15px 0 0 0;
}

#what a {
	background: url('../images/subnav_whatwedo.jpg') no-repeat;
        margin: 0 0 0 0;
}

#what a:hover {
	background: url('../images/subnav_whatwedo_ro.jpg') no-repeat;
        margin: 0 0 0 0;
}


#projects a {
	background: url('../images/subnav_ourrecentprojects.jpg') no-repeat;
	margin:-10px 0 0 0;
}

#projects a:hover {
	background: url('../images/subnav_ourrecentprojects_ro.jpg') no-repeat;
	margin:-10px 0 0 0;
}

#learn a {
	background: url('../images/nav_learn.jpg') no-repeat;
}

#learn a:hover {
	background: url('../images/nav_learn_ro.jpg') no-repeat;
}

#aboutvgs a {
	background: url('../images/subnav_aboutvgs.jpg') no-repeat;
        margin: 0 0 0 0;
}

#aboutvgs a:hover {
	background: url('../images/subnav_aboutvgs_ro.jpg') no-repeat;
        margin: 0 0 0 0;
}

#about a {
	background: url('../images/subnav_about.jpg') no-repeat;
	margin:-10px 0 0 0;
}

#about a:hover {
	background: url('../images/subnav_about_ro.jpg') no-repeat;
	margin:-10px 0 0 0;
}

#shop a {
	background: url('../images/nav_shop.jpg') no-repeat;
	margin: -5px 0 0 0;
}

#shop a:hover {
	background: url('../images/nav_shop_ro.jpg') no-repeat;
	margin: -5px 0 0 0;
}

#featured a {
	background: url('../images/subnav_featured.jpg') no-repeat;
	width:193px;
	margin:0 0 0 0;
}

#featured a:hover {	
	background: url('../images/subnav_featured_ro.jpg') no-repeat;
	width:193px;
	margin: 0 0 0 0;
}

#catalog a {
	background: url('../images/subnav_catalog.jpg') no-repeat;
	margin:-10px 0 0 0;
}

#catalog a:hover {	
	background: url('../images/subnav_catalog_ro.jpg') no-repeat;
	margin:-10px 0 0 0;
}


/* Footer ==================== */

#footer {
	height:124px;
	overflow:hidden;
	background:#afafb1 url("../images/background_footer.jpg") no-repeat;
}

#footer p, #footer a {
	font:10px tahoma, arial sans-serif;
	color:#999;
}

.footerleft {
	float:left;
	margin:54px 0 0 60px;
}

.footerright {
	float:right;
	margin:54px 60px 0 0;
}


/* Browser Adjustments ==================== */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}          
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */