/* template style */

a {
   outline: none;
text-decoration: none;
}

body{
color:black;
font-family:trebuchet MS;
background-color:#1E2F40;

}


#allcontent{
width:1100px;
height: auto;
position:relative;
margin-top:-8px;
margin-right:auto;
margin-left:auto;
background-color:#fff;
}

#ie7 #allcontent{
width:1100px;
height: auto;
position:relative;
margin-top:-13px;
margin-right:auto;
margin-left:auto;
background-color:#fff;
}

#header {
background-image:url(images/top3.jpg);
background-repeat:no-repeat;
height:190px;
width:1090px;
position:absolute;
margin-left:10px;

}

#ie7 #header {
background-image:url(images/top3.jpg);
background-repeat:no-repeat;
height:190px;
width:1060px;
margin-left:-30px;
position:absolute;
}

#logo{
height:140px;
margin-left:84px;
margin-top:96px;
position:absolute;
width:320px;
}
#ie7 #logo{
height:140px;
margin-left:84px;
margin-top:144px;
position:absolute;
width:320px;
}

#links{
    height: 46px;
    margin-left: 429px;
    margin-top: 185px;
    position: absolute;
    width: 665px;
}
#ie7 #links{
height:46px;
margin-left:665px;
margin-top:190px;
position:absolute;
width:665px;
}

#links a{
margin:1px;
padding:0px;
}

#content{
margin-left:60px;
width:845px;
padding-top:65px;
}
#ie7 #content{
margin-left:60px;
width:1090px;
padding-top:165px;
}


#sendemail{
margin-top:300px;
width:1100px;
}

#footer {
border-top:1px solid #A9E5B8;
background-color:#fff;
color:#6492B9;
font-size:12px;
height:90px;
position:relative;
width:1100px;
border-bottom:1px solid #A9E5B8;
}

/* home style */

#home {
height:1200px;
width:1100px;
}
#indexright {
margin-left:470px;
margin-top:145px;
position:absolute;
padding: 5px;
}
#ie7 #indexright {
margin-left:442px;
margin-top:155px;
position:absolute;
}
#hometext {
background-repeat:no-repeat;
font-family:trebuchet MS;
font-size:15pt;
height:auto;
margin-left:0px;
margin-top:201px;
padding-top:50px;
position:absolute;
text-align:center;
width:393px;
}

#homepic {
float:left;
margin-top:152px;
width:200px;
position:absolute;
margin-left:62px;
}


/*shows style */
#shows {
height:700px;
width:1100px;
}

#ie7 #shows {
height:900px;
width:1100px;
}

/*twist style */

#twisttext {
float:left;
width:500px;
margin-left:45px;
padding-bottom: 20px;

}
#twistbooking {
border-bottom:1px solid;
float:left;
width:500px;
margin-left:45px;
border-top:1px solid;
padding-top:5px;
}

#twisttube {
float:left;
margin-top: 4px;
}
#twisthighresphotos{
float:left;
margin-top: 30px;
margin-left: 90px;
}
#twistreviews{
float:left;
width:935px;

}
#ie7 #twistreviews{
width:935px;
position:relative;
z-index: 222222;
}

#twist {
height:700px;
margin-left:20px;
margin-top:180px;
width:1100px;
}

#ie7 #twist {
height:900px;
margin-left:20px;
margin-top:180px;
width:1100px;
}



#twistshow {
height:475px;
margin-left:20px;
margin-top:206px;
position:absolute;

}
#twistquote {
margin-left:35px;
width:380px;
margin-top:17px;

}

/*planet style */



#planettext {
float:left;
width:500px;
margin-left:45px;
padding-bottom: 20px;
}
#planetbooking {
border-bottom:1px solid;
margin-bottom:20px;
float:left;
width:500px;
margin-left:45px;
border-top:1px solid;
padding-top:5px;
}

#planettube {
float:left;
margin-top: 4px;
}
#planethighresphotos{
float:left;
margin-left:545px;
}
#planetpower {
height:700px;
margin-left:20px;
margin-top:180px;
width:1100px;
}

#ie7 #planetpower {
height:750px;
margin-left:20px;
margin-top:280px;
width:1100px;
}


#planetpowershow {
height:475px;
margin-left:550px;
margin-top:206px;
position:absolute;
}

#ie7 #planetpowershow {
height:475px;
margin-left:630px;
margin-top:206px;
position:absolute;
}
#planetquote {
margin-left:435px;
width:380px;
margin-top:17px;
font-style:italic;
}




/*gallery style */

#gallery {
width:1100px;
height: 850px;
margin-top:112px;
}

#ie7 #gallery {
width:1100px;
height:1450px;

}

#imageborder {
height:375px;
margin-left:300px;
margin-top:200px;
position:absolute;
width:374px;
border:solid 6px #38537B;
}
#ie7 #imageborder {
height:375px;
margin-left:55px;
margin-top:555px;
width:374px;
border:solid 6px #38537B;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
margin-left:275px;
width:420px;
margin-top:288px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}
#ie7 .gallerycontainer{
margin-left:458px;
padding-top:200px;
width:420px;
position:relative;
height:800px;
}

#ie7 ieimagecontainer{
left:20px;
}

.thumbnail img{
border: 1px solid black;
margin: 0 19px 5px 0;
float: right;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{

}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
padding: 5px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
text-decoration: none;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
left:358px;
margin-top:552px;
top:0;
visibility:visible;
z-index:50;
text-decoration: none;
}
.thumbnail:active span{ /*CSS for enlarged image*/
visibility: visible;
left:358px;
margin-top:552px;
top:0;
z-index: 50;
text-decoration: none;
}




#ie7 .gallerycontainer{
height:75px;
margin:10px;
position:relative;
width:400px;
margin-left:446px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

#ie7 .thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

#ie7 .thumbnail:hover{
background-color: transparent;
}



#ie7 .thumbnail span{ /*CSS for enlarged image*/
position: absolute;
padding: 5px;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}

#ie7 .thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

#ie7 .thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
left:40px;
z-index: 50;
top:0px;
}

#ie7 .thumbnail:active span{ /*CSS for enlarged image*/
visibility: hidden;
left:180px;
top:240px;
z-index: 50;
}



#video {
width:1100px;
height: 2060px;
margin-top:112px;
}
#phototitle {
margin-left:713px;
padding-bottom:55px;
position:absolute;
top:256px;
}
#youtube {
top:353px;
position:absolute;
width:900px;
}

#youtubeleft{
height:auto;
margin-left:0px;
margin-top:75px;
padding-top:50px;
position:absolute;
text-align:center;
width:400px;
}
#youtuberight{
margin-left:480px;
margin-top:75px;
position:absolute;
padding: 5px;
}


#ie7 #youtuberigh {
margin-left:442px;
margin-top:100px;
position:absolute;
}



#available{
border-bottom:1px solid gray;
border-top:1px solid gray;
width:671px;
margin-left:177px;
}

/*youth projects */
#youth{
margin-top:225px;
margin-left:50px;
width: 900px;
}

/*pictures */
#pictures{
height: 485px;
margin-left: 165px;
margin-top: 225px;
}

/*contact style */

#contacttext{
font-size:20px;
margin-left:105px;
margin-top:225px;
position:absolute;
width:328px;
}
#contactform{
width: 440px; 
margin-top: 180px; 
margin-left: 480px; 
height: 280px; 
z-index: 22222222;
}

#ie7 #contacttext{
font-size:20px;
margin-top:225px;
width:328px;


}
#ie7 #contactform{
width: 450px; 
float:right;
margin-right:200px;
height: 300px; 
z-index: 22222222;

}





/*internet explorer 6 codes */
#ie6 #allcontent{
width:1100px;
height: auto;
position:relative;
margin-top:-13px;
margin-right:auto;
margin-left:auto;
background-color:#fff;
}
#ie6 #header {
background-image:url(images/top3.jpg);
background-repeat:no-repeat;
height:190px;
width:1060px;
margin-left:-30px;
position:absolute;
}

#ie6 #logo{
height:140px;
margin-left:84px;
margin-top:144px;
position:absolute;
width:320px;
}
#ie6 #links{
height:49px;
margin-left:665px;
margin-top:190px;
position:absolute;
width:480px;
}
#ie6 #content{
margin-left:60px;
width:1090px;
padding-top:165px;
}
#ie6 #homevid {
margin-left:678px;
margin-top:178px;
position:absolute;
}
#ie6 #shows {
height:900px;
width:1100px;
}
#ie6 #twistreviews{
width:935px;
position:relative;
z-index: 222222;
}
#ie6 #twist {
height:900px;
margin-left:20px;
margin-top:180px;
width:1100px;
}
#ie6 #planetpower {
height:750px;
margin-left:20px;
margin-top:280px;
width:1100px;
}
#ie6 #planetpowershow {
height:475px;
margin-left:630px;
margin-top:206px;
position:absolute;
}

#ie6 #gallery {
width:1100px;
height: 1450px;
}

#ie6 #imageborder {
height:375px;
margin-left:55px;
margin-top:555px;
width:374px;
border:solid 6px #38537B;
}

#ie6 .gallerycontainer{
height:75px;
margin:10px;
position:relative;
width:400px;
margin-left:446px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

#ie6 .thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

#ie6 .thumbnail:hover{
background-color: transparent;
}



#ie6 .thumbnail span{ /*CSS for enlarged image*/
position: absolute;
padding: 5px;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}

#ie6 .thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

#ie6 .thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
left:40px;
z-index: 50;
top:0px;
}

#ie6 .thumbnail:active span{ /*CSS for enlarged image*/
visibility: hidden;
left:180px;
top:240px;
z-index: 50;
}

#ie6 #contacttext{
font-size:20px;
margin-top:225px;
width:328px;
}
#ie6 #contactform{
width: 450px; 
float:right;
margin-right:200px;
height: 300px; 
z-index: 22222222;

}