@import url(headspace_color.css);
@import url(headspace_type.css);
@import url(headspace_non_legacyIE.css);

body{
height:100%;
margin:0px;
}


body.image_top{
background-position:center -14px;
background-repeat:no-repeat;
}


body.image_btm, body.image_splash, body.image_intro, body.image_middle {
background-position:center top;
background-repeat:no-repeat;
}



/*IMAGES XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

img{
border-style:none;
}

img.symbol{
vertical-align:middle;
margin-right:10px;
margin-left:5px;
margin-top:5px;
margin-bottom:5px;
}

img.gallery{
border:5px solid white;
vertical-align:middle;
margin-right:8px;
margin-left:8px;
margin-top:5px;
display:inline;
}

img.website, img.website_link{
width:230px;
height:180px;
position:absolute; 
top:0px;
right:0px;
}


img.website {
z-index:1
}


img.website_link{
z-index:2;
}



/*TEXT BLOCK FORMATTING XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/


div.welcome_txt{
position:absolute;
top:43px;
left:0px;
z-index:0;
width:670px;
height:116px;
padding-top:15px;
padding-right:45px;
padding-left:45px;
}

div.content_txt{
padding-top:3px;
padding-right:20px;
padding-bottom:20px;
padding-left:20px;
text-align:justify;
}


div.gallery_txt, div.web_news_txt{
position:absolute; 
left:0px;
width:300px;
background-position:top left;
background-repeat:repeat-y;
padding-right:60px;
padding-bottom:0px;
padding-left:20px;
}

div.gallery_txt {
top:60px;
padding-top:10px;
}

div.web_news_txt{
top:52px;
padding-top:0px;
}


div.cv_txt{
width:850px;
left:0px;
padding-top:20px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
}


div.gallery_link_place{
position:absolute;
top:15px;
left:120px;
text-align:center;
height:60px;
width:710px;
}

div.gallery_link{
height:10px;
display:inline;
border-left:solid;
border-width:1px;
margin-left:15px;
padding-left:15px;
}



/* OTHER POSITIONING ELEMENTS XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/




div.top_container{
text-align:center;
position:absolute;
bottom: 0px;
left: 0px;
width: 100%;
height:60px;
background-position:bottom center;
background-repeat:no-repeat;
}

div.container{
margin:0px auto; 
position:relative;
width:850px;
}


div.top_navbar{
position:relative; 
width:360px;
height:28px;
top:32px;
left:228px;
margin:auto;
}


div.btm_navbar{
position:relative;
width:680px;
height:60px;
left:0px;
top:0px;
}

div.news_link{
position:absolute;
left:650px;
top:5px;
z-index:3;
}


div.loading{
position:absolute;
top:100px;
left:220px;
}

div.welcome_container{
position:absolute;
top:30px;
left:15px;
z-index:1;
width:850px;
}


div.content_title{
position:relative;
top:0px;
left:0px;
width:850px;
height:33px;
background-position:top right;
background-repeat:no-repeat;
}


div.homelink{
position:absolute;
top:0px;
right:0px;
}

div.play_button{
position:absolute;
top:5px;
right:8px;
}


div.contentpg_background{
position:relative;
top:0px;
left:0px;
width:850px;
height:60px;
background-position:top left;
background-repeat:repeat-x;
}




div.content_textbox{
position:absolute;
right:0px;
top:43px;
width:460px;
height:350px;
}


div.content_picture{
position:absolute;
left:0px;
top:50px;
width:350px;
height:330px;
}

div.website_picture{
position:absolute;
right:30px;
top:50px;
width:400px;
height:330px;
}


div.small_gallery_frame{
position:absolute;
right:0px;
top:0px;
} 


div.gallery_container{
background-position:top left;
background-repeat:repeat-x;
background-attachment:fixed;
padding-top:20px;
padding-right:100px;
padding-bottom:0px;
padding-left:40px;
}


div.expand_button{
position:absolute; 
left:273px;
top:345px;
}

div.web_expand{
position:absolute; 
left:404px;
top:350px;
}



div.back_button{
position:absolute; 
left:10px;
top:20px;
}

div.previous_button, div.next_button {
position:absolute; 
top:23px;
}

div.previous_button{
left:210px;;
}

div.next_button{
left:300px;
}

div.iframe_back{
position:fixed;
top:8px;
right:5px;
width:38px;
height:26px;
z-index:1;
}

div.flash_gallery{
position:absolute;
top:0px;
left:0px;
margin:0px;
padding:0px;
}


/*CV FORMATTING XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/


div.cv_page1, div.cv_page2 {
position:relative;
margin-top:40px;
left:8px;
width:726px;
background-position:top right;
background-repeat:repeat;
padding-top:45px;
padding-bottom:100px;
padding-left:45px;
padding-right:45px; 
}


div.cv_frame{
position:absolute;
right:0px;
top:5px;
}



/*PAGE TITLES XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/


div.about_title, div.contact_title, div.websites_title, div.photo_title, div.artwork_title{
position:absolute;
top:0px;
left:0px;
width:200px;
height:33px;
text-indent:-9999px;
}


/*CORNERS XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

div.topright_cnr{
position:absolute;
top:0px;
right:0px;
width:20px;
height:20px;
background-position:top right;
background-repeat:no-repeat;
}


div.btmright_cnr{
position:absolute;
bottom:0px;
right:0px;
width:20px;
height:20px;
background-position:bottom right;
background-repeat:no-repeat;
}

div.topleft_cnr{
position:absolute;
top:0px;
left:0px;
width:20px;
height:20px;
background-position:top left;
background-repeat:no-repeat;
}

div.btmleft_cnr{
position:absolute;
left:0px;
bottom:0px;
width:20px;
height:20px;
background-position: bottom left;
background-repeat:no-repeat;
}