@import url(color.css);
@import url(type.css);



/*NORMALISATION xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

table
{border-collapse:separate; border-spacing:0;}


fieldset,img
{border:0}


caption,th
{text-align:left;}


/*LAYOUT xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

html {
text-align:center;
}



div#container {
position:relative;
top:0px;
width:100%;
min-width:970px;
height: 100%;
margin:0 auto;
text-align:left;
}


.default{
min-height:575px;
}

.about{
min-height:1030px;
}

.skills{
min-height:780px;
}





   





h1{
position : absolute; 
top: 6px;
left: 25px; 
width: 122px;
height:  135px;
background:  url(../images/logo.gif) no-repeat;
text-indent: -9999px; 
}


ul#nav_primary{
	position: absolute;
	top:73px;
	right:35px;
	margin:0;
	text-align:right;
	width:650px;
}


div#header_block_right{
position: absolute;
background:  url(../images/nav_margin.gif) #000000 right repeat-y;
top:149px;
left:50%;
width:50%;
height:30px;
}

div#header_block_left{
position: absolute;
background:  url(../images/nav_margin.gif) #000000 left repeat-y;
top:149px;
left:0px;
width:50%;
height:30px;
}

div#flash_missing_top{
position: absolute;
background:  url(../images/nav_margin.gif) #000000 left repeat-y;
top:0px;
left:0px;
width:100%;
height:30px;
}

div#flash_missing_bottom{
position: absolute;
background:  url(../images/nav_margin.gif) #000000 left repeat-y;
bottom:0px;
left:0px;
width:100%;
height:30px;
}



div#secondary_nav_block{
position: absolute;
left:24%;
top:0px;
}


div#footer_block_right{
position: absolute;
background:  url(../images/nav_margin.gif) #000000 right repeat-y;
top:90%;
left:50%;
width:50%;
height:30px;
z-index:0;
}

div#footer_block_left{
position: absolute;
background:  url(../images/nav_margin.gif) #000000 left repeat-y;
top:90%;
left:0px;
width:50%;
height:30px;
z-index:0;
}



div#text_container{
background-color:#ffffff;
position: absolute;
top:37%;
left:62%;
width:38%;
z-index:2;
}

div#flash_missing_text{
background-color:#ffffff;
position: absolute;
top:20%;
left:62%;
width:38%;
z-index:2;

}







div#text_container_about{
background-color:#ffffff;
position: absolute;
top:214px;
left:62%;
width:38%;
z-index:2;
}










div#flash_gallery{
position: absolute;
top:149px;
left:0px;
width:100%;
height:75%;
}

div#flash_picture{
position: absolute;
top:179px;
left:0px;
width:55%;
height:59%;
z-index:1;
}

div#flash_missing_picture{
position: absolute;
left:4%;
top:10%;
width:55%;
height:75%;
z-index:1;
}


div#flash_picture_about{
position: absolute;
top:179px;
left:0px;
width:55%;
height:70%;
z-index:1;
}

div#get_flash{
position:absolute;
left:7%;
width:600px;
}

img.nav {
margin-right: 8px;
width:10px;
}

img.icon {
vertical-align:middle;
width:60px;
height:60px;
margin-right:17px;
}


img.small_icon {
display:inline;
vertical-align:middle;
width:23px;
height:26px;
margin-left:4px;
}

div#copyright{
position: absolute;
bottom:-25px;
right:0px;
}



ul#nav_secondary  li {
display:inline;
}


img#about_me {
height:30px;
width:97px;
}

img#skills_cv {
height:30px;
width:112px;
}

img#divider {
height:30px;
width:1px;
}