/**************************************************/
/*                 Body and Wrapper               */
/**************************************************/

body {
background: #000099 url(images/back.png) top center repeat-x; 
margin: 0;
padding: 0;
font-family:Verdana,Arial,Geneva,Helvetica,sans-serif;
font-size:11px;
font-weight:normal;
color:#000000;
}

#wrapper {
margin: 0 auto;
width: 800px;
padding: 0;
text-align: left;
}

#video {float: left; 
margin: 0px 20px 5px 0px;
}

#video img{
width: 212; 
height: 171; 
border: 3px solid rgb(128,128,255);
}



div.vid {
width: 545px;
float:left;
line-height:1.45em;
margin-bottom:20px;
padding-top:18px;
}

div.VidWrapper{
width: 545px;
float:left;
line-height:1.45em;
border-top:1px solid #999999;
margin-bottom:20px;
padding-top:18px;
}

div.VidPic {
display: block;
float: left;
width: 110px;
margin: 0px 0px 0px 0px;
border: 0px;
text-align: left;
}

div.VidText {
display: block;
float: left;
width: 400px;
text-align: left;
}

div.VidLinks{
display: block;
float: left;
width: 555px;
height: 80px;
margin: 0px 0px 0px 0px;
border: 0px;
text-align: left;
}
div.last{
display: block;
float: left;
width: 300px;
margin: 0px 0px 0px 30px;
text-align: left;
}

/**************************************************/
/*                  Top Piece                     */
/**************************************************/

#top {
background: url(images/bgtop.png) top center no-repeat; 
width: 800px;
height: 78px;
}

/**************************************************/
/*               Content                                             
another wrapper that holds all the content        */
/**************************************************/

#content {
background: url(images/bgmiddle.png) center repeat-y; 
width: 766px;
height: 100%;
padding: 0px 17px 0px 17px;
}

/**************************************************/
/*                 All the content                */                       
/**************************************************/

#header {
background: url(images/header.png) top center no-repeat; 
width: 741px;
height: 85px;
margin: 0px 0px 10px 0px;
padding: 25px 10px 15px 15px;
color: white;
font-size: 50px;
}

/**************************************************/
/*                      Menu                      */
/**************************************************/

#menu {
width: 200px;
height: 100%;
margin-left: 10px;
float: left;
text-align: left;
}

#menu li a {
height: 37px;
voice-family: "\"}\""; 
voice-family: inherit;
height: 29px;
text-decoration: none;
text-align: left;
}	
	
#menu li a:link, #menu li a:visited {
color: navy;
display: block;
background:  url(images/off.png) top center no-repeat;
padding: 8px 0 0 10px;
height: 29px;
text-align: left;
}
	
#menu li a:hover {
color: blue;
background:  url(images/on.png) top center no-repeat;
padding: 8px 0 0 10px;
height: 29px;
text-align: left;
}	

#homemenu li a:link, #homemenu li a:visited {
height: 37px;
height: 29px;
text-decoration: none;
text-align: left;
color: blue;
background:  url(images/on.png) top center no-repeat;
padding: 8px 0 0 10px;
height: 29px;
text-align: left;
}

ul{
margin: 15px;
padding: 0;
text-align: left;
}
h3{
margin: 0px;
padding: 0;
text-align: left;
}
h3.side{
margin: 0px;
padding: 2px 0px 0px 0px;
text-align: center;
}
#menu ul{
list-style: none;
margin: 0;
text-align: left;
}
#buttons {
margin-left: 0px;
font-size:14px;
}
#stuff {
background:  url(images/texttop.png) top left no-repeat;
width: 555px;
height: 1000px;
margin: 0px 0px 0px 210px;
padding-top: 55px;
border: 2px navy;
}

#LongishStuff {
background:  url(images/texttop.png) top left no-repeat;
width: 555px;
height: 1150px;
margin: 0px 0px 0px 210px;
padding-top: 55px;
border: 2px navy;
}

#LongStuff {
background:  url(images/texttop.png) top left no-repeat;
width: 555px;
height: 1300px;
margin: 0px 0px 0px 210px;
padding-top: 55px;
border: 2px navy;
}

#LongStuffClassic{
background:  url(images/texttop.png) top left no-repeat;
width: 555px;
height: 1350px;
margin: 0px 0px 0px 210px;
padding-top: 55px;
border: 2px navy;
}

#ExtraLongStuff{
background:  url(images/texttop.png) top left no-repeat;
width: 555px;
height: 1450px;
margin: 0px 0px 0px 210px;
padding-top: 55px;
border: 2px navy;
}

#MediumStuff {
background:  url(images/texttop.png) top left no-repeat;
width: 555px;
height: 800px;
margin: 0px 0px 0px 210px;
padding-top: 55px;
border: 2px navy;
}


#ShortStuff {
background:  url(images/texttop.png) top left no-repeat;
width: 555px;
height: 590px;
margin: 0px 0px 0px 210px;
padding-top: 55px;
border: 2px navy;
}

#intro {
width: 540px;
margin: 0px 50px 0px 5px;
padding-top: 10px;
}

img {
border: none;
} 
div.SideFrame {
display: block;
float: left;
width:173px;
margin: 0px 0px 15px 0px;
border: 3px;
border-color: #003366;
text-align: center;
}
div.ImageFrame {
display: block;
float: left;
width:173px;
height: 300px;
margin: 5px 5px 5px 5px;
text-align: left;
}
div.ImageFrame2{
display: block;
float: left;
width:173px;
height: 245px;
margin: 5px 5px 5px 5px;
text-align: center;
}
div.ImageFrame3{
display: block;
float: left;
width:260px;
height: 320px;
margin: 5px 5px 30px 0px;
}

div.ImageFrame4{
display: block;
float: left;
width:260px;
height: 360px;
margin: 10px 5px 20px 5px;
text-align: left;
}

div.ImageFrame4b{
display: block;
float: left;
width:260px;
height: 290px;
margin: 10px 5px 20px 5px;
text-align: left;
}

div.ImageFrame5{
display: block;
float: left;
width:260px;
height: 290px;
margin: 10px 5px 20px 5px;
text-align: left;
}

div.ImageFrame5L{
display: block;
float: left;
width:260px;
height: 290px;
margin: 10px 5px 20px 5px;
text-align: left;
}

div.PL1{
display: block;
float: left;
width:260px;
height: 290px;
margin: 10px 5px 20px 0px;
text-align: left;
}

div.ImageClassic{
display: block;
float: left;
width:260px;
height: 150px;
margin: 10px 5px 20px 5px;
text-align: left;
}

div.ImageClassicShort{
display: block;
float: left;
width:260px;
height: 130px;
margin: 10px 5px 20px 5px;
text-align: left;
}

div.ImageShoot0{
display: block;
float: left;
width:260px;
height: 200px;
margin: 10px 5px 20px 5px;
text-align: left;
}

div.ImageShoot{
display: block;
float: left;
width:260px;
height: 220px;
margin: 10px 5px 20px 5px;
text-align: center;
}

div.ImageAdd {
display: block;
float: left;
width:180px;
margin: 13px 0px 0px 5px;
border: 3px;
}
div.ImagePartners {
display: block;
float: left;
width:300px;
margin: 0px 0px 0px 200px;
}

h2.welcome {
background-color:#003366;
color:#FFFFFF;
font-weight:bold;
margin: 28px 0px 10px 5px;
padding:3px 4px 3px 10px;
}
/**************************************************/
/*                    Bottom                      */
/**************************************************/

#bottom {
background: url(images/bgbottom.png) bottom center no-repeat; 
width: 800px;
height: 50px;
}