@charset "UTF-8";
/* CSS Document */


body {
	background-color: #000;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-align: left;
	vertical-align: middle;
}       

a:link { background-color: transparent; text-decoration: none; color: #875520; }
a:visited { background-color: transparent; text-decoration: none; color: #875520; }
a:active {background-color: transparent 0; text-decoration: none; color: #875520; }
a:hover { background-color: transparent 0; text-decoration: underline; color: #bf9400; }

#site_holder {
	width: 100%;
	min-width:1000px;
	height:100%;
}

#main_nav {
	display:none;
	float:left;	
	width:27%;
	min-width:280px;
	height:100%;
	min-height:700px;   
	  
	background-image: url(http://www.grosventrepictures.com/images/uploads/gv_background.jpg);   
	  
	background-repeat: no-repeat;
	background-position: right top;
}

#main_content {
	display:none;
	float:left;
	width:60%;
	min-width:550px;
	height:100%;
	padding:20px;
	background-color: #000;
}

#main_content .section {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #d7d8ce;
	text-align: left;
	margin-bottom:10px;
}


#main_nav_holder {float:right;}



#home_btn {
	width:231px;
	height:187px;
	display: block;
}

#home_btn a:link {  
	display: block;  
	
}
#home_btn a:visited { 
	display: block;  
}
#home_btn a:active {   
	display: block;  
	background-position: 0px 0px;  
}
#home_btn:hover {   
	display: block;  
	background-position: 0px 0px;  
}

#about_btn {
	width:218px;
	height:66px;
	display: block;
	background-position: 0px 0px;
	background-image: url(/images/gv_nav.png);
	background-repeat: no-repeat;
}

#about_btn a:link {  
	display: block;  
	
}
#about_btn a:visited { 
	display: block;  
}
#about_btn a:active {   
	display: block;  
	background-position: -218px 0px;  
}
#about_btn:hover {   
	display: block;  
	background-position: -218px 0px;  
}

#services_btn {
	width:218px;
	height:39px;
	display: block;
	background-position: 0px -66px;
	background-image: url(/images/gv_nav.png);
	background-repeat: no-repeat;
}

#services_btn a:link {  
	display: block;  
	
}
#services_btn a:visited { 
	display: block;  
}
#services_btn a:active {   
	display: block;  
	background-position: -218px -66px;  
}
#services_btn:hover {   
	display: block;  
	background-position: -218px -66px;  
}

#work_btn {
	width:218px;
	height:56px;
	display: block;
	background-position: 0px -105px;
	background-image: url(/images/gv_nav.png);
	background-repeat: no-repeat;
}

#work_btn a:link {  
	display: block;  
	
}
#work_btn a:visited { 
	display: block;  
}
#work_btn a:active {   
	display: block;  
	background-position: -218px -105px;  
}
#work_btn:hover {   
	display: block;  
	background-position: -218px -105px;  
}



#blog_btn {
	width:218px;
	height:63px;
	display: block;
	background-position: 0px -161px;
	background-image: url(/images/gv_nav.png);
	background-repeat: no-repeat;
}

#blog_btn a:link {  
	display: block;  
	
}
#blog_btn a:visited { 
	display: block;  
}
#blog_btn a:active {   
	display: block;  
	background-position: -218px -161px;  
}
#blog_btn:hover {   
	display: block;  
	background-position: -218px -161px;  
}

#contact_btn {
	width:218px;
	height:36px;
	display: block;
	background-position: 0px -224px;
	background-image: url(/images/gv_nav.png);
	background-repeat: no-repeat;
}

#contact_btn a:link {  
	display: block;  
	
}
#contact_btn a:visited { 
	display: block;  
}
#contact_btn a:active {   
	display: block;  
	background-position: -218px -224px;  
}
#contact_btn:hover {   
	display: block;  
	background-position: -218px -224px;  
}


#home_animation {
	clear:both;  
	width:654px;
	height:347px;
	
	margin-bottom:10px;
}

#anim_holder {
	float:left;	
	position:relative;
}
#anim_1 {
	position:absolute;
	width:618px;
	left: 0;
	top: 0;
	background-color: #333;
	z-index:1;    
	display: none; 
}

#anim_holder .img {
	position: relative;
	left: 0;
	top: 0;
	width: 654px;
}
#anim_holder .gradient {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 654px;
	height: 347px;
	background-image: url(/images/title_gradient_anim.png);   
	border: thin solid #333; 
	background-repeat: repeat-x;
}
#anim_holder .title {
	position: absolute;
	width:618px;
	text-align: left;
	font-size: 14px;
	left: 20px;
	top: 270px;
	font-weight: bold;
}
#anim_holder .body {
	position: absolute;
	width:600px;
	text-align: left;
	font-size: 12px;
	left: 20px;
	top: 290px;
}
#anim_holder .cta {
	position: absolute;
	text-align: left;
	font-size: 11px;
	left: 20px;
	top: 310px;
}
#anim_2 {
	position:absolute;
	width:617px;
	top: 0;
	left: 0;
	background-color: #333;
	display: none;
	z-index:2;
}


#anim_3 {
	position:absolute;
	width:617px;
	top: 0;
	left: 0;
	background-color: #333;
	display: none;
	z-index:3;
}


#mid_row {
	clear:both;  
	width:654px;
}


#featured_blog {
	float:left;  
	width:275px;
	margin-right:20px;
}
#featured_blog .img{
	margin-bottom:10px; 
	border: thin solid #333; 
}   

#featured_blog .title {
	font-size: 14px;
	font-weight: bold;
	margin-bottom:5px;
}

#featured_blog .date {
	font-size: 11px;
	margin-bottom:5px;
	color:#bf9400;
}
#featured_blog .body {
	font-size: 11px;
	margin-bottom:5px;
}  




#featured_about {
	float:left;  
	width:355px;
}

#featured_about .img{
	float:left;  
	margin-right:10px;
	margin-bottom:10px;  
	border: thin solid #333; 
} 

#featured_about .title {
	font-size: 14px;
	font-weight: bold;
	margin-bottom:5px;
}

#featured_about .date {
	font-size: 11px;
	margin-bottom:5px;
	color:#bf9400;
}
#featured_about .body {
	font-size: 11px;
	margin-bottom:5px;
}
#featured_about .cta {
	left: 20px;
} 
   

br.clear {clear:both;}