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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* ------------  Body, Container, etc...  ------------   */



#container {
	width: 100%;
	border:0;
	margin:auto;
	text-align: left;
	background-color:#FFF;
}


body {
	line-height: 1;
}
	
	
#mainContent { 
	background: #FFFFFF;
	width:930px;
	margin:auto;
	padding-left:30px;
	padding-bottom:50px;
	
}

#mainContent a {
	color:#ae4b05
	
}

	




/* ------------  Header main  ------------   */

#header {
	height:226px;
	width:960px;
	margin:auto;
}



/* ------------  Navigation  

 #navigation {
	text-indent:-9999px;
	display:inline;
	clear:both;
	height:18px;
	width:960px;
	margin:auto;
	overflow:hidden;
	float:left;
	
} 

 
  
/* ----------- About Button 
	#navigation .about{
		width:290px; 
		height:18px;
		display:block
		}  
                
	#navigation .about a {
		background: url(images/about_off.gif);
		}  
               
	#navigation .about a:hover {
		background: url(images/about_off.gif);
		} 
		
/* ----------- resume 
	#navigation .resume {
		width:95px; 
		height:18px;
		display:block
		}  
                
	#navigation .about a {
		background: url(images/resume_off.gif);
		}  
               
	#navigation .about a:hover {
		background: url(images/resume_on.gif);
		}	
		
/* ----------- Contact Button 
	#navigation .contact {
		width:115px; 
		height:18px;
		display:block
		}  
                
	#navigation .about a {
		background: url(images/contact_off.gif);
		}  
               
	#navigation .about a:hover {
		background: url(images/contact_on.gif);
		}		
	
  



/*
#about {
	width:290px;
	height:18px;
	display:inline;
}
*/

#about_me {
	width:365px;
	float:right;
	margin-left:5px;
	margin-right:25px;
	
	
}

.gallery_headings {
	padding-left:5px;
	
}


/* ------ new navigation -------*/

/* Everything CSS Sprite Menu */  

#navigation {
	width:960px;
	height:18px;
	margin:auto;

	
}  
	
	
 
       
	   
/*#menu li a{background:url('images/menu-sprite.jpg') no-repeat; width:100%; height:100%; display:block;}*/  
   
          
		  
		  /* About Button */  
             
			 
.about{width:290px; height:18px;}                  

.about a{background: url(images/about_off.gif);}  
                
.about a:hover{background: url(images/about_on.gif);}
 
  
             /* Resume Button */
			 
			 
.resume{width:95px; height:18px;}  
                
 .resume a{ background: url(images/resume_off.gif); }  
                 
.about a:hover{ background: url(images/resume_on.gif);}  
                
 
   
            /* Contact Button */  

.contact{width:115px; height:18px;}  
                 
.contact a{ background: url(images/contact_off.gif);}  
                 
.contact a:hover{ background:url(images/contact_on.gif);}  
                





/* ------------  Introductory paragraph area  ------------   */

#content_area {
	width:960px;
	margin:auto;
}

#description_area {
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	width:960px;
	height:250px;
	font-size: 14px;
	line-height: 24px;
}

#description_area H2 {
	color: #C30;
	font-size: 18px;
	line-height: 28px;	
}

#description_area a {
	color: #C30;
	font-size: 14px;
	line-height: 24px;	
}

#av_head {
	float:right;
	background-image:url(images/av_head.gif);
	width:187px;
	height:250px;
	margin-left:25px;
}


/* ------------  gallery area  ------------   */


#gallery_area {
	width:960px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	width:960px;
	height:900px;
	font-size: 14px;
	line-height: 24px;
	display:inline;
	padding-left:50px;
	
	
}

#gallery_area H2 {
	color:#ae4b05;
	font-size: 18px;
	line-height: 28px;
	
	
	
}

#3d1 {
	width:110px;
	height:110px;
	display:inline;
	zindex:999;

}

#3d1-in {
	width:110px;
	height:110px;
	display:inline;
	background-image:url(images/bg_3d1.gif);
	z-index:1;

}

#gallery_area background-image {
	
	
	
}


.gallery_images {
	margin-right:15px;
	margin-top:15px;

	
	
}

.image {
	float:left;
	
	
}

/* ------ tutorial part ------*/







/* ------------  footer  ------------   */

#footer_wraper {
	width:100%;
	background-image:url(images/bg_circles.jpg);
	background-repeat:repeat;

}

#footer {
	width:100%;
	background-color:#000;
	opacity:0.7;

}

#footer_content {
	width:960px;
	margin:auto;
	padding:25px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size: 14px;
	line-height: 24px;
	padding-bottom:50px;
	
}

#footer_content H2 {
	color:#ffcb00;;
	font-size: 18px;
	line-height: 28px;	
}

#footer_content a {
	color:#ffcb00;
	font-size: 14px;
	line-height: 24px;	
}

#contact_form {
	float:right;
	width:350px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size: 14px;
	line-height: 24px;
	margin-left:50px;
	margin-right:10px;
	
	
}


/* ------------  misc unused------------   */

#right_bar_text {
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	width:231px;
	height:500px;
	font-size: 14px;
	line-height: 24px;
	float:right;
}

#right_bar_text H2 {
	color: #C30;
	font-size: 18px;
	line-height: 28px;
}