/* CSS Document new idea */
/* All CSS Coding by Paul Edwards*/

/* Main */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif; background-color: black; text-align:center; color: white; overflow: hidden;}

a:hover   {  
	text-decoration: underline;}
a	  {
	text-decoration: none; border: none; color:#A52218;}
li	{	
	font-size: 12px; text-align:left;}
hr.under { 
	color:#CCCCCC;}
hr.end { 
	color: #999999;}
p	{  
	text-decoration: none; font-size:12px; text-align: left ; border: none;}
p.bio	{ 
	text-align:left; text-indent: 10px;}
p.video	{  
	text-decoration: none; font-size:11px; color:#999999; text-align: center ; border: none;}
.center	{ 
	text-align:center;}
.head {
	background-color:#A52218; text-align:center; font-size: 12px; font-weight:bold; height: 17px;}
.date { 
	text-align: center; color:#999999;}
.header { 
	text-align: center; color:#999999; font-size:16px;}
.under { 
	text-align: center; vertical-align:middle; color:#999999; font-size:26px;}

.info {
	height:260px; width: 140px;}
.top { 
	vertical-align:text-top;}
dl { 
	border: none; margin: 0px; padding: 0px;}

/* Image Classes */
img { 
	border: none;}
img.gall { 	
	width: 90px; height: 90px;}
img.gall2 { 	
	width: 90px; height: 90px; margin: 5px;}
img.mov { 	
	width: 100px; height: 100px;}
.thumbleft { 
	float: left; margin-left: 0px; padding: 10px;}
.thumbright {  
	float: right; margin-right: 0px; padding: 10px;}
#pic  {
	float:right; padding: 10px; border:none; height: 400px; width: 432px;}
	
/* Table Classes and ID's */	

table.experience	{ 
	width: 482; border: none; padding: 0px; text-align:center;}
table.contact	{
	width: 625px; height: 462px; text-align: center; margin-left:auto; margin-right:auto; border: none;}
td { 
	text-decoration: none; font-size: 12px; border: none; text-align:left; font-size-adjust: none;}
td.top { 
	vertical-align: text-top;}
.shipinfo { width: 580px;}
#table {
	float: left; width: 100px; height: 303px; padding: 10px; padding-top: 35px; padding-left: 20px; position:relative;}
#shiptable {
	float: right; width: 570px; height: 407px; padding: 10px; padding-right: 15px; padding-top: 15px; margin-left: 15px; text-align:left;}
#itinerary {
	float: left; right: 0px; top: 10px; width: 120px; height: 244px;}

/* Page Layout */
#webcam  {
	float:right; padding: 10px; margin-right: 20px; border:none; height: 185px; width: 183px;}
#web  {
	float:right; border:none; height: 150px; width: 183px;}
#bio  {
	position: relative; float: left; top: 5px; left: 20px; padding-left: 40px; padding-right: 40px; margin: 15px; border:none; height: 402px; width: 510px;}
#experience  {
	float: right; padding: 20px; margin-right:0px; overflow:auto; border:none; height: 422px; width: 530px;}
#links  {
	float: left; padding: 15px; padding-top: 20px; border:none; height: 412px; width: 550px;}
#gallerymain  {
	float: left; padding: 15px; border:none; height: 412px; width: 590px; text-align: left;}
#showreelmain  {
	float: left; padding: 15px; border:none; height: 432px; width: 590px; text-align: left;}
#showgallery {
	float: left; padding-top:20px; padding: 5px; border:none; height: 412px; width: 610px; text-align: left;}
#contact {
	position:absolute;
	border:none;
	height: 458px;
	width: 617px;
	background: url(../siteimages/main/bg3.jpg) 0 0 no-repeat;
	left: 236px;
	top: 95px;
}
#form {
	border:none; height: 150px; width: 225px; margin-left: auto; margin-right: auto; margin-top: 0px;}
#weblog  {
	position:relative; float: right; padding: 20px; padding-right: 30px; overflow:auto; border:none; height: 420px; width: 570px;}
#calendarwrap  {
	position:relative; float: right; padding: 20px; padding-right: 30px; overflow:auto; border:none; height: 382px; width: 570px;}
	
/* Under Construction Div Id */
#cons  {
	position:relative; top: 140px; left: 60px; padding: 20px; padding-left: 50px; overflow:auto; border:none; height: 122px; width: 400px;}

/*Main Page Layout - DO NOT CHANGE */
#main { 
	width: 895px; height: 600px; margin-left: auto; margin-right: auto; position: relative;}
#lamp {
	float:left; width: 230px; overflow: hidden;}
#home {
	float:left; width: 231px;}
#post {
	float:left; width: 99px; z-index:1;}
.right {
	width: 40px; float:right;}
.bottom {
	float: left; width: 895px;}
#menu {
	float: right; border: 0px; padding: 0px;}
#content  {
	border:none; height: 400px; width: auto; padding: 20px;}
#wrap{
	float: none; width: auto;}
	
/*Gallery and Weblog Icons*/
#backgallery{
	width: 105px; height:32px; position: absolute; top: 497px; left: 490px;}
#next{
	width: 105px; height:32px; position: absolute; top: 498px; left: 629px;}
#previous{
	width: 105px; height:32px; position: absolute; top: 498px; left: 350px;}
#personal{
	width: 179px; height:33px; position: absolute; top: 521px; left: 429px; z-index:3}
#calendar{
	width: 105px; height:33px; position: absolute; top: 522px; left: 608px; z-index:3}

/*Menu Rollovers*/
a.bio  {
	display:block; width: 131px; height: 29px; background: url("../siteimages/menu/bio.jpg") 0 0 no-repeat; text-decoration: none;}
a:hover.bio {
    background-position: -131px 0;}
a.experience  {
	display:block; width: 131px; height: 32px; background: url("../siteimages/menu/experience.jpg") 0 0 no-repeat; text-decoration: none;}
a:hover.experience {
    background-position: -131px 0;}
a.gallery  {
	display:block; width: 131px; height: 31px; background: url("../siteimages/menu/gallery.jpg") 0 0 no-repeat; text-decoration: none;}
a:hover.gallery {
    background-position: -131px 0;}
a.ship  {
	display:block; width: 131px; height: 32px; background: url("../siteimages/menu/ship.jpg") 0 0 no-repeat; text-decoration: none;}
a:hover.ship {
    background-position: -131px 0;}
a.weblog  {
	display:block; width: 131px; height: 32px; background: url("../siteimages/menu/weblog.jpg") 0 0 no-repeat; text-decoration: none;}
a:hover.weblog {
    background-position: -131px 0;}
a.link  {
	display:block; width: 131px; height: 31px; background: url("../siteimages/menu/links.jpg") 0 0 no-repeat; text-decoration: none;}
a:hover.link {
    background-position: -131px 0;}
a.contact  {
	display:block; width: 131px; height: 38px; background: url("../siteimages/menu/contact.jpg") 0 0 no-repeat; text-decoration: none;}
a:hover.contact {
    background-position: -131px 0;}
	
/*Gallery Bottom Menu Rollovers*/
a.next  {
	display:block; width: 105px; height: 32px; background: url("../siteimages/menu/next.jpg") 0 0 no-repeat; text-decoration: none;}
a:hover.next {
    background-position: -105px 0;}
a.previous  {
	display:block; width: 105px; height: 32px; background: url("../siteimages/menu/previous.jpg") 0 0 no-repeat; text-decoration: none;}
a:hover.previous {
    background-position: -105px 0;}
a.main  {
	display:block; width: 105px; height: 32px; background: url("../siteimages/menu/main.jpg") 0 0 no-repeat; text-decoration: none;}
a:hover.main {
    background-position: -105px 0;}
a.personal  {
	display:block; width: 179px; height: 33px; background: url("../siteimages/menu/personal.jpg") 0 0 no-repeat; text-decoration: none;}
a:hover.personal {
    background-position: -179px 0;}
a.calendar  {
	display:block; width: 105px; height: 33px; background: url("../siteimages/menu/calendar.jpg") 0 0 no-repeat; text-decoration: none;}
a:hover.calendar {
    background-position: -105px 0;}
	
/* Menu Highlights*/
a.biolight  {
	display:block; width: 131px; height: 29px; background: url("../siteimages/menu/bio.jpg") -131px 0 no-repeat; text-decoration: none;}
a.explight  {
	display:block; width: 131px; height: 32px; background: url("../siteimages/menu/experience.jpg") -131px 0 no-repeat; text-decoration: none;}
a.gallerylight {
	display:block; width: 131px; height: 31px; background: url("../siteimages/menu/gallery.jpg") -131px 0 no-repeat; text-decoration: none;}
a.shiplight {
	display:block; width: 131px; height: 32px; background: url("../siteimages/menu/ship.jpg") -131px 0 no-repeat; text-decoration: none;}
a.webloglight  {
	display:block; width: 131px; height: 32px; background: url("../siteimages/menu/weblog.jpg") -131px 0 no-repeat; text-decoration: none;}
a.linklight {
	display:block; width: 131px; height: 31px; background: url("../siteimages/menu/links.jpg") -131px 0 no-repeat; text-decoration: none;}
a.contactlight  {
	display:block; width: 131px; height: 38px; background: url("../siteimages/menu/contact.jpg") -131px 0 no-repeat; text-decoration: none; }
a.calendarlight  {
	display:block; width: 105px; height: 33px; background: url("../siteimages/menu/calendar.jpg") -105px 0 no-repeat; text-decoration: none; }
a.personalight  {
	display:block; width: 179px; height: 33px; background: url("../siteimages/menu/personal.jpg") -105px 0 no-repeat; text-decoration: none; }

/* Link Rollovers*/
a.luxious  {
	display:block; width: 250px; height:195px; background: url("../siteimages/links/luxious.jpg") 0 0 no-repeat; text-decoration: none;}
a:hover.luxious {
    background-position: -250px 0;}
a.princess  {
	display:block; width: 250px; height:195px; background: url("../siteimages/links/princess.jpg") 0 0 no-repeat; text-decoration: none;}
a:hover.princess {
    background-position: -250px 0;}
a.drake  {
	display:block; width: 250px; height:195px; background: url("../siteimages/links/drake.jpg") 0 0 no-repeat; text-decoration: none;}
a:hover.drake {
    background-position: -250px 0;}
a.flying  {
	display:block; width: 250px; height:195px; background: url("../siteimages/links/flying.jpg") 0 0 no-repeat; text-decoration: none;}
a:hover.flying {
    background-position: -250px 0;}

/* Link Div Id's*/

#luxious {
	width: 250px; height:195px; position: absolute; top: 121px; left: 264px; z-index:2}
#princess {
	width: 250px; height:195px; position: absolute; top: 121px; left: 539px; z-index:2}
#drake {
	width: 250px; height:195px; position: absolute; top: 337px; left: 264px; z-index:2}
#flying {
	width: 250px; height:195px; position: absolute; top: 337px; left: 539px; z-index:2}


	
/*Gallery Rollovers*/
a.karen  {
	display:block; width: 90px; height:115px; background: url("../photos/gallery/thumbs/saunders.jpg") 0 0 no-repeat; text-decoration: none;}
a:hover.karen {
    background-position: -90px 0;}
a.chris  {
	display:block; width: 90px; height:115px; background: url("../photos/gallery/thumbs/chris.jpg") 0 0 no-repeat; text-decoration: none;}
a:hover.chris {
    background-position: -90px 0;}
a.doug  {
	display:block; width: 90px; height:115px; background: url("../photos/gallery/thumbs/doug.jpg") 0 0 no-repeat; text-decoration: none;}
a:hover.doug {
    background-position: -90px 0;}
a.duo  {
	display:block; width: 90px; height:115px; background: url("../photos/gallery/thumbs/duo.jpg") 0 0 no-repeat; text-decoration: none;}
a:hover.duo {
    background-position: -90px 0;}
a.greg  {
	display:block; width: 90px; height:115px; background: url("../photos/gallery/thumbs/greg.jpg") 0 0 no-repeat; text-decoration: none;}
a:hover.greg {
    background-position: -90px 0;}
a.tonyb  {
	display:block; width: 90px; height:115px; background: url("../photos/gallery/thumbs/tonyb.jpg") 0 0 no-repeat; text-decoration: none;}
a:hover.tonyb {
    background-position: -90px 0;}
a.tillman  {
	display:block; width: 90px; height:115px; background: url("../photos/gallery/thumbs/tillman.jpg") 0 0 no-repeat; text-decoration: none;}
a:hover.tillman {
    background-position: -90px 0;}
a.kenny  {
	display:block; width: 90px; height:115px; background: url("../photos/gallery/thumbs/kenny.jpg") 0 0 no-repeat; text-decoration: none;}
a:hover.kenny {
    background-position: -90px 0;}
a.wardell {
	display:block; width: 90px; height:115px; background: url("../photos/gallery/thumbs/wardell.jpg") 0 0 no-repeat; text-decoration: none;}
a:hover.wardell {
    background-position: -90px 0;}
a.vinnie  {
	display:block; width: 90px; height:115px; background: url("../photos/gallery/thumbs/vinnie.jpg") 0 0 no-repeat; text-decoration: none;}
a:hover.vinnie {
    background-position: -90px 0;}
a.mim2  {
	display:block; width: 90px; height:115px; background: url("../photos/gallery/thumbs/mim2.jpg") 0 0 no-repeat; text-decoration: none;}
a:hover.mim2 {
    background-position: -90px 0;}
	
/* Gallery Thumbs */
#karen {
	width: 90px; height:115px; position: absolute; top: 122px; left: 260px; z-index:2}
#chris {
	width: 90px;
	height:115px;
	position: absolute;
	top: 122px;
	left: 339px;
	z-index:2
}
#doug {
	width: 90px;
	height:115px;
	position: absolute;
	top: 122px;
	left: 494px;
	z-index:2
}
#duo {
	width: 90px;
	height:115px;
	position: absolute;
	top: 122px;
	left: 645px;
	z-index:2
}
#greg {
	width: 90px; height:115px; position: absolute; top: 272px; left: 260px; z-index:2}
#tonyb {
	width: 90px; height:115px; position: absolute; top: 272px; left: 708px; z-index:2}
#tillman {
	width: 90px; height:115px; position: absolute; top: 417px; left: 260px; z-index:2}
#kenny {
	width: 90px; height:115px; position: absolute; top: 417px; left: 411px; z-index:2}
#wardell {
	width: 90px; height:115px; position: absolute; top: 417px; left: 562px; z-index:2}
#vinnie {
	width: 90px; height:115px; position: absolute; top: 417px; left: 708px; z-index:2}
#mim2 {
	width: 90px; height:115px; position: absolute; top: 122px; left: 260px; z-index:2}

/*Showreel*/
#showreel {
	width: 302px; height:150px; position: absolute; top: 252px; left: 379px; z-index:2}
#showreelmov {
	width: 536px; height:384px; position: absolute; top: 103px; left: 275px; z-index:2}
#showreelmovlow {
	width: 472px; height:384px; position: absolute; top: 103px; left: 304px; z-index:2}
#showreeltext {
	width: 560px; height:51px; position: absolute; top: 495px; left: 267px; z-index:2}
#showreeltitle {
	width: 560px; height:21px; position: absolute; top: 125px; left: 263px; z-index:2}
#quicktime {
	width: 90px; height:102px; position: absolute; top: 200px; left: 370px; z-index:2}
#windowsmedia {
	width: 106px; height:51px; position: absolute; top: 200px; left: 610px; z-index:2}
#movlow {
	width: 127px; height:32px; position: absolute; top: 344px; left: 359px; z-index:2}
#movhigh {
	width: 127px; height:32px; position: absolute; top: 410px; left: 359px; z-index:2}
#wmvlow {
	width: 127px; height:32px; position: absolute; top: 344px; left: 599px; z-index:2}
#wmvhigh {
	width: 127px; height:32px; position: absolute; top: 410px; left: 599px; z-index:2}

/*Showreel Rollovers*/
a.showreel  {
	display:block; width: 302px; height:150px; background: url("../photos/gallery/thumbs/showreel.jpg") 0 0 no-repeat; text-decoration: none;}
a:hover.showreel {
    background-position: -302px 0;}
a.low  {
	display:block; width: 127px; height:32px; background: url("../siteimages/menu/lowquality.jpg") 0 0 no-repeat; text-decoration: none;}
a:hover.low {
    background-position: -127px 0;}
a.high  {
	display:block; width: 127px; height:32px; background: url("../siteimages/menu/highquality.jpg") 0 0 no-repeat; text-decoration: none;}
a:hover.high {
    background-position: -127px 0;}




/* Show Thumbs Styles */
#pix	{
	float: left; padding: 5px; margin-left: 2px; margin-top: 40px;}
#pix1	{
	float: left; padding: 5px; margin-left: 2px; margin-top: 40px;}
#pix2	{ 
	float: right; padding: 5px; margin-left: 2px; margin-top: 40px;}

/* MouseOut state (default) - hide larger picture */
#pix a img.hid {
	width: 400px; height:300px; position: absolute; top: 164px; left: 340px; visibility: hidden;}
#pix1 a img.hid {
	width: 400px; height:300px; position: absolute; top: 166px; left: 395px; visibility: hidden;}
#pix2 a img.hid {
	width: 400px; height:300px; position: absolute; top: 165px; left: 342px; visibility: hidden;}
#pixbg{
	width: 400px; height:300px; position: absolute; top: 165px; left: 341px;}
#pixbg2{
	width: 400px; height:300px; position: absolute; top: 166px; left: 394px;}

/* MouseOver state (hover)- reveal larger picture */
#pix a:hover { 
	background: black;}
#pix a:hover img.hid { 
	visibility:visible;}
#pix1 a:hover { 
	background: black;}
#pix1 a:hover img.hid { 
	visibility:visible;}
#pix2 a:hover { 
	background: black;}
#pix2 a:hover img.hid { 
	visibility:visible;}