/******** index page ********/
body#home #paper {
height:812px;
background: #fff url(../img/bg/index.jpg) 0px 0px no-repeat;
margin: 0em auto;
}


body#home #header, body#home #content {
 position: relative;
width: 940px;
 }
 
  /*header*/
body#home #header {
 height: 202px;
 }

/*nav*/
body#home #nav {
position: relative; 
width: 940px;	
/*height: 300px;*/
height: 280px;
}

body#home #nav a img  {
width: 240px;
height: 210px;	
margin:19px 0em 0em 0em;
}

  /*content*/
body#home #content {
height:610px;
 } 

 /*video*/
 
 body#home #video {
position: relative; 
width: 940px;
}
 
 body#home #video_module {
height: 256px;
} 

body#home #video, body#home #module {
float: left;
height: 256px;
display:inline;
}

body#home #video {
width: 320px; 
}

/*flash*/
body#home object#video, body#home embed#video  {
width: 320px; 
height: 256px;
}
 
body#home #module { 
 position:relative;
 width: 620px; 
background: #fff;
}

/******** bio page ********/
body#bio #paper {
/*height:1036px;*/
height:1103px;
margin: 0em auto;
background: #fff url(../img/bg/bio.jpg) 0px 0px no-repeat;
}

body#bio #header, body#bio #content {
 position: relative;
width: 940px;
 }
 
 /*header*/
body#bio #header {
 height: 202px;
 }
 
 /*content*/
body#bio #content {
/*height:834px;*/
height: 901px;
 } 

/*copy*/
body#bio #copy {
position: relative;	
width: 	960px;
height: 640px;
}

body#bio #copy_left, body#bio #copy_right {
float: left;
height: 640px;
}

body#bio #copy_left {
width: 230px;	
	}

body#bio #copy_left img {
position: relative;	
top: 195px;	
}
	
body#bio #copy_right {
width: 710px;
}

body#bio h2 {
position: relative;
height: 180px;
width: 710px;
}

body#bio h2 img {
margin: 86px 0em 0em 0em;	
}

body#bio #copy_right p {
width: 650px;
font: normal normal normal 13px/22px arial, verdana, helvetica, sans-serif;
color: #666;
margin: 0em 0em 1em 1.5em;

}

body#bio span.bold { 
width: 650px;
font: normal normal normal 13px/22px arial, verdana, helvetica, sans-serif;
color: #666;
margin: 0em 0em 1em 0em;
font-weight: bold;
}


body#bio a img.acsm {
position: relative;
width:100px; 
height: 48px;
}


body#bio a.hire {
	float: left;
	width: 134px;
	height: 42px;
	background: url(../img/btn/hire.png) 0px 0px no-repeat;
	text-decoration: none;
	display: block;
	margin:2.25em 0em 0em 20px;
	text-indent: -1000em;
}

body#bio a.hire:hover {
background-position:  0px -42px;  /*left | top*/
cursor: pointer;
}



/******** gallery page ********/

body#gallery #paper {
/*height:1172px;*/
height: 1282px;
margin:0px auto;
background: #fff;

}

body#gallery #header, body#gallery #content  {
 position: relative;
width: 940px;

 }
 
 
 /*header*/
 body#gallery #header {
 height: 182px;
 background: url(../img/header/gallery_h1.jpg) 0px 0px no-repeat;
 }


  /*content*/
 body#gallery #content {
/*height:990px;*/
height:1100px;
 } 
 
 /*copy*/
body#gallery #copy {
position: relative;	
width: 	940px;
height:949px;
}

body#gallery #copy_left, body#gallery #copy_right {
float: left;
height:949px;

}

body#gallery #copy_left {
width: 230px;	
background: #fff;
	}

body#gallery #copy_left img {
position: relative;	
top: 215px;	
}

/*photo and video gallery*/

body#gallery #copy_right {
width: 710px;
background: url(../img/bg/gallery2.jpg) 0px 0px no-repeat;
}

body#gallery #copy_right h2 {
width: 710px;
height: 95px;
}

body#gallery #copy_right h2 img {
margin: 40px 0em 0em 0em;	
}

body#gallery #copy_right h3 {
width: 710px;
height: 60px;
}

body#gallery #copy_right h3 ul {
position: relative;
width: 700px;
height: 60px;
}

body#gallery #copy_right h3 ul li {
float: left;
width: 348px;
height: 60px;
display: inline;
text-align:left;
}

body#gallery #copy_right h3 ul li.photo {
float: left;
width: 100px;
height: 60px;
background: url(../img/header/gallery_h3_photo.png) 0px 0px no-repeat;
margin: 0em 0em 0em 30px;
display: inline;
}

body#gallery #copy_right h3 ul li.video { 
float: left;
width: 100px;
height: 60px;
background: url(../img/header/gallery_h3_video.png) 0px 0px no-repeat;
margin: 0em 0em 0em 253px;
-moz-margin-start : 257px; 
display: inline;
}

body#gallery #photos, body#gallery #videos {
float: left;
height: 794px;

}

/*photos*/

body#gallery #photos {
width: 375px;
} 

body#gallery #photos a { 
margin:0em 0em 0em 3em;
font: normal normal normal 13px arial, verdana, helvetica, sans-serif;
color: #31589c;	
text-decoration: underline;
}

body#gallery #photos a:hover {
color: #ff6304; /* orange*/
text-decoration: none;	
} 

body#gallery #thumbs {
position: relative;
width: 375px;	
height:665px;
	}

body#gallery #thumbs a.left, body#gallery #thumbs a.middle {
float: left;
border: 1px solid #f6ceb4;
line-height:0;
}

body#gallery #thumbs a.left {
margin: 0em 0em 16px 36px;
}

body#gallery #thumbs a.middle {
margin: 0em 0em 16px 20px;	
}

body#gallery #thumbs a.left:hover, body#gallery #thumbs a.middle:hover {
border: 1px solid #ff5a00;	
}

body#gallery #photos a img.hire {
float: left;
margin:3.95em 0em 0em 0.8em;
	}

/*videos*/
body#gallery #videos { 
width: 335px;
}

/*flash*/
body#gallery #player { 
margin: 0em 0em 0em 4px;
}

body#gallery object#player, body#gallery embed#player  {
width: 258px;
height: 206px;

}

/*navigation*/
body#gallery #nav {
position: absolute; 
top: 20px; left: -20px;
width: 240px;
height: 210px;
z-index: 50;
}

body#gallery #nav ul {
position: relative;
}


body#gallery #nav a img  {
width: 240px;
height: 210px;	
margin:19px 0em 0em 0em;
}


body#gallery #button {
position: relative;	
width: 375px;
height:100px;
margin: 13em 0em 0em 0em;
}


body#gallery #button a.hire {
width:134px;
height:42px;
background: url(../img/btn/hire.png) 0px 0px no-repeat;
text-decoration: none;
display: block;
margin: 1em 0em 0em 10px;
text-indent: -1000em;
}

body#gallery #button a.hire:hover {
	background-position:  0px -42px;  /*left | top*/
	cursor: pointer;
}


/******** press page ********/

 body#press #center-wrapper { 
width: 1060px;
min-height:100%;
position:relative;
margin: 0em auto;
background:  url(../img/bg/dropshadow.png)  0px 0px repeat-y;
}

 body#press #paper {
position: relative;
width: 940px;
margin: 0em auto;
background: #fff url(../img/bg/press.jpg) 0px 0px no-repeat;
}

 body#press #header {
position: relative;
width: 940px;
 height: 202px;
 }

 body#press #content {
position: relative;
width: 940px;
height: 200px;
margin: 0em auto;
}

 body#press #content h2 {
position: relative;
height: 180px;
width: 940px;
}

 body#press #content h2 img {
margin: 86px 0em 0em 230px;
}

 body#press #content img.blockquote {
position: absolute;	
top: 195px;	left: 0em;
z-index: 100;
}

body#press #nav {
position: absolute; 
top: 0px; left: -20px;
width: 240px;
height: 210px;
z-index: 50;
}


/* accordion*/
 body#press .accordion {
position:relative;
width: 675px;
top: 0em; left: 240px;
padding-bottom:60px;/* Height of the footer */
}

 body#press span.left {
float: left;
height: 40px; 
width: 60px;
background: transparent;
display: block;
}

body#press p.date {
position: relative;
font: italic normal normal 12px arial, verdana, helvetica, sans-serif;
line-height:10px;
color: #666;
text-indent: .25em;
}

  body#press .accordion h3 {
	background: url(../img/btn/open_closed.png) no-repeat 0px 0px;
	height: 55px;
	margin: 0;
	cursor: pointer;
	color: #31589b; /* blue*/
	margin: .75em 0em 0em 0em;
	padding: .25em 0em 0em 0em;
	font: normal normal normal 18px arial, verdana, helvetica, sans-serif;
	line-height:27px;
}

 body#press .accordion h3:hover {
	background: url(../img/btn/open_closed.png) no-repeat 0px -114px;
	
	color: #ff6304; /* orange*/
}

  body#press .accordion h3.active {
	color: #ff6304; /* orange*/
	background: url(../img/btn/open_closed.png) no-repeat 0px -114px;
}

 body#press .accordion ul {
width: 600px;
margin: 0em 0em 0em 60px;
padding:0.5em 0em;
border-bottom:1px solid #C0C0C0;
}

  body#press .accordion ul li {
font: normal normal normal 14px arial, verdana, helvetica, sans-serif;
line-height: 24px;
color: #666;
margin: 0em 0em 2em .5em;
width: 600px;
}



  body#press #button {
position: relative;	
width:600px;
height:75px;
}

  body#press #button a.hire {
float: left;
width:134px;
height:42px;
background: url(../img/btn/hire.png) 0px 0px no-repeat;
text-decoration: none;
display: block;
margin: 1em 0em;
text-indent: -1000em;
}

  body#press #button a.hire:hover {
	background-position:  0px -42px;  /*left | top*/
	cursor: pointer;
}

.spacer {
height: 10px;
}


 body#press #footer {
position:absolute;
bottom: -120px; left: 50%; 
width:1060px;
height:120px;/* Height of the footer */
margin: 0em auto;
margin-left: -529px;
align: center;
background: url(../img/footer/footer.png) 0px 0px no-repeat;
}



/******** calendar page ********/

body#calendar #paper {
height:1008px;
margin:0px auto;
background: #fff;
/*height:1080px;*/
}

body#calendar #header, body#calendar #content {
 position: relative;
width: 940px;
 }

 /*header*/
 body#calendar #header {
 height: 182px;
 background: url(../img/header/calendar_h1.jpg) 0px 0px no-repeat;
 }

  /*content*/
 body#calendar #content {
height:825px;

 } 
 
 /*copy*/
body#calendar #copy {
position: relative;	
width: 	940px;
height:825px;
}

body#calendar #copy_left, body#calendar #copy_right {
float: left;
height:825px;
background: #fff;
}

body#calendar #copy_left {
width: 230px;	
	}

body#calendar #copy_left img {
position: relative;	
top: 215px;	
}
/*
body#calendar #copy_right {
width: 710px;
background: url(../img/bg/calendar.jpg)0px 0px no-repeat;
}
*/

body#calendar #copy_right h2 {
width: 710px;
height: 95px;
}

body#calendar #copy_right h2 img { 
margin: 40px 0em 0em 0em;	
}

body#calendar #calendar_container {
position: relative;
width: 664px;
height: 640px; 
margin: 5px 0em 0em 3px;
}

body#calendar object#calendar_container, 
body#calendar embed#calendar_container  {
width: 664px;
height: 640px; 
margin:0em auto 0em 3px;
}



/*navigation*/
body#calendar #nav {
position: absolute; 
top: 20px; left: -20px;
width: 240px;
height: 210px;
z-index: 50;
}

body#calendar #nav ul {
position: relative;
}

body#calendar #nav a img  {
width: 240px;
height: 210px;	
margin:19px 0em 0em 0em;
}


body#calendar #button {
position: relative;	
height:100px;
margin: 0em;
}

body#calendar #button a.hire {
float: left;
width:134px;
height:42px;
background: url(../img/btn/hire.png) 0px 0px no-repeat;
text-decoration: none;
display: block;
margin: 3em 0em 0em 10px;
text-indent: -1000em;
}

body#calendar #button a.hire:hover {
	background-position:  0px -42px;  /*left | top*/
	cursor: pointer;
}


/******** contact page ********/
  body#contact #center-wrapper { 
width: 1060px;
min-height:100%;
position:relative;
margin: 0em auto;
background:  url(../img/bg/dropshadow.png)  0px 0px repeat-y;
}

 body#contact #paper {
position: relative;
width: 940px;
margin: 0em auto;
background: #fff url(../img/bg/contact.jpg) 0px 0px no-repeat;
}

 body#contact #header {
position: relative;
width: 940px;
 height: 202px;
 }

 body#contact #content {
position: relative;
width: 940px;
height: 180px;
margin: 0em auto;
}

 body#contact #content h2 {
position: relative;
height: 180px;
width: 940px;
}

 body#contact #content h2 img {
margin: 86px 0em 0em 230px;
}

 body#contact #content img.blockquote {
position: absolute;	
top: 195px;	left: 0em;
z-index: 100;
}


/* accordion*/
 body#contact .accordion {
width: 695px;
min-height:200px;
margin: 0em 0em 0em 240px;
padding-bottom:60px;/* Height of the footer */
}

 body#contact span.left {
float: left;
height: 40px; /*******if you change this height, update .accordion h3*******/
width: 60px;
background: transparent;
display: block;
}


  body#contact .accordion h3 {
	background: url(../img/btn/open_closed2.png) no-repeat 0px 0px;
	height: 37px;
	margin: 0;
	cursor: pointer;
	color: #31589b; /* blue*/
	margin: .75em 0em 0em 0em;
	padding: .25em 0em 0em 0em;
	font: normal normal normal 18px arial, verdana, helvetica, sans-serif;
	line-height:28px;
}

body#contact .accordion h3:hover {
	background: url(../img/btn/open_closed2.png) no-repeat 0px -114px;
		color: #ff6304;  /* orange*/
}

  body#contact .accordion h3.active {
	color: #ff6304; /* orange*/
	background: url(../img/btn/open_closed2.png) no-repeat 0px -228px;
}

/*form*/

 body#contact .accordion ul { 
position: relative;
width: 610px; 
margin: 0em 0em 0em 60px;
padding:1em 0em 3.25em 0em;
border-bottom:1px solid #C0C0C0;
}

 body#contact .accordion ul li { 
position: relative;
width: 610px;  
height: 30px;
font: normal normal normal 13px arial, verdana, helvetica, sans-serif;
color: #666;
line-height: 28px;
}

body#contact .accordion ul li span {
margin: 0em 0em 0em 10px;
} 

body#contact .accordion form input {
position: relative;
width:310px;
height:20px;
font: normal normal normal 16px arial, verdana, helvetica, sans-serif;
color: #999;
padding: 0.125em 0em 0em 0em;
}

/*comment section*/
 body#contact .accordion ul li.comment_title { 
position: relative;
width:310px; 
height: 45px;
font: normal normal normal 13px arial, verdana, helvetica, sans-serif;
color: #666;
line-height: 20px;
margin: 0.5em 0em 0em 0em;
}



body#contact .accordion ul li.comment {
position: relative;
width: 610px; 
height: 130px;
}

body#contact .accordion form textarea {
position: relative;
width: 310px;
height: 115px;
font: normal normal normal 16px arial, verdana, helvetica, sans-serif;
color: #999;
}

/*submit button*/
body#contact .accordion ul li.submit {
width: 610px; 
height:42px;
}

body#contact .accordion ul li input.submit {
float: left;
margin: 0em;
padding: 0em;
width:89px;
height:42px;
background: url(../img/btn/send.png) 0px 0px no-repeat;
display: block;
outline: none;
border: 1px;
}

body#contact .accordion ul li input.submit:hover {
background-position:  0px -42px;  /*left | top*/
	cursor: pointer;	 
}

/*errors*/
body#contact .accordion input.error, body#contact .accordion textarea.error {
border:2px solid red;
}

body#contact .accordion label.error {
margin: 0em 0em 0em 15px;
color: red;
}
 
 
 


body#contact .accordion ul li input.submit {
float: left;
margin: 0em;
padding: 0em;
width:89px;
height:42px;
background: url(../img/btn/send.png) 0px 0px no-repeat;
display: block;
outline: none;
border: 0px;
}

body#contact .accordion ul li input.submit:hover {
background-position:  0px -42px;  /*left | top*/
	cursor: pointer;	 
	
}

  body#contact .spacer {
height: 70px;
}

  body#contact .spacer2 {
height: 15px;
}


 body#contact #footer {
position:absolute;
bottom: -120px; left: 50%; 
width:1060px;
height:120px;/* Height of the footer */

margin: 0em auto;
margin-left: -529px;
align: center;
background: url(../img/footer/footer.png) 0px 0px no-repeat;
}

/******** faq page ********/
body#faq #center-wrapper { 
width: 1060px;

position:relative;
margin: 0em auto;
background:  url(../img/bg/dropshadow.png)  0px 0px repeat-y;
}

body#faq #paper {
position: relative;
width: 940px;
margin: 0em auto;
background: #fff url(../img/bg/faq.jpg) 0px 0px no-repeat;
}

body#faq #header {
position: relative;
width: 940px;
 height: 202px;
 }

body#faq #content {
position: relative;
width: 940px;
height: 200px;
margin: 0em auto;
}

body#faq #content h2 {
position: relative;
height: 180px;
width: 940px;
}

body#faq #content h2 img {
margin: 86px 0em 0em 230px;
}

body#faq #content img.blockquote {
position: absolute;	
top: 195px;	left: 0em;
z-index: 100;
}

body#faq #nav {
position: absolute; 
top: 0px; left: -20px;
width: 240px;
height: 210px;
z-index: 50;
}


/* accordion*/
body#faq .accordion {
position:relative;
width: 675px;
top: 0em; left: 240px;
padding-bottom: 60px;/* Height of the footer */
}

body#faq span.left {
float: left;
height: 40px; /*******if you change this height, update .accordion h3*******/
width: 60px;
background: transparent;
display: block;
}

 body#faq .accordion h3 {
	background: url(../img/btn/open_closed.png) no-repeat 0px 0px;
	height: 55px;
	margin: 0;
	cursor: pointer;
	color: #31589b; /* blue*/
	margin: .75em 0em 0em 0em;
	padding: .25em 0em 0em 0em;
	font: normal normal normal 18px arial, verdana, helvetica, sans-serif;
	line-height:28px;
}

body#faq .accordion h3:hover {
	background: url(../img/btn/open_closed.png) no-repeat 0px -114px;
	
	color: #ff6304; /* orange*/
}

 body#faq .accordion h3.active {
	color: #ff6304; /* orange*/
	background: url(../img/btn/open_closed.png) no-repeat 0px -114px;
}

body#faq .accordion ul {
width: 600px;
margin: 0em 0em 0em 60px;
padding:0.5em 0em;
border-bottom:1px solid #C0C0C0;
}

 body#faq .accordion ul li {
font: normal normal normal 14px arial, verdana, helvetica, sans-serif;
line-height: 24px;
color: #666;
margin: 0em 0em 2em 0em;
width: 600px;
}



 body#faq #button {
position: relative;	
width: 695px;
height:75px;
}

 body#faq #button a.hire {
float: left;
width:134px;
height:42px;
background: url(../img/btn/hire.png) 0px 0px no-repeat;
text-decoration: none;
display: block;
margin: 1em 0em;
text-indent: -1000em;
}

 body#faq #button a.hire:hover {
	background-position:  0px -42px;  /*left | top*/
	cursor: pointer;
}

.spacer {
height: 10px;
}


body#faq #footer {
position:absolute;
bottom: -120px; left: 50%; 
width:1060px;
height:120px;/* Height of the footer */
margin: 0em auto;
margin-left: -529px;
align: center;
background: url(../img/footer/footer.png) 0px 0px no-repeat;
}