html,body{
padding:0px;
margin:0px;
background-color:#566074;
font-family:arial;
}

a{
font-size:12px;
}

.bold{
font-weight:bold;
display:inline;
}

.pushup{
margin-top:-8px;
text-align:center;
}

div{
border:none;
margin:0px;
padding:0px;
}

img{
border:none;
margin:0px;
}

.center{
text-align:center;
}

.justify{
text-align:justify;
}

h2{
font-size:16px;
margin:2px;
color:#999;
}

#leftBG{
position: absolute;
left:0px;
width: 50%;
height:100%;
background:url('gfx/botLeft_01.png') no-repeat left bottom;
}

#rightBG{
position: absolute;
right:0px;
width: 50%;
height:100%;
background:url('gfx/topRight_01.png') no-repeat right top;
}

#folio{
position:absolute;
background:url('gfx/renderBG.png') no-repeat;
width: 800px;
height: 700px;
top: 50%;
left: 50%;
margin-top: -350px;
margin-left: -400px;

/*border:1px solid blue; */
}

#header{
position:absolute;
width:100%;
height:100px;
/*border:1px solid pink;*/
}

#main{
position:absolute;
top:105px;
left:40px;
width:720px;
height:505px;
/*border:1px solid yellow;*/
}

#footer{
position:absolute;
bottom:53px;
left:25px;
height:20px;
width:750px;
padding:0px;
margin:0px;
color:#666;
font-size:12px;
}

#css{
position:absolute;
bottom:0px;
right:10px;
}

#xhtml{
position:absolute;
bottom:0px;
right:100px;
}

#projDescript{
position:absolute;
bottom:0px;
width:100%;
height:38px;
background:#222;
color:#999;
border: 1px solid #808080;
}

#projDescript p{
margin:3px;
font-size:10px;
}

#galleryDescript{
position:absolute;
bottom:0px;
width:100%;
height:38px;
background:#222;
color:#999;
border: 1px solid #808080;
}

#galleryDescript p{
margin:10px;
font-size:12px;
}

#thumbstripContainer1{
background:#222;
margin-top:20px;
padding:5px 0px 25px 53px;
}

#thumbstripContainer2{
background:#222;
margin-top:40px;
padding:5px 0px 25px 53px;
}

#CVcontainer{
height:95%;
width:100%;
overflow:auto;
}

#CVsquisher{
width:700px;
}
/*=======================NAVIGATION================================*/

#nav{
position:relative;
top:48px;
left:335px;
width:412px;
height:45px;
}


#tab3_disabled{
position:absolute;
left:206px;
width:103px;
height:45px;
background:url(gfx/tab3_disabled.png) no-repeat;
}


#tab1_closed{
position:absolute;
width:103px;
height:45px;
background:url(gfx/tab1_closed_selected.png) no-repeat;
}
#tab2_closed{
position:absolute;
left:103px;
width:103px;
height:45px;
background:url(gfx/tab2_closed_selected.png) no-repeat;
}
#tab3_closed{
position:absolute;
left:206px;
width:103px;
height:45px;
background:url(gfx/tab3_closed_selected.png) no-repeat;
}
#tab4_closed{
position:absolute;
left:309px;
width:103px;
height:45px;
background:url(gfx/tab4_closed_selected.png) no-repeat;
}

#tab1_open{
position:absolute;
width:103px;
height:45px;
background:url(gfx/tab1_open_selected.png) no-repeat;
}
#tab2_open{
position:absolute;
left:103px;
width:103px;
height:45px;
background:url(gfx/tab2_open_selected.png) no-repeat;
}
#tab3_open{
position:absolute;
left:206px;
width:103px;
height:45px;
background:url(gfx/tab3_open_selected.png) no-repeat;
}
#tab4_open{
position:absolute;
left:309px;
width:103px;
height:45px;
background:url(gfx/tab4_open_selected.png) no-repeat;
}

.tab{
position:relative;
white-space:nowrap;
display:block;
}

.tab a{
display:block;
width:103px;
height:45px;
float:left;
}

.tab img{
width:103px;
height:45px;
border:0;
}

* html .tab a:hover{
visibility:visible;
}

.tab a:hover img{
visibility:hidden;
}

/**** END OF BUTTONS ****/