* {
 margin: 0 auto;
 padding: 0;
}
/* DOWNLOAD FONTS to clients browser script */ 

@font-face {  
 font-family: 'chaparral';  
 src: url('type/ChaparralPro-Regular.eot');  
 src: local('Chaparral Pro Regular'),  
 local('Chaparral Pro-Regular'),  
 local('ChaparralPro-Regular'),  
 local('Chaparral Pro'),  
 url('type/ChaparralPro-Regular.ttf') format('truetype');  
}  

@font-face {  
 font-family: 'corsva';  
 src: url('type/Mtcorsva.eot');  
 src: local('Monotype Corsiva Regular'),  
 local('Monotype Corsiva'),  
 local('Monotype-Corsiva Regular'),  
 local('MonotypeCorsiva Regular'),  
 url('type/Mtcorsva.ttf') format('truetype');  
}  

@font-face {  
 font-family: 'orator';  
 src: url('type/OratorStd.eot');  
 src: local('Orator Std Medium'),  
 local('OratorStd-Medium'),  
 url('type/OratorStd.ttf') format('truetype');  
}  

/* THEN use like you would any other font
 h1 { font-family: "OratorStd", helvetica, arial;  
}   */  
/* END DOWNLOAD FONTS to clients browser script */ 

body {
 background: #fff;
 font: 12px/17px "Lucida Grande", Verdana, sans-serif;
 text-align: left;
 color: #333;
}
p {
 font: 12px/17px "Lucida Grande", Verdana, sans-serif;
 text-align: left;
 font-style: normal;
 color: #333;
}
a:link, a:visited {
 color: #666
}
a:hover {
 color: #ea6004;
}
h1 {
 font-family: "Monotype Corsiva", corsva, arial, helvetica, san-sarif;  
 font-size: 46px;
 font-style: normal;
 color: #b0b0b0;
}
h2, h3 {
 font-weight: normal;
 font-size: 1em;
 line-height: 18px;
}
h2 {
 padding: 10px 0px 20px 0px;
 font-size: 1.25em;
 text-transform: uppercase:
 color: #999;
}
h3 {
 padding-bottom: 6px;
 font-weight: bold;
 text-transform: uppercase;
 letter-spacing: -1px;
 color: #633;
}
#wrap {
 margin: -1px auto;
 width: 960px;
 height: 690px;
 text-align: center;
 border: 1px solid #b0b0b0;
}
#wrapFlex {
 margin: -1px auto;
 width: 960px;
 height: auto;
 text-align: center;
 border: 1px solid #b0b0b0;
}
#page {
 margin: 0 ;
 width: 960px;
 height: inherit;
 text-align: left;
}
#header {
 height: 122px;
 background: #fff url(../images/hdr_bkgrd.jpg) top no-repeat;
}
#header p {
 float: left;
 padding: 30px 24px 24px 20px;
 font-size: 1.5em;
 line-height: -1em;
 color: #fff
}
#header ul {
 padding: 74px 24px 24px 200px;
}
#header li {
 display: inline;
 padding: 0 38px 10px 38px;
 font-family: "Monotype Corsiva", corsva, arial, helvetica, san-sarif;  
 font-size: 15px;
 font-style: normal;
 color: #333;
}
#header li a {
 font-size: 1.25em;
 line-height: 1em;
 text-decoration: none;
 color: #666
}
#header li a:hover {
 color: #300
}

/* BEGIN invisible image map */ 

#menuindex a {
	position: absolute;
	height: 66px;
	width: 342px;
	top: 2px;
	text-decoration: none;
}
#menuindex a i {
 visibility: hidden;
}

/* END invisible image map */ 

/* BEGIN portfolio menue image map */ 

#menuportfolio {
 position: relative;
 right: 40px;
 top: -5px;
 font: 12px/17px "Lucida Grande", Verdana, sans-serif;
 font-style: normal;
 color: #333;
 text-align: right;
}
#menuportfolio a {
 text-decoration: none;
}
	
/* END portfolio menue image map */ 

/* BEGIN portfolio section */ 

#gallerycontent {
 float: right;
 padding-right: 30px;
 width: 900px;
 height: 520px;
 text-align: center;
}
#gallerycontent object {
 position: relative;
 top: -7px;
}

/* END portfolio section */ 

/* BEGIN Footer section */ 

#footer {
 clear: both;
 width: 960px;
 height: 24px;
 text-align: center;
}
#footer a:link, #footer a:visited #footer a:active {
 color: #333;
 text-decoration: none;
}
#footer a:hover {
color: #ea6004;
text-decoration: none;
} 
#footer p {
 padding: 2px 2px 2px 2px;
 font-family: verdana, tahoma, arial, san-sarif;  
 font-size: 11px;
 font-style: normal;
 color: #333;
 text-align: center;
}

/* BEGIN footer image position */ 
img.bottom {
 vertical-align:text-bottom;
 }
/* END footer image position */ 

/* END Footer section */ 

.clear {
 clear: both;
}